/* Quiet typography gives the film room to lead. */
.hero-refined.hero-content,html[lang^=en] .hero-refined.hero-content{top:auto;bottom:19%;left:7%;right:7%;transform:none;max-width:none;text-align:start}
.hero-editorial-label{font-size:10px;letter-spacing:3px;color:#ffffffb0}
.cinematic-hero .hero-refined h1,html[lang^=en] .cinematic-hero .hero-refined h1{font-size:clamp(42px,5.1vw,80px);line-height:1.18;font-weight:300;letter-spacing:-.025em;max-width:900px;margin:20px 0 26px;text-shadow:0 2px 24px #0003}
.hero-refined .hero-cta,html[lang^=en] .hero-refined .hero-cta{position:static;display:inline-flex;font-size:12px;gap:18px}
.hero-refined .cta-circle{height:38px;width:38px;font-size:17px}.hero-side-label,.hero-stamp,.hero-frame{display:none}.hero-bottom .hero-project,.hero-bottom .hero-location{display:none}.hero-bottom{justify-content:end}.hero-shade{background:linear-gradient(180deg,#07171026 0%,transparent 40%,#07171080 100%)}
.story-watermark{opacity:.18;font-size:clamp(100px,19vw,250px)!important;color:#d8d5ca!important}
/* Scroll through the projects at the visitor's own pace. */
.portfolio-scroll-story{height:480vh;padding:0;overflow:visible;position:relative}
.portfolio-stage{position:sticky;top:82px;height:calc(100svh - 82px);overflow:hidden;background:var(--paper);padding:26px 0 20px;display:flex;flex-direction:column;justify-content:center}
.portfolio-stage .portfolio-heading{margin-bottom:18px;flex-shrink:0}.portfolio-stage .portfolio-heading h2{font-size:clamp(32px,3.4vw,50px);margin-top:10px;line-height:1.08}.portfolio-stage .portfolio-heading h2 br{display:none}.portfolio-stage .portfolio-heading p{font-size:12px}.portfolio-stage .portfolio-heading .eyebrow{font-size:10px}
.portfolio-stage .portfolio-track{position:relative;flex-shrink:0;height:calc(min(37vh,380px) + 30px);padding-top:0;padding-bottom:30px;scroll-snap-type:none;overflow:hidden;transition:none;touch-action:pan-y}
.portfolio-stage .portfolio-entry{flex:0 0 min(46vw,720px);max-width:none;height:clamp(210px,37vh,380px);min-height:0;aspect-ratio:auto;padding-bottom:62px;overflow:hidden;background:#eceae2;color:var(--ink);opacity:1;transform:none;transition:box-shadow .6s}
.portfolio-stage .portfolio-entry:before,.portfolio-stage .portfolio-visual:after{display:none}.portfolio-stage .portfolio-visual{position:absolute;inset:0 0 62px;height:auto;background:#eceae2}
.portfolio-stage .portfolio-entry .portfolio-visual img,.portfolio-stage .portfolio-entry.visible.is-active .portfolio-visual img,.portfolio-stage .portfolio-entry.visible:not(.is-active) .portfolio-visual img{object-fit:contain;object-position:center;transform:none!important;filter:none;transition:none}
.portfolio-stage .portfolio-top,.portfolio-stage .portfolio-caption small{display:none}.portfolio-stage .portfolio-caption{inset-inline:18px;bottom:13px;opacity:1;transform:none;transition:none}.portfolio-stage .portfolio-caption h3{font-size:clamp(24px,2.2vw,34px);margin:0;line-height:1.2}.portfolio-stage .portfolio-open{width:32px;height:32px;font-size:16px;border-color:#b8bba9}.portfolio-stage .portfolio-entry.is-active{box-shadow:0 10px 20px -15px #14231c66}.portfolio-stage .portfolio-controls{margin-top:0;flex-shrink:0}.portfolio-stage .portfolio-count:after{background:linear-gradient(to right,var(--sand) calc(var(--portfolio-progress,0)*100%),#c7ccbf 0)}
/* An architectural editorial layout for the vision. */
.vision-editorial{padding:70px 7% 80px;background:#f4f3ee;color:var(--ink)}.vision-editorial:before{display:none}.vision-editorial-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd0c3;padding-bottom:24px}.vision-small-sign{font-size:9px;letter-spacing:2px;color:#77816e}.vision-editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:start;padding-top:55px}.vision-editorial-copy h2{font-weight:300;font-size:clamp(45px,5.4vw,80px);line-height:1.12;letter-spacing:-.03em;margin:0 0 25px}.vision-editorial-copy h2 em{font-style:normal;color:#998451}.vision-manifesto{font-size:15px;line-height:1.9;max-width:370px;color:#6d7766;margin-bottom:42px}.vision-principle{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:23px 0;border-top:1px solid #cbd0c3}.principle-index{font-size:10px;color:#998451;padding-top:8px}.vision-principle h3{font-size:27px;font-weight:400;margin:0 0 8px}.vision-principle h4{font-size:13px;font-weight:400;margin:0 0 10px}.vision-principle p{font-size:12px;line-height:1.9;color:#73806d;margin:0;max-width:390px}.vision-editorial-link{display:inline-flex;gap:35px;align-items:center;margin-top:25px;font-size:12px;padding-bottom:12px;border-bottom:1px solid #8d977f}.vision-editorial-link span{font-size:21px}.vision-editorial-photo{margin:0;position:sticky;top:115px;padding:0 0 30px 22px}.vision-editorial-photo img{width:100%;height:560px;max-height:66vh;object-fit:cover;object-position:center;display:block}.vision-editorial-photo figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding-top:18px;color:#74806a;gap:12px}.vision-photo-line{position:absolute;inset:25px 22px 0 0;border:1px solid #bbad8c;z-index:-1}.vision-editorial-photo.visible{z-index:1}
@media(max-width:750px){.hero-refined.hero-content,html[lang^=en] .hero-refined.hero-content{bottom:23%}.cinematic-hero .hero-refined h1,html[lang^=en] .cinematic-hero .hero-refined h1{font-size:clamp(37px,9vw,60px);max-width:440px}.hero-editorial-label{font-size:8px;letter-spacing:2px}.story-watermark{opacity:.1}.portfolio-scroll-story{height:460vh}.portfolio-stage{top:74px;height:calc(100svh - 74px);padding:20px 0}.portfolio-stage .portfolio-heading{margin-bottom:16px}.portfolio-stage .portfolio-heading h2{font-size:32px}.portfolio-stage .portfolio-heading p{display:none}.portfolio-stage .portfolio-entry{flex-basis:86vw}.portfolio-stage .portfolio-track{padding-bottom:30px}.portfolio-stage .portfolio-controls{gap:12px}.vision-editorial{padding:45px 7% 55px}.vision-small-sign{font-size:7px;letter-spacing:1px}.vision-editorial-grid{grid-template-columns:1fr;gap:35px;padding-top:35px}.vision-editorial-copy h2{font-size:49px}.vision-manifesto{font-size:14px;margin-bottom:30px}.vision-editorial-photo{position:relative;top:auto;padding-left:15px}.vision-editorial-photo img{height:390px;max-height:none}.vision-photo-line{right:15px}.vision-editorial-photo figcaption{font-size:8px}.vision-principle h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.portfolio-scroll-story{height:auto;padding:45px 0}.portfolio-stage{position:relative;top:0;height:auto}.portfolio-stage .portfolio-track{overflow-x:auto}.portfolio-stage .portfolio-entry{transition:none}.vision-editorial-photo{position:relative;top:auto}}

/* Keep intentional scroll navigation available with reduced motion. */
@media(prefers-reduced-motion:reduce){.portfolio-scroll-story{height:480vh;padding:0}.portfolio-stage{position:sticky;top:96px;height:calc(100svh - 96px)}.portfolio-stage .portfolio-track{overflow:hidden}.portfolio-entry,.portfolio-track{transition:none!important}}
@media(max-width:1100px) and (prefers-reduced-motion:reduce){.portfolio-stage{top:86px;height:calc(100svh - 86px)}}
@media(max-width:750px) and (prefers-reduced-motion:reduce){.portfolio-scroll-story{height:460vh}}