.turntable-page{max-width:1100px;margin:auto;padding:clamp(2.5rem,5vw,5rem) 4.5vw 5rem;text-align:center}
.turntable-heading h1{margin:.6rem 0 .5rem;font-size:clamp(3rem,6vw,5.5rem);line-height:1;letter-spacing:-.06em}
.turntable-heading>p:last-child{color:var(--muted)}
.turntable-viewer{max-width:640px;margin:2rem auto 0;border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#263336,#132022 60%,#0d1719)}
.turntable-frame{touch-action:pan-y;cursor:ew-resize;outline-offset:4px}
.turntable-frame img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;user-select:none}
.turntable-controls{display:grid;grid-template-columns:auto 1fr;gap:.8rem 1.2rem;align-items:center;padding:1rem 1.2rem;border-top:1px solid var(--line);text-align:left}
.turntable-controls button{grid-row:span 2;border:1px solid var(--gold);padding:.7rem .9rem;background:transparent;color:var(--gold-soft);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.turntable-controls button:hover{background:#2c3028}
.turntable-controls label{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.turntable-controls output{color:var(--gold-soft)}
.turntable-controls input{width:100%;accent-color:var(--gold)}
.turntable-caption{margin:1rem auto;color:var(--muted);font-size:.85rem}
@media(max-width:650px){.turntable-page{padding-left:5vw;padding-right:5vw}.turntable-controls{gap:.65rem;padding:.9rem}.turntable-controls button{font-size:.75rem;padding:.6rem}.site-header nav .nav-out{display:none}}