/* Shared by every page: tokens, type, header, overlays, product card, footer. */
/* ---------- tokens & reset ---------- */
:root{
  --bg:#fff9f7; --red:#ed3833; --line:#eedfdf; --ink:#000;
  --f-d:"Antonio","Arial Narrow",sans-serif; --f-t:"Barlow Condensed","Arial Narrow",sans-serif;
  --ease:cubic-bezier(.75,0,.25,1);
  --dk:.81; /* display-font calibration: Antonio is ~19% larger than the original face at equal size */
  --sh:.184em; /* …and sits this much lower in its line box */
  font-size:2.6666666667vw;
}
@media (min-width:768px){:root{font-size:1.3020833333vw}}
@media (min-width:1024px){:root{font-size:.6944444444vw}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--bg);color:var(--ink);font-family:var(--f-d);font-size:1rem;overflow-x:hidden;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-transform:inherit;letter-spacing:inherit}
img,video,svg{display:block;max-width:100%}
input{font:inherit;color:inherit;background:none;border:0;outline:0}
.wrap{padding:0 1.6rem}
@media (min-width:1024px){.wrap{padding:0 3.5rem}}

/* ---------- type ---------- */
.t-xl,.t-h2,.t-link,.ccard__n,.ft__btn{padding-bottom:var(--sh);margin-top:calc(-1*var(--sh))}
.t-xl{font-size:calc(6.4rem*var(--dk));line-height:5.1rem;font-weight:400;text-transform:uppercase}
.t-xl i{font-style:normal;font-size:.375em;line-height:1}
.t-xl i b{font-weight:400}
@media (min-width:768px){.t-xl{font-size:calc(8rem*var(--dk));line-height:6.4rem}}
.t-h2{color:var(--red);font-size:calc(2rem*var(--dk));line-height:1.62rem;font-weight:400;text-transform:uppercase}
.t-link{font-size:calc(1.7rem*var(--dk));line-height:1.7rem;font-weight:400;text-transform:uppercase;display:inline-flex;gap:.35rem;align-items:center;white-space:nowrap}
.t-link b,.brk{font-weight:100}
.t-mono{font-family:var(--f-t);font-size:1.3rem;line-height:1.3rem;font-weight:400;text-transform:uppercase}
.t-monob{font-family:var(--f-t);font-size:1.4rem;line-height:1.4rem;font-weight:700;text-transform:uppercase}
.t-body{font-family:var(--f-t);font-size:1.4rem;line-height:1.6;font-weight:400}
.t-nav{font-family:var(--f-t);font-size:1.4rem;line-height:1.4rem;font-weight:400;text-transform:uppercase}
.t-body strong{color:var(--red);font-weight:700}
.diff{mix-blend-mode:difference;color:#fff}
.diff .t-body strong,.diff.t-body strong{color:#12c7cc}

/* rolling characters + marker hover */
.ch{display:inline-block;overflow:hidden;height:1em;line-height:1;vertical-align:top}
.ch i{display:block;font-style:normal;height:1em;transition:transform .5s var(--ease);transition-delay:calc(var(--i)*16ms)}
.ch.sp{width:.28em}
[data-hover]:hover .ch i{transform:translateY(-100%)}
[data-hover]{position:relative}
.mkbox{position:relative;display:inline-block}
.mk{position:absolute;left:-8%;top:45%;width:116%;height:1.15em;transform:translateY(-50%);pointer-events:none;overflow:visible;z-index:2}
.mk path{fill:none;stroke:var(--mkc,var(--red));stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .55s var(--ease),opacity .12s linear .45s}
[data-hover]:hover .mk path{stroke-dashoffset:0;opacity:.92;transition:stroke-dashoffset .55s var(--ease),opacity .05s linear}
.diff .mk path,.hd .mk path{stroke:#12c7cc}

/* custom follow labels */
.follow{position:absolute;left:0;top:0;z-index:15;pointer-events:none;mix-blend-mode:difference;color:#fff;will-change:transform}
.follow>div{transform:translate(-50%,1.4rem) scaleY(0);transform-origin:50% 100%;transition:transform .45s var(--ease);padding:.4rem 0}
.follow.on>div{transform:translate(-50%,1.4rem) scaleY(1)}
@media (max-width:1023px){.follow{display:none}}

/* ---------- header ---------- */
.hd{position:fixed;left:0;right:0;top:0;z-index:1000;background:#000;color:#fff;pointer-events:none;opacity:0;transition:transform .45s var(--ease)}
.hd.hide{transform:translateY(-200%)}
.hd__in{position:relative;display:flex;align-items:center;height:6rem;padding:0 1.6rem;transition:height .45s var(--ease)}
.hd__nav{display:none;align-items:center;gap:4.4rem;height:100%}
.hd__item{position:relative;display:flex;align-items:center;height:100%}
.hd__it{pointer-events:auto;display:flex;align-items:center;gap:.7rem;white-space:nowrap}
.hd__cv{width:1rem;height:.7rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .35s var(--ease)}
.hd__item:hover .hd__cv,.hd__item:focus-within .hd__cv{transform:rotate(180deg)}
/* submenus open on hover and on keyboard focus; below 1024 the whole nav is replaced by the menu overlay */
.hd__sub{position:absolute;left:-1.8rem;top:100%;min-width:20rem;padding:1.8rem;display:grid;gap:0;background:#000;opacity:0;visibility:hidden;transform:translateY(-.6rem);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
.hd__item:hover .hd__sub,.hd__item:focus-within .hd__sub{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s}
.hd__sub a{pointer-events:auto;display:block;line-height:1.6;color:rgba(255,255,255,.72);transition:color .3s}
.hd__sub a:hover{color:#fff}
.hd__act{display:flex;align-items:center;gap:1.6rem;margin-left:auto}
.hd__ib{pointer-events:auto;display:flex;align-items:center;justify-content:center}
.hd__ic{width:1.8rem;height:1.8rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.hd__bar{position:relative;width:2.2rem;height:1.2rem;flex:none}
.hd__bar span,.hd__bar::before,.hd__bar::after{content:"";position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .4s var(--ease),opacity .3s}
.hd__bar::before{top:0}
.hd__bar span{top:50%}
.hd__bar::after{bottom:0}
.hd__menu[aria-expanded="true"] .hd__bar span{opacity:0;transform:scaleX(0)}
.hd__menu[aria-expanded="true"] .hd__bar::before{transform:translateY(.6rem) rotate(45deg)}
.hd__menu[aria-expanded="true"] .hd__bar::after{transform:translateY(calc(-.6rem + 1px)) rotate(-45deg)}
.hd__logo{position:absolute;left:50%;top:50%;width:3.6rem;transform:translate(-50%,-50%);pointer-events:auto;transition:width .45s var(--ease)}
.hd__logo img{width:100%;height:auto;display:block}
@media (min-width:1024px){
  .hd__in{height:7rem;padding:0 3.4rem}
  .hd.small .hd__in{height:5.8rem}
  .hd__nav{display:flex}
  .hd__menu{display:none}
  .hd__act{gap:2.2rem}
  .hd__logo{width:4.4rem}
  .hd.small .hd__logo{width:3.8rem}
}

/* ---------- overlays (menu / categories / panels) ---------- */
.ov{position:fixed;inset:0;z-index:800;background:var(--bg);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .9s var(--ease),visibility 0s .9s;overflow:hidden}
.ov.on{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .9s var(--ease),visibility 0s}
.ov__list{position:absolute;left:1.6rem;right:1.6rem;top:11rem}
.ov__list a{display:flex;justify-content:space-between;align-items:center;height:3.6rem;text-transform:uppercase}
.ov__list a>span:first-child{font-size:calc(2.4rem*var(--dk));line-height:2.4rem;font-weight:400;display:inline-flex;gap:.45rem}
.ov__list a>span:last-child{font-size:calc(1.6rem*var(--dk));line-height:1.6rem;font-weight:400;display:inline-flex;gap:.35rem}
.ov__list li{transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--ease)}
.ov.on .ov__list li{transform:scaleY(1);transition-delay:calc(.35s + var(--n)*40ms)}
.ov__foot{position:absolute;left:1.6rem;right:1.6rem;bottom:1.7rem;display:flex;flex-direction:column;gap:.7rem}
.ov__col{display:none}
@media (min-width:1024px){
  .ov__list{left:2.5rem;right:auto;width:47.8rem;top:10.4rem}
  .ov__foot{left:2.5rem;right:auto;width:47.8rem;flex-direction:row;justify-content:space-between;gap:2rem}
  .ov__col{display:block;position:absolute;left:62.6rem;top:10.2rem;width:78rem;height:72.4rem}
  .ov__col li{position:absolute;overflow:hidden;clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease)}
  .ov.on .ov__col li{clip-path:inset(0 0 0 0);transition-delay:calc(.3s + var(--n)*70ms)}
  .ov__col img{width:100%;height:100%;object-fit:cover;transition:opacity .4s}
  .ov__col li:nth-child(1){left:0;top:3.1rem;width:16.2rem;height:22.9rem}
  .ov__col li:nth-child(2){left:37.4rem;top:11.7rem;width:10rem;height:14.3rem}
  .ov__col li:nth-child(3){left:59.8rem;top:0;width:18.2rem;height:26.1rem}
  .ov__col li:nth-child(4){left:16.9rem;top:26.7rem;width:19.9rem;height:28.4rem}
  .ov__col li:nth-child(5){left:37.4rem;top:26.7rem;width:40.5rem;height:45.7rem}
}
.pn{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:52rem;z-index:1100;background:var(--bg);transform:translateX(101%);transition:transform .8s var(--ease);padding:3rem 2.5rem;display:flex;flex-direction:column;border-left:1px solid var(--line)}
.pn.on{transform:none}
.pn__top{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.pn__x{width:3.2rem;height:3.2rem;border:1px solid #000;border-radius:50%;position:relative;transition:transform .5s var(--ease)}
.pn__x:hover{transform:rotate(90deg)}
.pn__x::before,.pn__x::after{content:"";position:absolute;left:25%;right:25%;top:50%;height:1px;background:#000;transform:rotate(45deg)}
.pn__x::after{transform:rotate(-45deg)}
.pn__mid{margin:auto 0;display:grid;gap:2.4rem}
.pn__in{border-bottom:1px solid #000;padding:1rem 0;width:100%;text-transform:uppercase;font-size:calc(3rem*var(--dk));font-weight:400}
.pn__in::placeholder{color:#0004}
.shade{position:fixed;inset:0;z-index:1050;background:#0006;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.shade.on{opacity:1;visibility:visible;transition:opacity .5s}

/* ---------- contact ---------- */
/* z-index sits below .ov (800) and .shade (1050) on purpose: the menu overlay covers the button and an open panel dims it, with no JS state to keep in sync. */
.ml{position:fixed;right:1.6rem;bottom:1.6rem;z-index:700;display:flex;align-items:center;gap:1rem;color:#fff}
.ml__lab{display:none}
.ml__b{width:5.6rem;height:5.6rem;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--ink);transition:transform .5s var(--ease),background .35s var(--ease)}
.ml__ic{width:2.8rem;height:2.8rem;flex:none;fill:currentColor}
.ml:hover .ml__b{transform:scale(1.07);background:var(--red)}
.ml:focus-visible{outline:none}
.ml:focus-visible .ml__b{outline:2px solid var(--red);outline-offset:.4rem}
@media (min-width:1024px){
  .ml{right:2.4rem;bottom:2.4rem}
  .ml__lab{display:block;padding:.9rem 1.3rem;background:var(--ink);opacity:0;transform:translateX(1rem);transition:opacity .3s var(--ease),transform .45s var(--ease);pointer-events:none;white-space:nowrap}
  .ml:hover .ml__lab,.ml:focus-visible .ml__lab{opacity:1;transform:none}
  .ml:hover .ch i{transform:translateY(-100%)}
}
@media (prefers-reduced-motion:reduce){.ml__b,.ml__lab{transition:none}.ml:hover .ml__b{transform:none}}

/* ---------- product card (new arrivals, shop) ---------- */
.card{display:block;position:relative}
.card__best{position:absolute;left:-.8rem;top:-1.5rem;z-index:10;height:2.9rem;padding:0 2.6rem;display:flex;align-items:center;color:#fff;font-size:calc(1.6rem*var(--dk));font-weight:400;text-transform:uppercase;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 30' preserveAspectRatio='none'%3E%3Cpath d='M4 6l9-3 22 1 30-3 41 2 25-1 6 4-3 5 5 4-7 3 2 5-9 3-31-1-36 3-28-2-19 1-7-5 4-4-6-5 5-3z'/%3E%3C/svg%3E") no-repeat 50%/100% 100%}
.card__media{position:relative;aspect-ratio:335/477;overflow:hidden;background:#f4eeec}
.card__zoom{position:absolute;inset:0}
.card__media img,.card__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}
.card__media img+img{opacity:0}
.card:hover .card__media img+img{opacity:1}
.card__plus{position:absolute;right:1rem;top:1rem;width:1.4rem;height:1.4rem;z-index:5;mix-blend-mode:difference;opacity:0;transition:opacity .3s}
.card__plus::before,.card__plus::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#fff}
.card__plus::after{transform:rotate(90deg)}
.card:hover .card__plus{opacity:1}
.card__info{position:relative;margin-top:.8rem}
.card__t{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__p{display:block;margin-top:.2rem;transition:opacity .3s}
.card__opts{position:absolute;left:0;right:0;top:1.4rem;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .3s}
.card__opts ul{display:flex;gap:.6rem}
.card__opts img{width:2rem;height:1.2rem;object-fit:cover}
.card:hover .card__p{opacity:0}
.card:hover .card__opts{opacity:1}

/* ---------- footer ---------- */
.ft{position:relative;z-index:7;color:#fff;padding:12rem 0 2.1rem;overflow:hidden}
.ft__bg{position:absolute;inset:-1px;z-index:-3}
.ft__bg img{width:100%;height:100%;object-fit:fill}
.ft__model{position:absolute;left:50%;bottom:-6rem;width:22.6rem;transform:translateX(-50%);z-index:-1}
.ft__nav{display:grid;grid-template-columns:repeat(4,max-content);gap:1rem 1.2rem}
.ft__top{display:flex;flex-direction:column;gap:2.4rem}
.ft__nav a.off{opacity:.5;pointer-events:none}
.ft__logo{display:block;margin-top:6rem;mix-blend-mode:exclusion;width:100%}
.ft__logo img,.ft__logo svg{width:100%;height:auto;display:block}
.ft__logo text{fill:#fff;font-family:var(--f-d);font-weight:700}
.ft__sub{margin-top:calc(5rem - var(--sh));display:flex;align-items:flex-end;gap:.4rem;transform-origin:50% 100%}
.ft__form{display:flex;align-items:flex-end;gap:1.6rem;margin-top:3rem}
.ft__lab{position:relative;flex:1;display:block;border-bottom:1px solid #fff8}
.ft__lab span{position:absolute;left:0;top:0;font-size:calc(1.2rem*var(--dk));font-weight:400;text-transform:uppercase;transition:transform .4s var(--ease);transform-origin:0 0}
.ft__lab input{width:100%;height:2.2rem;padding-top:.8rem;font-family:var(--f-t);font-size:1.4rem}
.ft__lab:focus-within span,.ft__lab.filled span{transform:translateY(-1.3rem) scale(.85)}
.ft__err{position:absolute;left:0;top:100%;margin-top:.5rem;color:#ff8a86;font-family:var(--f-t);font-size:1rem;display:none}
.ft__btn{font-size:calc(1.8rem*var(--dk));line-height:1.8rem;font-weight:400;text-transform:uppercase;border-bottom:1px solid #fff}
.ft__bot{display:flex;justify-content:space-between;gap:1rem;margin-top:3.6rem;flex-wrap:wrap}
.ft__disc{position:absolute;right:1.6rem;top:22rem;width:16rem;height:6.4rem;display:grid;place-items:center;transform:rotate(-4deg);transition:transform .6s var(--ease);color:#fff;font-size:calc(3rem*var(--dk));font-weight:400;text-transform:uppercase;z-index:2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 110' preserveAspectRatio='none'%3E%3Cpath fill='%233f3c3a' d='M10 22l28-8 40 5 52-9 60 6 50-4 14 10-6 16 8 14-10 12 4 18-22 12-58-4-64 8-52-6-38 4-12-14 8-16-10-18 8-14z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-opacity='.35' d='M10 22l28-8 40 5 52-9 60 6 50-4 14 10-6 16 8 14-10 12 4 18-22 12-58-4-64 8-52-6-38 4-12-14 8-16-10-18 8-14z'/%3E%3C/svg%3E") no-repeat 50%/100% 100%}
.ft__disc:hover{transform:rotate(3deg) scale(1.06)}
@media (min-width:1024px){
  .ft{padding:9rem 0 2.1rem;height:56.1rem}
  .ft__top{flex-direction:row;justify-content:space-between}
  .ft__top .ft__nav:last-child{width:52rem;display:flex;justify-content:space-between}
  .ft__model{left:45.5rem;bottom:auto;top:8.9rem;transform:none}
  .ft__logo{margin-top:9.7rem;width:68.4rem}
  .ft__sub{margin-top:calc(6.1rem - var(--sh))}
  .ft__form{position:absolute;left:88.6rem;top:46.8rem;width:51.9rem;margin:0}
  .ft__bot{position:absolute;left:3.5rem;right:3.5rem;bottom:2.1rem;margin:0;display:block;height:1.3rem}
  .ft__bot>*{position:absolute;top:0}
  .ft__bot>:nth-child(1){left:0}
  .ft__bot>:nth-child(2){left:85.3rem}
  .ft__bot>:nth-child(3){left:115rem}
  .ft__bot>:nth-child(4){right:.6rem}
  .ft__disc{left:84rem;right:auto;top:24.2rem;width:26rem;height:13.4rem;font-size:calc(4.4rem*var(--dk))}
}

/* ---------- inner pages: shared page head ---------- */
.pg{position:relative;padding:11.5rem 0 6rem}
.pg__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.6rem 2rem;flex-wrap:wrap}
.pg__title{display:flex;align-items:flex-end;gap:.4rem;transform-origin:50% 100%}
.pg__title i{line-height:.8;padding-bottom:.35em;display:flex;gap:.3rem}
.pg__all{transform-origin:50% 100%}
@media (min-width:1024px){.pg{padding:17rem 0 8rem}}

/* libs missing: show everything statically */
.nolibs .hd{opacity:1}
.libwarn{position:fixed;left:1rem;bottom:1rem;z-index:3000;background:#000;color:#fff;font:400 12px/1.4 var(--f-t);padding:10px 14px;max-width:420px}


/* ---------- hero ---------- */
.stack{position:relative}
.hero{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;z-index:1;background:#08080a;color:#fff}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;will-change:transform}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 42%,rgba(0,0,0,.72) 100%)}
.hero__ui{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 1.6rem 11rem;text-align:center}
.hero__h{font-family:var(--f-t);font-size:calc(4.4rem*var(--dk));line-height:1.15;font-weight:400;text-transform:uppercase;transform-origin:50% 100%}
.hero__h span{display:block}
@media (min-width:1024px){
  .hero__ui{padding-bottom:9rem}
  .hero__h{font-size:calc(5rem*var(--dk))}
}

/* ---------- 02 new arrivals ---------- */
.arr{position:relative;z-index:2;background:var(--bg);padding:12rem 0}
.arr__in{position:relative}
.arr__title{display:block;transform-origin:50% 0}
.arr__all{position:absolute;right:0;top:0;transform-origin:50% 0}
.arr__ua,.arr__tags{display:none}
.arr__group{margin-top:4rem;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-1.6rem;padding-right:1.6rem}
.arr__group::-webkit-scrollbar{display:none}
.arr__col{flex:none;display:flex;gap:1rem;width:max-content;position:relative}
.arr__col--2,.arr__col--3{display:none}
.arr__col>li{flex:none;width:28.5rem;scroll-snap-align:start}
.bar{height:1.1rem;position:relative;overflow:hidden;pointer-events:none}
.bar::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line);z-index:-1}
.bar__fill{position:absolute;left:0;top:0;height:100%;width:20%;will-change:transform}
.bar__fill img{position:absolute;left:-.1rem;top:50%;transform:translateY(-50%);width:calc(100% + .2rem);max-width:none;height:auto;aspect-ratio:2/1}
.arr__bar{display:none}
@media (min-width:1024px){
  .arr{padding:18rem 0}
  .arr__in{min-height:51.6rem}
  .arr__title{position:absolute;left:0;top:1.1rem;z-index:5}
  .arr__all{right:auto;left:23.9rem;top:1.1rem}
  .arr__ua{display:block;position:absolute;left:0;top:14rem;transform-origin:50% 0}
  .arr__tags{display:block;position:absolute;left:0;top:33.6rem;height:1.3rem;width:30rem;overflow:hidden;transform-origin:50% 0}
  .arr__tags li{position:absolute;left:0;top:0;white-space:nowrap;transform:translateY(110%);opacity:0;transition:transform 1.2s var(--ease),opacity 1.2s var(--ease)}
  .arr__tags li.on{transform:none;opacity:1}
  .arr__tags li.was{transform:translateY(-110%)}
  .arr__bar{display:block;position:absolute;left:0;top:47.2rem;width:32.5rem;opacity:0;transition:opacity .35s}
  .arr__group:hover~.arr__bar,.arr__bar.on{opacity:1}
  .arr__group{margin:0 -1rem 0 35.5rem;padding:0;overflow:visible;display:grid;grid-template-columns:repeat(3,33.5rem);gap:1rem;user-select:none;-webkit-user-select:none;touch-action:pan-y}
  .arr__group a{-webkit-user-drag:none}
  .arr__col,.arr__col--2,.arr__col--3{display:block;width:auto}
  .arr__col>li{width:auto}
  .arr__col>li,.arr__col>li+li{display:block;transform:scaleX(0);transform-origin:left center;transition:transform 1.2s var(--ease);pointer-events:none}
  .arr__col>li+li{position:absolute;inset:0}
  .arr__col>li.next{transform-origin:right center}
  .arr__col>li.on{transform:scaleX(1);pointer-events:auto}
  .arr__col>li.on[data-dir=next]{transform-origin:right center}
  .arr__col>li.on[data-dir=prev]{transform-origin:left center}
}

/* ---------- 03 campaign ---------- */
.camp{position:relative;z-index:2;height:100vh;height:100svh;overflow:hidden;background:#d9d6d4}
.camp a{display:block;position:relative;height:100%}
.camp__bg{position:absolute;inset:0;overflow:hidden}
.camp__bg video{position:absolute;left:-10%;top:-10%;width:120%;height:120%;max-width:none;object-fit:cover}
.camp__title{position:absolute;left:1.6rem;top:8rem;z-index:2;overflow:hidden}
.camp__ua{position:absolute;right:1.6rem;top:8rem;z-index:2;overflow:hidden}
.camp__ss{position:absolute;right:1.6rem;top:12.5rem;z-index:2;overflow:hidden}
.camp__snd{position:absolute;right:1.6rem;top:17rem;z-index:20;display:flex;gap:.2rem;color:#fff;background:rgba(0,0,0,.55);padding:.5rem .7rem;cursor:pointer}
.camp__snd span{min-width:5.5em;text-align:center}
.camp__title span,.camp__ua span,.camp__ss span{display:block}
.camp__new{position:absolute;left:1.6rem;bottom:8rem;z-index:2;display:flex;align-items:flex-end;gap:.4rem;transform-origin:50% 100%}
.camp__new i{font-style:normal;font-size:.375em;line-height:.8;padding-bottom:.35em;display:flex;gap:.3rem}
.camp__new i b{font-weight:400}
@media (min-width:1024px){
  .camp__title{left:3.5rem;top:3.4rem}
  .camp__ua{right:3.3rem;top:3.4rem}
  .camp__new{left:3.5rem;bottom:2.2rem}
  .camp__ss{right:3.3rem}
  .camp__snd{right:3.3rem}
}

/* ---------- 04 categories ---------- */
.cats{position:relative;z-index:2;background:var(--bg);padding:12rem 0 10rem;overflow:hidden}
.cats__head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}
.cats__title{transform-origin:50% 100%}
.cats__row{display:flex;align-items:flex-end;gap:1.5rem}
.cats__all{transform-origin:50% 100%}
.cats__inner{position:relative;margin:0 -1.6rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.cats__inner::-webkit-scrollbar{display:none}
.cats__list{display:flex;gap:1rem;width:max-content;padding:0 1.6rem}
.cats__list>li{flex:none;width:26rem}
.ccard{display:block;position:relative;aspect-ratio:334/479;overflow:hidden;background:#fff;-webkit-user-drag:none}
.ccard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s;pointer-events:none}
.ccard img+img{opacity:0}
.ccard:hover img+img{opacity:1}
.ccard__t{position:absolute;left:1.6rem;bottom:1.8rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:calc(6.4rem*var(--dk));line-height:.8;font-weight:400;text-transform:uppercase;white-space:nowrap;z-index:2}
.ccard__n{position:absolute;right:1.7rem;bottom:1.5rem;font-size:calc(1.6rem*var(--dk));line-height:1.6rem;display:flex;gap:.35rem;z-index:2}
@media (min-width:1024px){
  .cats{padding:22rem 0 16rem}
  .cats__head{margin-bottom:4.9rem;height:1.8rem}
  .cats__inner{margin:0;overflow:visible}
  .cats__list{width:auto;padding:0}
  .cats__list>li{flex:1;width:auto}
  .ccard__t{left:2rem}
}

/* ---------- shared icon badge ---------- */
.ico{width:3.2rem;height:3.2rem;border:1px solid #000;border-radius:50%;display:grid;place-items:center;font-family:var(--f-t);font-size:1.2rem;font-weight:400;margin-left:-.1rem;overflow:hidden}
.ico img{width:100%;height:100%}
.ico svg{width:1.8rem;height:1.8rem}

/* ---------- 07 film ---------- */
.end{position:relative;z-index:2;background:var(--bg)}
.film{padding:12rem 0 0;position:relative;z-index:6;pointer-events:none}
.film__top{display:flex;justify-content:space-between;align-items:center;height:3.2rem}
.film__icons{display:flex;transform-origin:50% 100%}
.film__title{transform-origin:50% 100%}
.film__mid{text-align:center;margin-top:2rem}
.film__sub{display:flex;justify-content:center;align-items:flex-end;transform-origin:50% 100%}
.film__sub::after{content:"";width:2rem;height:2rem;border-radius:50% 50% 50% 42%;background:#000;margin:0 0 .3rem .3rem;transform:rotate(-20deg)}
.film__txt{max-width:66.9rem;margin:1.6rem auto 0}
.film__txt .ln{display:block;transform-origin:50% 100%}
.film__pin{position:sticky;top:0;height:100vh;height:100svh;z-index:5;overflow:hidden;margin-top:-6rem}
.film__mask{position:absolute;inset:0;--mw:90%;--dw:0%;display:block;
  -webkit-mask:var(--blob) no-repeat 50% 50%/var(--mw) auto,var(--bead) no-repeat 50% 50%/var(--dw) auto;mask:var(--blob) no-repeat 50% 50%/var(--mw) auto,var(--bead) no-repeat 50% 50%/var(--dw) auto;
  --blob:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 250'%3E%3Ccircle cx='306' cy='125' r='34'/%3E%3Ccircle cx='280.9' cy='177.7' r='34'/%3E%3Ccircle cx='229.1' cy='207' r='34'/%3E%3Ccircle cx='170' cy='216' r='34'/%3E%3Ccircle cx='110.9' cy='207' r='34'/%3E%3Ccircle cx='59.1' cy='177.7' r='34'/%3E%3Ccircle cx='34' cy='125' r='34'/%3E%3Ccircle cx='59.1' cy='72.3' r='34'/%3E%3Ccircle cx='110.9' cy='43' r='34'/%3E%3Ccircle cx='170' cy='34' r='34'/%3E%3Ccircle cx='229.1' cy='43' r='34'/%3E%3Ccircle cx='280.9' cy='72.3' r='34'/%3E%3C/svg%3E");
  --bead:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E")}
.film__mask video{position:absolute;left:-10%;top:-10%;width:120%;height:120%;max-width:none;object-fit:cover;transform-origin:50% 50%}
.film__tip{position:absolute;left:50%;bottom:16rem;transform:translateX(-50%);z-index:1;font-family:var(--f-t);font-size:1.1rem;line-height:1;font-weight:400;text-transform:uppercase;white-space:nowrap}
.film__tip strong{color:var(--red);font-weight:700}
.film__space{height:60rem}
@media (min-width:1024px){
  .film{padding:18rem 0 0}
  .film__mid{margin-top:-4rem}
  .film__pin{margin-top:-22.5rem}
  .film__mask{--mw:30%}
  .film__space{height:83.7rem}
}

/* libs missing: show everything statically */


html{scroll-behavior:smooth;scroll-padding-top:8rem}.hd{opacity:1;pointer-events:auto}.hd__logo{width:auto;text-align:center;font:700 2.4rem/1 var(--f-d);letter-spacing:-.08em}.hd__logo small{display:block;font:400 .65rem/1.8 var(--f-t);letter-spacing:.25em}.slot{display:grid;place-items:center;background:#e5dedb;color:#8b827c;position:relative;overflow:hidden}.slot::before{content:"";position:absolute;inset:1.6rem;border:1px solid currentColor;opacity:.18;pointer-events:none}.number{font-family:var(--f-t);font-weight:100;font-size:clamp(65px,9vw,160px);line-height:1;letter-spacing:-.04em}.hero__media.slot{position:absolute;background:#171719;color:#6e6e73}.hero__media .number{font-size:clamp(160px,23vw,330px)}.hero__ui{pointer-events:none}.arr__col>li,.arr__col>li+li{transform:none;pointer-events:auto;position:static}.arr__group{grid-template-columns:repeat(3,minmax(0,1fr))}.card__media.slot{width:100%}.card__t{display:block;margin-top:1.4rem}.camp__bg.slot{position:absolute;inset:0;background:#aaa7a4;color:#f4efeb}.camp__bg .number{font-size:clamp(160px,23vw,330px)}.camp__snd{cursor:default}.ccard>.slot{position:absolute;inset:0}.ccard__t{color:#171719}.film__pin{position:relative;margin-top:4rem;height:65svh;min-height:350px}.film__mask{mask:none;-webkit-mask:none;display:grid;inset:0 20%;border-radius:44%}.film__tip{bottom:1.5rem}.film__space{height:10rem}.film{pointer-events:auto}.film__mid{margin-top:5rem}.ft{background:#111113}.ft__bg.slot{position:absolute;inset:0;color:#454549;background:#111113;z-index:-1}.ft__bg .number{position:absolute;left:42%;top:22%;font-size:18rem}.ft__logo{position:relative}.ft__logo-text{font-size:clamp(60px,10vw,180px);line-height:1;letter-spacing:-.05em}.ft__sub{position:relative}.ft__nav{display:grid;gap:1.3rem}.ft__form{position:relative;left:auto;top:auto;width:100%;max-width:52rem;margin:3rem 0}.ft__bot{position:relative;left:auto;right:auto;bottom:auto;display:flex;height:auto;gap:2rem;margin-top:4rem}.ft__bot>*{position:static!important}.ft{height:auto;min-height:56rem}.ft__lab{display:flex;align-items:center;gap:2rem;flex:1;border-bottom:1px solid #888;padding:1rem 0}.ft__lab input{width:100%;min-width:0}.ft__btn{font-size:1.8rem}.service-dialog{margin:auto;padding:4rem;background:var(--bg);color:#000;border:0;max-width:480px;width:90%;font:18px/1.5 var(--f-t)}.service-dialog::backdrop{background:#0008}.service-dialog button{margin-top:2rem;border-bottom:1px solid;padding:.5rem}.service-dialog h2{font-size:30px;font-weight:400}.service-dialog p{margin-top:1rem}.mobile-nav{display:none}.mobile-nav.open{display:grid;gap:2rem;position:fixed;inset:6rem 0 auto;background:#000;padding:3rem;font-size:2rem;z-index:1001;color:white}.draft-note{font-size:1.3rem;letter-spacing:.05em;color:#adadae;margin-top:2rem}.filter-status{display:block;margin-top:1rem;font-size:1.3rem}.arr-controls{display:flex;gap:2rem;margin-top:3rem}.arr-controls button{font-size:1.8rem;border-bottom:1px solid}.arr__ua{font-weight:400}.arr__col[hidden]{display:none}.card:focus-visible,.ccard:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:1023px){.arr__group{display:flex;margin-left:0;overflow-x:auto}.arr__col{display:block;width:28.5rem}.arr__col>li{width:28.5rem}.arr__col--2,.arr__col--3{display:block}.film__mask{inset:8% 5%}.film__mid{margin-top:3rem}.ft__bg .number{left:50%;top:35%;font-size:14rem}.ft__logo{margin-top:5rem}.hd__logo{font-size:2.5rem}.hero__ui{padding-bottom:9rem}.t-body{font-size:1.6rem}.cats__list>li{width:26rem}.ft__form{gap:1rem}.ft__lab{gap:1rem}.ft__btn{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Uploaded New Arrivals photographs */
.arr .card__media{aspect-ratio:1;background:#08080a}.arr .card__media img{object-fit:contain}.arr__group{row-gap:3rem}.product-preview{width:100%;height:auto;margin-bottom:1.5rem}.service-dialog{max-height:90svh;overflow:auto}
@media(min-width:1024px){.arr__group{margin-right:0;grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Category photographs */
.ccard{background:#08080a}.category-media{position:absolute;inset:0}.category-media img{width:100%;height:100%;object-fit:cover}.ccard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 50%);pointer-events:none}.ccard__t,.ccard__n{color:#fff;text-shadow:0 1px 6px #0008}

/* Uploaded brand film: preserve the complete video frame. */
.film__pin:has(.film__uploaded){height:auto;min-height:0;padding:0 5% 4rem}.film__uploaded{position:relative;inset:auto;border-radius:0;display:block;aspect-ratio:766/434;background:#08080a;overflow:hidden;max-width:1100px;margin:0 auto}.film__uploaded video{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.film__pin:has(.film__uploaded) .film__tip{bottom:1.5rem}

/* Slot 01: preserve the supplied artwork and embedded lettering. */
.hero__media img{object-fit:contain;will-change:auto}.hero__media::after{display:none}.hero__accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Scale slot 01 with its original proportions and the page width. */
.hero{height:auto;min-height:0}
.hero__media{position:relative;inset:auto;width:100%}
.hero__media img{display:block;width:100%;height:auto;aspect-ratio:1448/1086;object-fit:contain}
@media(max-width:1023px){.hero{padding-top:6rem}}

/* Categories: slow silver light across an anthracite surface. */
.cats{isolation:isolate;background:#111216;color:#f4f4f6}
.cats::before,.cats::after{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;will-change:transform}
.cats::before{background:radial-gradient(ellipse at 24% 32%,rgba(190,201,219,.22),transparent 43%),radial-gradient(ellipse at 78% 72%,rgba(102,122,153,.18),transparent 48%);animation:cats-silver-drift 20s ease-in-out infinite alternate}
.cats::after{background:linear-gradient(115deg,transparent 32%,rgba(224,230,239,.035) 44%,rgba(224,230,239,.13) 49%,rgba(224,230,239,.035) 54%,transparent 66%);animation:cats-light-sweep 26s ease-in-out infinite alternate}
.cats__title{color:#e1e5ec}
.cats__head .t-link{color:#f4f4f6}
@keyframes cats-silver-drift{from{transform:translate3d(-5%,-3%,0) scale(1)}to{transform:translate3d(7%,5%,0) scale(1.12)}}
@keyframes cats-light-sweep{from{transform:translate3d(-15%,0,0)}to{transform:translate3d(15%,0,0)}}
@media(prefers-reduced-motion:reduce){.cats::before,.cats::after{animation:none;will-change:auto}}

/* Site-wide animated anthracite and silver backgrounds. */
body{background:#111216}
.arr,.end,.ft{isolation:isolate;background:#111216;color:#f4f4f6;overflow:hidden}
.arr::before,.end::before,.ft::before,
.arr::after,.end::after,.ft::after{content:"";position:absolute;inset:-160px;z-index:-1;pointer-events:none;will-change:transform}
.arr::before,.end::before,.ft::before{background:radial-gradient(ellipse at 22% 28%,rgba(190,201,219,.2),transparent 44%),radial-gradient(ellipse at 80% 70%,rgba(102,122,153,.17),transparent 48%);animation:surface-drift 22s ease-in-out infinite alternate}
.arr::after,.end::after,.ft::after{background:linear-gradient(115deg,transparent 32%,rgba(224,230,239,.03) 44%,rgba(224,230,239,.1) 49%,rgba(224,230,239,.03) 54%,transparent 66%);animation:surface-sweep 28s ease-in-out infinite alternate}
.arr::before{animation-delay:-8s}.arr::after{animation-delay:-12s}
.end::before{animation-delay:-15s}.end::after{animation-delay:-6s}
.ft::before{animation-delay:-4s}.ft::after{animation-delay:-19s}
.arr__title,.film__title,.camp__title{color:#e1e5ec}
.film__txt strong{color:#c5d3e8}.film__sub::after{background:#dce3ee}
.camp__bg.slot{isolation:isolate;background:#17191e;color:#c0c8d5}
.camp__bg.slot::before{inset:-30%;border:0;opacity:1;background:radial-gradient(ellipse at 35% 40%,rgba(185,203,228,.22),transparent 46%);animation:cats-silver-drift 21s ease-in-out infinite alternate;z-index:-1}
.camp__bg.slot::after{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(222,232,246,.12) 50%,transparent 66%);animation:cats-light-sweep 25s ease-in-out infinite alternate}
.ft__bg.slot{background:transparent}.ft__bg.slot::before{display:none}
.hero__media::after{display:block;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(222,232,246,.065) 48%,transparent 70%);background-size:220% 100%;animation:hero-silver-light 24s ease-in-out infinite alternate}
@keyframes surface-drift{from{transform:translate3d(-40px,-25px,0)}to{transform:translate3d(70px,45px,0)}}
@keyframes surface-sweep{from{transform:translate3d(-100px,0,0)}to{transform:translate3d(100px,0,0)}}
@keyframes hero-silver-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.arr::before,.arr::after,.end::before,.end::after,.ft::before,.ft::after,.camp__bg.slot::before,.camp__bg.slot::after,.hero__media::after{animation:none;will-change:auto}}

/* Collection pages slide over the preceding page as full-screen layers. */
.stack{isolation:isolate}
.stack>.hero,.stack>.cats,.stack>.camp,.stack>.arr{position:sticky;top:0;height:100svh;min-height:0;overflow:clip}
.stack>.hero{z-index:1;padding:0}
.stack>.hero .hero__media{height:100%}
.stack>.hero .hero__media img{height:100%;width:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center}
.stack>.cats{z-index:2}
.stack>.camp{z-index:3}
.stack>.arr{z-index:4}
.stack>.cats,.stack>.arr{padding:clamp(80px,12svh,130px) 0 32px}
.cats>.wrap,.arr>.wrap{height:100%}
.cats__head{height:auto;margin-bottom:24px}
.cats__inner{margin:0;height:calc(100% - 48px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin}
.cats__list{height:100%;padding:0;gap:16px;align-items:center}
.cats__list>li{flex:1;min-width:0;scroll-snap-align:start}
.ccard{height:min(65svh,47vw);aspect-ratio:334/479;width:100%}
.arr__in{height:100%;min-height:0;display:flex;flex-direction:column}
.arr__title{position:static;margin:0}
.arr__all{left:auto;right:0;top:0}
.arr__ua{display:none}
.arr__group{display:flex;flex:1;align-items:center;margin:24px 0 0;padding:0 0 16px;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;touch-action:auto}
.arr__col{flex:0 0 min(37vw,66svh);width:auto;scroll-snap-align:start}
.arr__col>li{transform:none;pointer-events:auto;width:100%}
.arr .card__media{aspect-ratio:1}
.arr .card__t{font-size:16px;line-height:1.4}
.cats__inner:focus-visible,.arr__group:focus-visible{outline:2px solid #e1e5ec;outline-offset:4px}
.end{z-index:5}
@media(max-width:767px){
  .cats__list>li{flex:0 0 min(78vw,43svh);width:min(78vw,43svh)}
  .ccard{height:min(65svh,112vw)}
  .ccard__t{font-size:clamp(36px,10vw,60px);line-height:1}
  .arr__col{flex-basis:min(92vw,66svh)}
}
@media(max-height:500px){
  .stack>.cats,.stack>.arr{padding-top:70px;padding-bottom:12px}
  .cats__head{margin-bottom:12px}
  .ccard{height:calc(100svh - 130px)}
  .arr__col{flex-basis:calc(100svh - 155px)}
  .arr__group{margin-top:12px;padding-bottom:4px}
}

/* Supplied film behind the collection layers and brand sections. */
.video-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#111216}
.video-background video{width:100%;height:100%;max-width:none;object-fit:cover}
.video-background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.50)}
.cats::before,.cats::after,.arr::before,.arr::after,.end::before,.end::after,.ft::before,.ft::after{display:none}
.camp__bg{position:absolute;inset:0;isolation:isolate}
.camp__bg .video-background{z-index:0}
.end>.video-background{position:sticky;top:0;height:100svh;margin-bottom:-100svh}
.ft{background:transparent}

/* Slot 01: reference scale, with the complete branding visible. */
.stack>.hero .hero__media{display:flex;align-items:center;justify-content:center}
.stack>.hero .hero__media img{width:100%;height:100%;object-fit:contain;object-position:center;flex:none}
@media(max-width:767px){
  .stack>.hero .hero__media{height:min(134vw,calc(100svh - 80px));margin-top:26px}
  .stack>.hero .hero__media img{object-fit:cover}
}
.hd__logo{font-size:1.8rem}
@media(max-width:1023px){.hd__logo{font-size:1.875rem}}

/* Left-aligned header brand */
.hd__logo{position:static;left:auto;top:auto;transform:none;flex-shrink:0;width:auto}
.hd__nav{margin-left:4.4rem}
@media(min-width:1024px){.hd.small .hd__logo{width:auto}}

/* Continuous New Arrivals strip, preserving the existing card sizes. */
.arr__group{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;overflow-x:auto}
.arr__group::-webkit-scrollbar{display:none}
.arr__col{scroll-snap-align:none}
@media(prefers-reduced-motion:reduce){.arr__duplicate{display:none}.arr__group{scrollbar-width:thin}}

/* Transparent brand and shopping bag header */
.hd{background:transparent}

/* Three products and three replaceable image slots per collection. */
.collection-dialog{box-sizing:border-box;width:min(1180px,94vw);max-width:94vw;max-height:90svh;padding:clamp(20px,4vw,48px);border:1px solid #666;background:#111216;color:#f4f4f6;overflow:auto}
.collection-dialog::backdrop{background:rgba(0,0,0,.8)}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.collection-heading h2{font-family:Antonio,sans-serif;font-size:clamp(28px,4vw,48px);line-height:1.2;margin:0}
.collection-close{font-size:16px;color:inherit;border:1px solid #777;padding:10px 18px;background:transparent;cursor:pointer}
.collection-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.collection-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#202126;border:1px solid #52545a;color:#cbd0d8;font-family:Antonio,sans-serif;font-size:clamp(40px,6vw,72px)}
.collection-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.collection-thumbnails button{aspect-ratio:1.45;background:#202126;border:1px solid #555;color:#bbb;font-size:16px;cursor:pointer}
.collection-thumbnails button[aria-pressed=true]{color:#fff;border-color:#fff;background:#303238}
.collection-product h3{font-size:20px;font-weight:400;line-height:1.4;margin:20px 0 8px}
.collection-price{font-size:18px;line-height:1.4;margin:0}
.collection-dialog button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:767px){.collection-products{grid-template-columns:1fr;gap:36px}.collection-placeholder{font-size:64px}.collection-dialog{max-height:92svh}.collection-heading{margin-bottom:24px}}

/* Category selection: a quiet zoom and light sweep before opening. */
.ccard .category-media img{transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .4s ease;transform:scale(1);will-change:transform}
.ccard .category-media::after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.23) 50%,transparent 65%);transform:translateX(-110%);pointer-events:none;z-index:1}
@media(hover:hover){.ccard:hover .category-media img{transform:scale(1.045);filter:brightness(1.08)}}
.ccard:focus-visible .category-media img{transform:scale(1.045)}
.ccard.is-selecting .category-media img{transform:scale(1.14);filter:brightness(1.28)}
.ccard.is-selecting .category-media::after{animation:category-selection-sweep .65s ease-out both}
@keyframes category-selection-sweep{to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.ccard .category-media img{transition:none;transform:none!important;will-change:auto}.ccard .category-media::after{display:none}}

/* Visible touch selection and collection entrance. */
.ccard.is-selecting{animation:category-card-press .68s ease both;outline:2px solid #fff;outline-offset:-2px}
@keyframes category-card-press{0%{transform:scale(1)}35%{transform:scale(.96)}100%{transform:scale(.985)}}
.collection-dialog[open]{animation:collection-reveal .45s cubic-bezier(.2,.75,.25,1) both}
.collection-dialog[open]::backdrop{animation:collection-backdrop .45s ease both}
.collection-dialog[open] .collection-product{animation:collection-product-reveal .5s ease both}
.collection-dialog[open] .collection-product:nth-child(2){animation-delay:.08s}
.collection-dialog[open] .collection-product:nth-child(3){animation-delay:.16s}
@keyframes collection-reveal{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes collection-backdrop{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.8)}}
@keyframes collection-product-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ccard.is-selecting,.collection-dialog[open],.collection-dialog[open]::backdrop,.collection-dialog[open] .collection-product{animation:none}}

/* Larger frames surround photographs at their original, uncropped scale. */
.ccard .category-media{inset:0;display:flex;align-items:center;justify-content:center;padding:24px;}
.ccard .category-media img{position:static;display:block;width:100%;height:100%;max-width:min(32vw,45.3svh);max-height:100%;object-fit:contain;object-position:center;transform:none;will-change:auto;}
.ccard:hover .category-media img,.ccard:focus-visible .category-media img,.ccard.is-selecting .category-media img{transform:none;}
@media(max-width:767px){.ccard .category-media{padding:20px}.ccard .category-media img{max-width:min(69vw,30svh)}}

/* Larger category frames with a continuous horizontal gallery. */
.cats .wrap{max-width:none;width:100%;}
.cats__inner{margin:0 -1.6rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;touch-action:pan-x pan-y;}
.cats__list{width:max-content;padding:0 1.6rem;gap:1.6rem;}
.cats__list>li{flex:none;width:clamp(300px,38vw,620px);}
.ccard{aspect-ratio:4/5;}
@media(min-width:1024px){.cats__inner{margin:0;overflow-x:auto;overflow-y:hidden}.cats__list{width:max-content;padding:0;gap:2.4rem}.cats__list>li{flex:none;width:clamp(420px,38vw,620px)}}
@media(prefers-reduced-motion:reduce){.category-duplicate{display:none}}

/* Fill each frame and move the gallery at fractional-pixel precision. */
.ccard .category-media{padding:0;}
.ccard .category-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;}
.cats__inner{scroll-snap-type:none;scrollbar-width:none;}
.cats__inner::-webkit-scrollbar{display:none;}
.cats__list{will-change:transform;}
@media(prefers-reduced-motion:reduce){.cats__list{will-change:auto;transform:none!important;}}

/* Contact photograph, with proportional cropping and readable white text. */
.ft__bg{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#111216}
.ft__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.ft::before{inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.65));animation:none;will-change:auto}
.ft::after{display:none}
.ft .draft-note{color:#e0e0e0}
.ft__lab input::placeholder{color:#ddd;opacity:1}
@media(max-width:1023px){.ft__bg img{object-position:center center}}

/* Native category scrolling keeps touch selection and swipes stable. */
.cats__inner{touch-action:pan-x pan-y;scroll-behavior:auto;overscroll-behavior-x:contain;cursor:grab}
.cats__inner:active{cursor:grabbing}
.cats__list{transform:none!important;will-change:auto}
.ccard img{user-select:none;-webkit-user-drag:none}



/* Use the full rotated viewport and keep category labels inside short cards. */
@media(orientation:landscape) and (max-height:600px) and (hover:none){
 .stack>.hero{height:100dvh;min-height:100dvh;padding:0}
 .stack>.hero .hero__media{height:100%;width:100%;margin:0}
 .stack>.hero .hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
 .stack>.cats{height:100dvh;padding-top:64px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .cats>.wrap{display:flex;flex-direction:column;min-height:0}
 .cats__head{flex:none;margin-bottom:12px;display:flex;align-items:center;gap:16px}
 .cats__title{font-size:clamp(22px,6dvh,32px);line-height:1.15}
 .cats__head .t-link{font-size:14px;white-space:nowrap}
 .cats__inner{flex:1;min-height:0;height:auto}
 .cats__list{height:100%;align-items:stretch}
 .cats__list>li{height:100%;width:clamp(240px,38vw,420px)}
 .cats .ccard{height:100%;width:100%}
 .ccard__t{writing-mode:horizontal-tb;transform:none;left:16px;right:16px;bottom:36px;font-size:clamp(24px,7dvh,34px);line-height:1.15;white-space:normal;overflow-wrap:anywhere}
 .ccard__n{right:16px;bottom:12px;font-size:14px;line-height:1.2}
}

/* Preserve all baked-in hero branding and show the pendant in landscape crops. */
@media(orientation:landscape) and (max-height:600px) and (hover:none){
 .stack>.hero .hero__media{background:#090a0b}
 .stack>.hero .hero__media img{object-fit:contain;object-position:center;max-height:100%;max-width:100%}
 .cats .ccard[data-category="NECKLACES"] .category-media img{object-position:center 92%}
}

.hero__picture{display:block;width:100%;height:100%}
@media(orientation:landscape) and (max-height:600px) and (hover:none){
 .stack>.hero .hero__media{height:100%;margin:0}
 .stack>.hero .hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}
}

/* Bound the open mobile menu to the viewport and allow touch scrolling. */
.mobile-nav.open{max-height:calc(100dvh - 6rem);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start;box-sizing:border-box;padding-bottom:calc(3rem + env(safe-area-inset-bottom));scroll-padding-block:16px}
.mobile-nav.open>a{flex-shrink:0;min-height:44px;display:flex;align-items:center;line-height:1.25}
@media(orientation:landscape) and (max-height:600px){
 .mobile-nav.open{gap:8px;padding:12px max(24px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));font-size:20px}
}
@media(min-width:1024px){.mobile-nav.open{inset-block-start:7rem;max-height:calc(100dvh - 7rem)}}

/* Larger editorial headings, with room for gallery actions. */
.t-h2,.collection-heading h2{font-family:var(--f-t);font-size:clamp(32px,4.2vw,60px);font-weight:400;line-height:1.12;letter-spacing:.035em;text-transform:uppercase;margin-top:0;padding-bottom:0}
.cats__head{height:auto;align-items:center;gap:20px}
.cats__title,.arr__title{min-width:0}
.arr__in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);column-gap:20px}
.arr__title{grid-column:1;grid-row:1}
.arr__all{position:static;grid-column:2;grid-row:1;align-self:center}
.arr__group{grid-column:1/-1;grid-row:2;min-height:0}
.film__top{height:auto;gap:20px;align-items:center}
.film__title{flex:1;min-width:0}
.camp__title{max-width:calc(100% - 140px)}
@media(orientation:landscape) and (max-height:600px){.t-h2,.cats__title,.collection-heading h2{font-size:clamp(28px,7dvh,40px);line-height:1.12}}
@media(max-width:380px){.cats__head,.arr__in{column-gap:12px}.t-h2{font-size:30px}}

/* One quick axial turn for the branding embedded in the opening photograph. */
.hero-logo-turn{position:absolute;z-index:2;pointer-events:none;perspective:600px;background:transparent}
.hero-logo-turn__background,.hero-logo-turn__face{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-logo-turn__face{transform-origin:center;backface-visibility:visible}
@media(prefers-reduced-motion:reduce){.hero-logo-turn{display:none}}

/* Temporary image-wide veil during the logo turn. */
.hero-logo-curtain{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-logo-turn{z-index:3}
@media(prefers-reduced-motion:reduce){.hero-logo-curtain{display:none}}

.collection-placeholder.has-image{background:#101114;overflow:hidden}
.collection-placeholder img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.collection-thumbnails button.has-image{padding:0;overflow:hidden;background:#101114}
.collection-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}

/* Product framing, shared by the main view and its thumbnails. */
.collection-placeholder.has-image{position:relative}
.collection-placeholder img,.collection-thumbnails img{object-fit:cover}
.collection-placeholder[data-image-slot="ring-1-1"] img,.collection-thumbnails button[data-image-slot="ring-1-1"] img{transform:scale(1);transform-origin:center;object-position:center}
.collection-placeholder[data-image-slot="ring-1-2"] img,.collection-thumbnails button[data-image-slot="ring-1-2"] img{transform:scale(1);transform-origin:center;object-position:center}
.collection-placeholder[data-image-slot="ring-1-3"] img,.collection-thumbnails button[data-image-slot="ring-1-3"] img{transform:scale(1);transform-origin:center;object-position:center}

/* Follow the inspection point in the main product detail photograph. */
.product-zoom-surface{overflow:hidden;touch-action:none}
.product-zoom-surface img{user-select:none;-webkit-user-drag:none}
.product-zoom-surface img.is-product-zoomed{transform:scale(2.3)!important;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)!important;transition:none!important;cursor:zoom-out}
.product-zoom-preview{display:block;overflow:hidden;width:100%;margin-bottom:16px}
.product-zoom-preview .product-preview{margin-bottom:0}
@media(hover:hover){.product-zoom-surface{cursor:zoom-in}}

/* Match Collection touch and mouse gallery navigation. */
.arr__group{touch-action:pan-x pan-y;scroll-behavior:auto;overscroll-behavior-x:contain;cursor:grab}
.arr__group:active{cursor:grabbing}
.arr__group img{user-select:none;-webkit-user-drag:none}

/* Let collection photographs fill the space directly below the heading. */
.cats>.wrap{display:flex;flex-direction:column;min-height:0}
.cats__head{flex:none;margin-bottom:12px}
.cats__inner{flex:1;min-height:0;height:auto}
.cats__list{height:100%;align-items:stretch}
.cats__list>li{height:100%}
.cats .ccard{height:100%;width:100%;aspect-ratio:auto}

/* Raise the Collection heading slightly within its existing space. */
.cats__title{position:relative;top:-16px}

/* Keep collection details inside the viewport, including rotated phones. */
.collection-dialog{
 --collection-padding:clamp(20px,4vw,48px);
 margin:auto;
 width:min(1180px,calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));
 max-width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));
 max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
 padding:var(--collection-padding);
 overflow-x:hidden;
 overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
}
.collection-heading{
 position:sticky;top:calc(-1 * var(--collection-padding));z-index:3;
 background:#111216;padding-block:12px;min-width:0;
}
.collection-heading h2{min-width:0;overflow-wrap:anywhere}
.collection-close{flex:0 0 auto;white-space:nowrap;min-height:44px}
.collection-products,.collection-product,.collection-gallery,.collection-thumbnails{min-width:0;max-width:100%}
.collection-placeholder{width:100%;min-width:0;min-height:0}
.collection-placeholder img{position:absolute;inset:0}
.collection-thumbnails button{min-width:0;min-height:0;position:relative;overflow:hidden}
.collection-thumbnails img{position:absolute;inset:0}
@media(orientation:landscape) and (max-height:600px){
 .collection-dialog{--collection-padding:16px}
 .collection-heading{gap:16px;margin-bottom:16px}
 .collection-products{gap:16px}
}

/* Place New Arrivals at the upper edge and enlarge the gallery below it. */
.stack>.arr{padding-top:max(70px,calc(env(safe-area-inset-top) + 54px));padding-bottom:12px}
.arr__in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:12px}
.arr__title{position:static;margin:0;align-self:start}
.arr__group{margin:0;padding:0;align-items:flex-start;container-type:size}
.arr__col{flex:0 0 min(92vw,calc(100cqh - 40px));width:min(92vw,calc(100cqh - 40px))}
.arr .card__media{aspect-ratio:1;width:100%}
.arr .card__t{margin-top:10px;line-height:1.4}
@media(min-width:768px){.arr__col{flex-basis:calc(100cqh - 40px);width:calc(100cqh - 40px)}}
@media(orientation:landscape) and (max-height:600px){
 .stack>.arr{padding-top:max(60px,calc(env(safe-area-inset-top) + 44px));padding-bottom:8px}
 .arr__in{row-gap:8px}
}

/* Slate rock backdrops complement the silver jewelry in both galleries. */
.stack>.cats{
 background-color:#15191d;
 background-image:linear-gradient(180deg,rgba(8,12,17,.46),rgba(12,17,23,.25) 45%,rgba(8,12,17,.58)),url("rock-gallery-background.webp");
 background-size:cover;
 background-position:center,36% center;
 background-repeat:no-repeat;
}
.stack>.arr{
 background-color:#191817;
 background-image:linear-gradient(180deg,rgba(22,18,16,.56),rgba(23,20,18,.35) 45%,rgba(12,11,11,.65)),url("rock-gallery-background.webp");
 background-size:cover;
 background-position:center,72% center;
 background-repeat:no-repeat;
}
.cats__title,.arr__title{text-shadow:0 2px 16px rgba(0,0,0,.7)}
.arr .card__t{text-shadow:0 1px 8px rgba(0,0,0,.85)}

/* Slightly larger, centered New Arrivals photographs. */
.arr__group{align-items:center}
.arr__col{flex-basis:min(96vw,calc(100cqh - 36px));width:min(96vw,calc(100cqh - 36px))}
.arr .card__media img{object-position:center;transform:scale(1.1);transform-origin:center}
@media(min-width:768px){.arr__col{flex-basis:calc(100cqh - 36px);width:calc(100cqh - 36px)}}

.product-options{border:0;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px;min-width:0}
.product-options legend{font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.product-options label{position:relative;cursor:pointer}
.product-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.product-options span{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:8px 14px;border:1px solid #777;background:#161616;color:#fff;font-size:14px;box-sizing:border-box}
.product-options input:checked+span{background:#eee;color:#111;border-color:#eee}
.product-options input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}

.ring-size-options{display:grid;gap:10px;margin-top:20px;min-width:0}
.ring-size-options label{font-size:14px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.ring-size-options select{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #777;border-radius:0;background:#161616;color:#fff;font-family:var(--f-t);font-size:16px;line-height:1.4;color-scheme:dark;cursor:pointer}
.ring-size-options select:focus-visible{outline:2px solid #fff;outline-offset:3px}

.product-color-options span{gap:8px}.product-color-options i{display:block;width:18px;height:18px;border-radius:50%;border:1px solid #aaa;flex-shrink:0}

.ft__contact{position:relative;margin:3.2rem 0;max-width:100%}.ft__contact h2{font-size:1.6rem;margin-bottom:1.2rem}.ft__contact address{display:grid;gap:1rem;font-style:normal;font-size:1.6rem;line-height:1.5}.ft__contact a{width:fit-content;max-width:100%;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.3rem}.ft__contact p{margin:0}
.add-to-cart{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:20px;padding:12px 16px;border:1px solid #94949a;background:transparent;color:inherit;font-size:16px;line-height:1.4;cursor:pointer}.add-to-cart:hover{background:#303238}.add-to-cart:disabled{opacity:.6;cursor:wait}.cart-status{font-size:14px;line-height:1.5;margin-top:8px;min-height:21px}.cart-count{font:14px/1 system-ui;margin-left:4px}.cart-dialog{width:min(680px,94vw)}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #555}.cart-item h3{font-size:20px;line-height:1.4}.cart-item p{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.cart-item button{font-size:14px;padding:12px;border:1px solid #777;flex-shrink:0}.cart-total{font-size:18px;margin-top:24px;line-height:1.5}.cart-items{font-size:16px}.arrival-cart{color:#f4f4f6;background:#111216;margin-top:10px}

/* Delivery and returns */
.shop-policies{position:relative;background:#111113;color:#f3f3f3;padding:clamp(40px,6vw,88px) 0;border-top:1px solid #38383b}.shop-policies__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}.shop-policy{min-width:0;scroll-margin-top:100px}.shop-policy__eyebrow{font:14px/1.5 var(--f-t);letter-spacing:.12em;color:#c5c5c9}.shop-policy h2{font:400 clamp(28px,4vw,44px)/1.15 var(--f-d);margin:12px 0 24px}.shop-policy p:not(.shop-policy__eyebrow){font:400 18px/1.6 var(--f-t);margin:0 0 18px;max-width:65ch;color:#e5e5e8}.shop-policy__link{display:inline-block;font:400 18px/1.5 var(--f-t);text-decoration:underline;text-underline-offset:5px;padding:12px 0;overflow-wrap:anywhere}.shop-policy a:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:700px){.shop-policies__grid{grid-template-columns:1fr;gap:40px}.shop-policies .wrap{padding-left:24px;padding-right:24px}}

/* Customer service opens only from navigation. */
.policy-dialog{margin:auto;width:min(900px,calc(100% - 32px));max-height:90svh;padding:0;border:1px solid #38383b;background:#111113;color:#f3f3f3;overflow:auto;overscroll-behavior:contain}
.policy-dialog::backdrop{background:#000b}
.policy-dialog__bar{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;background:#111113;padding:16px 24px;border-bottom:1px solid #38383b}
.policy-dialog__close{font:400 18px/1.5 var(--f-t);padding:8px 12px;text-decoration:underline;text-underline-offset:4px}
.policy-dialog .shop-policies{border:0;padding:24px 0 40px}
.policy-dialog .wrap{padding-left:24px;padding-right:24px}
.policy-dialog .shop-policies__grid{grid-template-columns:1fr;gap:32px}
.policy-dialog .shop-policy[hidden]{display:none}
.policy-dialog button:focus-visible{outline:2px solid #fff;outline-offset:3px}