.nox{--paper:#111516;--ink:#e8eae8}.atelier-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 5vw;border-bottom:1px solid #455055}.atelier-head nav{display:flex;gap:1.3rem;flex-wrap:wrap}.atelier-head a,footer a{text-decoration:none}.atelier-head small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.nox .hero{overflow:hidden;min-height:80svh}.nox .hero>img{animation:camera-settle 12s ease-out both}.nox .hero-content .cta{margin:.25rem .3rem .25rem 0;background:#161b1d99}.filmstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 4rem}.filmstrip a{position:relative;overflow:hidden;border-radius:22px}.filmstrip img{height:clamp(210px,32vw,460px);transition:transform .65s}.filmstrip a:hover img{transform:scale(1.045)}.filmstrip strong{position:absolute;inset:auto 0 0;padding:2rem 1rem 1rem;background:linear-gradient(transparent,#000b)}.atelier-split{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.atelier-split img{height:320px;margin-top:2rem;border-radius:20px}.nox details{padding:1.3rem 0;border-bottom:1px solid #495256}.nox summary{cursor:pointer;font-size:1.3rem}.gallery-track{background:#080a0b;border-radius:26px;overflow:hidden;margin-top:2rem}.gallery-track figure:not([hidden]){animation:panel-in .6s ease-out}.gallery-track img{height:min(60vh,650px);object-fit:contain}.gallery-track figcaption{padding:1rem 5%}.gallery-nav{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:1rem}.gallery-nav button{padding:.7rem 1.4rem;color:inherit;background:#202627;border:1px solid #5d686d;cursor:pointer}.compare-image:has(input:focus-visible){outline:2px solid #eaece7}.nox .cta{border-radius:100px}.nox .hero h1{font-size:clamp(3rem,6.5vw,7rem)}@keyframes camera-settle{from{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:720px){.atelier-head{display:grid;gap:.7rem}.atelier-head nav{gap:.9rem;font-size:.87rem}.atelier-split{grid-template-columns:1fr}.filmstrip{gap:.5rem}.filmstrip strong{font-size:.8rem;padding:1rem .3rem .5rem}.filmstrip img{height:200px}.gallery-nav{gap:.8rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body.nox>header.atelier-head{z-index:10;background:#111516}.atelier-head nav a{display:inline-flex;align-items:center;min-height:44px}.nox .compare-image{border-radius:24px}