/* CONTINUUM / the studio unfolds after the opening. All content remains native. */
body[data-page="home"] { --ch-styles-ready:1; }
body[data-page="home"] #manifesto,
body[data-page="home"] #work,
body[data-page="home"] #disciplines,
body[data-page="home"] #process,
body[data-page="home"] #studio,
body[data-page="home"] #contact { position:relative; isolation:isolate; }
.ch-art { pointer-events:none; user-select:none; }
.ch-art svg { display:block; width:100%; height:100%; overflow:visible; }
.ch-scene-art { position:absolute; z-index:-1; inset:0; overflow:clip; }
.ch-scene-art>svg { position:absolute; width:62%; height:auto; right:-8%; top:8%; transform:translate3d(0,var(--ch-drift,0px),0) rotate(var(--ch-turn,0deg)); }
/* A single folded volume holds the type in space, then opens into the world. */
body[data-page="home"] #manifesto { background:#e9e6de; }
body[data-page="home"] #manifesto .manifesto-sticky { isolation:isolate; }
body[data-page="home"] #manifesto .manifesto-statement { position:relative; z-index:1; max-width:1160px; width:85%; font-size:clamp(53px,7.2vw,124px); line-height:1.045; letter-spacing:-.066em; margin:65px 0; }
body[data-page="home"] #manifesto .manifesto-statement .word { text-shadow:0 1px 18px rgba(233,230,222,.6); }
body[data-page="home"] #manifesto .manifesto-bottom { position:relative; z-index:1; grid-template-columns:1fr 1.1fr 1fr; }
body[data-page="home"] #manifesto .asterisk { border:0; font-size:92px; width:auto; justify-self:start; }
#manifesto .ch-scene-art { inset:-40px calc(var(--gutter)*-1); }
#manifesto .ch-scene-art>svg { top:12%; right:-17%; width:68%; opacity:.32; }
/* Credits stay attached to the work. Photography now occupies an editorial spread. */
body[data-page="home"] #work { padding-bottom:clamp(95px,12vw,190px); background:var(--bg); }
body[data-page="home"] #work>.section-heading { padding-top:clamp(100px,12vw,200px); padding-bottom:90px; display:grid; grid-template-columns:1.35fr 1fr; gap:0 7%; align-items:end; }
body[data-page="home"] #work>.section-heading::after { content:none; }
body[data-page="home"] #work .section-heading .section-meta { grid-column:1/-1; }
body[data-page="home"] #work .section-heading .section-title { font-size:clamp(70px,8.5vw,146px); margin-top:78px; }
body[data-page="home"] #work .section-heading .section-intro { display:block; margin:0 0 8px; }
body[data-page="home"] #work .section-intro p { max-width:335px; font-size:13px; }
body[data-page="home"] #work .section-intro .text-link { margin-top:30px; }
body[data-page="home"] .editorial-work { position:relative; display:grid; grid-template-columns:1fr; gap:clamp(90px,10vw,165px); margin-top:clamp(100px,12vw,185px); }
body[data-page="home"] .editorial-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,25%); gap:5%; align-items:end; }
body[data-page="home"] .editorial-card:nth-child(2) { grid-template-columns:minmax(190px,25%) minmax(0,1fr); margin-top:0; }
body[data-page="home"] .editorial-card .ph { aspect-ratio:1.42; min-width:0; }
body[data-page="home"] .editorial-card:nth-child(2) .ph { grid-column:2; grid-row:1; aspect-ratio:1.42; }
body[data-page="home"] .editorial-card .work-meta { display:flex; flex-direction:column-reverse; align-items:start; gap:25px; margin:0 0 5px; padding:24px 0 0; border-top:1px solid var(--hair); }
body[data-page="home"] .editorial-card:nth-child(2) .work-meta { grid-column:1; grid-row:1; }
body[data-page="home"] .editorial-card .work-meta b { font-size:clamp(31px,4vw,66px); line-height:1.05; }
body[data-page="home"] .editorial-card .wm-r { font-size:9px; }
/* The directory is an illuminated atlas: one image plane beside six entries. */
body[data-page="home"] #disciplines { padding-bottom:clamp(100px,12vw,180px); background:#e9e6de; }
body[data-page="home"] #disciplines .section-heading { display:grid; grid-template-columns:1.5fr 1fr; gap:0 8%; padding-bottom:clamp(60px,7vw,100px); }
body[data-page="home"] #disciplines .section-meta { grid-column:1/-1; }
body[data-page="home"] #disciplines .section-title { font-size:clamp(61px,7.7vw,132px); }
body[data-page="home"] #disciplines .section-intro { display:flex; flex-direction:column; align-items:start; justify-content:end; gap:25px; }
body[data-page="home"] #disciplines .section-intro p { max-width:300px; }
body[data-page="home"] .discipline-atlas { grid-template-columns:1.18fr 1fr; gap:clamp(35px,7vw,120px); }
body[data-page="home"] .atlas-preview { top:95px; height:min(800px,81svh); min-height:560px; box-shadow:0 34px 55px -35px rgba(15,25,22,.32); }
body[data-page="home"] .atlas-shade { background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 28%,rgba(0,0,0,.20) 50%,rgba(0,0,0,.8)); }
body[data-page="home"] .atlas-number { font-size:clamp(160px,19vw,290px); letter-spacing:-.09em; margin-bottom:30px; }
body[data-page="home"] .atlas-name { font-size:clamp(48px,5.5vw,86px); }
body[data-page="home"] .atlas-edge { width:4px; }
body[data-page="home"] .discipline-atlas .discipline-row>summary { padding:30px 0; }
body[data-page="home"] .discipline-atlas .discipline-title { font-size:clamp(38px,4.5vw,73px); }
body[data-page="home"] .discipline-atlas .discipline-tag { font-size:9px; }
.ch-atlas-spectrum { grid-column:1/-1; display:grid; grid-template-columns:repeat(6,1fr); gap:5px; height:28px; margin-top:58px; }
.ch-atlas-spectrum i { display:block; background:linear-gradient(150deg,transparent 0%,var(--ch-color) 49%,rgba(255,255,255,.85) 50%,var(--ch-color) 54%,transparent 100%); opacity:.8; transform:skewY(-7deg); }
/* A conversation becomes a sequence of four objects. No carousels or traps. */
body[data-page="home"] #process { overflow:clip; padding:clamp(110px,12vw,195px) 0; background:radial-gradient(ellipse at 90% 45%,rgba(95,139,136,.13),transparent 57%),var(--bg); }
body[data-page="home"] #process>.shell { display:grid; grid-template-columns:.78fr 1.35fr; align-items:start; gap:8%; }
body[data-page="home"] .process-heading { display:block; position:sticky; top:130px; }
body[data-page="home"] .process-heading .eyebrow { display:block; margin:0 0 45px; }
body[data-page="home"] .process-heading .section-title { font-size:clamp(46px,4.7vw,79px); line-height:1.04; }
body[data-page="home"] .steps { display:block; margin:0; min-width:0; }
body[data-page="home"] .step { display:grid; grid-template-columns:.9fr 1fr; gap:0 9%; padding:45px 0 55px; min-height:340px; align-content:center; }
body[data-page="home"] .step>i { grid-column:2; grid-row:1; padding:0; }
body[data-page="home"] .step>h3 { grid-column:2; grid-row:2; font-size:clamp(37px,3.5vw,58px); margin:18px 0 23px; }
body[data-page="home"] .step>p { grid-column:2; grid-row:3; font-size:12px; line-height:1.9; max-width:300px; }
body[data-page="home"] .step>.process-diagram { grid-column:1; grid-row:1/4; align-self:center; margin:0; width:100%; height:auto; }
body[data-page="home"] .step.ch-has-art>.process-diagram { display:none; }
.ch-process-art { grid-column:1; grid-row:1/4; align-self:center; width:100%; aspect-ratio:1; transform:translate3d(0,var(--ch-drift,0px),0) rotate(var(--ch-turn,0deg)); }
.ch-process-art svg { filter:drop-shadow(0 20px 22px rgba(0,0,0,.18)); }
/* People are credited at the same scale as their work, with no stock portraits. */
body[data-page="home"] #studio { border:0; padding:clamp(100px,12vw,180px) 0 clamp(100px,11vw,165px); background:#dfddd5; color:#171815; --fg:#171815; --fg-dim:#60635e; --hair:rgba(23,24,21,.22); }
body[data-page="home"] .studio-intro { grid-template-columns:1.35fr 1fr; gap:30px 10%; position:relative; isolation:isolate; min-height:420px; align-content:start; }
body[data-page="home"] .studio-intro>.eyebrow { grid-column:1/-1; padding:0; }
body[data-page="home"] .studio-intro>.section-title { font-size:clamp(62px,7.4vw,123px); margin-top:38px; }
body[data-page="home"] .studio-intro>.lede { grid-column:2; align-self:end; margin-bottom:12px; max-width:320px; }
body[data-page="home"] .founders { display:block; margin-top:65px; }
body[data-page="home"] .founder { display:grid; grid-template-columns:55px minmax(0,1.2fr) minmax(0,.8fr); gap:12px 4%; padding:38px 0 42px; align-items:start; border:0; border-top:1px solid var(--hair); }
body[data-page="home"] .founder-no { grid-column:1; grid-row:1/3; margin:6px 0 0; }
body[data-page="home"] .founder b { grid-column:2; font-size:clamp(33px,4.2vw,68px); }
body[data-page="home"] .founder i { grid-column:2; grid-row:2; margin-top:0; }
body[data-page="home"] .founder p { grid-column:3; grid-row:1/3; margin:4px 0 0; font-size:12px; max-width:345px; }
body[data-page="home"] .founder:last-child { border-bottom:1px solid var(--hair); }
/* The final aperture returns to the opening's material and its six lights. */
body[data-page="home"] #contact { --fg:#f2f0ed; --fg-dim:#aaa9a5; --ink:#f2f0ed; --hair:rgba(242,240,237,.24); color:var(--fg); background:radial-gradient(ellipse at 78% 30%,rgba(75,122,123,.15),transparent 55%),#080a0b; padding-top:90px; padding-bottom:65px; }
body[data-page="home"] #contact::before { content:none; }
body[data-page="home"] #contact>.shell { position:relative; }
body[data-page="home"] .contact-heading { position:relative; margin:clamp(100px,10vw,160px) 0 clamp(95px,9vw,140px); gap:20px; }
body[data-page="home"] .contact-heading h2 { font-size:clamp(110px,17.5vw,295px); line-height:.84; letter-spacing:-.075em; }
body[data-page="home"] .contact-indent { padding-left:19%; }
body[data-page="home"] .contact-orbit { width:clamp(95px,11vw,175px); height:clamp(95px,11vw,175px); margin-right:4%; background:rgba(8,10,11,.22); color:#f2f0ed; border-color:rgba(242,240,237,.4); backdrop-filter:none; }
body[data-page="home"] .contact-orbit:hover { color:#080a0b; background:#f2f0ed; }
body[data-page="home"] .contact-orbit span { font-size:clamp(55px,7vw,105px); }
body[data-page="home"] .contact-bottom { position:relative; padding-bottom:40px; }
body[data-page="home"] .contact-bottom .mailto { font-size:clamp(25px,3.5vw,57px); }
body[data-page="home"] #contact .btn-send { color:var(--fg); }
body[data-page="home"] #contact .form-status[data-state="error"] { color:#ffb0a1; }
#contact .ch-scene-art>svg { width:65%; right:-5%; top:7%; opacity:.5; }
body[data-page="home"] .experience-footer { background:#080a0b; color:#f2f0ed; --fg:#f2f0ed; --fg-dim:#aaa9a5; --hair:rgba(242,240,237,.2); padding-top:clamp(80px,10vw,160px); }
body[data-page="home"] .footer-wordmark { opacity:.92; }
body[data-page="home"] .footer-bottom { margin-top:55px; }
html[data-theme="light"] body[data-page="home"] #process { background:radial-gradient(ellipse at 90% 45%,rgba(83,124,121,.12),transparent 57%),var(--bg); }
/* The closing scene deliberately retains dark material in both viewing themes. */
@media(min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
 .ch-scene-art>svg,.ch-process-art { transition:transform .12s linear; }
}
@media(max-width:1100px) and (min-width:761px) {
 body[data-page="home"] #process>.shell { grid-template-columns:.8fr 1.2fr; gap:5%; }
 body[data-page="home"] .step { grid-template-columns:.75fr 1fr; gap:0 7%; }
 body[data-page="home"] .studio-intro { min-height:350px; }
 body[data-page="home"] .atlas-preview { min-height:500px; }
}
@media(max-width:900px) {
 body[data-page="home"] .process-heading { position:relative; top:auto; }
 body[data-page="home"] #process>.shell { display:block; }
 body[data-page="home"] .process-heading .section-title { font-size:clamp(52px,7.4vw,77px); }
 body[data-page="home"] .steps { margin-top:65px; }
 body[data-page="home"] .step { min-height:310px; grid-template-columns:.8fr 1fr; gap:0 12%; }
 .ch-process-art { max-width:285px; justify-self:center; }
}
@media(max-width:760px) {
 body[data-page="home"] #manifesto .manifesto-sticky { padding-top:70px; padding-bottom:65px; }
 body[data-page="home"] #manifesto .manifesto-statement { width:100%; font-size:clamp(43px,9.8vw,72px); line-height:1.09; margin:65px 0 85px; }
 #manifesto .ch-scene-art>svg { width:115%; right:-48%; top:26%; opacity:.2; }
 body[data-page="home"] #manifesto .manifesto-bottom { grid-template-columns:1fr; gap:27px; }
 body[data-page="home"] #manifesto .asterisk { font-size:62px; }
 body[data-page="home"] #manifesto .manifesto-bottom .text-link { justify-self:start; }
 body[data-page="home"] #work>.section-heading { display:block; padding-top:85px; padding-bottom:60px; }
 body[data-page="home"] #work .section-heading .section-title { font-size:clamp(65px,13vw,97px); margin-top:52px; }
 body[data-page="home"] #work .section-heading .section-intro { margin-top:34px; }
 body[data-page="home"] #work .section-intro p { font-size:12px; }
 body[data-page="home"] .editorial-work { gap:70px; margin-top:85px; }
 body[data-page="home"] .editorial-card,body[data-page="home"] .editorial-card:nth-child(2) { display:block; }
 body[data-page="home"] .editorial-card .ph,body[data-page="home"] .editorial-card:nth-child(2) .ph { aspect-ratio:1.12; }
 body[data-page="home"] .editorial-card .work-meta { flex-direction:column-reverse; gap:12px; padding-top:17px; margin-top:16px; }
 body[data-page="home"] .editorial-card .work-meta b { font-size:35px; }
 body[data-page="home"] #disciplines .section-heading { display:block; padding-bottom:50px; }
 body[data-page="home"] #disciplines .section-title { font-size:clamp(55px,11.5vw,87px); margin-top:45px; }
 body[data-page="home"] #disciplines .section-intro { gap:20px; margin-top:30px; }
 .ch-atlas-spectrum { height:19px; margin-top:38px; gap:3px; }
 body[data-page="home"] .discipline-atlas { display:block; }
 body[data-page="home"] .atlas-preview { position:relative; top:auto; height:540px; min-height:0; margin-bottom:40px; }
 body[data-page="home"] .atlas-number { font-size:175px; }
 body[data-page="home"] .atlas-name { font-size:54px; }
 body[data-page="home"] .discipline-atlas .discipline-title { font-size:clamp(37px,9.5vw,53px); }
 body[data-page="home"] .discipline-atlas .discipline-row>summary { padding:25px 0; }
 body[data-page="home"] .discipline-atlas .discipline-tag { font-size:8px; }
 body[data-page="home"] #process { padding:85px 0; }
 body[data-page="home"] .process-heading .eyebrow { margin-bottom:35px; }
 body[data-page="home"] .process-heading .section-title { font-size:clamp(43px,10vw,70px); }
 body[data-page="home"] .steps { margin-top:50px; }
 body[data-page="home"] .step { min-height:0; grid-template-columns:.7fr 1fr; gap:0 25px; padding:35px 0; }
 body[data-page="home"] .step>h3 { font-size:32px; margin:14px 0 18px; }
 body[data-page="home"] .step>p { font-size:12px; line-height:1.85; }
 .ch-process-art { width:calc(100% + 18px); max-width:190px; }
 body[data-page="home"] #studio { padding:85px 0 90px; }
 body[data-page="home"] .studio-intro { display:block; min-height:0; }
 body[data-page="home"] .studio-intro>.section-title { font-size:clamp(53px,11.5vw,84px); margin-top:45px; }
 body[data-page="home"] .studio-intro>.lede { font-size:13px; margin-top:30px; max-width:340px; }
 body[data-page="home"] .founders { margin-top:55px; }
 body[data-page="home"] .founder { grid-template-columns:23px 1fr; gap:12px 18px; padding:28px 0 32px; }
 body[data-page="home"] .founder-no { font-size:9px; }
 body[data-page="home"] .founder b { font-size:clamp(29px,7.2vw,43px); }
 body[data-page="home"] .founder i { font-size:9px; line-height:1.8; }
 body[data-page="home"] .founder p { grid-column:2; grid-row:3; margin-top:8px; font-size:12px; }
 body[data-page="home"] #contact { padding-top:60px; padding-bottom:45px; }
 body[data-page="home"] .contact-heading { margin:90px 0 65px; align-items:end; gap:8px; }
 body[data-page="home"] .contact-heading h2 { font-size:clamp(82px,19.5vw,144px); }
 body[data-page="home"] .contact-indent { padding-left:8%; }
 body[data-page="home"] .contact-orbit { width:59px; height:59px; margin:0 0 -25px; }
 body[data-page="home"] .contact-orbit span { font-size:35px; }
 #contact .ch-scene-art>svg { width:125%; right:-54%; top:5%; opacity:.42; }
 body[data-page="home"] .contact-bottom { display:block; padding-bottom:30px; }
 body[data-page="home"] .contact-bottom .mailto { font-size:clamp(25px,6.5vw,40px); }
 body[data-page="home"] .contact-bottom p { margin-top:22px; }
 body[data-page="home"] .contact-form input,body[data-page="home"] .contact-form select,body[data-page="home"] .contact-form textarea { font-size:16px; }
 body[data-page="home"] .experience-footer { padding-top:60px; }
 body[data-page="home"] .footer-bottom { margin-top:38px; }
}
@media(max-width:360px) {
 body[data-page="home"] .step { grid-template-columns:1fr; }
 body[data-page="home"] .step>i,body[data-page="home"] .step>h3,body[data-page="home"] .step>p { grid-column:1; grid-row:auto; }
 body[data-page="home"] .step>.process-diagram,.ch-process-art { grid-column:1; grid-row:2; width:160px; margin:20px auto; }
 body[data-page="home"] .contact-heading h2 { font-size:75px; }
}
@media(prefers-reduced-motion:reduce) {
 .ch-scene-art>svg,.ch-process-art { transform:none!important; transition:none!important; }
 body[data-page="home"] .process-heading { position:relative; top:auto; }
}