:root{
  --shell:1220px;   
  --ground:#0c1216;--deep:#070b0e;--line:#1c2731;
  --gold:#af8e3f;--gold-hi:#d6bd82;--gold-dim:rgba(175,142,63,.3);
  --text:#fff;--dim:#c4c4c4;--mute:#7e8a92;--faint:#707e88;
  --sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --display:'Archivo','Plus Jakarta Sans',Helvetica,Arial,sans-serif;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',Times,serif;
  --read:'Source Serif 4',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(20px,4vw,60px);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--ground);color:var(--dim);
  font-family:var(--sans);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--gold);color:var(--ground);}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px;}
.salta{position:absolute;left:var(--pad,20px);top:10px;z-index:200;transform:translateY(-200%);padding:10px 16px;background:var(--gold);color:var(--ground);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;}
.salta:focus{transform:none;outline:2px solid var(--gold-hi);outline-offset:2px;}
#main{scroll-margin-top:80px;}
img{display:block;max-width:100%;}
:where(img){width:auto;height:auto;}

#air{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.page{position:relative;z-index:1;}

.bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px var(--pad);gap:18px;
  background:rgba(7,11,14,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
}
.bar-mark{width:96px;flex:none;display:block;}
.bar-mark svg{width:100%;height:auto;display:block;}
.bar-mark svg path{fill:var(--gold);}
@media (max-width:900px){:root{--pad:20px;} .bar-mark{width:74px;}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
.crumbs a{color:var(--faint);text-decoration:none;}
.crumbs a:hover{color:var(--gold-hi);}
.crumbs .now{color:var(--dim);}
.bar-buy{display:flex;align-items:center;gap:18px;}

.hero{padding:clamp(46px,8vh,96px) var(--pad) clamp(30px,5vh,56px);overflow-x:clip;}
.hero-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 26px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:50px;}
.hero-top .n{color:var(--gold);}
.hero h1{

  margin:0;padding-bottom:.15em;
  font-family:var(--display);font-weight:800;font-stretch:125%;
  font-size:clamp(52px,11.6vw,160px);line-height:.84;letter-spacing:-.032em;color:var(--text);
}
.hero .claim{
  display:block;margin-top:22px;font-family:var(--serif);font-style:italic;
  font-size:clamp(18px,2.4vw,28px);color:var(--gold-hi);
}
.stage{position:relative;margin-top:clamp(24px,4vw,44px);overflow:hidden;}
.stage img{width:100%;aspect-ratio:16/8;object-fit:cover;transform:scale(1.08);filter:contrast(1.08);}
.stage-cap{
  margin:clamp(14px,2vw,20px) 0 0;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);text-align:center;
}
.serial{
  display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;
  justify-content:center;text-align:center;
  margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mute);
}
.serial b{color:var(--gold-hi);font-weight:400;}
.serial .todo{color:#b8705f;border-bottom:1px dashed rgba(184,112,95,.5);}

.story{
  scroll-margin-top:24px;
  border-top:1px solid var(--line);
  padding:clamp(58px,9vh,110px) var(--pad);
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(26px,5vw,74px);align-items:start;
}
.portrait{position:relative;overflow:hidden;}
.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.92);}
.portrait figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:9px 14px;margin:0;
  background:rgba(7,11,14,.86);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);
}
.story h2{
  margin:0 0 20px;font-family:var(--serif);font-weight:300;
  font-size:clamp(28px,4.4vw,58px);line-height:1.08;color:var(--text);max-width:17ch;
}
.story h2 i{font-style:italic;color:var(--gold-hi);}
.story p{margin:0 0 18px;max-width:56ch;font-size:16.5px;line-height:1.7;}
.story p:last-child{margin-bottom:0;}
.story .pull{
  margin:30px 0 0;padding-left:22px;border-left:1px solid var(--gold-dim);
  font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,24px);
  line-height:1.42;color:var(--gold-hi);max-width:34ch;
}

