/* V10 adapts V9 A. The exact approved 1920 × 1080 rules remain authoritative. */
.menu-toggle{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.menu-toggle:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
@media (max-width:1919px),(min-width:1921px),(max-height:1079px),(min-height:1081px){
 :root{--gutter:40px;--h1:56px;--h2:48px;--body-size:16px;--caption:10px;--caption-gap:12px;--copy-gap:22px;--composition-gap:40px;--section-pad:42px}
 .site-header{padding-inline:32px;gap:24px}.brand{width:250px}.primary-nav{gap:22px}.header-cta{width:286px;padding-inline:16px;font-size:10.5px}.primary-nav a{min-height:44px;display:flex;align-items:center;font-size:10.5px}
 .chapter{min-height:0;height:calc(100svh - var(--header))}
 .chapter>.container{padding-block:var(--section-pad)}
 .intro-layout{grid-template-columns:1fr 1fr;gap:64px}
 .project-identity{margin-bottom:32px;padding-bottom:20px}.project-meta{line-height:1.55}.copy-rule{margin-block:26px}.intro-body p{font-size:17px;line-height:1.55}
 .hero-figure{width:min(100%,calc((100svh - var(--header) - 2 * var(--section-pad) - 28px)*.72))}
 .image-left,.guest-layout{grid-template-columns:1.4fr 1fr}
 .square-right{grid-template-columns:1fr 1.15fr;gap:var(--composition-gap)}
 .square-right .figure{width:min(100%,calc(100svh - var(--header) - 2 * var(--section-pad) - 28px))}
 .single-portrait-left{grid-template-columns:1.1fr 1fr;gap:64px}
 .single-portrait-left .figure{width:min(100%,calc((100svh - var(--header) - 2 * var(--section-pad) - 28px)*var(--ratio)))}
 .stacked-layout{gap:28px}.wide-chapter>.container{padding-block:var(--section-pad)}
 .chapter-heading .body-copy{max-width:1080px}.final-cta{height:auto}.final-cta h2{font-size:56px}.final-cta>.container{padding-block:72px}
 .project-footer{padding-inline:40px}.project-footer span{font-size:9px;line-height:1.5}.project-footer>a:not(:first-child){font-size:9px}
}
@media (min-width:1101px) and (max-height:820px){
 :root{--section-pad:30px;--h1:50px;--h2:44px;--copy-gap:20px;--composition-gap:34px}
 .project-identity{margin-bottom:24px}.copy-rule{margin-block:22px}.intro-layout,.single-portrait-left{gap:48px}.intro-body p{font-size:16px}.stacked-layout{gap:24px}
}
@media (max-width:1180px){
 .site-header{grid-template-columns:1fr 44px 1fr;padding-inline:24px;gap:16px}.brand{width:210px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--bronze);border-radius:0;background:transparent;color:var(--bronze);cursor:pointer}
 .menu-icon{display:block;width:19px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}.menu-icon::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px solid currentColor}
 .header-cta{width:min(100%,280px);height:48px;min-height:44px;font-size:10px;padding:10px 12px}
 .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--rule);box-shadow:0 10px 15px #1514110c}
 .primary-nav.is-open{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.primary-nav a{justify-content:center;min-height:48px;font-size:12px}
}
@media (min-width:701px) and (max-width:1100px) and (orientation:landscape){
 :root{--gutter:32px;--section-pad:32px;--h1:48px;--h2:42px;--composition-gap:32px;--copy-gap:20px}
 .intro-layout,.single-portrait-left{gap:40px}.intro-body p{font-size:16px}.project-identity{margin-bottom:24px;padding-bottom:18px}.project-meta{font-size:10px}.copy-rule{margin-block:22px}
 .image-left,.guest-layout{grid-template-columns:1.15fr 1fr}.stacked-layout{gap:24px}.chapter-heading .body-copy{max-width:880px}
}
/* Portrait devices use a real stacked story, never a scaled desktop. */
@media (max-width:1100px) and (orientation:portrait){
 :root{--gutter:44px;--h1:60px;--h2:52px;--body-size:17px;--caption:11px;--section-pad:54px;--composition-gap:34px;--copy-gap:22px}
 .chapter{height:auto;min-height:0}.chapter>.container{height:auto;padding-block:var(--section-pad)}
 .intro-layout,.split-layout,.single-portrait-left,.stacked-layout,.cta-layout{display:flex;flex-direction:column;align-items:stretch;gap:var(--composition-gap)}
 .intro-copy,.chapter-copy,.chapter-heading{width:100%;max-width:760px;margin-inline:auto;text-align:left}.chapter-copy{order:-1}
 .chapter-heading .body-copy{max-width:none}.intro-body p{font-size:18px}.project-identity{margin-bottom:32px}
 .hero-figure,.square-right .figure,.single-portrait-left .figure,.split-layout .figure{width:100%;max-width:none;align-self:center}
 .hero-figure{max-width:490px}.single-portrait-left .figure{max-width:560px}.square-right .figure{max-width:640px}
 .proof-space{display:block;container-type:normal}.proof-space>.figure{width:100%}.image-frame{height:auto;aspect-ratio:auto}.image-frame img{height:auto;aspect-ratio:var(--ratio);object-fit:contain;object-position:center}
 .final-cta h2{font-size:56px}.cta-action .button{max-width:520px}.project-footer{height:auto;min-height:100px;padding:16px 32px;gap:22px}.project-footer img{width:200px}.project-footer span{max-width:170px}
}
@media (max-width:700px){
 :root{--header:120px;--gutter:24px;--h1:46px;--h2:42px;--body-size:16px;--caption:10px;--section-pad:48px;--composition-gap:30px;--copy-gap:20px}
 .site-header{grid-template-columns:1fr 44px;grid-template-rows:52px 44px;gap:8px 12px;padding:8px 20px;height:var(--header)}.brand{width:222px;max-width:100%;height:52px}.menu-toggle{grid-column:2;grid-row:1}.header-cta{grid-column:1/-1;grid-row:2;width:100%;height:44px;font-size:10.5px;letter-spacing:.1em}
 .primary-nav.is-open{grid-template-columns:1fr 1fr;padding:16px 20px;gap:8px}.primary-nav a:last-child{grid-column:1/-1}.primary-nav a{justify-content:flex-start;padding-inline:12px;font-size:12px}
 .chapter{height:auto;min-height:0}.chapter>.container{height:auto;padding-block:var(--section-pad)}
 .intro-layout,.split-layout,.single-portrait-left,.stacked-layout,.cta-layout{display:flex;flex-direction:column;align-items:stretch;gap:var(--composition-gap)}
 .intro-copy,.chapter-copy,.chapter-heading{width:100%;max-width:none;text-align:left}.chapter-copy{order:-1}
 .project-identity{padding-bottom:20px;margin-bottom:30px}.project-name{font-size:11px;letter-spacing:.16em;line-height:1.6}.project-meta{font-size:10px;line-height:1.7;letter-spacing:.075em}.copy-rule{margin-block:26px}.intro-body p{font-size:16px;line-height:1.6}.body-copy{line-height:1.6}
 .hero-figure,.split-layout .figure,.square-right .figure,.single-portrait-left .figure,.proof-space{width:calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(-1 * var(--gutter));align-self:auto}
 .proof-space{display:block;container-type:normal}.proof-space>.figure{width:100%}.image-frame{height:auto;aspect-ratio:auto}.image-frame img{width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:contain;object-position:center}
 .figure figcaption{margin-inline:var(--gutter);font-size:10px}.chapter-heading .body-copy{max-width:none}
 .final-cta h2{font-size:46px}.cta-action .body-copy{font-size:17px;margin-bottom:24px}.cta-action .button{min-height:54px;padding:13px 14px;font-size:10.5px;letter-spacing:.08em;gap:12px}
 .project-footer{height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px 28px}.project-footer img{width:220px;height:58px}.project-footer>a:not(:first-child){font-size:10px;min-height:44px}.project-footer span{font-size:10px;max-width:none;line-height:1.6}
}
@media (max-width:375px){:root{--gutter:22px;--h1:43px;--h2:40px}.brand{width:210px}.final-cta h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.cta-action .button span{transition:none!important}.cta-action .button:is(:hover,:focus-visible) span{transform:none}}