@font-face{font-family:Inter;src:url(assets/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{--paper:#eeede6;--ink:#292b29;--muted:#686c67;--line:#292b2926;--panel:#ffffff5c;--glass:#faf9f0b8;margin:0;padding-bottom:105px;background:var(--paper);color:var(--ink);font:14px/1.6 Inter,Arial,sans-serif;--cv-ink:var(--ink);--cv-muted:var(--muted);--cv-line:var(--line);--cv-panel:var(--panel)}body[data-theme=dark]{--paper:#101112;--ink:#f0f0e9;--muted:#a9aaa6;--line:#ffffff26;--panel:#ffffff08;--glass:#222326bd;color-scheme:dark}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;letter-spacing:-.05em;line-height:1.05}h1{font-size:clamp(60px,6.8vw,106px)}h2{font-size:clamp(34px,4.5vw,64px)}h3{font-size:23px}p{color:var(--muted)}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;z-index:99;padding:12px;background:var(--paper)}.skip:focus{top:5px}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 1px #ffffff1c,0 16px 50px #0000000a}.eyebrow{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:500;color:var(--muted)}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding:9px 0;display:inline-block}.action{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:30px;padding:14px 23px;font-size:12px;margin-top:28px;transition:background .25s,transform .25s}.action:hover{background:var(--panel);transform:translateY(-2px)}
.site-nav{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:min(1380px,calc(100% - 64px));z-index:40;border-radius:80px;padding:13px 16px 13px 26px;display:flex;gap:30px;justify-content:space-between;align-items:center;transition:width .4s,top .4s}.site-nav.scrolled{width:min(860px,calc(100% - 64px));top:14px}.site-brand{display:flex;align-items:center;gap:18px}.site-brand img{width:112px;height:auto}.site-brand span{font-size:9px;letter-spacing:.2em;border-left:1px solid var(--line);padding-left:18px}body[data-theme=dark] .site-brand img{filter:brightness(0) invert(1)}.site-nav nav{display:flex;gap:30px}.site-nav nav button{padding:8px 0;font-size:12px;display:flex;gap:18px;align-items:center}.site-nav nav button span{font-size:20px;line-height:1;transition:transform .25s}.site-nav button[aria-expanded=true] span{transform:rotate(45deg)}.nav-workspace{border-radius:32px;background:var(--ink);color:var(--paper);padding:12px 22px;display:flex;gap:30px;font-size:12px}.site-nav.scrolled .site-brand span{display:none}
.menu-shade{position:fixed;inset:0;background:#0003;z-index:30;backdrop-filter:blur(5px)}.menu-shade[hidden]{display:none}.site-menu{position:fixed;z-index:39;top:104px;left:50%;transform:translate(-50%,-10px);width:min(1160px,calc(100% - 64px));display:grid;grid-template-columns:.8fr 1.15fr 1fr;gap:44px;padding:38px;border-radius:32px;opacity:0;visibility:hidden;filter:blur(9px);transition:opacity .25s,filter .25s,transform .25s,visibility .25s;max-height:calc(100dvh - 130px);overflow:auto}.site-menu.open{visibility:visible;opacity:1;transform:translate(-50%,0);filter:blur(0)}.menu-intro h2{font-size:40px;margin:18px 0}.menu-intro p{font-size:12px;max-width:220px}.menu-links{display:flex;flex-direction:column;justify-content:center}.menu-item{display:flex;gap:20px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line);transition:padding .2s}.menu-item:hover{padding-left:12px}.menu-item>span{font-size:10px;color:var(--muted)}.menu-item strong{font-size:17px;letter-spacing:-.03em;font-weight:450}.menu-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.menu-item b{margin-left:auto;font-weight:400}.menu-feature figure{aspect-ratio:.9;border-radius:160px 160px 18px 18px;overflow:hidden}.menu-feature>span{display:flex;justify-content:space-between;font-size:11px;margin-top:14px}.menu-close{position:absolute;right:16px;top:12px;font-size:24px;width:30px;height:30px}
.site-hero{max-width:1500px;margin:auto;padding:144px 64px 64px;min-height:720px;height:calc(100svh - 100px);max-height:1050px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:24px 0 26px}.hero-copy p{max-width:380px;font-size:14px}.hero-art{height:100%;min-height:0;border-radius:50% 50% 20px 20px;overflow:hidden;position:relative}.hero-art img{animation:frame-in 1.3s cubic-bezier(.2,.6,.3,1) both}.hero-caption{position:absolute;bottom:24px;left:64px;right:64px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.arch-line{position:absolute;pointer-events:none;border:1px solid var(--line);border-radius:50% 50% 10px 10px;width:46%;height:78%;right:2%;top:17%;z-index:-1}.arch-two{right:0;top:20%}.hero-copy{animation:copy-in .8s .1s both}.page-section{max-width:1440px;padding:100px 64px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px}.section-heading>.eyebrow{align-self:flex-start;max-width:180px}.section-heading h2{margin-right:auto}.selected{border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px 38px}.project-card{display:block;min-width:0}.project-card figure{aspect-ratio:1.4;border-radius:24px;overflow:hidden;background:var(--panel)}.project-card img{transition:transform .8s cubic-bezier(.2,.6,.3,1)}.project-card:hover img{transform:scale(1.035)}.project-card:nth-child(2){padding-top:110px}.project-card:nth-child(3){grid-column:1/-1;width:77%}.project-card:nth-child(3) figure{aspect-ratio:2.1}.card-caption{display:flex;align-items:start;gap:20px;padding:20px 0}.card-index{font-size:10px;color:var(--muted)}.card-caption h3{font-size:23px}.card-caption p{font-size:11px;margin-top:8px}.card-caption>span:last-child{margin-left:auto}.statement{border-top:1px solid var(--line);display:grid;grid-template-columns:.6fr 1.4fr;gap:40px}.statement h2{max-width:820px}.statement>div{grid-column:2}.statement p{max-width:500px;font-size:16px;line-height:1.8}.workflow-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.workflow-section h2{margin:24px 0}.workflow-section p{max-width:390px}.workflow-stack{align-self:center}.workflow-stack>div{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:24px;background:var(--panel);border-radius:22px;margin-top:12px}.workflow-stack>div:nth-child(2){margin-left:20px}.workflow-stack>div:nth-child(3){margin-left:40px}.workflow-stack h3{font-size:20px}.workflow-stack span{font-size:11px}.workflow-stack span:last-child{margin-left:auto}.workflow-stack p{font-size:10px;margin-top:20px;text-align:right}
/* Each direction changes the composition, proportions, type and page rhythm. */
body[data-design="01"] .hero-copy{margin-right:-80px}body[data-design="01"] .hero-art{margin-left:20px}body[data-design="01"] .project-card:first-child figure{border-radius:280px 280px 24px 24px}
body[data-design="02"]{--paper:#0b0c0e;--glass:#15171ac9}body[data-design="02"] .site-hero{display:block;padding-top:140px;min-height:850px;text-align:center}body[data-design="02"] .hero-copy{position:relative;z-index:2}body[data-design="02"] .hero-copy h1{font-size:clamp(60px,7vw,112px);line-height:.95}body[data-design="02"] .hero-copy p{margin:auto;max-width:360px}body[data-design="02"] .hero-art{position:absolute;left:17%;top:290px;right:17%;height:430px;border-radius:50%;z-index:0;opacity:.72}body[data-design="02"] .hero-copy .action{margin-top:280px;background:#101114a6;backdrop-filter:blur(12px)}.giant-index{position:absolute;left:5%;bottom:70px;font-size:180px;font-weight:200;line-height:1;color:#fff1;letter-spacing:-.08em}body[data-design="02"] .project-grid{grid-template-columns:repeat(3,1fr);gap:24px}body[data-design="02"] .project-card:nth-child(n){width:auto;grid-column:auto;padding:0}body[data-design="02"] .project-card figure{aspect-ratio:.8;border-radius:50% 50% 24px 24px}body[data-design="02"] .statement{display:block;text-align:center}body[data-design="02"] .statement h2{margin:25px auto}body[data-design="02"] .statement p{margin:auto}
body[data-design="03"]{--paper:#e9e7e1;--ink:#30352e;--muted:#696f65;--glass:#f0eee5bd}body[data-design="03"] h1,body[data-design="03"] h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}body[data-design="03"] .site-hero{grid-template-columns:1.1fr .9fr;gap:70px}body[data-design="03"] .hero-copy h1{font-size:clamp(62px,7.5vw,120px)}body[data-design="03"] .hero-art{border-radius:48% 48% 5px 5px;transform:rotate(3deg)}body[data-design="03"] .hero-art img{object-position:65% center}body[data-design="03"] .arch-line{display:none}body[data-design="03"] .project-grid{gap:80px}body[data-design="03"] .project-card figure{border-radius:48% 48% 8px 8px}body[data-design="03"] .menu-feature figure{border-radius:50% 50% 0 0}
body[data-design="04"]{--paper:#181819;--ink:#eeeae2;--muted:#aeaaa2;--glass:#222222c9}body[data-design="04"] .eyebrow,body[data-design="04"] .hero-caption,body[data-design="04"] .card-index{font-family:Consolas,monospace}body[data-design="04"] .site-hero{grid-template-columns:1.3fr .7fr;padding-top:160px}body[data-design="04"] .hero-copy h1{font-size:clamp(60px,8.6vw,138px);line-height:.9;font-weight:650;letter-spacing:-.08em}body[data-design="04"] .hero-art{border-radius:220px;max-height:480px;transform:rotate(7deg)}body[data-design="04"] .arch-line{display:none}.signal-index{position:absolute;right:50px;bottom:32px;font-size:9px;font-family:Consolas,monospace;text-align:right;line-height:1.3}body[data-design="04"] .project-grid{display:block}body[data-design="04"] .project-card:nth-child(n){width:100%;padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:40px}body[data-design="04"] .project-card figure{grid-column:2;grid-row:1;aspect-ratio:2.2;border-radius:200px}body[data-design="04"] .card-caption{grid-column:1;grid-row:1;align-items:center}body[data-design="04"] .statement h2{text-transform:uppercase;font-weight:600}body[data-design="04"] .menu-feature figure{border-radius:200px}
body[data-design="05"]{--paper:#e7edf0;--ink:#253239;--muted:#62727a;--glass:#edf3f4bf}body[data-design="05"] .site-hero{display:flex;flex-direction:column;padding:130px 36px 70px;height:auto;min-height:0;gap:44px}body[data-design="05"] .panorama{position:relative;width:100%;height:420px}body[data-design="05"] .hero-art{border-radius:50% 50% 18px 18px / 50% 50% 18px 18px}body[data-design="05"] .hero-copy{width:100%;display:grid;grid-template-columns:1.5fr .65fr;column-gap:70px;padding:0 28px}body[data-design="05"] .hero-copy>.eyebrow{grid-column:1/-1}body[data-design="05"] .hero-copy h1{font-size:clamp(50px,6vw,92px)}body[data-design="05"] .hero-copy p{align-self:center}body[data-design="05"] .hero-copy .action{grid-column:2;margin-top:-30px;justify-self:start}body[data-design="05"] .hero-caption{left:30px;right:30px;bottom:20px;color:#fff;text-shadow:0 1px 5px #000}body[data-design="05"] .project-card figure{border-radius:90px 90px 16px 16px}body[data-design="05"] .project-grid{grid-template-columns:1fr 1fr}body[data-design="05"] .project-card:nth-child(n){padding:0;width:100%;grid-column:auto}body[data-design="05"] .project-card:first-child{grid-column:1/-1}body[data-design="05"] .project-card:first-child figure{aspect-ratio:2.4}
body[data-design="06"]{--paper:#f0ece2;--ink:#433e33;--muted:#7a7569;--glass:#faf4e8bf}body[data-design="06"] h1,body[data-design="06"] h2{font-family:Georgia,serif;font-style:italic;font-weight:400}body[data-design="06"] .hero-art{height:auto;aspect-ratio:1;border-radius:50%;border:12px solid #e5dfd3;outline:1px solid var(--line);outline-offset:12px}body[data-design="06"] .hero-copy h1{font-size:clamp(60px,7vw,108px)}body[data-design="06"] .arch-line{display:none}body[data-design="06"] .selected{background:#e7e1d4;border-radius:70px 70px 0 0}body[data-design="06"] .project-grid{grid-template-columns:repeat(3,1fr);gap:20px}body[data-design="06"] .project-card:nth-child(n){padding:20px;width:auto;grid-column:auto;background:var(--paper);border-radius:25px}body[data-design="06"] .project-card figure{border-radius:50%;aspect-ratio:1}body[data-design="06"] .card-index{display:none}body[data-design="06"] .card-caption h3{font-size:20px}body[data-design="06"] .menu-feature figure{aspect-ratio:1;border-radius:50%}
body[data-design="07"]{--paper:#0c0c0c;--glass:#1e1c19c9}body[data-design="07"] .site-hero{display:block;min-height:820px;padding-top:170px}body[data-design="07"] .hero-art{position:absolute;inset:130px 6% 58px 34%;height:auto;border-radius:50% 50% 12px 12px;z-index:0}body[data-design="07"] .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent)}body[data-design="07"] .hero-copy{z-index:2}body[data-design="07"] .hero-copy h1{font-size:clamp(85px,11.4vw,175px);font-weight:600;line-height:.84;letter-spacing:-.08em}body[data-design="07"] .hero-copy p{max-width:290px}body[data-design="07"] .arch-line{display:none}body[data-design="07"] .project-card figure{border-radius:180px 180px 10px 10px}body[data-design="07"] .statement{padding-top:150px;padding-bottom:150px}body[data-design="07"] .statement h2{text-transform:uppercase;font-weight:600}
body[data-design="08"]{--paper:#111119;--ink:#eeedf3;--muted:#aaa7b9;--line:#bfb4de2b;--glass:#25232dc4}body[data-design="08"] .site-hero{display:block;text-align:center;min-height:820px;padding-top:200px}body[data-design="08"] .hero-art{position:absolute;inset:135px 21% 70px;height:auto;z-index:0;border-radius:48% 48% 30px 30px}body[data-design="08"] .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#111119bb)}body[data-design="08"] .hero-copy h1{font-weight:350;font-size:clamp(64px,8.5vw,126px);margin:135px -30px 24px;line-height:1}body[data-design="08"] .hero-copy p{margin:auto;max-width:330px}body[data-design="08"] .hero-copy .action{background:#22202b99;backdrop-filter:blur(15px)}body[data-design="08"] .arch-one{right:16%;width:68%;height:75%;top:17%}body[data-design="08"] .arch-two{right:12%;width:76%;height:80%;top:14%}body[data-design="08"] .project-card figure{border-radius:100px 100px 25px 25px}body[data-design="08"] .statement{text-align:center;display:block}body[data-design="08"] .statement h2{margin:25px auto}body[data-design="08"] .statement p{margin:auto}
body[data-design="09"]{--paper:#dde7ed;--ink:#203740;--muted:#5c727e;--glass:#e8f1f5b8}body[data-design="09"] .site-hero{grid-template-columns:.75fr 1.25fr;gap:85px}.orbital-frame{height:100%;position:relative}.orbital-frame .hero-art{border-radius:250px}.vertical-label{position:absolute;left:-28px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;text-transform:uppercase}body[data-design="09"] .hero-copy h1{font-weight:300;font-size:clamp(65px,7vw,110px)}body[data-design="09"] .project-card figure{border-radius:250px}body[data-design="09"] .project-grid{grid-template-columns:.7fr 1fr .7fr;align-items:center}body[data-design="09"] .project-card:nth-child(n){padding:0;width:100%;grid-column:auto}body[data-design="09"] .project-card figure{aspect-ratio:.7}body[data-design="09"] .project-card:nth-child(2) figure{aspect-ratio:.62}
body[data-design="10"]{--paper:#e9ded0;--ink:#4a352b;--muted:#876f5f;--line:#664a3430;--glass:#f2e7d8bf}body[data-design="10"] h1,body[data-design="10"] h2{font-family:Georgia,serif;font-weight:400}body[data-design="10"] .site-hero{display:block;text-align:center;height:auto;min-height:1000px;padding-top:140px}body[data-design="10"] .hero-copy h1{font-size:clamp(56px,6vw,88px);margin:22px 0}body[data-design="10"] .hero-copy p{margin:auto;max-width:420px}body[data-design="10"] .hero-copy .action{margin-top:20px}.gallery-triptych{display:grid;grid-template-columns:.7fr 1fr .7fr;align-items:end;gap:30px;margin:45px auto 0;max-width:1000px;height:380px}.gallery-triptych figure{height:85%;border-radius:180px 180px 12px 12px;overflow:hidden}.gallery-triptych .hero-art{height:100%}body[data-design="10"] .project-card figure{border-radius:200px 200px 12px 12px}body[data-design="10"] .section-heading{display:block;text-align:center}body[data-design="10"] .section-heading h2{margin:20px 0}body[data-design="10"] .section-heading>.eyebrow{max-width:none}body[data-design="10"] .project-grid{grid-template-columns:repeat(3,1fr);gap:30px}body[data-design="10"] .project-card:nth-child(n){width:auto;grid-column:auto;padding:0}body[data-design="10"] .project-card figure{aspect-ratio:.8}
/* Inner pages share their selected direction's palette, type and shape language. */
.inner-intro{padding-top:180px;padding-bottom:65px;display:grid;grid-template-columns:1.4fr .7fr;gap:32px 70px}.inner-intro>.eyebrow{grid-column:1/-1}.inner-intro h1{font-size:clamp(52px,6vw,90px)}.inner-intro>div{align-self:end;max-width:360px}.inner-intro p{font-size:15px}.work-index{padding-top:20px}.work-index .project-card:nth-child(n){padding-top:0}.detail-intro{padding-top:150px}.detail-intro>div{margin-top:55px;max-width:1000px}.detail-intro h1{margin:20px 0}.detail-art{margin:0 auto;max-width:1320px;padding:0 36px}.detail-art figure{aspect-ratio:1.9;border-radius:180px 180px 24px 24px;overflow:hidden}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail-body h2{margin-top:20px}.detail-body>div>p{font-size:19px}.detail-body dl{margin-top:36px}.detail-body dl>div{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:120px 1fr;gap:25px}.detail-body dt{font-size:11px;color:var(--muted)}.detail-body dd{margin:0;font-size:13px}.studio-intro{padding-top:170px;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.studio-intro h1{font-size:clamp(48px,5.7vw,88px);margin:22px 0}.studio-intro p{max-width:470px;font-size:17px}.studio-arch{aspect-ratio:.8;border-radius:50% 50% 20px 20px;overflow:hidden}.disciplines>div{display:grid;grid-template-columns:70px 1fr .6fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--line);align-items:center}.disciplines h2{font-size:40px}.disciplines>div>span{font-size:11px;color:var(--muted)}.process h2{margin:25px 0 50px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid article>span{font-size:10px;color:var(--muted)}.process-grid h3{font-size:26px;margin:28px 0 15px}.process-grid p{font-size:13px}.motion-feature{padding-top:0;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.motion-arch{aspect-ratio:1.1;border-radius:50% 50% 22px 22px;overflow:hidden}.motion-feature h2{margin:20px 0}.motion-feature p{font-size:16px}.motion-feature .small-note{font-size:11px;margin-top:20px}.motion-plan .process-grid{grid-template-columns:repeat(3,1fr);margin-top:35px}.lab-section{display:grid;grid-template-columns:.7fr 1fr;gap:70px;border-top:1px solid var(--line);align-items:center}.lab-section h2{margin:20px 0}.lab-container{aspect-ratio:1.2;border-radius:120px 120px 20px 20px;overflow:hidden}.lab-container figure{height:100%}.lab-container iframe{border:0;width:100%;height:100%}
body[data-design="02"] .detail-art figure,body[data-design="06"] .detail-art figure{border-radius:50%}body[data-design="04"] .inner-intro h1,body[data-design="07"] .inner-intro h1{text-transform:uppercase;font-weight:600}body[data-design="04"] .detail-art figure{border-radius:400px}body[data-design="08"] .detail-art{max-width:1050px}body[data-design="09"] .detail-art{max-width:800px}body[data-design="09"] .detail-art figure{aspect-ratio:1;border-radius:50% 50% 20px 20px}body[data-design="10"] .inner-intro{text-align:center;display:block}body[data-design="10"] .inner-intro h1{margin:25px 0}body[data-design="10"] .inner-intro>div{margin:auto}
footer#site-footer{max-width:1320px;margin:auto;background:transparent!important;color:var(--ink);border-top:1px solid var(--line);padding:60px 40px 30px}footer#site-footer p,footer#site-footer a{color:inherit}.preview-note{font-size:10px;color:var(--muted);padding:20px 40px;text-align:center}.design-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:22px;padding:10px 12px 10px 20px;border-radius:24px;max-width:calc(100% - 24px)}#design-picker-open{display:grid;grid-template-columns:1fr auto;gap:2px 22px;text-align:left;padding:0}#design-picker-open>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}#design-picker-open strong{font-size:12px;font-weight:500;grid-row:2;white-space:nowrap}#design-picker-open b{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-weight:400}#motion-toggle{font-size:10px;border-left:1px solid var(--line);padding:10px 0 10px 20px;white-space:nowrap}.dock-workspace{font-size:11px;padding:13px 18px;background:var(--ink);color:var(--paper);border-radius:17px;white-space:nowrap}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:30px;width:min(1180px,calc(100% - 32px));max-height:88dvh;padding:34px}dialog::backdrop{background:#10101580;backdrop-filter:blur(15px)}dialog header{display:flex;justify-content:space-between;gap:30px;margin-bottom:30px}dialog h2{font-size:42px;margin:15px 0}dialog header p{font-size:13px}#design-picker-close{font-size:27px;align-self:flex-start;width:35px;height:35px;border:1px solid var(--line);border-radius:50%}#design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}#design-grid button{text-align:left;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel)}#design-grid button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.design-card-copy{padding:18px}.design-card-copy>span{font-size:9px;color:var(--muted)}.design-card-copy h3{font:500 19px Inter;letter-spacing:-.03em;margin:8px 0}.design-card-copy p{font-size:11px}.design-card-copy small{font-size:9px;color:var(--muted);display:block;margin-top:10px}.mini-design{height:190px;position:relative;background:#e8e4dc;overflow:hidden;padding:20px;color:#222}.mini-design img{width:48%;height:87%;position:absolute;right:12px;bottom:0;border-radius:80px 80px 0 0}.mini-design>span{position:absolute;left:15px;top:65px;z-index:1;font-size:25px;line-height:1.05;letter-spacing:-.06em;width:55%;text-align:left}.mini-02,.mini-04,.mini-07,.mini-08{background:#16161b;color:#eee}.mini-02 img{width:70%;height:55%;right:15%;bottom:15%;border-radius:50%}.mini-02>span{top:15px;text-align:center;width:90%}.mini-03>span,.mini-06>span,.mini-10>span{font-family:Georgia,serif}.mini-04>span{font-weight:700;text-transform:uppercase}.mini-04 img{width:35%;height:75%;transform:rotate(7deg);bottom:8%;border-radius:80px}.mini-05{background:#dfe8ed}.mini-05 img{width:90%;height:65%;right:5%;top:5%;border-radius:80px 80px 8px 8px}.mini-05>span{top:auto;bottom:12px;font-size:24px;width:auto}.mini-06 img{height:70%;width:46%;border-radius:50%;bottom:15%;right:5%}.mini-06>span{font-style:italic}.mini-07>span{text-transform:uppercase;font-weight:650;font-size:34px;top:30px}.mini-07 img{width:65%;height:80%}.mini-08 img{width:55%;right:22%;height:88%;border-radius:90px 90px 12px 12px}.mini-08>span{left:10%;width:80%;text-align:center;top:90px;font-weight:300}.mini-09{background:#dce7eb}.mini-09 img{left:15px;width:35%;border-radius:80px;height:85%;bottom:7%}.mini-09>span{left:46%;width:48%;font-weight:300}.mini-10{background:#e8d7c4}.mini-10 img{width:45%;height:55%;right:28%;border-radius:80px 80px 0 0}.mini-10>span{top:18px;text-align:center;width:90%;font-size:23px}
@keyframes frame-in{from{opacity:.3;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page-entry{animation:copy-in .45s both}dialog[open]{animation:copy-in .25s both}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1050px){.site-nav{gap:18px}.site-brand span{display:none}.site-nav nav{gap:20px}.site-hero{padding-left:36px;padding-right:36px;gap:25px}.hero-caption{left:36px;right:36px}.page-section{padding:75px 36px}.inner-intro,.studio-intro{padding-top:150px}.section-heading{display:block}.section-heading h2{margin:20px 0}.workflow-section{gap:40px}.site-menu{gap:25px;padding:30px;grid-template-columns:.7fr 1.2fr .9fr}.menu-intro h2{font-size:32px}.menu-feature figure{aspect-ratio:.7}body[data-design="01"] .hero-copy{margin-right:-20px}body[data-design="05"] .hero-copy{column-gap:25px}body[data-design="09"] .site-hero{gap:50px}.process-grid{grid-template-columns:repeat(2,1fr)}.detail-body{gap:35px}.studio-intro{gap:35px}}
@media(max-width:700px){body{padding-bottom:96px}h1{font-size:58px}h2{font-size:40px}.site-nav{top:14px;width:calc(100% - 28px);padding:11px 13px;gap:12px}.site-nav.scrolled{width:calc(100% - 28px)}.site-brand img{width:90px}.site-nav nav{gap:10px;margin-left:auto}.site-nav nav button{font-size:11px;gap:9px}.site-nav nav button[data-menu=studio]{display:none}.nav-workspace{padding:10px 13px;font-size:10px;gap:12px}.site-menu{top:88px;width:calc(100% - 28px);padding:28px 22px;grid-template-columns:1fr;gap:22px;border-radius:26px;max-height:calc(100dvh - 190px)}.menu-intro h2{font-size:32px;margin:12px 0}.menu-intro h2 br{display:none}.menu-intro p{max-width:none}.menu-feature{display:none}.menu-item{padding:14px 0}.menu-item strong{font-size:17px}.menu-intro .text-link{margin-top:8px}.menu-links{gap:0}.site-hero{display:flex;flex-direction:column;padding:120px 26px 65px;height:auto;max-height:none;min-height:0;gap:35px}.hero-copy{width:100%;margin:0!important}.hero-copy h1{font-size:58px;margin:20px 0}.hero-copy p{font-size:13px;max-width:340px}.hero-copy .action{margin-top:22px}.hero-art{width:100%;height:380px;flex-shrink:0;max-width:460px}.hero-caption{left:26px;right:26px;bottom:22px;font-size:8px;gap:20px}.hero-caption span:last-child{text-align:right}.arch-line{display:none}.page-section{padding:65px 26px}.project-grid{gap:35px;display:block}.project-card:nth-child(n){width:100%;padding:0;margin:0 0 30px}.project-card:nth-child(3) figure{aspect-ratio:1.3}.card-caption h3{font-size:22px}.statement{display:block}.statement h2{margin:24px 0}.statement p{font-size:14px}.workflow-section{display:block}.workflow-stack{margin-top:35px}.workflow-stack>div{padding:20px 16px;gap:15px}.workflow-stack h3{font-size:17px}.workflow-stack>div:nth-child(2){margin-left:10px}.workflow-stack>div:nth-child(3){margin-left:20px}.section-heading{margin-bottom:30px}.section-heading>.eyebrow{max-width:none}.section-heading h2{font-size:39px}
body[data-design="02"] .site-hero{padding:125px 24px 65px;min-height:710px}body[data-design="02"] .hero-copy h1{font-size:65px}body[data-design="02"] .hero-art{left:5%;right:auto;width:90%;height:250px;top:330px}body[data-design="02"] .hero-copy .action{margin-top:280px}.giant-index{font-size:100px;bottom:60px}body[data-design="02"] .project-grid{display:block}body[data-design="02"] .project-card:nth-child(n){margin-bottom:35px}body[data-design="02"] .project-card figure{aspect-ratio:1.1}
body[data-design="03"] .site-hero{gap:35px}body[data-design="03"] .hero-copy h1{font-size:65px}body[data-design="03"] .hero-art{width:88%;height:420px;align-self:center;transform:rotate(2deg)}body[data-design="03"] .project-grid{display:block}
body[data-design="04"] .site-hero{padding-top:125px}body[data-design="04"] .hero-copy h1{font-size:clamp(38px,13vw,72px)}body[data-design="04"] .hero-art{height:260px;width:88%;transform:rotate(3deg)}.signal-index{display:none}body[data-design="04"] .project-card:nth-child(n){display:block;padding:20px 0}body[data-design="04"] .project-card figure{aspect-ratio:1.7}
body[data-design="05"] .site-hero{padding:115px 14px 65px;gap:30px}body[data-design="05"] .panorama{height:280px}body[data-design="05"] .hero-copy{display:block;padding:0 12px}body[data-design="05"] .hero-copy h1{font-size:51px}body[data-design="05"] .hero-copy .action{margin-top:22px}body[data-design="05"] .hero-art{height:100%;max-width:none}body[data-design="05"] .hero-caption{font-size:7px;left:16px;right:16px}body[data-design="05"] .project-grid{display:block}body[data-design="05"] .project-card:first-child figure{aspect-ratio:1.4}
body[data-design="06"] .hero-copy h1{font-size:62px}body[data-design="06"] .hero-art{width:90%;height:auto;align-self:center;margin:12px 0;border-width:8px}body[data-design="06"] .project-grid{display:block}body[data-design="06"] .project-card:nth-child(n){margin-bottom:20px}body[data-design="06"] .selected{border-radius:40px 40px 0 0}
body[data-design="07"] .site-hero{padding-top:150px;min-height:760px}body[data-design="07"] .hero-copy h1{font-size:clamp(55px,18.5vw,88px)}body[data-design="07"] .hero-art{inset:120px 20px 150px 26%;width:auto;height:auto}body[data-design="07"] .hero-copy p{margin-top:55px;max-width:260px}body[data-design="07"] .statement{padding-top:70px;padding-bottom:70px}
body[data-design="08"] .site-hero{padding:130px 22px 65px;min-height:720px}body[data-design="08"] .hero-copy h1{font-size:58px;margin:185px -5px 25px}body[data-design="08"] .hero-art{inset:120px 12% 80px;width:auto;height:auto}body[data-design="08"] .hero-copy p{font-size:13px;max-width:280px}
body[data-design="09"] .site-hero{flex-direction:column-reverse;padding-top:125px;gap:30px}.orbital-frame{height:360px;width:75%}.orbital-frame .hero-art{height:100%}body[data-design="09"] .hero-copy h1{font-size:61px}.vertical-label{left:-22px}body[data-design="09"] .project-grid{display:block}body[data-design="09"] .project-card:nth-child(n) figure{aspect-ratio:1}
body[data-design="10"] .site-hero{min-height:0;padding:125px 20px 65px}body[data-design="10"] .hero-copy h1{font-size:51px}.gallery-triptych{gap:10px;height:240px;margin-top:32px}.gallery-triptych figure{width:100%;max-width:none}.gallery-triptych .hero-art{height:100%}body[data-design="10"] .project-grid{display:block}body[data-design="10"] .project-card:nth-child(n) figure{aspect-ratio:1.15}
.inner-intro,.studio-intro{padding-top:135px;display:block}.inner-intro h1{font-size:50px;margin:22px 0}.inner-intro>div{max-width:none}.detail-intro{padding-top:120px}.detail-intro h1{font-size:48px;overflow-wrap:anywhere}.detail-intro>div{margin-top:35px}.detail-art{padding:0 20px}.detail-art figure{aspect-ratio:1.15;border-radius:120px 120px 16px 16px}.detail-body{display:block}.detail-body>div+div{margin-top:35px}.detail-body dl>div{grid-template-columns:90px 1fr;gap:15px}.studio-intro h1{font-size:48px}.studio-intro p{font-size:14px}.studio-arch{margin-top:35px;aspect-ratio:1.1}.disciplines>div{grid-template-columns:30px 1fr;gap:20px;padding:28px 0}.disciplines h2{font-size:30px}.disciplines>div p{grid-column:2;font-size:12px}.process-grid,.motion-plan .process-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.process-grid h3{font-size:23px}.process-grid p{font-size:12px}.motion-feature,.lab-section{display:block}.motion-feature>div,.lab-container{margin-top:35px}.motion-feature{padding-top:0}.motion-feature h2{font-size:36px}.motion-feature p{font-size:14px}.motion-plan .process-grid article:last-child{grid-column:1/-1}.lab-container{border-radius:80px 80px 16px 16px}
.design-dock{bottom:12px;width:calc(100% - 24px);gap:12px;padding:9px 11px;border-radius:22px}#design-picker-open{flex:1;gap:2px 8px;min-width:0}#design-picker-open>span{font-size:8px}#design-picker-open strong{font-size:10px;white-space:normal}#design-picker-open b{font-size:22px}#motion-toggle{font-size:8px;padding:8px 0 8px 10px}.dock-workspace{padding:12px 10px;font-size:9px}dialog{padding:22px;width:calc(100% - 24px);border-radius:24px}dialog h2{font-size:32px}dialog header p{font-size:11px}#design-grid{grid-template-columns:1fr 1fr;gap:14px}.mini-design{height:130px}.mini-design>span{font-size:19px!important}.mini-08>span{top:60px}.mini-02>span,.mini-10>span{top:12px}.mini-05>span{bottom:8px}.design-card-copy{padding:12px}.design-card-copy h3{font-size:15px}.design-card-copy p{font-size:10px}.design-card-copy small{font-size:8px}footer#site-footer{padding:40px 26px 20px}.preview-note{font-size:9px;padding:20px 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body[data-design="02"] .hero-copy p{color:#eeeee9;text-shadow:0 1px 12px #000,0 1px 4px #000}

@media(max-width:380px){.site-brand img{width:76px}.site-nav{gap:8px}.site-nav nav button{gap:6px}.nav-workspace{padding:10px;font-size:9px;gap:8px}.hero-copy h1{font-size:48px!important}body[data-design="04"] .hero-copy h1{font-size:12.5vw!important}body[data-design="07"] .hero-copy h1{font-size:18vw!important}.inner-intro h1,.studio-intro h1{font-size:42px}.design-dock{gap:8px}#motion-toggle{padding-left:8px;font-size:7px}.dock-workspace{font-size:8px;padding:12px 8px}}

@media(max-width:380px){body[data-design="05"] .hero-copy h1,body[data-design="10"] .hero-copy h1{font-size:42px!important}}