:root{color-scheme:dark;--bg:#111a1b;--panel:#1b2929;--line:#3a4947;--text:#eeeede;--muted:#b8c6bf;--gold:#e6c579}*{box-sizing:border-box}html{scroll-padding-top:76px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}a:hover{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{padding:26px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:14px;letter-spacing:.12em;font-weight:650;text-decoration:none}.brand span{color:var(--muted);font-size:12px}.edition{font-size:12px;color:var(--muted);letter-spacing:.12em}nav{position:sticky;top:0;z-index:3;display:flex;gap:28px;padding:15px 5%;background:#111a1bf5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto}nav a{font-size:14px;text-decoration:none;white-space:nowrap}.wrap{max-width:1440px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;padding:52px 0 38px}.eyebrow{font-size:13px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}h1{font:400 clamp(44px,5.5vw,78px)/1.07 Georgia,serif;letter-spacing:-.045em;margin:16px 0 0}h1 em{font-weight:400;color:var(--gold)}h2{font:400 clamp(34px,3.8vw,52px)/1.12 Georgia,serif;letter-spacing:-.02em;margin:12px 0}h3{font-size:20px;line-height:1.35;font-weight:500;margin:0 0 8px}p{color:var(--muted);margin:0;max-width:76ch}figure{margin:0;min-width:0}img{max-width:100%;display:block}figure img{width:100%;height:auto}video{width:100%;aspect-ratio:16/9;display:block;background:#070d0e;object-fit:contain}.film video{aspect-ratio:1672/940}.film .trailer-link{position:relative;display:block;overflow:hidden;background:#070d0e}.film .trailer-link img{width:100%;aspect-ratio:1672/940;object-fit:cover;transition:transform .25s}.film .trailer-link:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#070d0ee8);pointer-events:none}.film .trailer-link-label{position:absolute;z-index:1;bottom:22px;left:24px;display:inline-flex;align-items:center;padding:11px 15px;background:#111a1be8;border:1px solid var(--gold);color:var(--text);font-weight:600}.film .trailer-link:hover img{transform:scale(1.01)}.film figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.film figcaption p{font-size:14px}figcaption{padding:17px 0 24px}figcaption p{font-size:15px}.chapter-strip{display:flex;gap:32px;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0;margin-top:28px}.chapter-strip span{font-size:14px;letter-spacing:.12em;color:var(--gold)}section{border-top:1px solid var(--line);padding:64px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:32px}.grid{display:grid;gap:26px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-sheet{margin:10px 0 30px}.art{display:block;width:100%;padding:0;border:0;background:#202a28;cursor:zoom-in;color:inherit}.portraits img{aspect-ratio:9/16;object-fit:contain}.interiors img{aspect-ratio:1;object-fit:contain}.subhead{margin:38px 0 24px;max-width:780px}.subhead h3{font:28px Georgia,serif}.subhead p{margin-top:12px}details{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}summary{cursor:pointer;color:var(--gold);padding:8px 0;font-size:16px}details[open]>summary{margin-bottom:22px}.note{border-left:2px solid var(--gold);padding-left:18px;margin:20px 0 28px}.workflow{display:grid;grid-template-columns:2fr 1fr;background:var(--panel);padding:32px;gap:40px;margin:36px 0}.environment-workflow{display:block}.environment-workflow .environment-content{align-items:start;margin-top:24px}.environment-workflow .environment-content figure img{max-height:none;object-fit:contain}.environment-workflow .workflow-graph{margin-top:30px}.workflow-graph{width:100%;margin:28px 0 0}.workflow figure.workflow-graph img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.workflow figure.workflow-graph figcaption h3{font:18px/1.35 "Segoe UI",Arial,sans-serif;margin:12px 0 4px}.workflow figure.workflow-graph figcaption p{font-size:13px;margin:0}.workflow-graph{grid-column:1/-1;margin-top:28px}.workflow-graph img{width:100%;height:auto;max-height:none;display:block;object-fit:contain}.workflow h3{font:30px Georgia,serif;margin:15px 0}.workflow figure img{max-height:550px;object-fit:contain}.workflow .art{background:transparent}.workflow p{margin:15px 0}dl{display:flex;flex-wrap:wrap;gap:26px;margin:25px 0}dt{font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}dd{margin:4px 0;font-size:16px}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;margin:24px 0}.flow span{padding:8px;border:1px solid #758176}.flow b{color:var(--gold)}.button{display:inline-block;text-decoration:none;padding:10px 16px;border:1px solid #84978a;font-size:14px;margin:8px 8px 8px 0}.small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.filters{display:flex;gap:20px;margin:20px 0}.filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;color:var(--muted);font-size:14px}input,select{padding:12px;border:1px solid #67766c;background:var(--panel);color:var(--text);min-width:0;width:100%}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.asset img{height:200px;object-fit:contain}.asset h3{font-size:14px;overflow-wrap:anywhere;margin:7px 0}.asset .small{display:block;margin-top:10px}.asset[hidden]{display:none}li{color:var(--muted);margin:12px 0}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}dialog{width:min(1200px,94vw);max-height:94vh;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:20px}dialog::backdrop{background:#000d}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.viewer-bar h2{font:20px "Segoe UI",sans-serif;margin:0;overflow-wrap:anywhere}.viewer-bar button{padding:8px 15px;background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;white-space:nowrap}#viewer-image{width:100%;height:70vh;object-fit:contain}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:var(--gold);color:var(--bg);padding:8px}.skip:focus{top:10px}@media(max-width:900px){.four,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.edition{display:none}.workflow{grid-template-columns:1.5fr 1fr;padding:24px;gap:20px}.intro{gap:28px}.film figcaption{display:block}.film figcaption p{margin-top:8px}}@media(max-width:640px){header{padding:18px 6%}.brand span{display:block;margin-top:5px}nav{gap:22px;padding:12px 6%}.wrap{padding:0 6%}.intro,.section-head,.workflow{grid-template-columns:1fr;gap:20px}.intro{padding:34px 0 26px}.intro p{font-size:15px}h1{font-size:46px}.chapter-strip{display:block}.chapter-strip p{margin-top:10px}.two,.three{grid-template-columns:1fr}.pair .two{grid-template-columns:repeat(2,minmax(0,1fr))}.pair h3{font-size:16px}.four{gap:16px}.portraits h3,.interiors h3{font-size:17px}section{padding:42px 0}.section-head{margin-bottom:24px}.filters{flex-direction:column}.library-grid{gap:18px}.asset img{height:170px}.workflow figure img{max-height:420px}footer{flex-direction:column}.viewer-bar h2{font-size:16px}#viewer-image{height:60vh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.panorama-viewer{position:relative;overflow:hidden;background:#070d0e;border:1px solid var(--line);color:var(--text)}.panorama-canvas,.panorama-fallback{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:260px;object-fit:cover}.panorama-canvas{touch-action:none;cursor:grab;outline-offset:-4px}.panorama-canvas:active{cursor:grabbing}.panorama-canvas[hidden],.panorama-fallback[hidden]{display:none}.panorama-status{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:3px;background:#111a1bd9;color:var(--text);font-size:13px;pointer-events:none}.panorama-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;background:var(--panel);font-size:13px;color:var(--muted)}.panorama-controls div{display:flex;gap:8px}.panorama-controls button{padding:7px 11px;border:1px solid #67766c;background:transparent;color:var(--text);cursor:pointer}.panorama-controls button:hover{border-color:var(--gold);color:var(--gold)}.panorama-viewer:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#070d0e}.panorama-viewer:fullscreen .panorama-canvas,.panorama-viewer:fullscreen .panorama-fallback{height:calc(100% - 54px);min-height:0;aspect-ratio:auto;object-fit:contain}.panorama-viewer:fullscreen .panorama-controls{flex:none}@media(max-width:640px){.panorama-controls{align-items:flex-start;flex-direction:column}.panorama-controls div{width:100%}.panorama-controls button{flex:1}.panorama-canvas,.panorama-fallback{min-height:220px}}

/* Interactive 3D workflow comparison */
#models .workflow-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}#models .workflow-compare article{padding:1.4rem;border:1px solid var(--line,#3b4b48);background:rgba(255,255,255,.025)}#models .workflow-compare h3{margin:.55rem 0;font-size:1.35rem}#models .workflow-compare p{color:var(--muted,#b8cac5);line-height:1.65}.format-tag{display:inline-block;margin-top:.4rem;padding:.35rem .55rem;border:1px solid var(--line,#3b4b48);color:var(--gold,#eac96c);font-size:.8rem}.model-note{margin:1.5rem 0;padding:1rem 1.2rem;border-left:2px solid var(--gold,#eac96c);background:rgba(255,255,255,.03);color:var(--muted,#b8cac5);line-height:1.6}.model-note strong{color:var(--text,#edeadd)}.model-panel{padding:1.2rem;background:var(--panel,#1b2929)}.model-controls{display:flex;align-items:end;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.model-controls label{display:grid;gap:.4rem;color:var(--muted,#b8cac5);font-size:.92rem}.model-controls select{min-width:15rem;padding:.75rem;background:#142020;color:var(--text,#edeadd);border:1px solid var(--line,#3b4b48);font:inherit}.model-controls button:disabled{opacity:.5;cursor:not-allowed}.model-stage{position:relative;min-height:clamp(300px,52vw,620px);overflow:hidden;background:#8c8c8c;border:1px solid var(--line,#3b4b48)}.model-stage canvas{display:block;width:100%;height:100%;min-height:inherit;touch-action:none}.model-empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;padding:2rem;text-align:center;pointer-events:none}.model-empty p{max-width:28rem;color:var(--muted,#b8cac5);line-height:1.65}.model-status{min-height:1.5em;margin:.9rem 0 .2rem;color:var(--gold,#eac96c)}.model-footnote{margin-top:.5rem;color:var(--muted,#b8cac5)}@media(max-width:800px){#models .workflow-compare{grid-template-columns:1fr}.model-controls{align-items:stretch;flex-direction:column}.model-controls select{width:100%;min-width:0}.model-stage{min-height:360px}}

#models .workflow-compare article{display:flex;flex-direction:column;align-items:flex-start}#models .workflow-compare .format-tag{margin-top:auto}

/* Compact, direct controls for the model comparison viewer. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.model-panel{padding:1.2rem}.model-controls{align-items:center;gap:.8rem;margin:0 0 1.1rem}.workflow-choice,.subject-choice{border:1px solid #e7e7e7;background:transparent;color:#f7f7f7;cursor:pointer;font:inherit;line-height:1.15;transition:background .15s,color .15s,border-color .15s}.workflow-choice{min-width:clamp(150px,21vw,250px);padding:.58rem .9rem;font-size:clamp(1.3rem,2.2vw,2rem)}.workflow-choice:hover,.workflow-choice.is-active{background:#e7e7e7;color:#182020}.model-stage{min-height:clamp(420px,62vw,760px);border:0}.model-stage canvas{position:absolute;inset:0;width:100%;height:100%}.model-subject-controls{position:absolute;top:2rem;right:2rem;z-index:1;display:grid;gap:.7rem;width:min(20%,230px);min-width:130px}.subject-choice{padding:.48rem .8rem;font-size:clamp(1.25rem,2vw,1.9rem);background:rgba(102,102,102,.5);color:#fff}.subject-choice:hover,.subject-choice.is-active{background:rgba(69,69,69,.5);border-color:#fff}.model-reset-overlay{position:absolute;right:2rem;bottom:1.5rem;z-index:1;padding:.55rem .8rem;border:0;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer}.model-reset-overlay:hover{text-decoration:underline}.model-status{margin:.7rem 0 0}@media(max-width:800px){.model-controls{align-items:stretch;flex-direction:row;flex-wrap:wrap}.workflow-choice{flex:1 1 30%;min-width:0;padding:.6rem .4rem;font-size:1.2rem}.model-stage{min-height:clamp(390px,110vw,620px)}.model-subject-controls{top:1rem;right:1rem;width:32%;min-width:105px}.subject-choice{font-size:1.2rem}.model-reset-overlay{right:1rem;bottom:.75rem}}

.model-controls{justify-content:stretch;width:100%}.workflow-choice{flex:1 1 0;min-width:0;background:var(--panel,#1b2929);color:var(--text,#eeeede);border-color:var(--line,#3a4947)}.workflow-choice:hover{color:var(--gold,#e6c579);border-color:var(--line,#3a4947);background:var(--panel,#1b2929)}.workflow-choice.is-active{color:var(--gold,#e6c579);border-color:var(--gold,#e6c579);background:var(--panel,#1b2929)}.model-status{text-align:center;width:100%;max-width:none}