.architecture-page{--paper:#f1eee7;--paper-text:#171918;background:var(--bg)}
body.architecture-page>.header.architecture-header{--header-progress:0;position:fixed;inset:0 0 auto;z-index:40;padding-block:0;background:linear-gradient(rgba(16,18,16,calc(.45 - var(--header-progress)*.15)),rgba(23,25,24,calc(var(--header-progress)*.82)));backdrop-filter:blur(calc(var(--header-progress)*18px));-webkit-backdrop-filter:blur(calc(var(--header-progress)*18px));box-shadow:0 1px 0 rgba(255,255,255,calc(var(--header-progress)*.07));transition:background .55s var(--ease),box-shadow .55s var(--ease)}
.architecture-header .header-inner{max-width:none;min-height:calc(104px - var(--header-progress)*40px);transition:min-height .45s var(--ease)}
.architecture-header .logo{width:calc(220px - var(--header-progress)*68px);transition:width .45s var(--ease)}
.architecture-hero{height:100svh;min-height:680px;position:relative;isolation:isolate;overflow:hidden}
.architecture-hero-media,.architecture-hero-scrim{position:absolute;inset:0;z-index:-2}
.architecture-hero-media img,.architecture-hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.architecture-hero-media video{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}
.architecture-hero-media video.ready{opacity:1}
.architecture-hero-scrim{z-index:-1;background:linear-gradient(180deg,#0c0e0c18 25%,#0c0e0cbb 100%),linear-gradient(90deg,#0c0e0c66,transparent 70%)}
.architecture-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(165px,23vh,240px);padding-bottom:clamp(64px,10vh,130px)}
.architecture-hero h1{max-width:9ch;font-size:clamp(4rem,min(9vw,14vh),10rem);font-weight:700;line-height:.95;letter-spacing:-.06em}
.architecture-hero p{max-width:51ch;margin-top:clamp(28px,4vh,52px);font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.55}
.architecture-paper{background:var(--paper);color:var(--paper-text)}
.architecture-intro{padding:clamp(110px,16vw,250px) 0}
.architecture-narrow{max-width:1280px}
.architecture-intro h2{max-width:12ch;font-size:clamp(3.2rem,7.6vw,8.5rem);font-weight:700;line-height:.98;letter-spacing:-.055em}
.architecture-prose{max-width:710px;margin-left:auto}
.architecture-prose p{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.62}
.architecture-prose p+p{margin-top:1.4em}
.architecture-intro .architecture-prose{margin-top:clamp(60px,9vw,140px)}
.architecture-film-section{padding:clamp(100px,12vw,190px) 0 0;overflow:hidden}
.architecture-section-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(48px,8vw,140px);align-items:end;margin-bottom:clamp(55px,8vw,110px)}
.architecture-section-copy h2{max-width:12ch;font-size:clamp(3rem,6.4vw,7.2rem);font-weight:700;line-height:.98;letter-spacing:-.055em}
.architecture-section-copy p{max-width:43ch;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}
.architecture-section-copy--title-only{display:block}
.architecture-film-context{margin-top:clamp(64px,8vw,120px);margin-right:var(--gutter);padding-bottom:clamp(105px,13vw,200px)}
.architecture-media{width:calc(100% - clamp(48px,8vw,160px));max-width:min(1180px,calc(177.778svh - 320px));margin-inline:auto;aspect-ratio:16/9;background:#090a09;overflow:hidden;border-radius:clamp(14px,2vw,30px)}
.architecture-media video,.architecture-media iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0;background:#090a09}
.architecture-media video{object-fit:contain}
.architecture-youtube{position:relative}
.architecture-youtube>img{width:100%;height:100%;object-fit:contain}
.architecture-youtube-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3vw,32px);padding:clamp(24px,5vw,72px);text-align:center;background:linear-gradient(180deg,#090a091f,#090a09a8)}
.architecture-youtube-consent .architecture-play{position:relative;left:auto;top:auto;translate:none;flex:none}
.architecture-youtube-consent p{max-width:58ch;font-size:clamp(.75rem,1.1vw,.95rem);line-height:1.55;color:#f1eee7;text-shadow:0 2px 12px #000}
.architecture-interior-player{position:relative}
.architecture-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:clamp(74px,7vw,108px);height:clamp(74px,7vw,108px);min-height:0;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#171918;background:rgba(241,238,231,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 45px #0004;transition:transform .35s var(--ease),background .25s,opacity .3s}
.architecture-play[hidden]{display:none}
.architecture-play span{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid currentColor;margin-left:5px}
.architecture-play:hover{transform:scale(1.05);background:#fff}
.architecture-play:active{transform:scale(.98)}
.architecture-paper.architecture-film-section{padding-bottom:clamp(100px,12vw,190px)}
.architecture-photo-section{padding:clamp(88px,10vw,150px) 0 clamp(100px,12vw,175px)}
.architecture-photo-copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(42px,8vw,130px);align-items:end;margin-bottom:clamp(44px,6vw,86px)}
.architecture-photo-copy h2{max-width:10ch;font-size:clamp(2.8rem,5.4vw,6rem);font-weight:700;line-height:.98;letter-spacing:-.055em}
.architecture-photo-label{margin-bottom:clamp(14px,1.8vw,24px);font-size:.75rem;font-weight:600;letter-spacing:.16em;line-height:1;color:var(--text-muted)}
.architecture-photo-copy p{max-width:44ch;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.65}
.architecture-photo-sequence{display:grid;grid-template-columns:.8fr 1.25fr .668fr;gap:clamp(12px,1.4vw,24px);align-items:end}
.architecture-photo{margin:0;min-width:0}
.architecture-photo img{display:block;width:100%;height:auto;border-radius:clamp(14px,2vw,30px)}
.architecture-reference{padding:clamp(120px,17vw,270px) 0}
.architecture-reference-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(70px,12vw,190px);align-items:start}
.architecture-reference h2{max-width:9ch;font-size:clamp(3.5rem,7.5vw,8.5rem);font-weight:700;line-height:.96;letter-spacing:-.06em}
.architecture-founder{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100svh}
.architecture-founder-image{min-height:760px;overflow:hidden}
.architecture-founder-image img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.architecture-founder-copy{align-self:center;padding:clamp(70px,9vw,150px);max-width:850px}
.architecture-founder h2{font-size:clamp(3rem,6vw,7rem);font-weight:700;line-height:.98;letter-spacing:-.055em}
.architecture-founder-name{margin-top:clamp(58px,7vw,105px);font-size:clamp(1.6rem,2.5vw,2.5rem);font-weight:600;letter-spacing:-.025em}
.architecture-founder-role{margin-top:4px;color:#666a65;font-size:.95rem}
.architecture-founder-copy>p:last-of-type{max-width:38ch;margin-top:clamp(34px,4vw,60px);font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.65}
.architecture-email{display:inline-flex;align-items:center;min-height:48px;margin-top:clamp(34px,4vw,58px);font-size:clamp(1rem,1.45vw,1.3rem);border-bottom:1px solid currentColor}
.architecture-footer{padding-top:clamp(65px,8vw,110px);padding-bottom:calc(clamp(120px,17svh,200px) + env(safe-area-inset-bottom,0px));font-size:.8125rem;color:var(--text-muted)}
.architecture-footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:1px solid var(--border)}
.architecture-footer-main nav{display:flex;gap:28px}.architecture-footer>p{margin-top:24px}
.architecture-legal-header{padding:18px 0;border-bottom:1px solid var(--border)}
.architecture-legal-nav{display:flex;align-items:center;justify-content:space-between;gap:40px}
.architecture-legal-header .logo{width:180px}
.architecture-back{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;border-bottom:1px solid currentColor}
.architecture-legal-main{max-width:980px;padding-top:clamp(90px,12vw,180px);padding-bottom:clamp(100px,14vw,210px)}
.architecture-legal-kicker{margin-bottom:clamp(24px,4vw,48px);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.architecture-legal-main h1{font-size:clamp(4rem,9vw,8.5rem);font-weight:700;line-height:.94;letter-spacing:-.06em}
.architecture-legal-content{max-width:720px;margin-top:clamp(70px,10vw,130px);margin-left:auto}
.architecture-legal-content h2{margin-top:3.25em;margin-bottom:.8em;font-size:clamp(1.55rem,2.6vw,2.25rem);line-height:1.15;letter-spacing:-.03em}
.architecture-legal-content p,.architecture-legal-content li{font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.72}
.architecture-legal-content p+p{margin-top:1.35em}
.architecture-legal-content ul{margin:1.35em 0;padding-left:1.35em}
.architecture-legal-content li+li{margin-top:.45em}
.architecture-legal-content a{text-decoration:underline;text-underline-offset:4px}
.architecture-legal-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:38px;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);font-size:.8125rem;color:var(--text-muted)}
.architecture-legal-footer nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.architecture-page .reveal.is-pending{opacity:0;transform:translateY(34px)}
.architecture-page .media-reveal.is-pending{opacity:0;transform:scale(.985);filter:blur(10px)}
.architecture-page .reveal,.architecture-page .media-reveal{transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease)}
@media(max-width:900px){
 .architecture-section-copy,.architecture-photo-copy,.architecture-reference-grid{grid-template-columns:1fr}.architecture-section-copy,.architecture-photo-copy{align-items:start}.architecture-section-copy p,.architecture-photo-copy p{margin-left:auto}
 .architecture-founder{grid-template-columns:1fr;min-height:0}.architecture-founder-image{min-height:0;height:min(115vw,850px)}.architecture-founder-copy{padding:90px var(--gutter) 120px}
}
@media(max-width:760px){
 .architecture-header .header-inner{min-height:calc(90px - var(--header-progress)*28px)}.architecture-header .logo{width:calc(185px - var(--header-progress)*32px)}
 .architecture-hero{min-height:650px}.architecture-hero-copy{padding-top:155px;padding-bottom:58px}.architecture-hero h1{font-size:clamp(2.7rem,12vw,5.7rem);max-width:none;overflow-wrap:normal}.architecture-hero p{font-size:1rem;max-width:34ch}
 .architecture-intro{padding:95px 0 110px}.architecture-intro h2{font-size:clamp(3rem,13vw,5rem)}.architecture-intro .architecture-prose{margin-top:62px}
 .architecture-prose p{font-size:1.1rem}.architecture-film-section{padding-top:92px}.architecture-section-copy{gap:32px;margin-bottom:44px}.architecture-section-copy h2{font-size:clamp(2.8rem,12.5vw,4.7rem)}.architecture-section-copy p{font-size:1rem;margin-left:0}.architecture-film-context{margin:58px var(--gutter) 0 auto;padding-bottom:100px}
 .architecture-media{width:calc(100% - 24px);max-width:none;border-radius:14px}.architecture-youtube-consent{gap:14px;padding:18px}.architecture-youtube-consent .architecture-play{width:64px;height:64px}.architecture-youtube-consent p{font-size:.7rem;line-height:1.4}.architecture-paper.architecture-film-section{padding-bottom:92px}
 .architecture-photo-section{padding:84px 0 102px}.architecture-photo-copy{gap:28px;margin-bottom:40px}.architecture-photo-copy h2{font-size:clamp(2.8rem,12vw,4.6rem)}.architecture-photo-label{margin-bottom:14px;font-size:.68rem}.architecture-photo-copy p{margin-left:0;font-size:1rem}.architecture-photo-sequence{grid-template-columns:1fr 1fr;gap:12px}.architecture-photo--wide{grid-column:1/-1;order:-1}.architecture-photo img{border-radius:14px}
 .architecture-reference{padding:105px 0 125px}.architecture-reference-grid{gap:58px}.architecture-reference h2{font-size:clamp(3.2rem,13.5vw,5.2rem)}
 .architecture-founder-image{height:128vw;max-height:760px}.architecture-founder-copy{padding:82px var(--gutter) 105px}.architecture-founder h2{font-size:clamp(3rem,13vw,5rem)}
 .architecture-footer-main{align-items:flex-start;flex-direction:column}.architecture-footer{padding-top:60px}.architecture-footer .logo{width:190px}
 .architecture-legal-header{padding:10px 0}.architecture-legal-header .logo{width:150px}.architecture-legal-main{padding-top:80px;padding-bottom:105px}.architecture-legal-content{margin-top:58px}.architecture-legal-footer{align-items:flex-start;flex-direction:column;padding-bottom:65px}
 .architecture-legal-main h1{font-size:clamp(3rem,14vw,3.6rem);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.architecture-page .reveal,.architecture-page .media-reveal{opacity:1!important;transform:none!important;filter:none!important}body.architecture-page>.header.architecture-header,.architecture-header .header-inner,.architecture-header .logo,.architecture-play{transition:none!important}}
