:root{color-scheme:dark;--bg:#10151c;--panel:#18232c;--line:rgba(203,226,230,.13);--text:#edf3f0;--muted:#a4b3b7;--quiet:#74858c;--teal:#91dfcf;--amber:#e1b37b;--sans:"Aptos","Segoe UI",system-ui,-apple-system,sans-serif;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-family:var(--sans);background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 78% 7%,rgba(48,120,112,.14),transparent 32rem),var(--bg);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.masthead{height:72px;padding-inline:max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.14em}.wordmark span:last-child{font-weight:400;color:#b3c2c1;margin-left:-9px}.mark{font-size:23px;color:var(--teal)}.masthead-note{color:var(--quiet);font:10px var(--mono);letter-spacing:.04em}.page-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.intro{padding:76px 0 48px;max-width:740px}.eyebrow{margin:0 0 14px;color:var(--teal);font:10px var(--mono);letter-spacing:.15em}.intro h1{margin:0;font-size:clamp(43px,7vw,76px);font-weight:650;line-height:1.03;letter-spacing:-.055em}.intro h1 span{color:var(--teal)}.intro-copy{max-width:550px;margin:20px 0 24px;color:#b1c0c1;font-size:17px}.collection-meta{display:flex;align-items:center;gap:13px;color:var(--quiet);font:10px var(--mono)}#asset-count{color:#dce8e3}.meta-divider{width:4px;height:4px;border-radius:50%;background:var(--amber)}.collection{padding:28px 0 44px;border-top:1px solid var(--line)}.collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:18px}.collection-heading h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em}.collection-heading p{margin:0;color:var(--quiet);font-size:12px}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.asset-card{min-width:0;padding:0;text-align:left;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:linear-gradient(145deg,rgba(30,44,53,.8),rgba(20,29,36,.95));color:var(--text);cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.asset-card:hover{transform:translateY(-3px);border-color:rgba(145,223,207,.48)}.asset-card[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px rgba(145,223,207,.2),0 14px 34px rgba(0,0,0,.16)}.asset-card:focus-visible,.load-button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.asset-poster{display:block;aspect-ratio:4/3;width:100%;background:#1d2a32;object-fit:cover}.asset-card-body{display:grid;gap:4px;padding:13px 14px 15px}.asset-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.asset-card-hint{color:var(--quiet);font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.status-line{min-height:20px;margin:15px 0 0;color:var(--quiet);font-size:12px}.status-line[data-kind=error],.viewer-status[data-kind=error]{color:#ffb5a3}.empty-state{grid-column:1/-1;padding:34px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);text-align:center}.detail{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:28px;align-items:stretch;padding:28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(26,39,47,.95),rgba(18,26,33,.96));box-shadow:0 18px 55px rgba(0,0,0,.18)}.detail[hidden]{display:none}.detail-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 0}.detail-copy .eyebrow{margin-bottom:9px}.detail-copy h2{margin:0 0 10px;font-size:clamp(23px,3vw,34px);line-height:1.12;letter-spacing:-.04em}.detail-description{max-width:420px;min-height:44px;margin:0 0 14px;color:var(--muted);font-size:13px}.detail-credits{display:grid;gap:4px;margin-bottom:20px;color:var(--quiet);font-size:10px}.load-button{min-height:44px;padding:0 17px;border:1px solid rgba(145,223,207,.42);border-radius:6px;background:rgba(42,119,105,.2);color:#d9f6ed;font-weight:650;cursor:pointer}.load-button:hover:not(:disabled){background:rgba(42,119,105,.35)}.load-button:disabled{opacity:.5;cursor:not-allowed}.viewer-status{min-height:20px;margin:10px 0 0;color:var(--quiet);font-size:11px}.viewer-stage{position:relative;min-height:350px;overflow:hidden;border:1px solid rgba(203,226,230,.1);border-radius:9px;background:radial-gradient(ellipse at 50% 54%,rgba(78,145,133,.18),transparent 55%),linear-gradient(180deg,#19242d,#131b22)}.viewer-stage:before,.viewer-stage:after{position:absolute;left:13%;right:13%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(145,223,207,.2),transparent);pointer-events:none}.viewer-stage:before{top:25%}.viewer-stage:after{bottom:20%}.poster-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:22px;color:var(--quiet);text-align:center;font-size:12px}.poster-glyph{color:rgba(145,223,207,.52);font-size:35px}.portfolio-model{position:absolute;inset:0;width:100%;height:100%;--poster-color:transparent}.page-footer{display:flex;justify-content:space-between;gap:18px;margin:36px 0 22px;padding:15px 0;border-top:1px solid var(--line);color:var(--quiet);font:9px var(--mono)}@media(max-width:850px){.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail{grid-template-columns:1fr;gap:17px}.detail-copy{padding:0}.viewer-stage{min-height:340px}}@media(max-width:570px){.masthead{height:62px;padding-inline:18px}.masthead-note{max-width:150px;text-align:right;font-size:8px}.page-shell{width:calc(100% - 36px)}.intro{padding:52px 0 34px}.intro-copy{font-size:15px}.collection-heading{display:block}.collection-heading p{margin-top:5px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-card-body{padding:11px}.asset-card-name{font-size:12px}.detail{padding:17px;gap:13px}.viewer-stage{min-height:275px}.page-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}