/* Original TEKNOGAL print-workspace identity: Orbitron / Exo 2, ink panels, technical labels. */
.model-quality-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;border-top:1px solid #343a45;font-size:10px;color:#b8bcc4}.model-quality-controls label{letter-spacing:.12em}.model-quality-controls select{background:#171a21;color:#fff;border:1px solid #565e6c;padding:10px;min-height:42px}.model-quality-controls output{flex:1;min-width:160px;line-height:1.6}.zoom-viewport{background:#171a21!important}
/* Portrait masters stay fully visible in the original square cards. */
.design-card-media .design-card-picture{width:100%;height:100%;transform:none}.design-card-picture img{height:100%!important;object-fit:contain}.reference-stage #reference-back-picture{width:100%;height:100%;transform:none}.reference-stage .hero-reference-picture,.reference-stage .hero-reference-picture img{height:100%;object-fit:contain}

/* Transparent print files. The checkerboard is CSS only and never enters exports. */
.print-gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.print-gallery-heading>.cta-primary{flex-shrink:0}.transparent-print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.transparent-print-card{border:1px solid var(--line);background:var(--panel);min-width:0}.transparent-print-preview{height:340px;position:relative;display:flex;align-items:center;justify-content:center;padding:35px 35px 50px;overflow:hidden;background-color:#20242b;background-image:linear-gradient(45deg,#30343b 25%,transparent 25%),linear-gradient(-45deg,#30343b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#30343b 75%),linear-gradient(-45deg,transparent 75%,#30343b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.transparent-print-preview img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.transparent-print-preview:hover img{transform:scale(1.025)}.transparent-print-preview>span{position:absolute;right:13px;bottom:13px;background:var(--ink);border:1px solid var(--line);padding:8px 10px;font-size:9px;letter-spacing:.12em;color:var(--silver);display:flex;gap:8px;align-items:center}.transparent-print-preview>span .ui-icon{width:14px;height:14px}.transparent-print-body{padding:23px;border-top:1px solid var(--line)}.print-dimensions{font-size:11px;color:var(--silver);line-height:1.8;margin-top:14px}.print-file-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.print-file-note{font-size:10px;line-height:1.8;color:var(--steel);margin-top:15px}.print-proof-note{display:flex;align-items:flex-start;gap:12px;border-left:2px solid var(--gold);background:var(--ink);padding:20px;font-size:11px;line-height:1.8;color:var(--silver);margin-top:27px}.print-proof-note .ui-icon{color:var(--gold);margin-top:3px}.print-gallery-heading .text-silver{max-width:640px}
@media(max-width:767px){.print-gallery-heading{display:block}.print-gallery-heading>.cta-primary{margin-top:22px}.transparent-print-grid{grid-template-columns:1fr;gap:20px}.transparent-print-preview{height:300px;padding:28px 28px 48px}.transparent-print-body{padding:20px}.print-proof-note{padding:16px;font-size:10px}}
/* Real GLB studio — artwork belongs to garment UVs, not a rotating photo. */
.model-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.model-revision{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.14em;color:var(--gold);text-align:right}.model-revision span{display:block;font-family:'Exo 2',sans-serif;font-size:9px;letter-spacing:.12em;color:var(--steel);margin-top:9px}.model-viewer{border:1px solid #343a45;background:var(--ink);position:relative}.model-stage{height:560px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#272b34 0%,#13161c 52%,#0b0c0f 90%)}#model-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#model-canvas:active{cursor:grabbing}.model-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.3}.model-poster-picture{display:block;width:590px;max-width:85%;height:90%}.model-poster img{width:100%;height:100%;object-fit:contain}.model-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0c0f66;padding:35px;text-align:center;gap:17px}.model-loading-mark{font-family:Orbitron,sans-serif;color:var(--gold);font-size:35px;letter-spacing:.08em}.model-overlay p{font-size:12px;color:var(--silver);max-width:400px;line-height:1.8}.model-viewer[data-status=ready] .model-overlay,.model-viewer[data-status=ready] .model-poster{display:none}.model-viewer[data-status=loading] .model-loading-mark{animation:modelPulse 1.4s ease-in-out infinite}.model-hud{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;gap:15px;font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:.18em;color:var(--silver);pointer-events:none}.model-hud>span{display:flex;align-items:center;gap:9px}.model-hud i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.model-hints{position:absolute;bottom:21px;left:20px;display:flex;gap:24px;font-size:8px;letter-spacing:.1em;color:var(--steel);pointer-events:none}.model-expand{position:absolute;right:16px;bottom:14px;background:#0b0c0fbb}.model-controls{padding:15px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;background:#11141a}.model-views,.model-tools{display:flex;flex-wrap:wrap;gap:7px}.model-controls .ctrl-btn{font-size:9px;letter-spacing:.1em;min-height:40px}.model-controls .ctrl-active{border-color:var(--gold);color:var(--gold);background:#c9a2270b}.model-secondary-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:10px 16px;border-top:1px solid var(--line)}.model-secondary-controls>div{display:flex;gap:8px;align-items:center}.model-secondary-controls>div>span{font-size:9px;color:var(--steel);margin-right:12px}.model-secondary-controls button{font-size:9px;letter-spacing:.09em;padding:9px 10px;color:var(--silver)}.model-secondary-controls button[aria-pressed=true]{color:var(--gold);background:#c9a2270b}.model-secondary-controls>.ui-icon,.model-secondary-controls button .ui-icon{width:14px;height:14px;margin-left:7px}.model-source-notes{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:22px;font-size:11px;color:var(--steel)}.model-source-notes strong{color:var(--silver);font-weight:500}.model-accuracy-note{font-size:10px;color:var(--steel);line-height:1.8;margin-top:12px;max-width:950px}.model-viewer:fullscreen,.model-viewer.model-expanded{width:100vw;height:100dvh;display:flex;flex-direction:column;background:var(--ink);border:0}.model-viewer:fullscreen .model-stage,.model-viewer.model-expanded .model-stage{flex:1;min-height:0;height:auto}.model-viewer.model-expanded{position:fixed;inset:0;z-index:90}.has-expanded-model{overflow:hidden}.model-viewer:fullscreen .model-controls,.model-viewer.model-expanded .model-controls{flex-shrink:0}.model-viewer:fullscreen .model-secondary-controls,.model-viewer.model-expanded .model-secondary-controls{flex-shrink:0}.model-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes modelPulse{50%{opacity:.45}}
@media(max-width:767px){.model-section-heading{display:block}.model-revision{text-align:left;margin-top:19px;font-size:9px}.model-revision span{font-size:8px;display:inline;margin-left:12px;letter-spacing:.04em}.model-stage{height:450px}.model-hud{left:13px;right:13px;top:14px;font-size:7px;letter-spacing:.09em}.model-hints{left:13px;bottom:58px;gap:13px;font-size:6px}.model-expand{right:12px;bottom:12px;font-size:8px}.model-controls{padding:12px;gap:11px}.model-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}.model-views .ctrl-btn{padding:9px 5px;font-size:7px;letter-spacing:0;min-height:39px}.model-tools{width:100%;justify-content:center;gap:7px}.model-tools .ctrl-btn{font-size:8px;letter-spacing:.06em}.model-secondary-controls{gap:7px;padding:9px 12px}.model-secondary-controls>div{gap:3px}.model-secondary-controls button{font-size:8px;padding:9px 7px}.model-secondary-controls>button{width:100%;text-align:center;border-top:1px solid var(--line);padding-top:14px}.model-source-notes{display:block;font-size:10px;line-height:1.8}.model-source-notes p+p{margin-top:8px}.model-accuracy-note{font-size:9px}.model-viewer:fullscreen .model-secondary-controls,.model-viewer.model-expanded .model-secondary-controls{display:none}}
@media(max-width:359px){.model-stage{height:410px}.model-revision span{display:block;margin:7px 0 0}.model-views .ctrl-btn{font-size:6px}.model-tools .ctrl-btn{font-size:7px;padding:8px}.model-hints{font-size:5px;gap:9px}}
@media print{#product-3d{display:none!important}}

@font-face{font-family:'Orbitron';src:url('/static/fonts/Orbitron.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Exo 2';src:url('/static/fonts/Exo2.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#0B0C0F;--panel:#12141A;--line:#22262E;--silver:#B8BCC4;--steel:#7A7F88;--gold:#C9A227}html{background:var(--ink);scroll-padding-top:80px}body{min-width:320px}img,svg{max-width:100%}a,button,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}::selection{background:#c9a22750}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.ui-icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle}.skip-link{position:absolute;left:-999px;top:8px;background:var(--gold);color:#000;padding:10px 14px;z-index:100;font-size:12px}.skip-link:focus{left:8px}.pcb-bg{background-image:linear-gradient(#c9a22720 1px,transparent 1px),linear-gradient(90deg,#c9a22720 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}.section-kicker{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.section-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(1.3rem,3vw,2.05rem);margin-top:.65rem;line-height:1.35;overflow-wrap:anywhere}
.cta-primary,.cta-secondary{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.2rem;min-height:46px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border:1px solid transparent;transition:background .25s,border-color .25s,transform .25s}.cta-primary{background:#fff;color:#000}.cta-primary:hover{background:var(--gold);transform:translateY(-2px)}.cta-secondary{border-color:var(--silver);color:#fff}.cta-secondary:hover{border-color:#fff;background:#ffffff08;transform:translateY(-2px)}.ctrl-btn{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:8px 11px;min-height:40px;border:1px solid var(--line);color:var(--silver);background:#0b0c0f99;transition:background .2s,border-color .2s,color .2s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ctrl-btn:hover{color:#fff;border-color:var(--silver)}.ctrl-btn.ctrl-active{color:#fff;border-color:#fff;background:#ffffff14}.ctrl-btn .ui-icon{width:16px;height:16px}.file-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;padding:10px 12px;border:1px solid var(--line);color:var(--silver);min-height:40px}.file-link:hover{color:#fff;border-color:#fff}.design-counter{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:.18em;color:var(--silver);border:1px solid var(--line);padding:8px 10px;white-space:nowrap}.mobile-menu-trigger{display:none}#site-header{transition:box-shadow .2s}#site-header.scrolled{box-shadow:0 8px 25px #0005}
/* Collection cards retain the previous design-selector layout. */
.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.collection-status{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;margin-top:27px;color:var(--steel);font-size:9px;letter-spacing:.12em}.collection-status span{display:flex;align-items:center;gap:9px}.collection-status i{display:block;width:5px;height:5px;background:var(--gold);border-radius:50%}.design-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}.design-card{min-width:0;animation:cardIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*80ms)}@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.design-card-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);background:linear-gradient(180deg,#12141A,#0E1014);color:#fff;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.design-card-link:hover,.design-card-link:focus-visible{transform:translateY(-4px);border-color:#c9a227aa;box-shadow:0 24px 60px #0008}.design-card-media{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at 50% 40%,#24272d,var(--ink) 80%);overflow:hidden;display:flex;align-items:center;justify-content:center}.design-card-picture{display:block;width:106%;max-width:none;flex-shrink:0;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:rotate(-2deg)}.design-card-picture img{width:100%;height:auto;filter:drop-shadow(0 20px 18px #0008)}.design-card-link:hover .design-card-picture{transform:rotate(-3deg) scale(1.025)}.design-card-index{position:absolute;top:16px;left:17px;z-index:2;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:.3em;color:var(--gold)}.design-card-badge{position:absolute;top:12px;right:12px;z-index:2;font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:.14em;color:var(--silver);border:1px solid var(--line);background:#0b0c0faa;padding:7px 8px;display:flex;gap:6px;align-items:center;backdrop-filter:blur(4px)}.design-card-badge .ui-icon{width:12px;height:12px}.reference-view-tag{position:absolute;bottom:16px;left:17px;font-size:8px;letter-spacing:.2em;color:var(--steel)}.design-card-body{padding:21px 20px 24px;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);flex:1}.design-card-edition{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.design-card-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.4;margin-top:6px;overflow-wrap:anywhere}.design-card-role{font-size:11px;letter-spacing:.2em;color:var(--silver);text-transform:uppercase}.design-card-note{font-size:11px;color:var(--steel);line-height:1.7;margin:6px 0 0}.design-card-cta{padding-top:17px;margin-top:auto;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;font-weight:600;color:#fff}.design-card-cta .ui-icon{width:16px;height:16px;transition:transform .3s}.design-card-link:hover .design-card-cta{color:var(--gold)}.design-card-link:hover .design-card-cta .ui-icon{transform:translateX(4px)}.reference-status-note{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-left:2px solid var(--gold);background:#12141a99;padding:23px;margin-top:30px}.reference-status-note h3{font-size:14px;font-weight:600;color:var(--silver)}.reference-status-note p{font-size:12px;line-height:1.8;color:var(--steel);margin-top:7px}.reference-status-note>.file-link{flex-shrink:0}.status-note-icon{color:var(--gold);align-self:flex-start}.status-note-icon .ui-icon{width:23px;height:23px}
/* Reference-based inspection: no simulated 360 or invented front view. */
.print-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.print-shortcuts a,.print-shortcuts button{padding:8px 3px;font-size:11px;min-height:38px;color:var(--silver);display:inline-flex;align-items:center;gap:8px}.print-shortcuts a:hover,.print-shortcuts button:hover{color:var(--gold)}.print-shortcuts button{color:var(--gold)}.reference-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:45px;align-items:center}.reference-copy{min-width:0}.reference-label{display:inline-flex;gap:12px;align-items:center;border:1px solid #c9a22750;color:var(--gold);font-size:9px;letter-spacing:.2em;margin-top:28px;padding:8px 10px}.reference-label .ui-icon{width:13px;height:13px}.personalization-note{font-size:12px;color:var(--steel);line-height:1.8;margin-top:21px;max-width:480px}.pending-personalization{border-left:2px solid var(--gold);padding:11px 14px;background:#c9a22708;color:var(--silver)}.reference-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.reference-facts dt{font-size:8px;letter-spacing:.17em;color:var(--steel)}.reference-facts dd{font-size:12px;color:var(--silver);margin-top:8px}.reference-gallery{min-width:0}.reference-stage{position:relative;aspect-ratio:1.06;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 38%,#282b31,var(--ink) 80%);overflow:hidden}.reference-main-button{width:100%;height:100%;padding:23px 0 36px;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.hero-reference-picture{display:block;width:100%}.hero-reference-picture img{width:100%;filter:drop-shadow(0 18px 22px #0009)}#reference-back-picture{width:110%;flex-shrink:0;transform:rotate(-2deg)}#selected-detail-image{width:85%;height:70%;object-fit:contain}.stage-label{position:absolute;top:18px;left:19px;font-size:9px;letter-spacing:.2em;color:var(--silver);z-index:2;pointer-events:none}.stage-source{position:absolute;bottom:22px;left:19px;font-size:7px;letter-spacing:.14em;color:var(--steel);pointer-events:none}.stage-zoom{position:absolute;right:14px;bottom:12px;font-size:8px}.reference-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.reference-thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:10px 7px;background:var(--panel);color:var(--steel);transition:border-color .2s,background .2s}.reference-thumbnail.active{border-color:var(--gold);color:#fff;background:#c9a22708}.reference-thumbnail:hover{border-color:var(--silver)}.reference-thumbnail img{width:100%;height:66px;object-fit:contain}.reference-thumbnail span{font-size:10px;line-height:1.4}.view-description{font-size:11px;line-height:1.7;color:var(--steel);margin-top:14px;min-height:38px}.reference-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.flat-card{border:1px solid var(--line);background:var(--panel);min-width:0}.detail-image-button{width:100%;height:220px;position:relative;overflow:hidden;background:#08090b;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-in}.detail-image-button img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.detail-image-button:hover img{transform:scale(1.035)}.detail-image-button>span{position:absolute;right:12px;bottom:12px;border:1px solid var(--line);background:var(--ink);padding:5px;color:var(--silver)}.detail-image-button>span .ui-icon{width:15px;height:15px}.prepress-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.kv-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.kv-list dt{color:var(--steel);font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding-top:2px}.kv-list dd{color:var(--silver);line-height:1.75;overflow-wrap:anywhere}.checklist-panel{border:1px solid var(--line);padding:25px;background:var(--panel)}.checklist-row{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.checklist-row input{margin-top:3px;accent-color:var(--gold);width:17px;height:17px;flex-shrink:0}.checklist-row strong{font-size:12px;font-weight:500;color:var(--silver);display:block;line-height:1.7}.checklist-row small{display:block;font-size:10px;color:var(--steel);line-height:1.7;margin-top:5px}.checklist-row input:checked+span strong{color:#fff}.dl-hero{display:flex;flex-direction:column;border:1px solid var(--gold);background:linear-gradient(160deg,#c9a22714,transparent 60%),var(--ink);padding:28px;transition:transform .25s;min-width:0}.dl-hero:hover{transform:translateY(-2px)}.dl-hero>.ui-icon{width:28px;height:28px;color:var(--gold)}.reference-package-warning{font-size:10px;letter-spacing:.08em;line-height:1.8;color:var(--gold);font-weight:500;margin-top:24px}.dl-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--ink);padding:22px;gap:9px;transition:border-color .2s;color:#fff;min-width:0}.dl-card:hover{border-color:var(--silver)}.dl-card>.ui-icon{color:var(--gold);width:21px;height:21px;margin-bottom:8px}.dl-card>span{font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.6;overflow-wrap:anywhere}.dl-card small{color:var(--steel);font-size:12px;line-height:1.8}.reference-qr{display:flex;align-items:center;gap:26px;background:var(--ink);border:1px solid var(--line);padding:22px;margin-top:28px}.reference-qr>img{width:112px;height:112px;background:#fff;padding:4px;flex-shrink:0}.reference-qr>div{min-width:0}.reference-url{font-size:11px;color:var(--steel);overflow-wrap:anywhere;line-height:1.8;margin-top:10px}.design-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding-top:24px;text-align:left}.design-nav-link{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);padding:18px;color:#fff;transition:border-color .25s;min-width:0}.design-nav-link:hover{border-color:var(--silver);background:#ffffff06}.design-nav-next{text-align:right;align-items:flex-end}.design-nav-kicker{font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:.18em;color:var(--gold);display:inline-flex;gap:8px;align-items:center}.design-nav-kicker .ui-icon{width:13px;height:13px}.design-nav-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:.8rem;margin-top:4px;overflow-wrap:anywhere}.design-nav-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);color:var(--silver);min-width:110px}.design-nav-center:hover{color:#fff;border-color:var(--silver)}
/* Native dialogs: keyboard focus, Escape dismissal, inert background. */
dialog{color:white;background:var(--panel);border:1px solid #39404c;padding:24px;max-width:calc(100% - 24px);max-height:92dvh;box-shadow:0 35px 90px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-header>div{min-width:0}.dialog-header .ctrl-btn{flex-shrink:0}.reference-dialog{width:1050px}.zoom-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:15px}.zoom-controls label{font-size:11px;color:var(--silver)}.zoom-controls input{width:140px;min-width:60px;accent-color:var(--gold)}.zoom-controls output{font-size:11px;min-width:40px;color:var(--silver)}.zoom-controls .ctrl-btn{min-height:36px;padding:8px}.zoom-viewport{height:min(65dvh,690px);overflow:auto;background:#fff;cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y}.zoom-viewport.dragging{cursor:grabbing;user-select:none}.zoom-image-wrap{width:100%;min-width:100%}.zoom-image-wrap img{width:100%;height:auto;max-width:none;pointer-events:none}.zoom-help{font-size:11px;color:var(--steel);margin-top:13px}.print-share-dialog{width:420px}.share-qr{display:block;width:180px;height:180px;background:#fff;padding:6px;margin:25px auto}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#fff;color:#000;font-size:12px;padding:11px 16px;opacity:0;transition:opacity .2s,transform .2s;z-index:100;pointer-events:none;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-menu{width:420px}.mobile-menu nav a{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--silver)}.print-only{display:none}.mode-print .reference-gallery{display:none}.mode-print .reference-hero-grid{grid-template-columns:1fr}.mode-print .reference-copy h1{font-size:1.6rem}.mode-print .reference-copy>p.text-silver,.mode-print .reference-facts{display:none}
@media(min-width:640px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(min-width:1024px){.design-grid{grid-template-columns:repeat(2,minmax(0,460px));justify-content:center}}
@media(max-width:1100px){.reference-hero-grid{gap:26px}.reference-copy h1{font-size:2.05rem}.reference-copy>.flex{flex-direction:column;align-items:flex-start}.reference-facts{gap:10px}.reference-facts dd{font-size:11px}.reference-status-note>.file-link{display:none}.detail-image-button{height:195px}.prepress-grid{gap:25px}}
@media(max-width:1023px){.mobile-menu-trigger{display:inline-flex}.reference-hero-grid{grid-template-columns:1fr 1.1fr}.reference-copy h1{font-size:1.8rem}.reference-thumbnails{gap:6px}.reference-thumbnail img{height:49px}.reference-thumbnail span{font-size:9px}.reference-thumbnail{padding:8px 4px}}
@media(max-width:900px){.reference-hero-grid{grid-template-columns:1fr;gap:30px}.reference-gallery{grid-row:1;max-width:650px;width:100%;margin:auto}.reference-copy>.flex{flex-direction:row}.reference-copy h1{font-size:2.1rem}.reference-facts{max-width:550px}.reference-thumbnails{gap:10px}.reference-thumbnail img{height:70px}.reference-stage{aspect-ratio:1.2}.prepress-grid{grid-template-columns:1fr}.reference-detail-grid{gap:15px}.detail-image-button{height:180px}}
@media(max-width:639px){#site-header .ctrl-btn{padding:8px;min-height:36px;font-size:8px}#site-header nav{gap:8px}.design-counter{font-size:8px;letter-spacing:.12em;padding:8px}.collection-status{gap:12px 18px;font-size:7px}.collection-heading>span{font-size:8px;letter-spacing:.12em}.collection-heading h2{font-size:9px}.collection-heading{gap:10px}.design-card-picture{width:107%}.design-card-media{aspect-ratio:1.07}.design-card-body{padding:21px 18px}.design-card-name{font-size:1.05rem}.reference-status-note{align-items:flex-start;padding:18px;gap:13px}.reference-status-note h3{font-size:12px}.reference-status-note p{font-size:11px}.reference-status-note>.file-link{display:none}.reference-status-note .ui-icon{width:19px;height:19px}.print-shortcuts{gap:4px 15px;padding:9px 13px}.print-shortcuts a,.print-shortcuts button{font-size:10px;min-height:35px}.reference-stage{aspect-ratio:1.04}.reference-main-button{padding:27px 0 40px}.stage-label{font-size:8px;top:14px;left:14px}.stage-source{font-size:6px;left:14px;bottom:25px;letter-spacing:.08em}.stage-zoom{font-size:7px;padding:7px;right:10px;bottom:13px;min-height:32px}.stage-zoom .ui-icon{width:13px;height:13px}.reference-copy h1{font-size:1.65rem;line-height:1.35;overflow-wrap:anywhere}.reference-copy>.text-silver{font-size:14px}.reference-thumbnails{gap:6px}.reference-thumbnail img{height:50px}.reference-thumbnail span{font-size:8px}.reference-thumbnail{padding:9px 4px}.view-description{font-size:10px}.reference-label{font-size:8px;letter-spacing:.13em}.reference-copy>.flex{gap:10px}.cta-primary,.cta-secondary{font-size:10px;letter-spacing:.09em;padding:12px 14px;min-height:43px}.reference-facts dt{font-size:7px;letter-spacing:.09em}.reference-facts dd{font-size:11px}.reference-detail-grid{grid-template-columns:1fr;gap:18px}.detail-image-button{height:230px}.section-kicker{font-size:9px;letter-spacing:.2em}.section-title{font-size:1.25rem;line-height:1.5}.kv-list>div{grid-template-columns:83px minmax(0,1fr);gap:14px}.kv-list dt{font-size:9px}.kv-list dd{font-size:12px}.checklist-panel{padding:20px}.checklist-panel h3{font-size:11px;letter-spacing:.08em}.checklist-row{padding:15px 0}.checklist-row strong{font-size:11px}.checklist-panel>.ctrl-btn{font-size:8px;letter-spacing:.1em}.dl-hero{padding:23px}.dl-card{padding:23px}.dl-card>span{font-size:11px}.reference-qr{flex-direction:column;align-items:flex-start;padding:20px;gap:18px}.reference-qr>div{width:100%}.reference-url{font-size:10px}.reference-qr .file-link{font-size:8px;padding:9px 8px}.design-nav{grid-template-columns:1fr;gap:10px}.design-nav-link{padding:17px}.design-nav-center{order:-1}.design-nav-kicker{font-size:8px}.design-nav-name{font-size:.8rem}dialog{padding:17px;max-width:calc(100% - 20px)}.reference-dialog .dialog-header h2{font-size:11px}.reference-dialog .dialog-header p{font-size:9px}.zoom-controls{gap:7px}.zoom-controls label{display:none}.zoom-controls input{width:90px;flex:1}.zoom-controls output{font-size:10px;min-width:33px}.zoom-controls .ctrl-btn{padding:7px;min-height:33px}.zoom-controls .ui-icon{width:14px;height:14px}.zoom-viewport{height:58dvh}.zoom-help{font-size:10px}.mobile-menu{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;padding:25px;border:0}.dialog-header h2{line-height:1.7}}
@media(max-width:359px){.design-counter{font-size:7px;padding:7px}.design-card-badge{font-size:7px}.design-card-name{font-size:.96rem}.collection-status span{font-size:6px}.reference-copy h1{font-size:1.4rem}.stage-source{bottom:56px}.reference-thumbnails span{font-size:7px}.reference-thumbnail img{height:43px}.reference-facts{gap:8px}.reference-facts dd{font-size:10px}.zoom-controls input{width:60px}.zoom-controls{gap:5px}.zoom-controls output{min-width:31px}.checklist-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.design-card{opacity:1;transform:none}.design-card-link:hover,.design-card-link:focus-visible,.design-card-link:hover .design-card-picture{transform:none}}
@media print{@page{size:A4 portrait;margin:12mm}html,body{background:white!important;color:#000!important;min-width:0!important}#site-header,footer,.skip-link,dialog,.toast,.print-shortcuts,#main>section:not(#print-sheet),#main>nav{display:none!important}#main{padding:0!important;display:block!important}.print-only{display:block!important}#print-sheet{color:#000!important;font-family:'Exo 2',sans-serif;font-size:10pt;line-height:1.5}#print-sheet header{display:block!important;border-bottom:1px solid #aaa;padding-bottom:10px}#print-sheet h1{font-family:Orbitron,sans-serif;font-size:13pt}#print-sheet>img{display:block;width:128mm;height:auto;margin:5mm auto;max-height:160mm;object-fit:contain}#print-sheet p{margin:7px 0}#print-sheet .print-url{font-size:8pt;overflow-wrap:anywhere;color:#444}}