.choose{
  border-top:1px solid var(--line);
  padding:clamp(58px,9vh,110px) var(--pad);
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(28px,5vw,74px);align-items:start;
}
.choose h2{
  margin:0 0 clamp(24px,4vw,40px);font-family:var(--serif);font-weight:300;
  font-size:clamp(24px,3.4vw,42px);line-height:1.12;color:var(--text);
}
.swatches{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,34px);margin-bottom:34px;}
.sw{background:none;border:0;padding:0;cursor:pointer;display:grid;justify-items:center;gap:10px;}
.sw .disc{
  width:56px;height:56px;border-radius:50%;
  border:1px solid var(--line);
  box-shadow:inset 0 -8px 16px rgba(0,0,0,.5);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.sw:hover .disc{transform:translateY(-3px);}
.sw[aria-pressed="true"] .disc{box-shadow:0 0 0 1px var(--ground),0 0 0 2px var(--gold),inset 0 -8px 16px rgba(0,0,0,.5);}
.sw .nm{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);}
.sw[aria-pressed="true"] .nm{color:var(--gold-hi);}

.upgrade-box{border:1px solid var(--gold-dim);padding:20px 22px;display:grid;gap:10px;background:rgba(7,11,14,.86);}
.upgrade-box .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.upgrade-box p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mute);}
.upgrade-box .row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:4px;}
.toggle{
  display:inline-flex;align-items:center;gap:11px;cursor:pointer;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);
  background:none;border:1px solid var(--line);padding:9px 16px;
  transition:border-color .25s var(--ease),color .25s var(--ease);
}
.toggle:hover{border-color:var(--gold-dim);}
.toggle[aria-pressed="true"]{border-color:var(--gold);color:var(--gold-hi);}
.toggle .tick{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .25s var(--ease);}
.toggle[aria-pressed="true"] .tick{background:var(--gold);}

.buybox{border:1px solid var(--gold-dim);background:rgba(7,11,14,.9);padding:clamp(22px,3vw,32px);display:grid;gap:20px;position:sticky;top:86px;}
.buybox .price{font-family:var(--sans);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:10px;}
.buybox .picked{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);}
.buybox .picked b{color:var(--gold-hi);font-weight:400;}
.take{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  padding:16px 30px;border:1px solid var(--gold);background:var(--gold);
  color:#0c1216;font-family:var(--sans);font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .take:hover{background:transparent;color:var(--gold-hi);}
}

.bar-take{padding:11.5px 20px;line-height:1;}
.take svg{width:22px;height:8px;overflow:visible;}
.take svg path{stroke:currentColor;stroke-width:1.4;fill:none;}
.pagamenti{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;min-height:26px;margin-top:-6px;}
.pagamenti > span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.reassure{display:grid;gap:9px;margin:0;padding:0;list-style:none;}
.reassure li{font-size:13.5px;line-height:1.5;color:var(--mute);padding-left:16px;position:relative;}
.reassure li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--gold);}

.bench{border:1px solid var(--gold-dim);margin-bottom:34px;overflow:hidden;}
.bench-head{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;
  padding:11px 16px;border-bottom:1px solid var(--gold-dim);background:rgba(7,11,14,.9);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);
}
.bench-head b{color:var(--gold);font-weight:400;}
.bench-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d4cc;}

