/* Movimento / 04: headline contida, campo responsivo e fotografia em sequência. */
.architecture .hero h1{font-size:clamp(50px,5.8vw,92px);font-weight:400;line-height:1.09;letter-spacing:-.055em;margin-top:23px}
.architecture .hero .eyebrow{font-size:8px;letter-spacing:.1em}
.architecture .hero-bottom{padding-top:26px}
.architecture .hero-bottom .text-link{font-size:10px;gap:24px}
.hero-field.is-interactive{inset:0;background:none;animation:none;transform:none;opacity:.6;will-change:auto}
.hero-field canvas{display:block;width:100%;height:100%}
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,36px,0);transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.motion-ready .project-photo,.motion-ready .interlude figure{clip-path:inset(5% 0 0);transition:clip-path 1.35s cubic-bezier(.16,1,.3,1)}
.motion-ready .is-visible .project-photo,.motion-ready .interlude figure.is-visible{clip-path:inset(0)}
.motion-ready .project-photo>img,.motion-ready .interlude figure img{transform:translate3d(0,var(--image-shift,0px),0) scale(1.1);transition:scale .7s ease;will-change:transform}
.motion-ready .project-open:hover .project-photo>img{scale:1.025}
.motion-ready .project:focus-within{opacity:1;transform:none}
.motion-ready .project:focus-within .project-photo{clip-path:inset(0)}
.project-landscape{width:94%;margin-top:35px}
.project-landscape .project-photo{aspect-ratio:1.9}
.interlude figure{overflow:hidden;border-radius:14px}
.interlude figure img{border-radius:0}
.interlude figcaption{position:relative;background:#fff;margin-top:0;padding-top:13px}
.map-bottom-card small{display:block;font-size:9px;color:#7a8493;line-height:1.6;margin-top:5px;max-width:360px}
.map-confirm-actions{display:flex;gap:12px;align-items:center;flex:none}
.map-confirm-actions #cancel-map-point{background:transparent;color:#7a8493;padding-inline:6px}
.project-map-pin{cursor:grab;touch-action:none}
.project-map-pin:active{cursor:grabbing}
.project-map-pin svg{width:40px;height:50px;overflow:visible;filter:drop-shadow(0 4px 5px #12244230)}
.project-map-pin:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:20px}
.project-map-pin.is-pending svg{filter:drop-shadow(0 3px 8px #1749ef50)}
@media(min-width:1800px){.architecture .hero h1{font-size:100px}}
@media(max-height:780px) and (min-width:761px){.architecture .hero h1{font-size:clamp(49px,5.5vw,82px)}}
@media(max-width:760px){.architecture .hero h1{font-size:clamp(44px,9.8vw,68px);line-height:1.12;letter-spacing:-.05em}.architecture .hero .eyebrow{font-size:7px}.hero-field.is-interactive{inset:0;opacity:.52}.project-landscape{width:100%;margin-top:0}.project-landscape .project-photo{aspect-ratio:1.4}.map-bottom-card{left:65px;bottom:32px}.map-confirm-actions{justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}.map-confirm-actions button{margin-top:0}.map-confirm-actions #cancel-map-point{font-size:8px}.map-bottom-card small{font-size:8px;max-width:250px}.map-bottom-card p{font-size:14px}.map-instruction{max-width:100%}.map-instruction>span{line-height:1.5}.interlude figure{border-radius:10px}}
@media(max-width:420px){.architecture .hero h1{font-size:11.4vw}.architecture .hero-bottom{padding-top:25px}.architecture .hero .eyebrow{letter-spacing:.06em}.map-confirm-actions{display:block}.map-confirm-actions #cancel-map-point{display:block;margin-bottom:8px;padding:0}.map-confirm-actions #confirm-map-point{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.motion-ready .project-photo,.motion-ready .interlude figure{clip-path:none;transition:none}.motion-ready .project-photo>img,.motion-ready .interlude figure img{transform:none;scale:1;will-change:auto}}