:root{
  --ink:#f0ece4;--night:#111110;--night-2:#181817;--amber:#c88642;
  --rule:rgba(240,236,228,.16);--muted:rgba(240,236,228,.58);
  --serif:'Cormorant Garamond',Georgia,serif;--body:'EB Garamond',Georgia,serif;--mono:'IBM Plex Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font:18px/1.55 var(--body)}
a{color:inherit}
.eyebrow,.meta{font:300 10px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.collection-hero{display:grid;grid-template-columns:1fr minmax(300px,.65fr);gap:60px;align-items:end;padding:50px clamp(28px,7vw,108px) 66px;border-bottom:1px solid var(--rule);background:var(--night-2)}
.back{display:inline-block;margin-bottom:34px;text-decoration:none;font:300 10px/1.5 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.back:hover{color:var(--ink)}
h1{max-width:850px;margin:16px 0 0;font:300 clamp(66px,9vw,132px)/.8 var(--serif);letter-spacing:-.05em}
.collection-intro{max-width:560px;margin:0 0 4px;color:var(--muted);font-size:clamp(19px,2vw,24px);line-height:1.5}
.carousel-section{padding:clamp(28px,5vw,72px) clamp(20px,5vw,72px) 72px}
.carousel{position:relative;outline:none}
.stage{position:relative;background:#060606;border:1px solid var(--rule);min-height:min(72vh,760px);overflow:hidden}
.slide{position:absolute;inset:0;margin:0;animation:appear .45s ease}
.slide[hidden]{display:none}
.slide img{display:block;width:100%;height:100%;object-fit:contain}
.slide figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:24px;padding:42px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.84));font:300 10px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(240,236,228,.78)}
.carousel-toggle{position:absolute;top:14px;right:14px;z-index:2;appearance:none;border:1px solid var(--rule);background:rgba(17,17,16,.76);color:var(--ink);padding:9px 12px;cursor:pointer;font:300 9px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(8px)}
.carousel-toggle:hover,.carousel-toggle:focus-visible{border-color:var(--amber);color:var(--amber);outline:none}
.collection-note{display:grid;grid-template-columns:.35fr 1fr;gap:50px;padding:64px clamp(28px,7vw,108px) 86px;border-top:1px solid var(--rule)}
.collection-note p{max-width:850px;margin:0;color:var(--muted);font-size:20px}
footer{display:flex;justify-content:space-between;gap:24px;padding:30px clamp(28px,7vw,108px);border-top:1px solid var(--rule);font:300 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
footer a{text-decoration:none}
@keyframes appear{from{opacity:.2}to{opacity:1}}
@media(max-width:800px){
  .collection-hero{grid-template-columns:1fr;gap:28px;padding-top:38px}.collection-intro{max-width:none}.stage{min-height:58vw}.collection-note{grid-template-columns:1fr;gap:20px}
}
@media(max-width:580px){
  body{font-size:17px}.collection-hero{padding:30px 24px 44px}.back{margin-bottom:24px}h1{font-size:clamp(56px,19vw,86px)}.carousel-section{padding:18px 0 54px}.stage{min-height:66vw;border-left:0;border-right:0}.slide figcaption{padding:34px 16px 14px;font-size:8px}.carousel-toggle{top:10px;right:10px}.collection-note{padding:48px 24px 66px}footer{flex-direction:column;padding-left:24px;padding-right:24px}
}