/* Buildscape: a light, physical-process study with its own layout and palette. */
#caseView.buildscape-case{--bg:#f7f7f3;--ink:#242d26;--muted:#5a655c;--faint:#737d74;--accent:#526447;--line:rgba(36,45,38,.18);--chip:#e9ede4;--cs-paper:#f7f7f3;--cs-ink:#242d26;--cs-body:#5a655c;--cs-faint:#737d74;--cs-line:rgba(36,45,38,.18);--cs-dot:#8e9a88;color:var(--ink);background:var(--bg);font-family:var(--font-ui);color-scheme:light;}
#caseView.buildscape-case .sn-panel-body{color:var(--ink);}
#caseView.buildscape-case .bs-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;}
#caseView.buildscape-case .bs-intro h1{font:600 clamp(58px,7.6vw,110px)/1 var(--font-ui);letter-spacing:-.065em;margin:20px 0 7px;overflow:visible;}
#caseView.buildscape-case .bs-handwritten{font:400 29px/1.3 'Caveat',cursive;color:var(--accent);margin:0;}
#caseView.buildscape-case .bs-lead{font:400 clamp(17px,1.8vw,25px)/1.5 var(--font-ui);letter-spacing:-.015em;color:var(--muted);margin:0;}
#caseView.buildscape-case .bs-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:10px 0 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
#caseView.buildscape-case .bs-meta dt{font:10px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px;}
#caseView.buildscape-case .bs-meta dd{font:12px/1.6 var(--font-ui);margin:0;}
#caseView.buildscape-case .bs-film{width:100%;background:#111;}
#caseView.buildscape-case .bs-film video{display:block;position:relative;inset:auto;opacity:1;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;}
#caseView.buildscape-case .bs-heading{max-width:760px;}
#caseView.buildscape-case .bs-heading h2{font:500 clamp(30px,3.5vw,49px)/1.15 var(--font-ui);letter-spacing:-.04em;margin:14px 0 0;}
#caseView.buildscape-case .bs-heading p{font:13px/1.8 var(--font-ui);max-width:640px;color:var(--muted);margin:20px 0 0;}
#caseView.buildscape-case .bs-figure{display:flex;flex-direction:column;gap:11px;margin:0;min-width:0;}
#caseView.buildscape-case .bs-figure img{display:block;width:100%;height:auto;object-fit:contain;max-height:none;}
#caseView.buildscape-case .bs-figure figcaption{font:10px/1.6 var(--font-ui);color:var(--muted);}
#caseView.buildscape-case .bs-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
#caseView.buildscape-case .bs-portraits{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:820px;width:100%;margin:0 auto;}
#caseView.buildscape-case .bs-installation{display:grid;grid-template-columns:1fr 1.7fr;gap:28px;align-items:center;}
#caseView.buildscape-case .bs-installation>div{max-width:340px;}
#caseView.buildscape-case .bs-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;list-style:none;margin:18px 0;padding:0;}
#caseView.buildscape-case .bs-flow li{position:relative;min-width:0;padding:22px 0;border-top:1px solid var(--line);}
#caseView.buildscape-case .bs-flow li:not(:last-child)::after{content:'→';position:absolute;right:-27px;top:53px;font:20px/1 var(--font-ui);color:var(--faint);}
#caseView.buildscape-case .bs-flow svg{width:34px;height:34px;color:var(--accent);margin-bottom:18px;}
#caseView.buildscape-case .bs-flow h3,#caseView.buildscape-case .bs-presets h3{font:500 17px/1.4 var(--font-ui);letter-spacing:-.02em;margin:0 0 8px;}
#caseView.buildscape-case .bs-flow p,#caseView.buildscape-case .bs-presets p{font:12px/1.7 var(--font-ui);color:var(--muted);margin:0;}
#caseView.buildscape-case .bs-split{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start;}
#caseView.buildscape-case .bs-tools{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:26px 0 0;gap:8px 18px;}
#caseView.buildscape-case .bs-tools li{font:10px/1.6 var(--font-ui);color:var(--muted);}
#caseView.buildscape-case .bs-responsibilities{display:grid;gap:26px;margin-top:20px;}
#caseView.buildscape-case .bs-responsibilities article{padding-top:18px;border-top:1px solid var(--line);}
#caseView.buildscape-case .bs-responsibilities svg{width:24px;height:24px;float:left;margin:0 14px 30px 0;color:var(--accent);}
#caseView.buildscape-case .bs-responsibilities h3,#caseView.buildscape-case .bs-notes h3,#caseView.buildscape-case .bs-development-note h3{font:500 14px/1.5 var(--font-ui);margin:0 0 8px;}
#caseView.buildscape-case .bs-responsibilities p,#caseView.buildscape-case .bs-notes p,#caseView.buildscape-case .bs-development-note p{font:12px/1.8 var(--font-ui);color:var(--muted);margin:0;}
#caseView.buildscape-case .bs-before-after{display:grid;grid-template-columns:1fr 40px 1fr;gap:25px;align-items:center;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
#caseView.buildscape-case .bs-mini{display:block;color:var(--muted);font:10px/1.5 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
#caseView.buildscape-case .bs-before-after p{font:400 clamp(14px,1.7vw,21px)/1.5 var(--font-ui);letter-spacing:-.02em;margin:0;}
#caseView.buildscape-case .bs-change-arrow svg{width:28px;height:28px;color:var(--accent);}
#caseView.buildscape-case .bs-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
#caseView.buildscape-case .bs-presets article{padding:24px 0;}
#caseView.buildscape-case .bs-presets svg{width:35px;height:35px;color:var(--accent);margin-bottom:18px;}
#caseView.buildscape-case .bs-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;}
#caseView.buildscape-case .bs-metrics>div{display:flex;flex-direction:column;gap:13px;}
#caseView.buildscape-case .bs-metrics dt{order:2;color:var(--muted);font:11px/1.5 var(--font-ui);}
#caseView.buildscape-case .bs-metrics dd{order:1;margin:0;font:400 clamp(31px,4vw,59px)/1.1 var(--font-ui);letter-spacing:-.055em;}
#caseView.buildscape-case .bs-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:12px;}
#caseView.buildscape-case .bs-notes article{padding-top:22px;border-top:1px solid var(--line);}
#caseView.buildscape-case .bs-context{display:grid;grid-template-columns:1fr 1fr;gap:7vw;}
#caseView.buildscape-case .bs-context p,#caseView.buildscape-case .bs-result-copy{font:13px/1.85 var(--font-ui);color:var(--muted);margin:0;max-width:720px;}
#caseView.buildscape-case .bs-development-note{padding:28px 32px;background:#ecefe8;max-width:800px;}
#caseView.buildscape-case .bs-footnote{font:11px/1.8 var(--font-ui);color:var(--muted);max-width:600px;margin:0;}
#caseView.buildscape-case .bs-next .se-explore-next{margin-top:0;}
#caseView.buildscape-case .bs-next h2{font-family:var(--font-ui);letter-spacing:-.04em;font-weight:500;}
#caseView.buildscape-case :is(.cs-close,.sn-slide-next,.study-mode-switch,.sn-slide-count){background:var(--bg);color:var(--ink);}
#caseView.buildscape-case .sn-slide-count{color:var(--muted);}
#caseView.buildscape-case .cs-nav{--progress-accent:var(--accent);}
#caseView.buildscape-case .sn-action{color:var(--ink);border-color:var(--line);}
#caseView.buildscape-case .bs-complete .cs-nav{height:min(40vh,300px);}
body:has(#caseView.buildscape-case.open) header.top{--h-ink:#242d26;--h-muted:#5a655c;--h-icon:#f7f7f3;}
body:has(#caseView.buildscape-case.open) .se-image-viewer{background:#f7f7f3;border-color:#aab3a5;color:#242d26;}
@media(max-width:850px){#caseView.buildscape-case .bs-intro{grid-template-columns:1fr;gap:28px;}#caseView.buildscape-case .bs-split{grid-template-columns:1fr;gap:24px;}#caseView.buildscape-case .bs-responsibilities{grid-template-columns:1fr 1fr;gap:24px;}#caseView.buildscape-case .bs-meta{grid-template-columns:1fr 1fr;}#caseView.buildscape-case .bs-intro h1{font-size:clamp(52px,11vw,86px);}#caseView.buildscape-case .bs-metrics{gap:20px;}}
@media(max-width:700px){#caseView.buildscape-case .bs-flow{grid-template-columns:1fr;gap:25px;margin:0;}#caseView.buildscape-case .bs-flow li{display:grid;grid-template-columns:34px 1fr;gap:4px 22px;padding:18px 0 8px;}#caseView.buildscape-case .bs-flow svg{grid-row:1/3;margin:0;}#caseView.buildscape-case .bs-flow h3,#caseView.buildscape-case .bs-flow p{grid-column:2;margin:0;}#caseView.buildscape-case .bs-flow li:not(:last-child)::after{content:'↓';left:11px;right:auto;top:auto;bottom:-22px;font-size:17px;}#caseView.buildscape-case .bs-pair,#caseView.buildscape-case .bs-installation,#caseView.buildscape-case .bs-notes,#caseView.buildscape-case .bs-context{grid-template-columns:1fr;gap:30px;}#caseView.buildscape-case .bs-installation>div{max-width:320px;width:100%;margin:0 auto;}#caseView.buildscape-case .bs-portraits{gap:16px;}#caseView.buildscape-case .bs-presets{grid-template-columns:1fr;gap:0;}#caseView.buildscape-case .bs-presets article{display:grid;grid-template-columns:40px 1fr;gap:6px 16px;border-bottom:1px solid var(--line);}#caseView.buildscape-case .bs-presets svg{grid-row:1/3;margin:0;}#caseView.buildscape-case .bs-presets h3,#caseView.buildscape-case .bs-presets p{grid-column:2;margin:0;}#caseView.buildscape-case .bs-responsibilities{grid-template-columns:1fr;}#caseView.buildscape-case .bs-before-after{grid-template-columns:1fr;gap:16px;}#caseView.buildscape-case .bs-change-arrow{transform:rotate(90deg);width:28px;}#caseView.buildscape-case .bs-heading h2{font-size:31px;}#caseView.buildscape-case .bs-metrics{grid-template-columns:1fr;gap:22px;padding:25px 0;}#caseView.buildscape-case .bs-metrics>div{flex-direction:row;align-items:baseline;justify-content:space-between;}#caseView.buildscape-case .bs-metrics dd{font-size:39px;}#caseView.buildscape-case .bs-development-note{padding:22px;}#caseView.buildscape-case .bs-meta{gap:22px 16px;}#caseView.buildscape-case .bs-meta dd{font-size:11px;}}