.bench-panel[hidden]{display:none;}
.bench-shot{margin:0;background:#f4f2ee;}

.bench-shot img{width:100%;height:auto;object-fit:contain;display:block;}
@media (max-width:640px){
  .bench-panel{grid-template-columns:1fr 1fr;}
  .bench-shot:last-child{grid-column:span 2;}
}

.stage{position:relative;}
.slot{display:none;}
.slot.on{display:block;}
.slot-todo{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  aspect-ratio:16/8;border:1px solid var(--gold-dim);background:var(--deep);
}
.slot-todo .disc-lg{
  width:74px;height:74px;border-radius:50%;
  box-shadow:inset 0 -10px 20px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);
}
.slot-todo .msg{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#b8705f;text-align:center;}
.slot-todo .sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.views{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.view{
  position:relative;width:118px;aspect-ratio:4/3;overflow:hidden;
  border:1px solid var(--line);background:var(--deep);cursor:pointer;padding:0;
  transition:border-color .25s var(--ease);
}
.view img{width:100%;height:100%;object-fit:cover;}
.view .vl{
  position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:rgba(7,11,14,.86);
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);
}
.view[aria-pressed="true"]{border-color:var(--gold);}
.view[aria-pressed="true"] .vl{color:var(--gold-hi);}
.view .empty{width:100%;height:100%;display:grid;place-items:center;}
.view .empty i{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -4px 8px rgba(0,0,0,.5);}

.lang{display:inline-flex;align-items:center;border:1px solid var(--line);overflow:hidden;}
.lang a{
  display:block;text-decoration:none;background:none;border:0;cursor:pointer;padding:6px 11px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);transition:color .2s var(--ease),background .2s var(--ease);
}
.lang a:hover{color:var(--dim);}
.lang a[aria-current="true"]{background:var(--gold);color:#0c1216;}

.bar, .hero, .story, .choose, .detail, .wear, .says, .box, .also, .foot{
  --pad-in:clamp(20px,4vw,60px);
}

.hero h1, .hero .claim, .hero .hero-top,
.hero > *, .stage, .serial,
.story, .choose, .detail, .wear-head, .wear-strip, .says-head,
.says-grid, .box > *, .also > *, .foot > *{
  max-width:var(--shell);margin-left:auto;margin-right:auto;
}
.bar{max-width:none;}
.bar > .crumbs{flex:1;}

[data-zoom]{cursor:zoom-in;}
.lbox{
  position:fixed;inset:0;z-index:120;
  margin:0;                       
  display:grid;

  grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
  place-items:center;gap:18px;
  padding:clamp(44px,7vh,80px) clamp(20px,4vw,60px) clamp(24px,4vh,44px);

  background:rgba(4,6,8,.96);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  opacity:0;pointer-events:none;
  transition:opacity .3s var(--ease);
}
.lbox.open{opacity:1;pointer-events:auto;}
.lbox img{

  width:100%;height:100%;
  object-fit:contain;
  transform:scale(.97);
  transition:transform .35s cubic-bezier(.33,.9,.3,1);
}
.lbox.open img{transform:none;}
.lbox figcaption{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);text-align:center;
  max-width:60ch;
}
.lbox-close{
  position:absolute;top:clamp(14px,2vh,22px);right:clamp(16px,3vw,28px);
  background:none;border:1px solid var(--line);cursor:pointer;
  width:38px;height:38px;display:grid;place-items:center;
  color:var(--mute);transition:color .25s var(--ease),border-color .25s var(--ease);
}
.lbox-close:hover{color:var(--gold-hi);border-color:var(--gold-dim);}
.lbox-close svg{width:15px;height:15px;}
.lbox-close path{stroke:currentColor;stroke-width:1.4;}

.aviator p, .hand-lead p, .step p, .contact .why,
.story p, .say p, .spec p, .rung p, .tab-panel p,
.opening p, .close p, .hand-note p, .drawer nav a small + *,
.slot-todo .sub, .kit li{
  font-family:var(--read);
  font-weight:400;
  letter-spacing:.002em;
}
.aviator p, .story p, .hand-lead p, .hand-note p, .contact .why{
  font-size:16.5px;
  line-height:1.72;
}
.step p, .say p, .kit li{font-size:15px;line-height:1.62;}
.opening p{font-size:clamp(15.5px,1.7vw,18px);line-height:1.66;}

.navbtn{
  display:inline-flex;align-items:center;gap:9px;
  background:none;border:1px solid var(--line);cursor:pointer;

  padding:11.5px 14px;line-height:12px;
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);
  transition:border-color .25s var(--ease),color .25s var(--ease);
}

@media (max-width:720px){.navbtn{padding:9.5px 11px;}}
.navbtn:hover{border-color:var(--gold-dim);color:var(--dim);}
.burger{display:grid;gap:3px;width:14px;}
.burger i{display:block;height:1px;background:currentColor;transition:transform .3s var(--ease);}

.scrim{
  position:fixed;inset:0;z-index:80;
  background:rgba(4,7,9,.72);
  opacity:0;pointer-events:none;transition:opacity .35s var(--ease);
}
.scrim.open{opacity:1;pointer-events:auto;}

.drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:90;
  width:min(390px,86vw);
  background:var(--deep);border-left:1px solid var(--line);
  transform:translateX(101%);
  transition:transform .45s cubic-bezier(.33,.9,.3,1);
  display:flex;flex-direction:column;
  overflow-y:auto;overscroll-behavior:contain;
}
.drawer[hidden]{visibility:hidden;}
.drawer.open{transform:none;}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 24px;border-bottom:1px solid var(--line);
}
.drawer-head .mk-sm{width:84px;}
.drawer-head .mk-sm svg{width:100%;height:auto;display:block;}
.drawer-head .mk-sm path{fill:var(--gold);}
.closebtn{
  background:none;border:0;cursor:pointer;padding:6px;
  color:var(--mute);line-height:0;transition:color .25s var(--ease);
}
.closebtn:hover{color:var(--gold-hi);}
.closebtn svg{width:18px;height:18px;}
.closebtn path{stroke:currentColor;stroke-width:1.4;}

.drawer nav{display:flex;flex-direction:column;padding:14px 0;}
.drawer nav a{
  padding:15px 24px;text-decoration:none;
  font-family:var(--serif);font-size:23px;color:var(--text);
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:color .25s var(--ease),background .25s var(--ease);
}
.drawer nav a:hover{color:var(--gold-hi);background:rgba(175,142,63,.05);}
.drawer nav a[aria-current="page"]{color:var(--gold-hi);}
.drawer nav a small{
  display:block;margin-top:3px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);
}

.drawer-block{padding:22px 24px;border-top:1px solid var(--line);}
.drawer-block h3{
  margin:0 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);font-weight:400;
}
.contactlist{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.contactlist a, .contactlist span{
  display:flex;align-items:flex-start;gap:11px;
  font-size:14px;line-height:1.45;color:var(--dim);text-decoration:none;
  transition:color .25s var(--ease);
}
.contactlist a:hover{color:var(--gold-hi);}
.contactlist svg{width:17px;height:17px;flex:none;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;}
.legal{display:grid;gap:9px;margin:0;padding:0;list-style:none;}
.legal a{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  color:var(--mute);text-decoration:none;transition:color .25s var(--ease);
}
.legal a:hover{color:var(--gold-hi);}
.legal a[aria-current="page"]{color:var(--gold-hi);}
.drawer-scelte{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:0 10px;justify-content:space-between;}
.drawer-scelte .scelta h3{margin-bottom:10px;}
.drawer-scelte .lang a,.drawer-scelte .skin button,.drawer-scelte .cur button{padding:8px clamp(9px,3vw,12px);}
.drawer-foot{
  margin-top:auto;padding:18px 24px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);
  line-height:1.7;
}
@media (max-width:900px){
  .drawer{width:min(340px,88vw);}
  .drawer nav a{font-size:20px;padding:13px 20px;}
  .drawer-head,.drawer-block,.drawer-foot{padding-left:20px;padding-right:20px;}
}

.mset{display:inline-flex;flex-wrap:wrap;align-items:center;gap:14px;}
.mi{

  position:relative;display:inline-flex;align-items:center;gap:0;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;
  color:var(--mute);cursor:help;background:none;border:0;padding:2px 0;
}
.mi svg{width:22px;height:15px;flex:none;overflow:visible;margin-right:6px;}
.mi svg *{stroke:var(--gold);stroke-width:1.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.mi b{color:var(--gold-hi);font-weight:400;margin-right:2px;}
.mi::after{
  content:attr(data-tip);
  position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(3px);
  background:#070b0e;border:1px solid var(--gold-dim);
  padding:6px 10px;white-space:nowrap;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-hi);opacity:0;pointer-events:none;
  transition:opacity .2s var(--ease),transform .2s var(--ease);
  z-index:5;
}
.mi:hover::after,.mi:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0);}
.mi:hover,.mi:focus-visible{color:var(--dim);}
.mset--sm .mi{font-size:10.5px;gap:0;}
.mset--sm .mi svg{width:18px;height:12px;margin-right:5px;}

.says{border-top:1px solid var(--line);padding:clamp(58px,9vh,110px) var(--pad);}
.says-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px 30px;margin-bottom:clamp(20px,3vw,30px);}
.says h2{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(24px,3.6vw,44px);line-height:1.1;color:var(--text);}
.says-score{display:flex;align-items:baseline;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);}
.says-score b{font-family:var(--sans);font-size:22px;font-weight:700;color:var(--gold);letter-spacing:0;}
.says-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.say{background:rgba(7,11,14,.9);padding:26px 24px;display:grid;gap:12px;align-content:start;}
.say .stars{color:var(--gold);font-size:13px;letter-spacing:3px;}
.say p{margin:0;font-size:15px;line-height:1.62;color:var(--dim);}
.say footer{display:flex;flex-wrap:wrap;gap:6px 12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}
.say footer b{color:var(--mute);font-weight:400;}

