/* V4 — the work, in its own proportions. */
:root{--paper:#f4efe5;--ink:#34242b;--red:#7b1931;--line:#34242b29;--pad:4.5vw}
.header{color:var(--ink);position:absolute;height:86px}.header .wordmark{font-size:32px;letter-spacing:-2px}.header .logo-star{color:#a94832;font-size:32px}.header-note{font-family:inherit;font-size:8px;letter-spacing:.025em}.header .contact-link{border-color:#34242b55;font-size:11px}.mobile-nav{background:var(--paper);color:var(--ink)}.header .menu-toggle{color:var(--ink)}
.studio-opening{padding:130px var(--pad) 0;overflow:hidden}.studio-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:5vw}.studio-intro .eyebrow{font-size:8px;letter-spacing:.1em;display:block;margin-bottom:24px}.studio-intro h1{font-weight:700;font-size:clamp(65px,7.3vw,120px);line-height:.88;letter-spacing:-.075em;margin:0}.studio-intro h1 span{color:#9a564b}.studio-intro-copy{padding-bottom:3px}.studio-intro-copy p{font-size:14px;line-height:1.65;margin:0 0 12px}.studio-intro-copy p+p{font-size:12px;opacity:.75}.meeting-button{background:#70243a;color:#fff6e7;display:flex;justify-content:space-between;align-items:center;width:fit-content;gap:38px;padding:18px 23px;font-size:12px;margin-top:24px;transition:background .2s}.meeting-button:hover{background:#4b1c2b}.meeting-button span{font-size:23px}.secondary-link{font-size:10px;margin-top:15px;display:inline-block;border-bottom:1px solid #34242b44;padding-bottom:4px}.competence-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:43px;gap:18px;font-size:10px;letter-spacing:.015em}.competence-line>span{opacity:.35}.competence-line a:hover{text-decoration:underline;text-underline-offset:4px}
.exhibition{display:grid;grid-template-columns:.82fr 1.18fr;gap:5.5vw;align-items:center;padding:45px 4vw 48px;background:#ede4d5;margin:0 calc(-1 * var(--pad));padding-left:calc(var(--pad) + 3vw);padding-right:calc(var(--pad) + 3vw)}.exhibit{min-width:0}.exhibit-art{width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.exhibit-art img{display:block;max-width:100%;height:min(66svh,680px);width:auto;object-fit:contain;filter:none;box-shadow:0 10px 23px #54402712;transition:box-shadow .3s}.exhibit-art:hover img{box-shadow:0 13px 30px #54402730}.exhibit-caption{max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:0 4%}.exhibit-caption h2{font-weight:500;letter-spacing:-.045em;font-size:22px;line-height:1.1}.exhibit-caption p{font-size:9px;line-height:1.5;margin-top:7px}.exhibit-caption button{font-size:29px;width:42px;height:42px;flex:none}.opening-invitation{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:34px 0}.opening-invitation>p{font-size:20px;letter-spacing:-.025em;line-height:1.2}.opening-invitation button{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #34242b77;font-size:13px;text-align:left;width:fit-content}.opening-invitation button span{font-size:25px}.opening-invitation>span{font-size:10px;line-height:1.7;opacity:.75;text-align:right}
.work{padding-top:50px;padding-bottom:75px}.work-heading{margin:45px 0 35px}.work-heading h2{font-size:clamp(45px,6vw,88px);font-weight:600}.work-heading p{margin-right:0}.selected-pair{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:start}.selected-case{min-width:0}.case-art{width:100%;display:flex;justify-content:center;background:#eae3d5;overflow:hidden}.case-art img{width:100%;height:auto;display:block;object-fit:contain;filter:none}.riad-case .case-art img{aspect-ratio:1.25;object-fit:cover}.saida-case{margin-top:80px}.saida-case .case-art{background:#1f303e}.saida-case .case-art img{max-height:590px;width:auto;max-width:100%;object-fit:contain}.case-caption{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:21px;align-items:center}.case-caption h3{font-size:25px;letter-spacing:-.05em;font-weight:500}.case-caption p{font-size:10px;grid-column:1;line-height:1.5}.case-caption button{font-size:11px;grid-column:2;grid-row:1/3;border-bottom:1px solid var(--line);padding:8px 0}.live-case-link,.case-footnote{font-size:9px;display:inline-block;margin-top:16px;opacity:.8}.live-case-link{text-decoration:underline;text-underline-offset:4px}
.tool-story{padding-top:70px;padding-bottom:80px;background:#e3dfeb}.tool-intro h2{font-size:clamp(44px,5.3vw,80px);font-weight:500}.mockup-card{transform:none;box-shadow:0 14px 40px #4d3a7425}.tool-watermark{display:none}.tool-composition{padding-top:0}.scope-index{padding-top:0;padding-bottom:35px;background:#e3dfeb}.scope-index button{display:grid;grid-template-columns:.8fr 1.5fr auto;gap:25px;align-items:center;text-align:left;border-top:1px solid #40364b33;padding:24px 0;width:100%}.scope-index button>span:first-child{font-size:23px;letter-spacing:-.04em}.scope-index button>span:nth-child(2){font-size:12px;line-height:1.6}.scope-index button>span:last-child{font-size:28px}.scope-index button:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.fragments{background:#34242b;padding-top:50px;padding-bottom:55px}.fragments-heading h2{font-size:clamp(40px,4.5vw,70px)}.fragment-track{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:35px;padding:0;scroll-snap-type:none}.fragment{min-width:0;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px}.fragment-image{height:165px}.fragment-image img{object-fit:cover}.fragment-caption{display:block;padding:0}.fragment-caption strong{font-size:22px}.fragment-caption small{display:block;margin-top:12px;font-size:10px;line-height:1.5}.fragment-caption>span{display:block;margin-top:18px;font-size:25px}.fragment:hover .fragment-image img{transform:none}.fragments-heading p{font-size:11px}
.missions{padding-top:45px;padding-bottom:60px}.missions-intro{margin-top:35px}.missions h2{font-size:clamp(45px,6.5vw,95px)}.mission-layout{margin-top:45px}.method{padding-bottom:60px}.method-grid{margin-top:40px;gap:5vw}.method h2{font-size:clamp(35px,4.2vw,65px)}.steps article{padding:18px 0 22px}.steps h3{font-size:20px;margin:12px 0 9px}.steps p{font-size:12px}.contact-title{font-size:clamp(65px,9vw,150px);padding-top:55px}.contact-title>span{top:55px}.contact-bottom p{max-width:510px;font-size:13px;line-height:1.7}.persistent-contact{background:#70243a;color:#fff6e7;border-color:#70243a;box-shadow:0 6px 24px #38202b26;font-size:11px}.contact .contact-pill{border-radius:0}.contact-title em{color:#edb798}
#project-dialog #project-detail-image{object-fit:contain;background:#eae1d2;width:100%;padding:24px}#project-dialog[data-project=lotus] #project-detail-image{background:#e7d5ad}#project-dialog[data-project=bourgogne] #project-detail-image{background:#eee5d4}#project-dialog[data-project=saida] #project-detail-image{background:#1e303e}#project-dialog[data-project=riad] #project-detail-image{object-fit:cover;padding:0}.project-detail-content>.text-link{font-size:12px}.project-detail-content>#project-contact{background:#70243a;color:#fff6e7;border:0;padding:15px 17px;display:block;width:100%;text-align:left}.project-detail-content>#project-contact:hover{background:#4b1c2b}#contact-dialog{padding:35px 45px;width:min(650px,94vw)}.brief-intro h2{font-size:51px;line-height:.95;margin:17px 0}.brief-intro p{max-width:380px;font-size:12px;line-height:1.6}#brief-form{margin-top:23px;gap:15px}#brief-form label{font-size:10px}#brief-form textarea{min-height:75px}.prototype-note{font-size:9px}.brief-submit{font-size:12px;padding:16px 18px}footer #motion-toggle{color:var(--ink);border-color:var(--line);flex:none}footer{gap:18px}
@media(max-width:1050px){.studio-intro{gap:4vw;grid-template-columns:1.15fr 1fr}.studio-intro h1{font-size:7.4vw}.studio-intro-copy p{font-size:12px}.meeting-button{font-size:11px;gap:20px}.exhibition{gap:3vw;padding-left:var(--pad);padding-right:var(--pad)}.exhibit-caption{padding:0}.exhibit-caption h2{font-size:20px}.exhibit-caption p{font-size:8px}.fragment{grid-template-columns:130px 1fr;gap:18px}.fragment-image{height:140px}.fragment-caption strong{font-size:20px}.fragment-caption small{font-size:9px}.scope-index button>span:nth-child(2){font-size:11px}}
@media(max-width:700px){.header{height:73px}.header .wordmark{font-size:29px;letter-spacing:-2px}.header .logo-star{font-size:29px}.header-note{display:none}.studio-opening{padding-top:112px}.studio-intro{display:block}.studio-intro .eyebrow{font-size:7px;letter-spacing:.03em;margin-bottom:22px}.studio-intro h1{font-size:13.7vw;line-height:.92;letter-spacing:-.075em}.studio-intro-copy{margin-top:25px}.studio-intro-copy p{font-size:12px;line-height:1.65}.studio-intro-copy p+p{font-size:11px}.meeting-button{width:100%;margin-top:22px;justify-content:space-between;font-size:12px;padding:17px 20px}.secondary-link{font-size:10px;margin-top:15px}.competence-line{margin-top:30px;gap:10px;flex-wrap:wrap;justify-content:flex-start;font-size:8px;line-height:1.6;padding:14px 0}.competence-line>span{display:none}.competence-line a{border-right:1px solid var(--line);padding-right:10px}.competence-line a:last-child{border:0}.exhibition{display:block;padding:25px var(--pad) 33px}.exhibit+.exhibit{margin-top:40px}.exhibit-art img{height:auto;width:100%;max-height:none;box-shadow:none}.exhibit-caption{padding:0;margin-top:17px}.exhibit-caption h2{font-size:23px}.exhibit-caption p{font-size:9px}.opening-invitation{grid-template-columns:1fr;gap:22px;padding:28px 0}.opening-invitation>p{font-size:25px}.opening-invitation>span{text-align:left;font-size:11px}.opening-invitation button{width:100%;font-size:12px}.work{padding-top:35px;padding-bottom:45px}.work-heading{margin-top:35px}.work-heading h2{font-size:13vw}.selected-pair{display:block}.selected-case+.selected-case{margin-top:40px}.case-caption h3{font-size:24px}.case-caption p{font-size:9px}.case-caption button{font-size:10px}.saida-case .case-art img{max-height:none;width:100%;height:auto}.tool-story{padding-top:40px;padding-bottom:40px}.tool-intro h2{font-size:13vw;margin-top:25px}.tool-composition{margin-top:28px}.tool-composition figcaption{font-size:7px}.scope-index{padding-bottom:25px}.scope-index button{grid-template-columns:1fr auto;gap:10px;padding:20px 0}.scope-index button>span:first-child{font-size:22px}.scope-index button>span:nth-child(2){grid-column:1;font-size:10px}.scope-index button>span:last-child{grid-column:2;grid-row:1/3;font-size:26px}.fragment-track{display:block}.fragment+.fragment{margin-top:26px}.fragment{grid-template-columns:120px 1fr;gap:20px}.fragment-image{height:145px}.fragment-caption strong{font-size:21px}.fragments-heading h2{font-size:12vw}.fragments-heading p{font-size:11px}.missions h2{font-size:12vw}.mission-layout{margin-top:25px}.method-grid{margin-top:25px}.method h2{font-size:11vw}.contact-title{font-size:15vw}.contact-title>span{top:25px}.contact-bottom p{font-size:12px}.persistent-contact{font-size:10px;padding:12px 15px}#project-dialog #project-detail-image{height:auto;max-height:60svh;padding:15px;object-fit:contain}#project-dialog[data-project=bourgogne] #project-detail-image,#project-dialog[data-project=saida] #project-detail-image{height:auto;max-height:60svh}#project-dialog[data-project=riad] #project-detail-image{height:260px}.project-detail-content{padding:25px 22px}.project-detail-content h2{font-size:40px}#contact-dialog{padding:32px 23px}.brief-intro h2{font-size:39px}.brief-intro p{font-size:11px}.brief-submit{font-size:11px}footer{padding-bottom:80px}footer #motion-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.exhibit-art img{transition:none}.meeting-button{transition:none}}
/* Keep the invitation and project scopes readable at normal zoom. */
.contact-options{display:grid;gap:12px;margin-top:30px}.contact-channel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #34242b55;padding:23px 24px;transition:background .18s,color .18s}.contact-channel:first-child{background:#70243a;color:#fff6e7;border-color:#70243a}.contact-channel:hover{background:#e8d7c5;color:#34242b}.contact-channel:first-child:hover{background:#4b1c2b;color:#fff6e7}.contact-channel strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.025em}.contact-channel small{display:block;font-size:14px;margin-top:8px}.contact-channel>span:last-child{font-size:28px}.contact-channel-note{font-size:12px;line-height:1.5;margin:20px 0 5px;color:#624434}#contact-context{font-size:13px;line-height:1.5;border-left:2px solid #7b1931;padding-left:12px;margin-top:22px;color:#624434}
@media(max-width:700px){.contact-channel{padding:20px 17px}.contact-channel strong{font-size:20px}.contact-channel small{font-size:13px}}
@media(prefers-reduced-motion:reduce){.contact-channel{transition:none}}
.missions{color:#34242b}.missions h2 em{color:#714b39}.missions .section-label{color:#5e4438}.mission-tabs button{color:#34242b;border-color:#34242b40}.mission-tabs button[aria-selected=true]{color:#7b1931;border-bottom-color:#7b1931}.mission-tabs button[aria-selected=true]>span:nth-child(2){font-weight:600}.mission-panel p,.mission-panel .tags,.mission-panel .text-link{color:#34242b}.mission-panel .tags span{border-color:#34242b66}.mission-panel .text-link{border-color:#34242b80}.missions .visual-caption{color:#624434;border-color:#34242b40}
.art-swap-frame{position:relative;display:block;height:min(66svh,680px);max-width:100%;aspect-ratio:2244/2804;background:#f5ead8}.lotus-frame{aspect-ratio:478/683}.exhibit-art .art-swap-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transition:opacity .18s ease,transform .22s ease;box-shadow:none}.art-swap-frame .art-back{opacity:0;transform:scale(.985)}.art-swap:focus-visible .art-front{opacity:0}.art-swap:focus-visible .art-back{opacity:1;transform:scale(1)}
@media(hover:hover) and (pointer:fine){.art-swap:hover .art-front{opacity:0}.art-swap:hover .art-back{opacity:1;transform:scale(1)}}
@media(max-width:700px){.art-swap-frame{width:100%;height:auto}}
@media(prefers-reduced-motion:reduce){.exhibit-art .art-swap-frame img{transition:none;transform:none}}
.motion-paused .exhibit-art .art-swap-frame img{transition:none;transform:none}
.studio-intro-copy p{font-size:16px}.studio-intro-copy p+p{font-size:14px}.studio-intro .eyebrow{font-size:10px}.meeting-button,.secondary-link,.competence-line{font-size:12px}.exhibit-caption p,.case-caption p,.live-case-link,.case-footnote{font-size:12px}.opening-invitation>span{font-size:12px}.brief-intro p{font-size:14px}#brief-form label{font-size:12px}.prototype-note{font-size:11px}.fragment-caption small{font-size:12px}.fragments-heading p,.steps p{font-size:14px}
@media(max-width:700px){.studio-intro-copy p{font-size:14px}.studio-intro-copy p+p{font-size:13px}.studio-intro .eyebrow{font-size:9px}.competence-line{font-size:11px;gap:8px}.exhibit-caption p,.case-caption p{font-size:11px}.live-case-link,.case-footnote{font-size:11px}.brief-intro p{font-size:13px}.fragment-caption small{font-size:11px}.tool-composition figcaption{font-size:10px}.scope-index button>span:nth-child(2){font-size:12px}}
.missions{--line:#34242b40}.mission-tabs button{opacity:1}
.missions .visual-caption{opacity:1}
.missions button:focus-visible{outline-color:#7b1931}