
:root{
  --navy:#141533;
  --navy-deep:#0d0e26;
  --navy-soft:#1b1d45;
  --copper:#d79671;
  --copper-hi:#ecbd9c;
  --copper-lo:#b97a56;
  --paper:#f4f1eb;
  --stage:#ece7df;
  --ink:#24253f;
  --ink-mute:#6c6b78;
  --on-dark:#ecebf2;
  --on-dark-mute:#a8aac4;
  --line-paper:rgba(20,21,51,.14);
  --line-dark:rgba(215,150,113,.24);
  --serif:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;
  --sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --en:"Jost","Futura","Helvetica Neue",sans-serif;
  --num:"Cormorant Garamond","Times New Roman",serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.25,.6,.2,1);
  --gutter:24px;
  --hd:60px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--hd)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
body{margin:0;background:var(--navy-deep);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:2;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0;padding:0}
ol,ul{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.sup{font-size:.5em;line-height:0;position:relative;top:-.78em;margin-left:.05em;letter-spacing:0;font-feature-settings:normal}
.nw{white-space:nowrap}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--gutter)}
.pc{display:none}
.eyebrow{font-family:var(--en);font-weight:400;font-size:11.5px;letter-spacing:.34em;line-height:1.6;color:var(--copper);text-transform:none}
.concept .lead{word-break:auto-phrase}
@media (min-width:900px){.phr>span{display:inline-block}}
.note{font-size:11px;line-height:1.8;color:var(--ink-mute);letter-spacing:.02em}
.script img{margin:0 auto}
h2.script{font:inherit}



.op{display:none}
.op-on .op{display:block;position:fixed;inset:0;z-index:100;pointer-events:auto;cursor:default}
.op-sheet{position:absolute;inset:0;background:var(--navy-deep);will-change:transform}
.op-pat{position:absolute;left:50%;top:50%;width:min(150vw,150vh,1500px);aspect-ratio:860/948;transform:translate(-49.21%,-45.15%) scale(.1);transform-origin:49.21% 45.15%;
  opacity:0;will-change:transform,opacity;pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side circle at 49.21% 45.15%,#000 52%,transparent 80%);
          mask-image:radial-gradient(closest-side circle at 49.21% 45.15%,#000 52%,transparent 80%)}
.op-pat img{width:100%;height:100%;opacity:.075;will-change:transform;transform-origin:49.21% 45.15%}  
.op-lip{display:none}
.op-lip path{fill:var(--navy-deep)}
.op-logo{position:absolute;--lw:min(64vw,300px);left:calc(50% - var(--lw) / 2);top:calc(50% - var(--lw) * .3576);width:var(--lw);aspect-ratio:850/608}
.op-logo img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform-origin:50% 30%}
.op-emb{clip-path:inset(0 0 37.5% 0)}
.op-word{clip-path:inset(62.5% 0 0 0)}
.op-trace{display:none}  
.op-draw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media (min-width:900px){ .op-logo{--lw:min(26vw,320px)} .op-pat{width:min(110vw,150vh,1500px)} }


.hd{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hd);display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--gutter);transition:background-color .6s ease}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(215,150,113,.28),transparent);opacity:0;transition:opacity .6s}
.hd.solid{background:rgba(13,14,38,.96)} 
.hd.solid::after{opacity:1}
.hd-logo{display:block;width:118px;transition:opacity .7s ease}
.js .hd:not(.show-logo) .hd-logo{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}  
.hd-link{font-family:var(--sans);font-size:12.5px;letter-spacing:.12em;color:var(--on-dark);text-decoration:none;
  padding:8px 0 6px;border-bottom:1px solid rgba(215,150,113,.6);line-height:1.4;transition:color .3s,border-color .3s,opacity 1.8s cubic-bezier(.45,0,.25,1)}
.hd-link:hover{color:var(--copper-hi);border-color:var(--copper-hi)}
.js.intro .hd-link{opacity:0}