.wear{border-top:1px solid var(--line);padding:clamp(58px,9vh,110px) var(--pad);overflow:hidden;}
.wear-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px 30px;margin-bottom:clamp(24px,4vw,40px);}
.wear h2{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(24px,3.6vw,44px);line-height:1.1;color:var(--text);}
.wear-hint{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
.wear-strip{

  min-width:0;max-width:100%;
  display:grid;grid-auto-flow:column;
  grid-auto-columns:minmax(258px,1fr);
  gap:clamp(12px,2vw,20px);
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;
  padding-bottom:14px;
  scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;
}
.wear-strip::-webkit-scrollbar{height:3px;}
.wear-strip::-webkit-scrollbar-track{background:var(--line);}
.wear-strip::-webkit-scrollbar-thumb{background:var(--gold-dim);}

.wear-item{scroll-snap-align:start;margin:0;position:relative;overflow:hidden;}
.wear-item img{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  transition:transform .8s var(--ease),filter .5s var(--ease);
  filter:contrast(1.04) saturate(.95);
}
.wear-item:hover img{transform:scale(1.04);filter:contrast(1.08) saturate(1);}
.wear-item figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:10px 14px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(to top,rgba(7,11,14,.94),rgba(7,11,14,0));
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-hi);
}
@media (max-width:640px){
  .wear-strip{grid-auto-columns:minmax(78%,1fr);}
}

.detail{
  border-top:1px solid var(--line);
  padding:clamp(58px,9vh,110px) var(--pad);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,5vw,72px);align-items:start;
}
.logbook{border:1px solid var(--gold-dim);background:rgba(7,11,14,.88);}
.logbook-head{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;
  padding:11px 16px;border-bottom:1px solid var(--gold-dim);
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
}
.logbook-head b{color:var(--gold);font-weight:400;}
.logbook dl{margin:0;display:grid;grid-template-columns:minmax(118px,auto) minmax(0,1fr);}
.logbook dt,.logbook dd{margin:0;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.055);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;}
.logbook dt{color:var(--faint);text-transform:uppercase;font-size:11px;}
.logbook dd{color:var(--dim);}
.logbook dl > :nth-last-child(-n+2){border-bottom:0;}
@media (min-width:901px){
  .detail .logbook{max-width:450px;}
}

.hand-note h3{margin:0 0 14px;font-family:var(--serif);font-weight:300;font-size:clamp(22px,3vw,34px);line-height:1.14;color:var(--text);}
.hand-note p{margin:0 0 26px;font-size:15.5px;line-height:1.66;color:var(--dim);max-width:46ch;}
.hand-shot{position:relative;overflow:hidden;margin:0;}
.hand-shot img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1) contrast(1.22) brightness(.95);}
.hand-shot figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:9px 14px;
  background:rgba(7,11,14,.86);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);
}

.box{border-top:1px solid var(--line);padding:clamp(58px,9vh,110px) var(--pad);}
.box h2{margin:0 0 clamp(26px,4vw,44px);font-family:var(--serif);font-weight:300;font-size:clamp(24px,3.6vw,44px);line-height:1.1;color:var(--text);}

.kit{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);}
@media (max-width:900px){.kit{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:520px){.kit{grid-template-columns:1fr;}}
.kit li{background:var(--ground);padding:22px;font-size:14.5px;line-height:1.5;color:var(--dim);}
.kit li span:first-child{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.kit li .voce{display:block;}
@media (hover:hover) and (pointer:fine){
  .kit li{position:relative;}
  .kit li > *{position:relative;}
  .kit li::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:rgba(175,142,63,.05);opacity:0;transition:opacity .5s var(--ease);
  }
  .kit li::after{
    content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
    background:var(--gold);transform:scaleX(0);transform-origin:right;
    transition:transform .7s var(--ease);
  }
  .kit li span{transition:transform .55s var(--ease),color .35s var(--ease);}
  .kit li .voce{transition-delay:.04s;}
  .kit li:hover::before{opacity:1;}
  .kit li:hover::after{transform:scaleX(1);transform-origin:left;}
  .kit li:hover span{transform:translateX(6px);}
  .kit li:hover span:first-child{color:var(--gold-hi);}
  .kit li:hover .voce{color:var(--text);}
  [data-skin="light"] .kit li::before{background:rgba(175,142,63,.07);}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
  .kit li::after{transition:none;}
  .kit li:hover span{transform:none;}
}

.also{border-top:1px solid var(--line);padding:clamp(58px,9vh,110px) var(--pad) clamp(70px,10vh,120px);}
.also h2{margin:0 0 clamp(26px,4vw,42px);font-family:var(--serif);font-weight:300;font-size:clamp(24px,3.6vw,44px);color:var(--text);}
.sibs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(16px,3vw,28px);}
.sib{display:grid;gap:10px;text-decoration:none;color:inherit;text-align:center;}

