/* LetsForm — the selected Courtyard, in charcoal. */
body[data-brand-fixed]{--paper:#f2f1ec;--ink:#373c3d;--accent:#373c3d;--line:#373c3d33;--logo-ink:#373c3d;--logo-colour:#373c3d;padding-bottom:100px}
body[data-theme=gallery]{--paper:#f6f5f1;--ink:#373c3d;--accent:#373c3d;--line:#d2d5d2}
body[data-theme=cinematic]{--paper:#292d2e;--ink:#f2f1ec;--accent:#e1e3de;--line:#5b6262}
body[data-brand-fixed] .site-header{background:#f2f1ec;color:#373c3d;--logo-ink:#373c3d;--logo-colour:#373c3d;border-color:#373c3d28}
body[data-theme=cinematic] .site-header{background:#f2f1ecf5;height:108px}
body[data-theme=cinematic] .site-header .brand{color:#373c3d}
body[data-brand-fixed] .site-header .brand-form,body[data-brand-fixed] .site-header .brand-period{color:#373c3d}
body[data-brand-fixed] .site-header .brand-mark{width:40px;height:39px}
body[data-brand-fixed] .brand{gap:13px;font-weight:600}
body[data-theme=gallery] .hero-copy .eyebrow,body[data-theme=gallery] .hero-edge,body[data-theme=gallery] .hero-intro p,body[data-theme=gallery] .team-role,body[data-theme=gallery] .team-specialties{color:#535a5b}
body[data-theme=gallery] .hero-intro{border-color:#c9ceca}
body[data-theme=gallery] .text-link{border-color:#a2aaa5}
body[data-theme=gallery] footer{background:#e2e5e3}
body[data-theme=cinematic] footer{background:#333839}
body[data-theme=cinematic] .team-specialties,body[data-theme=cinematic] .project-grid figcaption span+span,body[data-theme=cinematic] .footer-bottom>span+span{color:#c4c9c5}
.skip-link{position:fixed;top:8px;left:8px;background:#fff;color:#373c3d;padding:12px 18px;z-index:100;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.reference-label{position:absolute;z-index:2;top:27px;left:25px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:white;text-shadow:0 1px 8px #000;pointer-events:none}
body[data-theme=cinematic] .reference-label{top:150px;left:6%}
body[data-theme=gallery] .reference-label{left:30px}
.hero-visual figcaption{pointer-events:none}
.fixed-identity{font-size:11px;letter-spacing:.04em;padding:0 15px;white-space:nowrap;color:#5e6665}
.concept-bar{gap:3px;border-radius:2px;background:#f9f9f6f7;backdrop-filter:blur(12px);box-shadow:0 8px 28px #17202012}
.concept-options button{min-height:44px}
.concept-options button .swatch{display:none}
body[data-brand-fixed] .concept-options button[aria-pressed=true]{background:#373c3d;color:#f2f1ec;border-color:#373c3d}
body[data-brand-fixed] .concept-options button[aria-pressed=true] .concept-number{color:#c8ceca}
.previous-link{color:#535b5a;border-color:#d3d7d3;font-size:12px}

/* Each drawing follows the point in the design process it explains. */
body[data-theme] .approach-process{padding-bottom:55px}
.process-intro--illustrated{padding-bottom:20px}
.brief-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,4vw,64px);border-top:1px solid var(--process-rule);padding:30px 0 48px;margin-top:45px;align-items:start}
.study-kicker{display:block;font-size:11px;letter-spacing:.12em;font-weight:500;line-height:1.6}
.approach-process .brief-note p{max-width:640px;font-size:16px;line-height:1.8;margin:0;color:inherit}
.design-studies{color:#373c3d;background:#f2f1ec;margin:15px -5.556% 0;padding:0 5%;--process-muted:#5d6665}
.design-study{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:clamp(35px,6vw,100px);align-items:center;padding:85px 0;border-bottom:1px solid #373c3d25}
.study-copy{min-width:0}
.study-copy .study-kicker{margin-bottom:24px;color:#65706c}
.study-copy h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.7vw,56px);font-weight:500;line-height:1.13;letter-spacing:-.055em;margin:0 0 25px;text-wrap:balance}
body[data-theme] .approach-process .study-copy p{font-size:16px;line-height:1.85;max-width:390px;margin:0;color:#596261}
body[data-theme] .approach-process .study-copy p.study-small{margin-top:20px;font-size:14px;color:#66716e}
.study-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;border-bottom:1px solid #8b9590;margin-top:26px;font-size:13px;font-weight:500;color:#373c3d}
.study-link:hover{border-color:#373c3d}
.study-link span{transition:transform .2s}
.study-link:hover span{transform:translate(2px,-2px)}
.study-figure{min-width:0}
.study-figure>a{display:block;background:#fff;overflow:hidden;cursor:zoom-in}
.study-figure img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.study-figure>a:hover img{transform:scale(1.015)}
.study-figure figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:17px;color:#63706b;font-size:12px;line-height:1.5}
.study-figure figcaption span+span{font-size:10px;letter-spacing:.1em;white-space:nowrap}
.study-plan{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);column-gap:clamp(35px,5vw,75px)}
.study-plan .study-copy{grid-column:2;grid-row:1}
.study-plan .study-figure{grid-column:1;grid-row:1}
.study-plan .study-figure>a{padding:16px 8px}
.study-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:0;padding-bottom:90px}
.study-detail .study-copy{max-width:450px;padding-left:10%}
.study-detail .study-figure{max-width:480px;justify-self:center;width:100%}
.study-detail img,.monochrome-study{filter:grayscale(1)}
body[data-theme] .approach-process p.process-note{padding-top:26px;border:0;font-size:12px;color:inherit;opacity:.8}
body[data-theme=gallery] .approach-process{--process-rule:#bfc7c2}
body[data-theme=gallery] .design-studies{border-top:1px solid #cdd3cf}
body[data-theme=cinematic] .approach-process{--process-muted:#c4c9c5;--process-rule:#616a66}
body[data-theme=cinematic] .process-description{color:#c4c9c5}

/* Responsive image reader. The original drawing remains unchanged. */
.study-is-open{overflow:hidden}
#study-dialog{width:min(1420px,95vw);max-width:95vw;max-height:94svh;margin:auto;padding:20px 24px 14px;background:#f2f1ec;color:#373c3d;border:0;box-shadow:0 25px 100px #0005}
#study-dialog::backdrop{background:#1a1f21b8;backdrop-filter:blur(5px)}
.study-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px}
.study-dialog-toolbar h2{font:500 18px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.study-dialog-toolbar>div{display:flex;align-items:center;gap:10px}
.study-dialog-toolbar button{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #b5beba;background:transparent;color:inherit;cursor:pointer;font-size:12px}
.study-dialog-toolbar .study-close{font-size:28px;padding:0 10px}
.study-dialog-canvas{height:calc(90svh - 120px);overflow:auto;background:#fff;overscroll-behavior:contain;text-align:center}
.study-dialog-canvas img{display:block;width:100%;height:100%;object-fit:contain;margin:0 auto}
.study-dialog-canvas.is-zoomed{text-align:left}
.study-dialog-canvas.is-zoomed img{width:1600px;max-width:none;height:auto;margin:0;object-fit:initial}
.study-original{display:inline-block;font-size:12px;margin-top:12px;text-decoration:underline;text-underline-offset:3px;padding:5px 0}

@media(min-width:1600px){.design-studies{padding-left:8%;padding-right:8%}.study-detail .study-figure{max-width:560px}}
@media(max-width:1000px){.fixed-identity{display:none}.design-study{column-gap:35px}.study-copy h3{font-size:38px}.study-detail .study-copy{padding-left:0}}
@media(max-width:800px){
 .brief-note{grid-template-columns:1fr;gap:15px;margin-top:30px;padding:25px 0 35px}
 .design-study,.study-plan,.study-detail{grid-template-columns:minmax(0,1fr);gap:32px;padding:55px 0}
 .study-plan .study-copy,.study-plan .study-figure{grid-column:auto;grid-row:auto}
 .study-copy h3{font-size:clamp(34px,7vw,48px);margin-bottom:20px}
 .study-copy h3 br{display:none}
 .study-copy .study-kicker{margin-bottom:17px}
 body[data-theme] .approach-process .study-copy p{max-width:580px;font-size:16px}
 .study-detail .study-copy{max-width:none}
 .study-detail .study-figure{max-width:480px}
 .study-link{margin-top:15px}
 .study-figure figcaption{font-size:11px;gap:8px;flex-wrap:wrap}
}
@media(max-width:700px){
 body[data-brand-fixed]{padding-bottom:123px}
 body[data-brand-fixed] .site-header{height:auto;min-height:0;padding:18px 6% 0;display:block}
 body[data-brand-fixed] .site-header .brand{font-size:28px;gap:11px;width:max-content}
 body[data-brand-fixed] .site-header .brand-mark{width:36px;height:35px}
 body[data-brand-fixed] .site-header nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 13px;padding:9px 0;margin-top:14px;border-top:1px solid #373c3d25;font-size:12px}
 body[data-brand-fixed] .site-header nav>a:nth-child(2){display:block}
 body[data-brand-fixed] .site-header nav a{font-size:12px;min-height:44px;display:flex;align-items:center;padding:8px 0;white-space:nowrap}
 body[data-brand-fixed] .nav-contact{margin-left:0}
 body[data-brand-fixed] .nav-contact span{padding-left:6px}
 .concept-bar{width:calc(100% - 20px);max-width:520px;display:flex;flex-direction:column;bottom:10px;gap:0;padding:5px 6px}
 .concept-options{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:4px}
 .concept-options button{justify-content:center;font-size:12px;gap:6px;min-height:44px;padding:8px 4px}
 .concept-number{display:none}
 .previous-link{max-width:none;min-height:35px;padding:6px 10px;border-left:0;font-size:11px}
 .reference-label{top:18px;left:18px;font-size:9px}
 body[data-theme=gallery] .reference-label{left:17px}
 body[data-theme=cinematic] .reference-label{top:175px}
 body[data-theme=cinematic] .motion-toggle{top:165px}
 body[data-theme=editorial] .hero{display:block;margin:0 6%}
 body[data-theme=editorial] .hero-copy{min-height:0;padding:34px 0 35px}
 body[data-theme=editorial] .hero-copy .eyebrow{margin-bottom:30px;font-size:10px;line-height:1.5}
 body[data-theme=editorial] h1{font-size:clamp(66px,16vw,108px);line-height:1.03}
 body[data-theme=editorial] .hero-intro{padding-top:26px}
 body[data-theme=editorial] .hero-visual{height:clamp(390px,120vw,650px);min-height:0}
 body[data-theme=editorial] .hero-edge{padding:18px 0;line-height:1.5}
 body[data-theme=editorial] .hero-edge>a{display:none}
 body[data-theme] .approach-process{padding-left:6%;padding-right:6%;padding-bottom:30px}
 .design-studies{margin-left:-6.819%;margin-right:-6.819%;padding-left:6%;padding-right:6%}
 .process-intro.process-intro--illustrated{display:block}
 .process-intro .process-copy{margin-top:27px}
 .process-artwork{margin-top:32px}
 .approach-process p.process-description{font-size:16px}
 .study-dialog-toolbar{gap:10px;padding-bottom:12px}
 .study-dialog-toolbar h2{font-size:15px;max-width:50%}
 #study-dialog{padding:14px 12px 10px;width:96vw;max-width:96vw}
 .study-dialog-toolbar button{padding:6px 9px}
 .study-dialog-canvas.is-zoomed img{width:1100px}
 .portrait-initials>small{display:none}
}
@media(prefers-reduced-motion:reduce){.study-link span,.study-figure img{transition:none}.study-figure>a:hover img{transform:none}}