*{box-sizing:border-box}body{margin:0;background:#171d20;color:#ecece6;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,a.action{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #626767;border-radius:5px;padding:9px 16px;text-decoration:none}button:hover,a.action:hover{background:#303a3e}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #3b4548;gap:20px}.wordmark{font:25px Georgia,serif;letter-spacing:.17em}.wordmark small{display:block;font:9px sans-serif;letter-spacing:.43em;color:#cfb98b}header nav{display:flex;gap:10px}.status{padding:10px 4vw;color:#dcc89b;background:#252b2c;font-size:12px;letter-spacing:.04em}.intro{padding:30px 4vw 25px;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#cbb788}h1{font:clamp(36px,4.7vw,62px)/1.09 Georgia,serif;margin:12px 0 15px}.intro p{color:#bcc6c6;margin:0;max-width:740px;font-size:17px}.viewer{margin:0 4vw;border:1px solid #47565c;border-radius:9px;overflow:hidden;background:#202a2f}.viewer-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 20px}.viewer-head h2{font:24px Georgia,serif;margin:0}.controls{display:flex;gap:7px}.active{background:#d0b784!important;color:#182024!important;border-color:#d0b784!important}.stage{position:relative;aspect-ratio:1.5;background:#0c1113}.stage img{width:100%;height:100%;object-fit:contain;display:block}#base{position:absolute;inset:0;clip-path:inset(0 100% 0 0)}#divider{position:absolute;top:0;bottom:0;border-left:2px solid #f1d7a1;display:none}.label{position:absolute;bottom:16px;left:18px;background:#182329e6;padding:4px 10px;border-radius:4px;font-size:12px}#comparison{display:none;align-items:center;gap:14px;padding:12px 20px}#comparison input{width:100%;accent-color:#d0b784}.caption{padding:14px 20px;display:flex;justify-content:space-between;gap:22px;font-size:13px;color:#bdc8c9}.caption a{white-space:nowrap;color:#dfc997}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 4vw 38px}.view-choice{padding:0;overflow:hidden;text-align:left;background:#222c31;border-color:#465258}.view-choice img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.view-choice span{display:block;padding:12px 15px}.notes{margin:0 4vw 35px;padding-top:22px;border-top:1px solid #455156;max-width:1050px;color:#b7c3c4}.notes h2{color:#e3e7df;font:28px Georgia,serif;margin:0 0 15px}.notes p{font-size:14px}.swatches{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:20px}.swatch{display:flex;gap:11px;align-items:center;font-size:13px}.sample{width:32px;height:32px;border:1px solid #687477;border-radius:50%}.charcoal{background:#3e4243}.glass{background:linear-gradient(125deg,#bdcfce22,#e4ffff66,#81979633)}.warm{background:#ffdfa1;box-shadow:0 0 18px #e5be7822}.fine{color:#92a4a6!important;font-size:12px!important}.notes a{color:#d9c393}footer{border-top:1px solid #374449;padding:16px 4vw;color:#95a5a7;font-size:11px}dialog{padding:0;border:1px solid #7f8886;background:#172126;max-width:95vw;max-height:95vh}dialog::backdrop{background:#000e}dialog img{max-width:94vw;max-height:87vh;display:block}dialog button{display:block;margin:8px auto;background:#293940}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}.viewer-head{align-items:flex-start;flex-direction:column}.controls{flex-wrap:wrap}.caption{flex-direction:column;gap:8px}.choices{gap:8px}.view-choice span{padding:8px;font-size:12px}.viewer-head h2{font-size:21px}}@media print{body{background:white;color:#222}.controls,header nav,.status,.notes,footer{display:none}.viewer{break-inside:avoid}.choices{display:block}.view-choice{width:100%;break-inside:avoid;margin:10px 0}}

body{color-scheme:dark}.stage #render{position:relative}.view-choice img{height:auto}button:focus-visible,a:focus-visible{outline:3px solid #e8c990;outline-offset:4px}nav{flex-wrap:wrap}.fine{max-width:780px}.caption{min-height:74px}dialog{border-radius:6px}dialog button{color:#ecece6} @media(max-width:520px){header nav a.action{padding:8px 11px;font-size:13px}.viewer-head{padding:14px}.controls button{padding:8px 12px}}
.collection{margin:28px 4vw 38px}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-head h2{font:28px Georgia,serif;margin:0 0 16px}.collection-head>span{font-size:13px;color:#aebbbb}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filters button{font-size:13px;padding:8px 14px}.filters button[aria-pressed=true]{background:#d0b784;color:#182024;border-color:#d0b784}.collection .choices{margin:0}.view-choice[hidden]{display:none}.controls button:disabled{opacity:.4;cursor:default}.downloads{position:relative;font-size:14px}.downloads summary{border:1px solid #626767;border-radius:5px;padding:10px 16px;cursor:pointer;list-style:none}.downloads summary::-webkit-details-marker{display:none}.downloads[open]>div{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:8px;background:#263239;border:1px solid #626767;border-radius:5px;z-index:10;box-shadow:0 12px 30px #0006}.downloads a{display:block;padding:10px;text-decoration:none}.downloads a:hover{background:#35434b}.downloads summary:focus-visible{outline:3px solid #e8c990;outline-offset:4px}@media(max-width:600px){.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-head h2{font-size:24px}.filters{gap:6px}.filters button{font-size:12px;padding:7px 10px}.label{bottom:8px;left:8px;font-size:10px}.downloads summary{padding:8px 11px;font-size:13px}}@media print{.filters,.downloads{display:none}.collection .choices{display:block}.view-choice[hidden]{display:block}}


.presentation{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 20px}.presentation button{font-size:13px}.presentation button[aria-pressed=true]{background:#d0b784;color:#182024}.presentation span{font-size:12px;color:#becaca;margin-left:auto}.caption-links{display:flex;flex-wrap:wrap;gap:12px}.caption-links a{white-space:normal}button:focus-visible{outline:3px solid #e8c990}@media(max-width:600px){.presentation span{width:100%;margin:0}.caption-links{gap:10px}}

/* Keep unavailable controls and image-load feedback clear in every layout. */
[hidden]{display:none!important}
button:disabled{cursor:default;opacity:.5}
#image-error{padding:5rem 2rem;text-align:center}