.sib .mset{justify-content:center;}
.sib .ph{overflow:hidden;}
.sib img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s var(--ease);}
.sib:hover img{transform:scale(1.05);}

.sib .who{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.3;
  letter-spacing:0;text-transform:none;color:var(--mute);text-wrap:balance;}
.sib .nm{font-family:var(--sans);font-weight:800;font-size:20px;color:var(--text);letter-spacing:-.02em;}
.sib .mm{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--mute);}
.sib .pr{font-family:var(--sans);font-weight:700;font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums;}

.foot{border-top:1px solid var(--line);padding:26px var(--pad);display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}

.rise{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.rise.lit{opacity:1;transform:none;}
.rise.d1{transition-delay:.08s}.rise.d2{transition-delay:.16s}

@media (max-width:900px){
  .story,.choose,.detail{grid-template-columns:1fr;}
  .buybox{position:static;}

  .choose h2{text-align:center;}
  .swatches{justify-content:center;}

  .foot{
    flex-direction:column;align-items:center;text-align:center;
    gap:9px;justify-content:flex-start;
  }
  .foot > span:first-child{color:var(--mute);padding-bottom:4px;}
}
@media (max-width:640px){

  .bar .crumbs{display:none;}
  .bar{gap:12px;}
  .bar-buy{gap:12px;}
  .bar .take{padding:11px 16px;font-size:11px;letter-spacing:.12em;gap:9px;}
  .bar .take svg{width:16px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
  .rise{opacity:1;transform:none;}
}

.hero-top, .hero h1, .hero .claim, .stage, .serial,
.story, .choose, .detail,
.wear-head, .wear-strip,
.says-head, .says-grid,
.box h2, .kit,
.also h2, .sibs,
.foot{
  max-width:var(--shell);
  margin-left:auto;
  margin-right:auto;
}
.box h2, .also h2, .says-head, .wear-head{margin-bottom:clamp(26px,4vw,44px);}
.foot{width:100%;}

.take-bag{display:none;width:19px;height:19px;overflow:visible;}
.take-bag path{stroke:currentColor;stroke-width:1.4;fill:none;stroke-linejoin:round;}
@media (max-width:640px){
  .bar .take{padding:11px;gap:0;}
  .bar .take .take-t,
  .bar .take > svg:not(.take-bag){display:none;}
  .bar .take .take-bag{display:block;}
}

@media (max-width:640px){
  .hero-top{
    display:grid;grid-template-columns:auto minmax(0,1fr);
    align-items:baseline;gap:5px 16px;text-align:left;
  }
  .hero-top .n{grid-column:1;grid-row:1;}
  .hero-top span:not(.n){grid-column:2;text-align:right;}

  .hero h1, .hero .claim{text-align:center;}
  .serial{
    flex-direction:column;align-items:center;text-align:center;
    gap:12px;
  }
  .serial .mset{justify-content:center;}
}

.hero-take{display:none;}
@media (max-width:640px){
  .hero-take{display:flex;justify-content:space-between;width:100%;max-width:400px;margin-top:30px;padding:17px 22px;}
  .hero-prezzo{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:none;}
}

.foot, .foot-in > span{color:var(--faint);}
.foot a, .foot-in a{
  color:var(--dim);text-decoration:none;
  transition:color .25s var(--ease);
}
.foot a:hover, .foot-in a:hover{color:var(--gold-hi);}

.kit-shots{

  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
  margin:0 auto clamp(28px,4vw,44px);
}
.kit-shot{margin:0;overflow:hidden;background:var(--deep);}
.kit-shot img{
  width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
  filter:contrast(1.04) brightness(.96);
  transition:transform .6s var(--ease);
}
.kit-shot:hover img{transform:scale(1.03);}
@media (max-width:640px){
  .kit-shots{
    grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;
    overflow-x:auto;scroll-snap-type:x mandatory;
    margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);
    padding:0 var(--pad);
    scrollbar-width:none;
  }
  .kit-shots::-webkit-scrollbar{display:none;}
  .kit-shot{scroll-snap-align:center;}
}

.stage img{aspect-ratio:16/9;object-fit:contain;transform:none;}
@media (min-width:901px){
  .stage img{aspect-ratio:16/6;}
}

@media (max-width:900px){
  .stage img{width:70%;display:block;margin-left:auto;margin-right:auto;}
}

.sib img{aspect-ratio:16/8;object-fit:contain;width:65%;display:block;margin-left:auto;margin-right:auto;}

@media (max-width:900px){
  .sibs{gap:22px;}
  .sib{
    gap:9px;
    padding:14px 16px 18px;
    border:1px solid var(--line);
    background:rgba(7,11,14,.72);
  }
  .sib .ph{
    margin:-2px -4px 4px;
    padding-bottom:12px;
    border-bottom:1px solid var(--line);
  }
}

.skin{display:inline-flex;align-items:center;border:1px solid var(--line);overflow:hidden;}
.skin button{
  background:none;border:0;cursor:pointer;padding:5px 9px;line-height:0;
  color:var(--faint);transition:color .2s var(--ease),background .2s var(--ease);
}
.skin button:hover{color:var(--dim);}
.skin button[aria-pressed="true"]{background:var(--gold);color:#0c1216;}
.skin svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;}
.skin button[data-skin="dark"] svg{fill:currentColor;stroke:none;}
@media (max-width:640px){
  .skin button{padding:5px 6px;}
  .skin svg{width:14px;height:14px;}
}

:root[data-skin="light"]{
  --ground:#ffffff;
  --deep:#f5f2ec;
  --line:#e2ddd4;
  --gold:#8a6d24;
  --gold-hi:#6d5417;
  --gold-dim:rgba(138,109,36,.34);
  --text:#141a1f;
  --dim:#3f4a54;
  --mute:#58636b;
  --faint:#677077;
}

[data-skin="light"] .topbar,
[data-skin="light"] .bar,
[data-skin="light"] .rail,
[data-skin="light"] .logbook,
[data-skin="light"] .buybox,
[data-skin="light"] .bench-head,
[data-skin="light"] .say,
[data-skin="light"] .upgrade-box{background:rgba(245,242,236,.92);}
[data-skin="light"] .topbar,
[data-skin="light"] .bar,
[data-skin="light"] .rail{background:rgba(245,242,236,.96);}
[data-skin="light"] .logbook dt,
[data-skin="light"] .logbook dd,
[data-skin="light"] .logbook-head{border-bottom-color:rgba(20,26,31,.10);}
[data-skin="light"] .form .done{background:rgba(175,142,63,.12);}

[data-skin="light"] .scrim{background:rgba(22,26,30,.42);}
[data-skin="light"] .drawer nav a{border-bottom-color:rgba(20,26,31,.08);}
[data-skin="light"] .drawer nav a:hover{background:rgba(175,142,63,.10);}
[data-skin="light"] .lbox{background:rgba(250,249,246,.97);}

[data-skin="light"] .take,
[data-skin="light"] .form .send,
[data-skin="light"] .lang a[aria-current="true"],
[data-skin="light"] .skin button[aria-pressed="true"]{color:#fffaf0;}
@media (hover:hover) and (pointer:fine){
  [data-skin="light"] .take:hover,
  [data-skin="light"] .form .send:hover{background:transparent;color:var(--gold-hi);}
}

[data-skin="light"] .field input::placeholder{color:#9aa3a9;}
[data-skin="light"] .field input:hover{border-color:#cfc8bc;}
[data-skin="light"] .field.bad input{border-color:#a4573f;}
[data-skin="light"] .field .err{color:#8c4a34;}

[data-skin="light"] .serial .todo,
[data-skin="light"] .slot-todo .msg{color:#a4573f;}
[data-skin="light"] .serial .todo{border-bottom-color:rgba(164,87,63,.55);}

[data-skin="light"] .mi::after{background:#f5f2ec;color:var(--dim);}

[data-skin="light"] .opening .sky img{opacity:.62;filter:saturate(.45) contrast(1.02);}
[data-skin="light"] .opening .sky::after{
  background:linear-gradient(to top,var(--ground) 3%,rgba(255,255,255,.62) 46%,rgba(255,255,255,.2) 100%);
}

[data-skin="light"] .shop .bg{opacity:.14;}
[data-skin="light"] .shop .bg::after{
  background:linear-gradient(to right,var(--ground) 6%,rgba(255,255,255,.5) 58%,var(--ground) 100%);
}

html.con-moto .hero h1{--fe:cubic-bezier(.19,1,.22,1);}
html.con-moto .hero h1:not(.diviso),
html.con-moto .hero h1:not(.diviso) + .claim{opacity:0;animation:ft-scampo 0s 3s forwards;}
html.con-moto .hero h1 .nome{position:relative;display:inline-block;}
html.con-moto .hero h1 .wd{display:inline-block;padding:.2em .24em;margin:-.2em -.24em;clip-path:inset(-1em -1em 0 -1em);}
html.con-moto .hero h1 .ch{
  display:inline-block;white-space:pre;
  padding:.22em .08em;margin:-.22em -.08em -.22em calc(var(--crena,0em) - .08em);
  background:linear-gradient(100deg,var(--text) 0 36%,var(--gold-hi) 46%,#fff7e3 50%,var(--gold-hi) 54%,var(--text) 64% 100%);
  background-size:400% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
html.con-moto .hero h1 .nome::before,
html.con-moto .hero h1 .nome::after{
  content:'';position:absolute;left:-.12em;right:-.12em;pointer-events:none;opacity:0;
}
html.con-moto .hero h1 .nome::after{
  bottom:-.2em;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-hi) 18%,#fff7e3 50%,var(--gold-hi) 82%,transparent);
}
html.con-moto .hero h1 .nome::before{
  bottom:calc(-.2em - 9px);height:19px;
  background:radial-gradient(50% 50% at 50% 50%,rgba(214,189,130,.38),rgba(214,189,130,0));
}
html.con-moto .hero .claim .motto{display:inline-block;}

html.con-moto .hero h1:not(.lit) .ch{transform:translateY(1.4em);}
html.con-moto .hero .claim:not(.lit) .motto{opacity:0;}

@keyframes ft-scampo{to{opacity:1;}}
@keyframes ft-orizzonte{
  0%{transform:scaleX(0);opacity:1;animation-timing-function:cubic-bezier(.19,1,.22,1);}
  45%{transform:scaleX(1);opacity:1;animation-timing-function:cubic-bezier(.6,0,.85,.3);}
  70%{transform:scaleX(1);opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);}
  100%{transform:scaleX(0);opacity:0;}
}
@keyframes ft-sale{
  from{transform:translate(calc(var(--s) * .17em),1.25em) rotate(calc(var(--s) * 3.5deg)) scaleY(1.22);}
  to{transform:none;}
}
@keyframes ft-luce{from{background-position:0 0;}to{background-position:100% 0;}}
@keyframes ft-motto{
  from{opacity:0;filter:blur(7px);transform:translateY(.35em);-webkit-mask-size:0% 100%;mask-size:0% 100%;}
  to{opacity:1;filter:blur(0);transform:none;-webkit-mask-size:260% 100%;mask-size:260% 100%;}
}

html.con-moto .hero h1.lit .nome::after,
html.con-moto .hero h1.lit .nome::before{animation:ft-orizzonte 1.6s linear backwards;}
html.con-moto .hero h1.lit .ch{
  animation:
    ft-sale 1.2s var(--fe) calc(.24s + var(--k) * 75ms) backwards,
    ft-luce 1s cubic-bezier(.45,0,.25,1) calc(1.3s + var(--i) * 45ms) backwards;
}
html.con-moto .hero .claim.lit .motto{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:50% 0;mask-position:50% 0;
  -webkit-mask-size:260% 100%;mask-size:260% 100%;
  animation:ft-motto 1.3s cubic-bezier(.19,1,.22,1) 1.2s backwards;
}