:root{--ink:#183b43;--muted:#657777;--paper:#eff2ef;--line:#d8e0da;--accent:#245f66}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}header,main{max-width:1180px;margin:auto;padding:32px 28px}header{padding-top:45px;padding-bottom:8px}h1{font-size:clamp(38px,5vw,64px);font-weight:650;letter-spacing:-2px;line-height:1.06;margin:14px 0 18px}h1 span{display:block;color:#738a87;font-weight:450}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px}.meta,p.caption,figcaption{color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}nav a{background:white;padding:9px 16px;border-radius:30px;text-decoration:none}a{color:var(--accent)}button{font:inherit;font-size:13px;cursor:pointer;background:#fff;border:1px solid #ccd8d3;border-radius:7px;padding:8px 12px;color:var(--ink)}button:hover{background:#e7efea}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b07921;outline-offset:3px}.selected{background:var(--accent)!important;color:white}.notice{background:#fff8e9;border-left:3px solid #b5944f;padding:16px 20px;font-size:14px}.notice b{display:block;margin-bottom:4px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:40px 0 18px}h2{font-size:26px;letter-spacing:-.6px;margin:7px 0}p{margin:7px 0}.section-head p{color:var(--muted);font-size:14px}.lod{display:flex;gap:6px;flex-shrink:0}.comparisons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.card-title{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:8px}h3{font-size:17px;margin:0}.compare{margin-inline:auto;aspect-ratio:500/1200;max-height:880px;position:relative;background:white;touch-action:pan-y;cursor:ew-resize}.compare img{position:absolute;width:100%;height:100%;object-fit:fill;inset:0;user-select:none;pointer-events:none}.compare .model{clip-path:inset(0 0 0 var(--split))}.divider{position:absolute;left:var(--split);height:100%;border-left:2px solid #c59432;pointer-events:none}.divider:after{content:'↔';position:absolute;top:46%;left:-17px;width:32px;height:32px;border-radius:50%;background:#b88727;color:white;text-align:center;line-height:32px}.tag{position:absolute;top:8px;font-size:9px;letter-spacing:.5px;background:#ffffffdf;padding:4px 6px;border-radius:4px}.left{left:6px}.right{right:6px}.controls{padding:10px 16px}input[type=range]{width:100%;accent-color:var(--accent);cursor:ew-resize}.presets{display:flex;gap:6px;justify-content:center}.caption,figcaption{font-size:12px}.card .caption{padding:0 16px 12px}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}summary{cursor:pointer;font-weight:600}details p{max-width:900px;margin:12px 0}.perspectives{display:grid;grid-template-columns:1fr 1fr;gap:20px}figure{margin:0;min-width:0}figure a{display:block;border-radius:10px;overflow:hidden}figure img{display:block;width:100%}.perspectives figure>a{height:660px;background:#dde5e2}.perspectives img{height:100%;object-fit:contain}.source-crop{position:relative}.source-crop img{position:absolute;max-width:none;width:auto;height:100%;left:50%;transform:translateX(-75%);object-fit:fill}figcaption{padding:9px 2px}.model-stage{position:relative;border-radius:14px;overflow:hidden;background:#dbe4e5;border:1px solid #cddada}model-viewer{display:block;width:100%;height:720px;--poster-color:#dbe4e5}.model-stage #status{position:absolute;top:12px;left:14px;background:#fffe;padding:7px 12px;border-radius:7px;font-size:13px;pointer-events:none}.model-fullscreen{position:absolute;right:12px;top:16px}.view-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0}.view-buttons a{font-size:13px;margin-left:auto}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.gallery img{height:430px;object-fit:contain;background:#d9e0de}footer{border-top:1px solid var(--line);margin-top:38px;padding:24px 0;font-size:13px}footer b{font-size:15px}.card:fullscreen{overflow:auto;background:white;display:flex;flex-direction:column;align-items:center}.card:fullscreen .compare{width:min(500px,70vw,calc((100vh - 170px)*5/12));height:calc(100vh - 170px);flex-shrink:0;aspect-ratio:auto;max-height:none}.card:fullscreen .card-title,.card:fullscreen .controls{width:min(600px,95vw)}.card:fullscreen .compare img{object-fit:contain}.model-stage:fullscreen model-viewer{height:100vh}.model-stage:fullscreen{border:0;border-radius:0}@media(max-width:680px){header,main{padding:22px 16px}.section-head{display:block;margin-top:30px}.lod{margin-top:14px}.comparisons,.perspectives{grid-template-columns:1fr}.compare{height:auto;max-height:none}.perspectives figure>a{height:560px}model-viewer{height:600px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:320px}.gallery figure:last-child{grid-column:1/-1}.gallery figure:last-child img{height:auto}.card-title{padding:12px}h3{font-size:16px}.model-stage #status{top:48px}h2{font-size:24px}.view-buttons a{margin-left:0}}

.context-toggle{font-size:14px;margin:12px 0}.context-toggle small{display:block;color:#657777}.revision-gallery{grid-template-columns:1fr 1fr}.revision-gallery img{height:auto}@media(max-width:680px){.revision-gallery{grid-template-columns:1fr}}

.lighting-controls{position:absolute;bottom:18px;left:16px;display:flex;gap:5px;padding:5px;border-radius:11px;background:#fffffff0;z-index:2}.model-stage.night{background:radial-gradient(ellipse at 50% 75%,#152b46 0%,#070f1e 72%);border-color:#263c53}.model-stage.night model-viewer{--poster-color:#0a1424}.model-stage.night #status{background:#14253ce8;color:#e5edf7}.model-stage.night .lighting-controls{background:#14253cf2}.model-stage.night .lighting-controls button:not(.selected){background:#253950;color:#e5edf7;border-color:#41546b}.model-stage.night .lighting-controls .selected{background:#dab974!important;color:#142236;border-color:#dab974}#lighting-note{margin-top:8px;min-height:2em}

.view-buttons button.selected{background:#205f68;color:white;border-color:#205f68}.view-buttons{gap:.5rem;flex-wrap:wrap}#preset-note{min-height:1.5em}.revision-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.revision-gallery img{aspect-ratio:1;object-fit:contain;background:#dde6e4}@media(max-width:650px){.revision-gallery{grid-template-columns:1fr}.view-buttons button{font-size:.85rem}}

.stage-presets{display:none}.model-stage:fullscreen .stage-presets{display:flex;gap:6px;flex-wrap:wrap;position:absolute;z-index:4;left:16px;right:16px;bottom:66px;justify-content:center}.stage-presets button{background:#fffffff2;padding:8px 11px;font-size:13px}.stage-presets button.selected{background:#205f68;color:white}