:root{
  --px:calc(min(100vw,1800px)/1429);
  --bg:#000; --acid:#e0ff14; --ink:#f2f2f2; --mute:#bdbdbd;
  --sans:'Jost',system-ui,sans-serif; --serif:'Cormorant Garamond','EB Garamond',serif; --text:'EB Garamond',Georgia,serif;
  --chrome:linear-gradient(180deg,#fafafa 0%,#8f8f8f 38%,#2d2d2d 52%,#bcbcbc 78%,#f0f0f0 100%);
  --fs-xs:max(10px,calc(12*var(--px)));
  --fs-s:max(11px,calc(14*var(--px)));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:calc(80*var(--px))}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;z-index:99;background:#fff;color:#000;padding:8px 12px}
:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.blend{mix-blend-mode:lighten}
.mo,.nav__mmark,.nav__burger,.chrome-btn.chrome-btn--m,.foot__water--m,.mmenu{display:none}

/* ---------- chrome pill button ---------- */
.chrome-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7em;
  font-family:var(--sans);font-weight:400;text-transform:uppercase;letter-spacing:.2em;font-size:calc(15*var(--px));color:#0c0c0c;
  padding:calc(11*var(--px)) calc(46*var(--px));border-radius:999px;border:calc(3.5*var(--px)) solid transparent;
  background:linear-gradient(180deg,#7d7d7d 0%,#d9d9d9 22%,#f4f4f4 50%,#bdbdbd 78%,#6a6a6a 100%) padding-box,linear-gradient(180deg,#ffffff,#707070 45%,#2a2a2a 55%,#e6e6e6) border-box;
  box-shadow:0 0 calc(18*var(--px)) rgba(255,255,255,.07),inset 0 0 0 1px rgba(0,0,0,.35);overflow:hidden;cursor:pointer;
  transition:transform .25s,box-shadow .25s,filter .25s;white-space:nowrap}
.chrome-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.chrome-btn:hover{transform:translateY(-2px);box-shadow:0 0 calc(30*var(--px)) rgba(255,255,255,.22),inset 0 0 0 1px rgba(0,0,0,.35)}
.chrome-btn:hover::after{transform:translateX(120%)}
.chrome-btn:active{transform:translateY(1px) scale(.985)}
.chrome-btn span{transition:transform .25s}.chrome-btn:hover span{transform:translateX(4px)}
.chrome-btn--lg{padding:calc(14*var(--px)) calc(80*var(--px));font-size:calc(18*var(--px))}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(122*var(--px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 calc(42*var(--px));transition:background .35s,height .35s}
.nav::before{content:"";position:absolute;inset:0;background:linear-gradient(#050505 20%,rgba(5,5,5,0));opacity:0;transition:opacity .35s;pointer-events:none}
.nav.scrolled{height:calc(78*var(--px))}.nav.scrolled::before{opacity:1}
.nav>*{position:relative}
.nav a:not(.chrome-btn){font-size:calc(14*var(--px));letter-spacing:.22em;text-transform:uppercase;padding:6px 0;position:relative}
.nav a:not(.chrome-btn):not(.nav__mark)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav a:not(.chrome-btn):hover::after{transform:scaleX(1)}
.nav__l{display:flex;gap:calc(50*var(--px))}
.nav__r{display:flex;gap:calc(42*var(--px));align-items:center;justify-content:flex-end}
.nav__mark img{width:calc(411*var(--px));transition:width .35s}
.nav.scrolled .nav__mark img{width:calc(250*var(--px))}
.chrome-btn--nav{padding:calc(9*var(--px)) calc(26*var(--px));font-size:calc(13*var(--px))}

/* ---------- hero ---------- */
.hero{padding-top:calc(118*var(--px));position:relative}
.hero__art{position:relative;width:calc(1388*var(--px));margin:0 auto;transition:transform .2s ease-out}
.hero__art img{width:100%}
.hero__art::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) no-repeat;background-size:60% 100%;background-position:-80% 0;animation:sweep 6s 1.2s ease-in-out infinite}
@keyframes sweep{0%{background-position:-80% 0}35%,100%{background-position:190% 0}}
.tag{position:absolute;background:var(--acid);color:#0a0a0a;font-weight:500;text-transform:uppercase;letter-spacing:.25em;font-size:calc(15*var(--px));padding:calc(7*var(--px)) calc(14*var(--px)) calc(7*var(--px)) calc(16*var(--px))}
.tag--new{left:3.3%;top:56.1%}
.hero__tagline{position:absolute;left:10.6%;top:87.6%;font-size:calc(14.5*var(--px));letter-spacing:.3em;text-transform:uppercase;line-height:1.7}
.hero__tagline i{display:block;width:calc(46*var(--px));height:1px;background:#fff;margin-top:calc(14*var(--px))}
.side{position:absolute;font-size:calc(14*var(--px));letter-spacing:.3em;text-transform:uppercase;line-height:1.65}
.side--l{left:2.4%;top:5.7%;padding-left:0}
.side--l::before{content:"";position:absolute;left:-1px;top:0;bottom:calc(-36*var(--px));width:1px;background:#fff;opacity:.8;display:none}
.side--r{right:2.4%;top:15.7%;text-align:right}
.hero__plus{position:absolute;left:95.9%;top:8.6%;width:calc(34*var(--px));height:calc(34*var(--px));margin:calc(-17*var(--px));border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:calc(22*var(--px));font-weight:300}
.hero__plus::before{content:"";position:absolute;left:50%;bottom:100%;height:calc(60*var(--px));width:1px;background:#fff}
.hero__idx{position:absolute;left:88.5%;top:35.7%;display:flex;gap:calc(14*var(--px));font-size:calc(14*var(--px));letter-spacing:.3em;text-transform:uppercase;line-height:1.65}
.hero__idx b{font-weight:400;border:1px solid #fff;border-radius:50%;width:calc(34*var(--px));height:calc(34*var(--px));display:grid;place-items:center;font-size:calc(12*var(--px));letter-spacing:0;margin-top:calc(-8*var(--px))}
.hero__idx ul{margin-top:calc(2*var(--px))}.hero__idx::after{content:"";width:calc(30*var(--px));height:1px;background:#fff;position:absolute;left:calc(50*var(--px));top:calc(10*var(--px));display:none}

.teaser{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 calc(65*var(--px));width:calc(1224*var(--px));margin:calc(28*var(--px)) auto calc(50*var(--px))}
.teaser::after{display:none}
.teaser>article:nth-child(1){grid-column:1}
.teaser>article:nth-child(2){grid-column:3}
.teaser::before{content:"";grid-column:2;grid-row:1;background:rgba(255,255,255,.35)}
.teaser article{position:relative;display:flex;flex-direction:column;padding-top:calc(30*var(--px))}
.teaser__n{position:absolute;top:0;font-size:calc(14*var(--px));letter-spacing:.2em;color:var(--mute)}
.teaser article:nth-child(2){text-align:right;align-items:flex-end}.teaser article:nth-child(2) dl{align-self:stretch}.teaser article:nth-child(2) .teaser__n{right:0}
.teaser h3,.card h3{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:calc(52*var(--px));letter-spacing:.005em;line-height:1.1;white-space:nowrap}
.teaser h3{margin-bottom:calc(26*var(--px))}
dl div{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(255,255,255,.55);padding:calc(10*var(--px)) 0}
dl div:last-child{border-bottom:1px solid rgba(255,255,255,.55)}
dt{font-size:calc(14*var(--px));letter-spacing:.22em;text-transform:uppercase}
dd{font-size:calc(17*var(--px));letter-spacing:.14em;text-transform:uppercase}
dd.price,.price{font-family:var(--serif);font-weight:500;font-size:calc(44*var(--px));letter-spacing:.01em;line-height:1}
.teaser .chrome-btn{margin:calc(26*var(--px)) 0 0 calc(56*var(--px));align-self:flex-start}
.teaser article:nth-child(2) .chrome-btn{align-self:flex-start;margin-left:calc(68*var(--px))}
.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(2*var(--px))}
.panel{position:relative;overflow:hidden;aspect-ratio:340/300}
.panel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;filter:brightness(.92)}
.panel:hover img{transform:scale(1.07);filter:brightness(1.1)}
.panel span{position:absolute;left:calc(46*var(--px));bottom:calc(46*var(--px));font-family:var(--serif);text-transform:uppercase;font-size:calc(34*var(--px));letter-spacing:.06em}
.panel span::after{content:"";display:block;width:calc(44*var(--px));height:1px;background:#fff;margin-top:calc(14*var(--px));transition:width .4s}
.panel:hover span::after{width:calc(100*var(--px))}

/* ---------- sections ---------- */
.sec{position:relative;padding:calc(60*var(--px)) calc(35*var(--px)) calc(40*var(--px))}
.kick{display:flex;align-items:center;gap:calc(18*var(--px));padding:0 calc(20*var(--px))}
.kick__t{font-size:calc(14*var(--px));letter-spacing:.38em;text-transform:uppercase}
.kick__rule{flex:0 1 calc(270*var(--px));height:1px;background:rgba(255,255,255,.85)}
.idx{background:var(--acid);color:#0a0a0a;font-weight:500;font-size:calc(15*var(--px));letter-spacing:.2em;padding:calc(4*var(--px)) calc(11*var(--px)) calc(4*var(--px)) calc(13*var(--px))}
.hl{position:relative}
.hl img{width:100%}
.services .kick{margin-left:0}
.services .hl{margin:calc(2*var(--px)) 0 calc(10*var(--px));width:calc(1340*var(--px));margin-left:calc(15*var(--px))}
.services .kick__rule{flex:0 1 calc(180*var(--px))}
.services .kick{flex-direction:row}
.services .kick .idx{order:3}
.kick__rule{order:2}
.services .kick__t{order:1}

/* services cards */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(13*var(--px))}
.card{position:relative;border:1px solid rgba(230,230,230,.55);border-radius:calc(8*var(--px));padding:calc(3*var(--px)) calc(5*var(--px)) calc(20*var(--px));background:linear-gradient(#070707,#030303);overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}
.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(255,255,255,.07)}
.card__img{width:100%;transition:transform .6s}
.card:hover .card__img{transform:scale(1.025)}
.card__body{padding:calc(10*var(--px)) calc(20*var(--px)) 0}
.card h3{font-size:calc(27*var(--px));margin-bottom:calc(14*var(--px));white-space:nowrap;letter-spacing:0}
.card dd{font-size:calc(15*var(--px))}
.card dt{font-size:calc(13*var(--px))}
.card .price{font-size:calc(34*var(--px))}
.card dl div{padding:calc(8*var(--px)) 0}
.card .chrome-btn{margin:calc(18*var(--px)) auto 0;display:flex;width:max-content}
.spot::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(calc(260*var(--px)) circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.12),transparent 60%);z-index:2;mix-blend-mode:screen}
.spot:hover::before{opacity:1}

/* verdict */
.verdict{padding-top:calc(50*var(--px))}
.kick--c{justify-content:center;gap:calc(18*var(--px))}
.kick--c .kick__rule{flex:0 1 calc(290*var(--px))}
.kick__pill{display:inline-flex;align-items:center;gap:calc(26*var(--px));border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:calc(5*var(--px)) calc(8*var(--px)) calc(5*var(--px)) calc(30*var(--px));font-size:calc(14*var(--px));letter-spacing:.38em;text-transform:uppercase;order:2}
.kick--c .kick__rule:first-child{order:1}.kick--c .kick__rule:last-child{order:3}
.kick__pill .idx{border-radius:999px;padding:calc(5*var(--px)) calc(18*var(--px))}
.verdict .hl{width:calc(1035*var(--px));margin:calc(4*var(--px)) auto 0}
.vside{position:absolute;top:calc(110*var(--px));font-size:calc(12*var(--px));letter-spacing:.35em;text-transform:uppercase;line-height:1.6;padding:0 calc(14*var(--px))}
.vside--l{left:calc(52*var(--px));border-left:1px solid rgba(255,255,255,.7);height:calc(90*var(--px))}
.vside--r{right:calc(52*var(--px));border-right:1px solid rgba(255,255,255,.7);height:calc(90*var(--px));text-align:right}
.car{position:relative;display:flex;align-items:center;gap:calc(14*var(--px));margin-top:calc(8*var(--px));padding:0 calc(0*var(--px))}
.car__view{flex:1;overflow:hidden;padding:calc(6*var(--px)) 0}
.car__track{display:flex;transition:transform .55s cubic-bezier(.65,0,.2,1);will-change:transform}
.tcard{flex:0 0 33.3333%;padding:0 calc(2*var(--px));position:relative}
.tcard img{width:100%}
.tcard__txt{position:absolute;left:calc(2*var(--px));right:calc(2*var(--px));top:58.8%;text-align:center}
.stars{display:none;height:calc(34*var(--px));background:repeat-x center/calc(40*var(--px)) calc(34*var(--px));display:block;width:calc(210*var(--px))!important;margin-left:auto;margin-right:auto;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23fff'/><stop offset='.5' stop-color='%23888'/><stop offset='1' stop-color='%23ddd'/></linearGradient></defs><path d='M20 2l5 10.600 11.500 1.500-8.400 8 2.200 11.400L20 27.900 9.700 33.500l2.200-11.400-8.400-8L15 12.600z' fill='url(%23g)' stroke='%23fff' stroke-width='.8'/></svg>")}
blockquote{font-family:var(--text);font-style:italic;font-size:calc(24*var(--px));line-height:1.28;padding:0 calc(46*var(--px)) calc(14*var(--px))}
figcaption{padding:0 calc(60*var(--px));font-size:calc(13*var(--px))}
figcaption hr{border:0;border-top:1px solid rgba(255,255,255,.6);margin-bottom:calc(20*var(--px))}
figcaption b{display:block;font-weight:500;letter-spacing:.32em;text-transform:uppercase;margin-bottom:calc(14*var(--px))}
figcaption span{letter-spacing:.3em;text-transform:uppercase;font-size:calc(14*var(--px))}
.car__arrow{flex:0 0 calc(52*var(--px));height:calc(52*var(--px));border:1px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;transition:background .25s,transform .25s;z-index:3}
.car__arrow svg{width:calc(26*var(--px));height:calc(26*var(--px))}
.car__arrow:hover{background:#fff;color:#000;transform:scale(1.08)}
.car__arrow--prev{margin-left:calc(-24*var(--px))}.car__arrow--next{margin-right:calc(-24*var(--px))}
.dots{display:flex;justify-content:center;gap:calc(18*var(--px));margin-top:calc(12*var(--px))}
.dots button{width:calc(15*var(--px));height:calc(15*var(--px));min-width:10px;min-height:10px;border-radius:50%;border:1px solid #fff;transition:background .3s,transform .3s}
.dots button.on{background:var(--acid);border-color:var(--acid);transform:scale(1.1)}

/* booking */
.book{display:grid;grid-template-columns:calc(700*var(--px)) 1fr;gap:0;padding:calc(30*var(--px)) calc(55*var(--px)) calc(60*var(--px)) calc(35*var(--px))}
.book__l{position:relative;border-right:1px solid rgba(255,255,255,.4);padding-right:0}
.book__l .kick{padding-left:calc(20*var(--px))}
.book .kick__rule{flex:0 1 calc(340*var(--px))}
.book .hl{width:calc(560*var(--px));margin:calc(10*var(--px)) 0 0 calc(18*var(--px))}
.bside{position:absolute;left:calc(597*var(--px));top:calc(60*var(--px));border-left:1px solid #fff;padding-left:calc(14*var(--px));font-size:calc(14*var(--px));letter-spacing:.35em;text-transform:uppercase;line-height:1.7}
.subline{font-family:var(--text);font-size:calc(23*var(--px));line-height:1.3;color:#f4f4f4}
.book .subline{margin:calc(-6*var(--px)) 0 calc(0*var(--px)) calc(22*var(--px));width:calc(420*var(--px))}
.book__photo{width:calc(712*var(--px));max-width:none;margin:calc(-2*var(--px)) 0 0 calc(-6*var(--px))}
.book__r{padding-left:calc(40*var(--px))}
.form{position:relative;border-radius:calc(40*var(--px));padding:calc(46*var(--px)) calc(70*var(--px)) calc(40*var(--px));
  background:linear-gradient(#060606,#030303) padding-box,linear-gradient(135deg,#fff,#555 25%,#e8e8e8 50%,#444 75%,#fff) border-box;border:calc(5*var(--px)) solid transparent;
  box-shadow:inset 0 0 0 calc(2*var(--px)) rgba(0,0,0,.9),inset 0 0 calc(30*var(--px)) rgba(255,255,255,.1),0 0 calc(40*var(--px)) rgba(255,255,255,.05)}
.form__title{display:flex;align-items:center;gap:calc(26*var(--px));font-size:calc(15*var(--px));letter-spacing:.42em;text-transform:uppercase;margin-bottom:calc(30*var(--px))}
.form__title i{flex:1;height:1px;background:rgba(255,255,255,.8);margin-right:calc(30*var(--px))}
.f{display:block;position:relative;margin-bottom:calc(26*var(--px))}
.f>span{display:block;font-size:calc(13*var(--px));letter-spacing:.3em;text-transform:uppercase;margin-bottom:calc(9*var(--px))}
.f input,.f select,.f textarea{width:100%;font-family:var(--text);font-size:calc(19*var(--px));letter-spacing:.06em;color:#eee;background:transparent;border:0;outline:0}
.f:not(.f--box) input{border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8);padding:calc(11*var(--px)) calc(10*var(--px));transition:border-color .3s,box-shadow .3s}
.f--box .sel,.f--box .datew,.f--box textarea{border:1px solid rgba(255,255,255,.85);padding:calc(10*var(--px)) calc(12*var(--px));position:relative;transition:border-color .3s,box-shadow .3s}
.f--box textarea{resize:vertical;min-height:calc(80*var(--px));display:block}
.f input::placeholder,.f textarea::placeholder{color:#d2d2d2;opacity:.95}
.f:focus-within input,.f:focus-within .sel,.f:focus-within .datew,.f textarea:focus{border-color:var(--acid)!important;box-shadow:0 0 calc(14*var(--px)) rgba(224,255,20,.25)}
.sel select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:30px}
.sel select option{background:#0b0b0b;color:#eee}
.sel::after{content:"";position:absolute;right:calc(16*var(--px));top:50%;width:calc(9*var(--px));height:calc(9*var(--px));border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.datew input{cursor:pointer;padding-right:36px}
.datew>svg{position:absolute;right:calc(14*var(--px));top:50%;width:calc(22*var(--px));height:calc(22*var(--px));min-width:16px;transform:translateY(-50%);pointer-events:none}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:calc(22*var(--px))}
.err{display:none;font-style:normal;font-size:calc(13*var(--px));color:#ff8a80;letter-spacing:.1em;margin-top:6px}
.f.bad .err{display:block}.f.bad input,.f.bad .sel,.f.bad .datew{border-color:#ff8a80!important}
.form .chrome-btn--lg{display:flex;margin:calc(6*var(--px)) auto 0}
.cal{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(100%,360px);background:#070707;border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:14px;box-shadow:0 20px 60px #000}
.cal__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;letter-spacing:.25em;text-transform:uppercase}
.cal__h button{width:28px;height:28px;border:1px solid #777;border-radius:50%}.cal__h button:hover{background:#fff;color:#000}
.cal__g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:13px}
.cal__g b{font-weight:400;color:#999;font-size:11px;letter-spacing:.1em;padding:4px 0}
.cal__g button{aspect-ratio:1;border-radius:50%;font-family:var(--sans);font-size:13px;color:#eee}
.cal__g button:hover:not(:disabled){background:#fff;color:#000}
.cal__g button:disabled{color:#444;cursor:not-allowed}
.cal__g button.sel{background:var(--acid);color:#000}
.sent{position:absolute;inset:0;border-radius:inherit;background:#050505;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:16px;animation:fade .6s}
.sent[hidden]{display:none}
.sent h3{font-family:var(--serif);font-weight:500;font-size:calc(60*var(--px));text-transform:uppercase;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.sent p{font-family:var(--text);font-size:calc(23*var(--px));line-height:1.35;max-width:26em}
.linkbtn{font-size:13px;letter-spacing:.25em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:3px}
@keyframes fade{from{opacity:0}}

/* goods */
.goods{padding-top:calc(40*var(--px))}
.goods .kick .kick__rule{flex:0 1 calc(900*var(--px))}
.gside{position:absolute;right:calc(52*var(--px));top:calc(48*var(--px));border-left:1px solid #fff;padding-left:calc(14*var(--px));font-size:calc(12*var(--px));letter-spacing:.35em;text-transform:uppercase;line-height:1.65}
.goods .hl{width:calc(1110*var(--px));margin:calc(2*var(--px)) 0 calc(8*var(--px)) calc(75*var(--px))}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(14*var(--px));padding:0 calc(26*var(--px))}
.prod{position:relative;border-radius:calc(46*var(--px));padding:calc(5*var(--px));background:linear-gradient(#050505,#020202) padding-box,linear-gradient(145deg,#fff,#4a4a4a 30%,#ddd 55%,#3c3c3c 80%,#fff) border-box;border:calc(3*var(--px)) solid transparent;overflow:hidden;transition:transform .4s,box-shadow .4s}
.prod:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(255,255,255,.08)}
.prod__img{position:relative;overflow:hidden;border-radius:calc(40*var(--px)) calc(40*var(--px)) 0 0}
.prod__img img{width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.prod:hover .prod__img img{transform:scale(1.045)}
.tag--best{display:none}
.prod__body{padding:calc(6*var(--px)) calc(30*var(--px)) calc(14*var(--px))}
.prod h3{font-family:var(--sans);text-transform:uppercase;font-size:calc(22*var(--px));letter-spacing:.2em;margin-bottom:calc(16*var(--px));font-weight:300;white-space:nowrap;padding-top:calc(8*var(--px))}
.spec{border-top:1px solid rgba(255,255,255,.55);padding:calc(10*var(--px)) 0;font-size:calc(12*var(--px));letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.prod .price{font-size:calc(36*var(--px))}
.spec{border-bottom:1px solid rgba(255,255,255,.55);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:calc(14*var(--px))}
.sz{position:relative;display:inline-block;min-width:3.6em;text-align:right;white-space:nowrap}.sz i{font-style:normal;transition:opacity .25s}.sz .price{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:calc(30*var(--px));opacity:0;transition:opacity .25s;letter-spacing:.01em;white-space:nowrap}.prod:hover .sz i,.prod:focus-within .sz i{opacity:0}.prod:hover .sz .price,.prod:focus-within .sz .price{opacity:1}
.prod .prod .add{display:flex;margin:calc(12*var(--px)) auto 0;width:max-content;padding:calc(10*var(--px)) calc(56*var(--px))}
.prod .add.done{filter:brightness(.8)}

/* footer */
.foot{position:relative;margin-top:calc(30*var(--px));border-top:0}
.stay{position:relative;display:grid;grid-template-columns:calc(900*var(--px)) 1fr;align-items:end;min-height:calc(436*var(--px));padding-left:calc(45*var(--px));overflow:hidden;border-bottom:1px solid rgba(255,255,255,.7)}
.stay__l{padding-top:calc(40*var(--px));padding-bottom:calc(40*var(--px));position:relative;z-index:2}
.stay__hl{width:calc(855*var(--px))}
.stay .subline{margin:calc(-30*var(--px)) 0 calc(24*var(--px)) calc(66*var(--px));font-size:calc(23*var(--px));line-height:1.28}
.news{display:flex;align-items:center;margin-left:calc(66*var(--px));gap:0}
.news input{flex:0 0 calc(496*var(--px));height:calc(46*var(--px));background:transparent;border:1px solid rgba(255,255,255,.7);border-right:0;border-radius:0;color:#fff;font-family:var(--text);font-size:calc(19*var(--px));letter-spacing:.14em;padding:0 calc(14*var(--px));outline:0}
.news input:focus{border-color:var(--acid)}
.news input::placeholder{color:#d6d6d6}
.news .chrome-btn{padding:calc(11*var(--px)) calc(62*var(--px));margin-left:calc(12*var(--px))}
.news__msg{margin:10px 0 0 calc(66*var(--px));min-height:1.4em;font-size:calc(14*var(--px));letter-spacing:.14em}
.stay__photo{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%);mask-image:linear-gradient(90deg,transparent,#000 16%);position:absolute;right:0;top:0;width:calc(524*var(--px));height:auto}
.foot__grid{display:grid;grid-template-columns:calc(420*var(--px)) calc(300*var(--px)) calc(292*var(--px)) 1fr;padding:calc(38*var(--px)) calc(55*var(--px)) calc(26*var(--px));gap:0}
.foot__brand{padding-right:calc(30*var(--px))}.foot__brand img:not(.mo){width:calc(380*var(--px))}
.foot__brand hr{border:0;border-top:1px solid #fff;width:calc(50*var(--px));margin:calc(2*var(--px)) 0 calc(14*var(--px)) calc(2*var(--px))}
.foot__brand .subline{font-size:calc(24*var(--px));margin-bottom:calc(36*var(--px))}
.foot__tags{display:flex;align-items:center;gap:calc(26*var(--px));font-size:calc(13*var(--px));letter-spacing:.3em;text-transform:uppercase}
.foot__tags i{width:calc(50*var(--px));height:1px;background:#fff}
.foot__col{border-left:1px solid rgba(255,255,255,.4);padding:calc(8*var(--px)) 0 0 calc(54*var(--px));font-style:normal}
.foot__col h4{font-weight:400;font-size:calc(14*var(--px));letter-spacing:.38em;text-transform:uppercase;margin-bottom:calc(24*var(--px))}
.foot__col h4 i{display:block;width:calc(44*var(--px));height:1px;background:#fff;margin-top:calc(8*var(--px))}
address{font-style:normal;font-family:var(--text);font-size:calc(20*var(--px));letter-spacing:.07em;line-height:1.55}
address a:hover{text-decoration:underline}
.foot__col table{border-collapse:collapse;font-size:calc(15*var(--px));letter-spacing:.22em;text-transform:uppercase}
.foot__col td{padding:calc(5*var(--px)) 0}
.foot__col td:first-child{width:calc(88*var(--px))}
#hours tr.today{color:var(--acid)}
.foot__links nav{display:grid;gap:calc(9*var(--px));font-size:calc(14*var(--px));letter-spacing:.32em;text-transform:uppercase;width:max-content}
.foot__links nav a{transition:transform .25s,color .25s}.foot__links nav a:hover{transform:translateX(6px);color:var(--acid)}
.social{display:flex;flex-direction:column;gap:calc(14*var(--px));position:absolute;right:calc(-10*var(--px));top:calc(50*var(--px))}
.foot__links{position:relative}
.social a{width:calc(46*var(--px));height:calc(46*var(--px));min-width:34px;min-height:34px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}
.social a svg{width:55%;height:55%}.social a:hover{background:#fff;color:#000;transform:scale(1.1)}
.foot__bar{display:flex;justify-content:space-between;padding:0 calc(55*var(--px)) calc(10*var(--px));font-size:calc(12*var(--px));letter-spacing:.2em;text-transform:uppercase;border-top:0;position:relative;z-index:2;margin-top:calc(18*var(--px))}
.foot__bar nav{display:flex;gap:calc(28*var(--px))}.foot__bar a:hover{text-decoration:underline}
.foot__water{width:100%;margin-top:calc(-2*var(--px));animation:ripple 7s ease-in-out infinite alternate}
@keyframes ripple{to{transform:scaleX(1.03) translateY(2px);filter:brightness(1.12)}}

/* bag */
.bagbtn{position:fixed;right:20px;bottom:20px;z-index:60;padding:10px 26px;font-size:14px}
.bagbtn b{font-weight:500;background:#0a0a0a;color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;letter-spacing:0}
.bagbtn.pop{animation:pop .5s}
@keyframes pop{40%{transform:scale(1.15)}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:90;background:#060606;border-left:1px solid rgba(255,255,255,.6);transform:translateX(105%);transition:transform .5s cubic-bezier(.65,0,.2,1);display:flex;flex-direction:column}
.drawer.open{transform:none}
.drawer__h{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.3)}
.drawer__h h3{font-family:var(--serif);font-weight:500;font-size:34px;text-transform:uppercase;letter-spacing:.06em}
.drawer__h button{font-size:34px;line-height:1}
.drawer__list{flex:1;overflow:auto;padding:10px 28px}
.drawer__list li{display:grid;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.drawer__list img{width:78px;height:78px;object-fit:cover;border-radius:12px}
.drawer__list h4{font-family:var(--serif);font-weight:500;font-size:20px;text-transform:uppercase;letter-spacing:.08em}
.qty{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:14px}
.qty button{width:26px;height:26px;border:1px solid #888;border-radius:50%}.qty button:hover{background:#fff;color:#000}
.drawer__list .rm{font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #777;align-self:start}
.drawer__list .lp{font-family:var(--serif);font-size:24px}
.drawer__empty{padding:40px 0;text-align:center;font-family:var(--text);font-size:20px;color:#bbb;display:block!important;border:0!important}
.drawer__f{padding:22px 28px 28px;border-top:1px solid rgba(255,255,255,.3)}
.drawer__sub{display:flex;justify-content:space-between;font-family:var(--serif);font-size:30px;text-transform:uppercase}
.drawer__note{font-size:12px;letter-spacing:.12em;color:#aaa;margin:6px 0 18px}
.drawer__f .chrome-btn{width:100%;font-size:15px;padding:13px}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:80;backdrop-filter:blur(3px)}
.dlg{margin:auto;background:#070707;color:#eee;border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:44px;width:min(640px,92vw);max-height:86vh;overflow:auto}
.dlg::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}
.dlg__x{position:absolute;top:14px;right:22px;font-size:34px}
.dlg h3{font-family:var(--serif);font-weight:500;font-size:44px;text-transform:uppercase;letter-spacing:.04em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}
.dlg p,.dlg li{font-family:var(--text);font-size:20px;line-height:1.45;margin-bottom:12px;color:#ddd}
.dlg li{border-top:1px solid rgba(255,255,255,.25);padding-top:12px;list-style:none}
.dlg small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#999}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;background:#0b0b0b;border:1px solid #fff;border-radius:999px;padding:12px 26px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;z-index:120;transition:.4s;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* reveals */
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.js .pour.reveal{transform:none;clip-path:inset(0 0 100% 0);transition:clip-path 1.3s cubic-bezier(.3,.7,.1,1),opacity .4s}
.js .pour.reveal.in{clip-path:inset(0 0 -20% 0);opacity:1}
.js .card.reveal:nth-child(2),.js .prod.reveal:nth-child(2){transition-delay:.12s}.js .card.reveal:nth-child(3),.js .prod.reveal:nth-child(3){transition-delay:.24s}.js .card.reveal:nth-child(4){transition-delay:.36s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;clip-path:none}}

/* ======== MOBILE ======== */
@media (max-width:760px){
  :root{--px:calc(100vw/560);--fs-xs:10px}
  .nav{grid-template-columns:auto 1fr auto auto;gap:14px;height:64px;padding:0 16px}
  .nav::before{opacity:1;background:linear-gradient(#050505 55%,rgba(5,5,5,0))}
  .nav__l,.nav__r,.nav__mark{display:none}
  .nav__mmark{display:block;grid-column:1}.nav__mmark img{width:min(33vw,150px)}
  .nav__burger{display:flex;flex-direction:column;gap:9px;grid-column:3;justify-self:end;width:36px;padding:4px 0}
  .nav__burger span{display:block;height:1.5px;background:#fff;transition:transform .35s}
  .nav__burger[aria-expanded=true] span:first-child{transform:translateY(5px) rotate(20deg)}.nav__burger[aria-expanded=true] span:last-child{transform:translateY(-5px) rotate(-20deg)}
  .chrome-btn.chrome-btn--m{display:inline-flex;grid-column:4;padding:7px 22px;font-size:12px;letter-spacing:.2em}
  .mmenu{position:fixed;inset:0;z-index:45;background:rgba(3,3,3,.97);flex-direction:column;justify-content:center;align-items:center;gap:22px}
  .mmenu:not([hidden]){display:flex}
  .mmenu a{font-family:var(--serif);font-size:34px;text-transform:uppercase;letter-spacing:.16em}
  .chrome-btn{font-size:12px;padding:9px 30px;letter-spacing:.2em;border-width:3px}
  .chrome-btn--lg{font-size:13px;padding:12px 40px}
  .hero{padding-top:62px}
  .hero__art{width:88%;max-width:none}
  .tag{font-size:10px;padding:5px 10px}
  .tag--new{left:1.2%;top:40%}
  .hero__tagline{left:10.6%;top:88%;font-size:9px;letter-spacing:.3em}
  .side{font-size:8.5px;letter-spacing:.3em}
  .side--l{left:1%;top:6%}.side--r{right:0;top:12%}
  .hero__plus,.hero__idx,.teaser,.panels{display:none}
  .sec{padding:34px 18px 20px}
  .kick{padding:0 4px;gap:12px}.kick__t{font-size:10px;letter-spacing:.36em}.idx{font-size:11px;padding:3px 9px}
  .services .hl{width:100%;margin:6px 0 4px}
  .cards{grid-template-columns:1fr;gap:14px}
  .card{display:grid;grid-template-columns:49% 1fr;align-items:center;border-radius:12px;padding:6px 10px 6px 4px}
  .card__body{padding:0 0 0 4px;min-width:0}
  .card h3,.prod h3{white-space:normal!important}
  .prod__body{min-width:0}
  .spec{white-space:normal!important}
  .card h3{font-size:clamp(17px,5.2vw,26px);margin-bottom:6px;letter-spacing:.01em}
  .card dd,.card dt{font-size:9.5px;letter-spacing:.14em}.card dl div{padding:5px 0}
  .card .price{font-size:22px}
  .card .chrome-btn{margin:10px 0 0 auto;padding:7px 24px}
  .prod .add{white-space:normal}
  .verdict .hl{width:100%}
  .kick__pill{font-size:10px;padding:3px 4px 3px 18px;gap:12px}.kick--c .kick__rule{flex:1 1 20px}.kick__pill .idx{padding:4px 14px}
  .vside{display:none}
  .car{margin-top:6px}.car__arrow{position:absolute;top:36%;width:42px;height:42px;flex:none;background:rgba(5,5,5,.7)}
  .car__arrow--prev{left:-4px;margin:0}.car__arrow--next{right:-4px;margin:0}.car__arrow svg{width:20px;height:20px}
  .tcard{flex:0 0 100%;padding:0 22px}.tcard__txt{left:22px;right:22px;top:61%}
  blockquote{font-size:clamp(14px,4.2vw,20px);padding:0 22px 8px}
  figcaption{padding:0 28px;font-size:10px}figcaption span{font-size:10px}figcaption b{font-size:11px}
  .dots{gap:14px}
  .book{display:block;padding:20px 18px 40px}
  .book__l{border:0}.book__l .kick{padding:0 4px}
  .book .kick__rule{flex:1}
  .bside,.book__photo{display:none}
  .book .hl{width:100%;margin:2px 0 0}
  .book .subline{width:70%;margin:-2px 0 20px 4px;font-size:clamp(14px,3.9vw,18px);position:relative}
  .book__r{padding:0}
  .form{border-radius:28px;padding:22px 20px 24px;border-width:4px}
  .form__title{font-size:10px;margin-bottom:14px}.form__title i{margin-right:0}
  .f{margin-bottom:14px}.f>span{font-size:10px;letter-spacing:.24em;margin-bottom:5px}
  .f input,.f select,.f textarea{font-size:16px}
  .f2{grid-template-columns:1fr}.f--stylist{display:none}
  .sent h3{font-size:42px}.sent p{font-size:19px}
  .goods .kick .kick__rule{flex:1}.gside{display:none}
  .goods .hl{width:100%;margin:2px 0 6px}
  .prods{grid-template-columns:1fr;padding:0;gap:14px}
  .prod{display:grid;grid-template-columns:50% 1fr;align-items:center;border-radius:24px;padding:4px}
  .prod__img{border-radius:20px 0 0 20px}.prod__img img{height:100%;object-fit:cover}
  .prod__body{padding:6px 10px 6px 4px}
  .prod h3{font-size:clamp(16px,5vw,22px);letter-spacing:.06em}
  .spec{font-size:8.5px;letter-spacing:.14em;padding:6px 0}
    .spec{flex-wrap:wrap;margin-bottom:6px}.sz{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin-top:6px}.sz i{opacity:1!important}.sz .price{position:static;transform:none;opacity:1!important;font-size:26px}
  .prod .add{width:100%;padding:8px 10px;margin-top:8px;font-size:11px}
  .tag--best{display:block;left:10px;top:12px;font-size:9px;padding:4px 9px}
  .stay{display:block;padding:0;min-height:0}
  .stay__photo{display:none}
  .stay__l{padding:0 14px 28px}.stay__hl{width:calc(100% + 28px);margin-left:-14px}
  .stay .subline{margin:-6px 0 14px 8px;font-size:clamp(14px,4vw,18px);position:relative}
  .news{margin:0}.news input{flex:1 1 auto;min-width:0;height:44px;font-size:15px;letter-spacing:.08em;padding:0 10px}.news .chrome-btn{padding:9px 24px;margin-left:8px}
  .news__msg{margin-left:0;font-size:11px}
  .foot__grid{grid-template-columns:repeat(3,1fr);padding:22px 14px 8px;row-gap:22px}
  .foot__brand{grid-column:1/-1;text-align:center;padding:0}
  .foot__brand img:not(.mo){display:none}.foot__brand .mo{display:block;margin:0 auto 4px;width:62%}
  .foot__brand hr{margin:6px auto 10px}.foot__brand .subline{font-size:18px;margin-bottom:0}.foot__tags{display:none}
  .foot__col{padding:0 0 0 12px}.foot__col h4{font-size:10px;margin-bottom:14px}
  address{font-size:13px;letter-spacing:.04em}
  .foot__col table{font-size:10px;letter-spacing:.1em}.foot__col td:first-child{width:40px}
  .foot__links nav{font-size:9.5px;letter-spacing:.2em;gap:8px}
  .social{position:static;flex-direction:row;margin-top:14px;gap:8px}.social a{width:34px;height:34px}
  .foot__bar{font-size:9px;padding:10px 14px 8px;letter-spacing:.12em;flex-wrap:wrap;gap:6px}.foot__bar nav{gap:14px}
  .foot__water:not(.foot__water--m){display:none}.foot__water--m{display:block}
  .dlg{padding:30px 22px}.dlg h3{font-size:34px}
  .bagbtn{right:12px;bottom:12px}
}