.fv{position:relative;height:100vh;height:100svh;min-height:600px;max-height:1200px;overflow:hidden;background:#14152a;isolation:isolate}
.fv-bg,.fv-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none;user-select:none}
.fv-pattern{z-index:1;object-position:50% 0;height:54%;will-change:transform}
.fv-dust{position:absolute;left:0;top:0;width:0;height:0;z-index:2;pointer-events:none}
.fv-bottle{position:absolute;z-index:3;left:50%;bottom:9%;width:auto;height:41%;aspect-ratio:187/718;transform:translateX(-50%)}
.fv-bottle img{width:100%;height:100%}
.fv-shade{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(13,14,38,0) 82%,rgba(13,14,38,.65) 94%,var(--navy-deep) 100%),
    radial-gradient(130% 80% at 50% 42%,rgba(13,14,38,0) 58%,rgba(13,14,38,.5) 100%),
    linear-gradient(90deg,rgba(13,14,38,.8) 0%,rgba(13,14,38,.4) 20%,rgba(13,14,38,0) 36%,rgba(13,14,38,0) 64%,rgba(13,14,38,.4) 80%,rgba(13,14,38,.8) 100%)}
.js .fv-bg,.js .fv-pattern{inset:auto;object-fit:fill;height:auto}
.js .fv-bg{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%);mask-image:linear-gradient(180deg,transparent 0,#000 7%)}
.fv-logo{position:absolute;z-index:5;left:50%;top:calc(var(--hd) + 14px);width:clamp(140px,40vw,168px);transform:translateX(-50%);will-change:transform}
.fv-logo img{width:100%}
.fv-text{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);top:calc(var(--hd) + 14px + 128px);text-align:center;color:#f3f1f6}
.fv-new img{width:104px;margin:0 auto}
.fv-eyebrow{margin-top:6px;font-family:var(--en);font-weight:400;font-size:11px;letter-spacing:.2em;line-height:1.6;color:#e6e2ec}
.fv h1{margin-top:14px;font-family:var(--serif);font-weight:600;font-size:clamp(26px,7.7vw,32px);line-height:1.5;letter-spacing:.04em;
  word-break:keep-all;text-shadow:0 2px 22px rgba(8,9,26,.75),0 0 2px rgba(8,9,26,.4)}

@media (max-width:899px) and (max-height:720px){
  html:not(.js) .fv-logo{width:118px;top:calc(var(--hd) + 4px)}
  html:not(.js) .fv-text{top:calc(var(--hd) + 4px + 92px)}
  html:not(.js) .fv-new img{width:92px}
  html:not(.js) .fv h1{margin-top:10px;font-size:26px}
}
.fv-short .fv-logo{width:118px;top:calc(var(--hd) + 4px)}
.fv-short .fv-text{top:calc(var(--hd) + 4px + 92px)}
.fv-short .fv-new img{width:92px}
.fv-short .fv h1{margin-top:10px;font-size:26px}

.js.intro:not(.op-on) .fv-bg,.js.intro:not(.op-on) .fv-bottle{opacity:0}
.js .fv-bg,.js .fv-bottle{transition:opacity 2.4s cubic-bezier(.45,0,.25,1)}

.js.op-dim .fv-bg{opacity:.3}
.js.op-dim .fv-bottle{opacity:0}
.js.op-dim .fv-pattern{opacity:0;scale:1.04}
.js.intro .fv-logo img{opacity:0;transform:translate3d(0,22px,0);filter:blur(8px)}
.js .fv-logo img{transition:opacity 2.4s cubic-bezier(.45,0,.25,1) .5s,transform 2.8s cubic-bezier(.35,0,.15,1) .5s,filter 2.2s cubic-bezier(.45,0,.25,1) .5s}
.op-on .fv-logo img,.js.op-hold .fv-logo img{transition:none}
.js.op-hold .fv-logo img{opacity:0;transform:none;filter:none}
.js .fv-pattern{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%);
  transform-origin:50% 40%;transition:opacity 3.2s cubic-bezier(.45,0,.25,1) .2s,scale 4.4s cubic-bezier(.35,0,.15,1) .2s}
.js.intro:not(.op-on) .fv-pattern{opacity:0;scale:1.06}


.ln-w{display:block!important;overflow:hidden;overflow:clip;overflow-clip-margin:.12em}
.ln-i{display:block;white-space:nowrap}
.js [data-lines].is-split .ln-i{will-change:transform;transform:translate3d(0,108%,0);transition:transform 1.25s var(--ease-out);transition-delay:calc(var(--i,0) * .12s + var(--d,0s))}
.js [data-lines].is-split.on .ln-i{transform:none}
.js [data-blur]{opacity:0;filter:blur(5px);transform:translate3d(0,10px,0);transition:opacity 1.3s ease var(--d,.25s),filter 1.4s ease var(--d,.25s),transform 1.4s var(--ease-out) var(--d,.25s)}
.js [data-blur].on{opacity:1;filter:none;transform:none}
.js [data-fade]{opacity:0;transform:translate3d(0,8px,0);transition:opacity 1.2s ease var(--d,.35s),transform 1.3s var(--ease-out) var(--d,.35s)}
.js [data-fade].on{opacity:1;transform:none}
@property --wp{syntax:'<percentage>';inherits:false;initial-value:118%}
.js [data-wipe] img{--wp:-18%;
  -webkit-mask-image:linear-gradient(100deg,#000 calc(var(--wp) - 16%),transparent var(--wp));
          mask-image:linear-gradient(100deg,#000 calc(var(--wp) - 16%),transparent var(--wp));
  transition:--wp 1.9s cubic-bezier(.45,.05,.3,1) var(--d,0s)}
.js [data-wipe].on img{--wp:118%}


.js .fv [data-lines].is-split .ln-i{opacity:0;filter:blur(3px);transform:translate3d(0,70%,0);
  transition:transform 2.1s cubic-bezier(.4,0,.2,1),opacity 1.7s cubic-bezier(.45,0,.25,1),filter 1.9s cubic-bezier(.45,0,.25,1);
  transition-delay:calc(var(--i,0) * .22s + var(--d,0s))}
.js .fv [data-lines].is-split.on .ln-i{opacity:1;filter:blur(0);transform:none}
.js .fv [data-fade]{filter:blur(3px);transform:translate3d(0,6px,0);
  transition:opacity 1.8s cubic-bezier(.45,0,.25,1) var(--d,0s),filter 1.9s cubic-bezier(.45,0,.25,1) var(--d,0s),transform 2s cubic-bezier(.4,0,.2,1) var(--d,0s)}
.js .fv [data-fade].on{filter:blur(0);transform:none}
.js .fv [data-wipe] img{transition:--wp 2.6s cubic-bezier(.45,0,.3,1) var(--d,0s)}


.concept{background:var(--navy-deep);color:var(--on-dark);padding:104px 0 112px;text-align:center;overflow:hidden}
.concept .lead{margin-top:28px;font-family:var(--serif);font-weight:500;font-size:18px;line-height:2.15;letter-spacing:.06em;color:#efedf4}
.concept .lead>span{display:inline-block}
.concept .note{margin-top:20px;color:var(--on-dark-mute)}


.renewal{background:var(--paper);color:var(--ink);padding:104px 0 96px}
.renewal-head{text-align:center}
.renewal-head .script img{width:min(78vw,400px)}
.renewal h2{margin-top:28px;font-family:var(--serif);font-weight:600;font-size:clamp(21px,6.1vw,24px);line-height:1.7;letter-spacing:.04em;color:var(--navy);word-break:keep-all;overflow-wrap:anywhere}
.renewal-head .body{margin:22px auto 0;max-width:34em;text-align:left;color:#3a3b52}
.renewal-head .note{margin-top:10px;text-align:left;max-width:34em;margin-left:auto;margin-right:auto}
.points{margin-top:64px;border-bottom:1px solid var(--line-paper)}
.point{border-top:1px solid var(--line-paper);padding:34px 0 38px}
.num{display:block;font-family:var(--num);font-style:italic;font-weight:300;font-size:64px;line-height:.9;letter-spacing:.02em;
  background:linear-gradient(160deg,var(--copper-hi) 10%,var(--copper) 45%,var(--copper-lo) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;
  padding:0 .12em 0 0;width:max-content}
.js .point .num{opacity:0;transform:translate3d(0,14px,0);transition:opacity 1.2s ease,transform 1.4s var(--ease-out)}
.js .point.is-in .num{opacity:1;transform:none}
.point h3{margin-top:14px;font-family:var(--serif);font-weight:600;font-size:19.5px;line-height:1.65;letter-spacing:.04em;color:var(--navy);word-break:keep-all;overflow-wrap:anywhere}
.point-body p{margin-top:12px;color:#3a3b52}
.point-body .note{margin-top:16px;line-height:1.85}
.point-body .note span{display:inline-block}


.product{background:var(--navy);color:var(--on-dark);padding:104px 0 104px;overflow:hidden}
.product-grid{display:grid;grid-template-areas:"head" "visual" "body";justify-items:center;text-align:center}
.product-head{grid-area:head}
.product-name{margin-top:14px;font-family:var(--en);font-weight:400;font-size:clamp(23px,6.6vw,27px);letter-spacing:.09em;line-height:1.4;color:#f4f2f7}
.en,.product .sub{font-family:var(--en);font-size:15px;letter-spacing:.14em;color:var(--on-dark-mute)}
.product .sub{margin-top:8px}
.product-visual{grid-area:visual;position:relative;margin-top:40px;width:100%;display:flex;justify-content:center;padding:24px 0 40px}
.product-visual::before{content:"";position:absolute;left:50%;top:46%;width:min(120vw,620px);aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(150,140,210,.10),rgba(120,110,190,.05) 50%,rgba(20,21,51,0) 100%);pointer-events:none}
.js .product-visual{opacity:0;transform:translate3d(0,22px,0);transition:opacity 1.6s ease,transform 1.8s var(--ease-out)}
.js .product-visual.is-in{opacity:1;transform:none}

.pv-stage{--bw:min(112px,28.5vw);position:relative;width:calc(var(--bw) * 2.86);height:calc(var(--bw) * 718 / 187 + 14px)}
.pv-bottle{position:absolute;z-index:2;left:calc(var(--bw) * .12);bottom:12px;width:var(--bw);aspect-ratio:561/2154}
.pv-bottle img{position:relative;width:100%;height:100%}

.pv-bottle::before,.pv-bottle::after{content:"";position:absolute;pointer-events:none;border-radius:50%}
.pv-bottle::before{left:-6%;right:-26%;bottom:calc(var(--bw) * -.07);height:calc(var(--bw) * .2);
  background:radial-gradient(closest-side,rgba(2,2,10,.6),rgba(2,2,10,.26) 55%,rgba(2,2,10,0));filter:blur(3px)}
.pv-bottle::after{left:4%;right:2%;bottom:calc(var(--bw) * -.022);height:calc(var(--bw) * .075);
  background:radial-gradient(closest-side,rgba(2,2,10,.92),rgba(2,2,10,.5) 60%,rgba(2,2,10,0));filter:blur(1.5px)}
.pv-box{position:absolute;z-index:1;left:calc(var(--bw) * 1.36);bottom:calc(12px + var(--bw) * .3);perspective:calc(var(--bw) * 14);perspective-origin:30% 0}
.box3d{--w:calc(var(--bw) * 1.0);--h:calc(var(--w) * 1667 / 477);--d:calc(var(--w) * 461 / 477);
  position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateX(-7deg) rotateY(-30deg)}
.face{position:absolute;left:0;top:0;display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:1px solid transparent}
.face img{width:100%;height:100%}
.face::after{content:"";position:absolute;inset:0;pointer-events:none}
.f-front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2))}
.f-front::after{background:linear-gradient(90deg,rgba(26,27,62,.12),rgba(26,27,62,.22) 70%,rgba(26,27,62,.32)),linear-gradient(180deg,rgba(26,27,62,.04),rgba(26,27,62,0) 30%,rgba(26,27,62,0) 50%,rgba(26,27,62,.24))}
.f-side{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}
.f-side::after{background:linear-gradient(90deg,rgba(22,23,56,.42),rgba(22,23,56,.56)),linear-gradient(180deg,rgba(22,23,56,0) 50%,rgba(22,23,56,.2))}
.f-top{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}
.f-top::after{background:linear-gradient(90deg,rgba(26,27,62,.06),rgba(26,27,62,.14))}

.f-shadow{position:absolute;pointer-events:none;width:calc(var(--w) * 2.4);height:calc(var(--d) * 2.6);
  left:calc((var(--w) - var(--w) * 2.4) / 2);top:calc((var(--h) - var(--d) * 2.6) / 2);
  transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 + .5px));
  background:radial-gradient(closest-side at 53% 52%,rgba(2,2,10,.85),rgba(2,2,10,.5) 42%,rgba(2,2,10,.16) 70%,rgba(2,2,10,0))}
.product-body{grid-area:body;margin-top:4px;max-width:30em;text-align:left}
.product-body .body{color:#d9d9e6}
.spec{margin-top:32px;border-top:1px solid var(--line-dark)}
.spec>div{display:grid;grid-template-columns:6.2em 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-dark);align-items:baseline}
.spec dt{font-size:12px;letter-spacing:.14em;color:var(--copper)}
.spec dd{font-size:14.5px;line-height:1.7;color:#f0eef5}


.cta{background:var(--navy-deep);color:var(--on-dark);padding:112px 0 116px;text-align:center;position:relative;overflow:hidden}
.cta h2{font-family:var(--serif);font-weight:600;font-size:clamp(25px,7.2vw,30px);line-height:1.6;letter-spacing:.08em;color:#f4f2f7}
.cta .eyebrow{margin-top:12px}
.cta .btn-cta{margin-top:44px;padding-left:28px;padding-right:28px}
.cta .btn-cta .ja{letter-spacing:.12em}
.ft-mail a,.ft-links a{color:#cfd0e0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(215,150,113,.55);display:inline-block;padding:10px 4px}
.ft-mail a:hover,.ft-links a:hover{color:var(--copper-hi)}
.btn-cta{margin:18px auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:min(100%,300px);
  padding:17px 40px 15px;border-radius:999px;text-decoration:none;text-transform:none;
  background:linear-gradient(135deg,#e2a882,var(--copper) 45%,#c58360);color:var(--navy-deep);
  box-shadow:0 10px 30px -12px rgba(215,150,113,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.js .btn-cta[data-fade]{transition:opacity 1.2s ease var(--d,.35s),transform 1.3s var(--ease-out) var(--d,.35s),box-shadow .35s,filter .35s}
.btn-cta .ja{font-family:var(--sans);font-weight:500;font-size:15.5px;letter-spacing:.16em;line-height:1.6}
.btn-cta span:last-child:not(.ja){font-family:var(--en);font-weight:400;font-size:13px;letter-spacing:.08em;line-height:1.5;opacity:.82}
.btn-cta:hover{filter:brightness(1.05);box-shadow:0 16px 36px -14px rgba(215,150,113,.65),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-cta:focus-visible,.hd-link:focus-visible,.hd-logo:focus-visible{outline:2px solid var(--copper);outline-offset:4px}


.lineup{background:var(--navy);color:var(--on-dark);text-align:center;padding:104px 0 96px}
.lineup .script img{width:236px;margin:0 auto 8px}
.lu-photo{margin:36px auto 0;max-width:760px;overflow:hidden}
.lu-photo img{width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.js:not(.reduce) .lu-photo img{will-change:transform,opacity}
.lu-names{margin:40px auto 0;max-width:520px;border-top:1px solid rgba(215,150,113,.32);text-align:left}
.lu-names li{font-family:var(--en);font-size:13.5px;line-height:1.9;letter-spacing:.12em;padding:12px 2px;border-bottom:1px solid rgba(215,150,113,.32);color:rgba(244,241,235,.80)}


.ft{background:var(--navy-deep);color:var(--on-dark-mute);padding:64px 0 56px;text-align:center;border-top:1px solid rgba(215,150,113,.14)}
.ft-logo{width:150px;margin:0 auto}
.ft-addr{margin-top:26px;font-size:12px;line-height:1.9;letter-spacing:.04em}
.ft-addr span{display:inline-block}
.ft-mail{margin-top:6px;font-size:12px;letter-spacing:.06em;color:#cfd0e0}
.ft-mail a{font-family:var(--en);font-size:13px;letter-spacing:.1em;padding:6px 2px}
.ft-links{margin-top:10px;font-size:12px;letter-spacing:.06em}


@media (min-width:900px){
  :root{--gutter:48px;--hd:72px}
  body{font-size:16px}
  .pc{display:inline}
  .hd-logo{width:136px}
  .hd-link{font-size:13px}
  .fv{min-height:640px}
  .fv-logo{top:max(calc(var(--hd) + 8px),9vh);width:clamp(170px,15vw,224px)}
  .fv-text{left:auto;right:calc(50% + 118px);top:46%;width:max-content;max-width:520px;text-align:left}
  .fv-new img{width:150px;margin:0}
  .fv-eyebrow{margin-top:10px;font-size:13px;letter-spacing:.22em}
  .fv h1{margin-top:18px;font-size:clamp(34px,3.2vw,46px);line-height:1.55}
  .concept{padding:160px 0 168px}
  .concept .lead{font-size:22px;margin-top:34px}
  .renewal{padding:150px 0 140px}
  .renewal-head .script img{width:470px}
  .renewal h2{font-size:clamp(28px,2.6vw,34px);margin-top:34px}
  .renewal-head .body{text-align:center;max-width:40em;margin-top:28px}
  .renewal-head .note{text-align:center}
  .points{margin:96px auto 0;max-width:1000px}
  .point{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.25fr);column-gap:48px;align-items:start;padding:46px 0 48px}
  .num{font-size:92px;margin-top:-10px}
  .point h3{margin-top:4px;font-size:22px}
  .point-body p{margin-top:0}
  .product{padding:150px 0 150px}
  .product-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"visual head" "visual body";column-gap:56px;align-items:start;justify-items:start;text-align:left;max-width:1080px}
  .product-head{align-self:end}
  .product-visual{margin-top:0;justify-self:center;align-self:center;padding:40px 0 48px}
  .product-visual::before{width:700px}
  .pv-stage{--bw:150px}
  .product-name{font-size:32px}
  .product-body{margin-top:28px;max-width:36em}
  .cta{padding:160px 0 168px}
  .cta h2{font-size:38px}
  .btn-cta{min-width:340px}
  .lineup{padding:150px 0}
  .lineup .script img{width:280px;margin-bottom:18px}
  .lineup .eyebrow{font-size:12px}
  .lu-names{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:40px;max-width:760px;border-top:0;align-content:start}
  .lu-names li:nth-child(1),.lu-names li:nth-child(5){border-top:1px solid rgba(215,150,113,.32)}
  .ft{padding:80px 0 72px}
}


@media (prefers-reduced-motion:reduce){
  .op{display:none!important}
  .js [data-blur],.js [data-fade],.js .product-visual,.js .point .num{opacity:1;filter:none;transform:none;transition:none}
  .js [data-lines].is-split .ln-i{transform:none;transition:none}
  .js [data-wipe] img{-webkit-mask-image:none;mask-image:none;transition:none}
  .js .fv-bg,.js .fv-bottle,.js .fv-logo img,.js .fv-pattern{transition:none}
  .lu-photo img{transform:none!important;opacity:1!important}
  .js .fv [data-lines].is-split .ln-i,.js .fv [data-fade]{opacity:1;filter:none;transform:none;transition:none}
  .hd,.hd-logo{transition:none}
}
.js:not(.reduce) [data-lines]:not(.is-split){opacity:0}
