.premium-intro{
  position:fixed;inset:0;z-index:10000;overflow:hidden;display:grid;place-items:center;
  background:#17120f;color:#fffdf8;isolation:isolate;perspective:1500px;
  opacity:1;visibility:visible;transition:opacity .2s linear .85s,visibility .2s linear .85s;
}
.premium-intro:before{
  content:"";position:absolute;inset:0;z-index:-5;
  background:
    radial-gradient(circle at 72% 38%,rgba(212,122,36,.16),transparent 31%),
    radial-gradient(circle at 22% 74%,rgba(231,217,199,.08),transparent 34%),
    linear-gradient(115deg,#17120f 0%,#241810 50%,#120e0c 100%);
}
.premium-intro.is-exiting{opacity:0;visibility:hidden}
.premium-intro__atmosphere{position:absolute;inset:0;z-index:-3;overflow:hidden}
.premium-intro__grain{position:absolute;inset:-20%;opacity:.16;mix-blend-mode:soft-light;background:
  repeating-radial-gradient(ellipse at 30% 42%,transparent 0 10px,rgba(255,255,255,.07) 11px,transparent 13px 24px),
  repeating-linear-gradient(88deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px);
  transform:scale(1.15) rotate(-2deg);filter:blur(.2px)
}
.premium-intro__grid{position:absolute;inset:-20%;opacity:0;background-image:
  linear-gradient(rgba(255,253,248,.055) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,253,248,.055) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(1000px) rotateX(67deg) translateY(30%);transform-origin:center bottom
}
.premium-intro.is-running .premium-intro__grid{animation:introGridIn 1.25s .08s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro__light{position:absolute;border-radius:50%;filter:blur(50px);opacity:0}
.premium-intro__light--one{width:42vw;height:42vw;right:-12vw;top:-14vw;background:rgba(212,122,36,.22)}
.premium-intro__light--two{width:32vw;height:32vw;left:-10vw;bottom:-16vw;background:rgba(246,240,230,.09)}
.premium-intro.is-running .premium-intro__light--one{animation:introLight 2.6s .25s ease-out forwards}
.premium-intro.is-running .premium-intro__light--two{animation:introLight 2.6s .55s ease-out forwards}

.premium-intro__blueprint{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.86}
.intro-draw{fill:none;stroke:#f6f0e6;stroke-width:1.45;vector-effect:non-scaling-stroke;stroke-dasharray:2500;stroke-dashoffset:2500;opacity:.76}
.intro-draw--5,.intro-draw--6,.intro-draw--9{stroke:#d47a24;stroke-width:1.2}
.premium-intro.is-running .intro-draw--1{animation:introDraw 1s .18s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--2{animation:introDraw 1.05s .38s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--3{animation:introDraw .9s .66s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--4{animation:introDraw .9s .92s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--5{animation:introDraw .7s 1.05s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--6{animation:introDraw .7s 1.16s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--7{animation:introDraw .75s 1.02s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--8{animation:introDraw .72s 1.24s cubic-bezier(.65,0,.35,1) forwards}
.premium-intro.is-running .intro-draw--9{animation:introDraw .4s 1.48s cubic-bezier(.65,0,.35,1) forwards}
.intro-blueprint__labels{font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;fill:#f6f0e6;opacity:0}
.premium-intro.is-running .intro-blueprint__labels{animation:introLabel .8s 1.18s ease-out forwards}

.premium-intro__assembly{position:absolute;z-index:1;width:min(62vw,920px);height:min(38vw,560px);left:50%;top:50%;transform:translate(-50%,-47%) rotateX(62deg) rotateZ(-5deg);transform-style:preserve-3d;opacity:0}
.premium-intro.is-running .premium-intro__assembly{animation:introAssemblyBase 1.05s 1.2s cubic-bezier(.16,1,.3,1) forwards}
.intro-board{position:absolute;top:12%;bottom:12%;width:23%;overflow:hidden;border:1px solid rgba(255,253,248,.35);background:
  repeating-linear-gradient(4deg,transparent 0 16px,rgba(70,34,12,.18) 17px,transparent 20px),
  linear-gradient(100deg,#9b5422,#d28a46 48%,#8c471d);
  transform:translateZ(-120px) rotateY(85deg);transform-origin:left center;opacity:0
}
.intro-board:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 28%,rgba(55,20,5,.18) 70%,transparent);mix-blend-mode:overlay}
.intro-board i{position:absolute;inset:8% 10%;border:1px solid rgba(255,253,248,.2)}
.intro-board--one{left:1%}.intro-board--two{left:26%}.intro-board--three{left:51%}.intro-board--four{left:76%}
.premium-intro.is-running .intro-board--one{animation:introBoard .72s 1.35s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .intro-board--two{animation:introBoard .72s 1.52s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .intro-board--three{animation:introBoard .72s 1.69s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .intro-board--four{animation:introBoard .72s 1.86s cubic-bezier(.16,1,.3,1) forwards}
.intro-frame{position:absolute;background:#3a2418;border:1px solid rgba(255,253,248,.3);opacity:0;transform:translateZ(60px)}
.intro-frame:after{content:"";position:absolute;inset:5px;border:1px solid rgba(212,122,36,.7)}
.intro-frame--top,.intro-frame--bottom{left:-3%;width:106%;height:8%}.intro-frame--top{top:4%;transform:translateY(-100px) translateZ(60px)}.intro-frame--bottom{bottom:4%;transform:translateY(100px) translateZ(60px)}
.intro-frame--left,.intro-frame--right{top:4%;height:92%;width:5%}.intro-frame--left{left:-3%;transform:translateX(-100px) translateZ(60px)}.intro-frame--right{right:-3%;transform:translateX(100px) translateZ(60px)}
.premium-intro.is-running .intro-frame--top{animation:introFrameTop .62s 2.05s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .intro-frame--right{animation:introFrameRight .62s 2.14s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .intro-frame--bottom{animation:introFrameBottom .62s 2.23s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .intro-frame--left{animation:introFrameLeft .62s 2.32s cubic-bezier(.16,1,.3,1) forwards}
.intro-cut-line{position:absolute;left:-10%;top:50%;width:0;height:3px;background:#fffdf8;box-shadow:0 0 25px rgba(212,122,36,.9);transform:translateY(-50%) translateZ(110px);opacity:0}
.premium-intro.is-running .intro-cut-line{animation:introCut .7s 2.38s cubic-bezier(.7,0,.3,1) forwards}

.premium-intro__shavings{position:absolute;z-index:2;left:50%;top:51%;width:min(70vw,1050px);height:260px;transform:translate(-50%,-50%);pointer-events:none}
.premium-intro__shavings span{--angle:calc((var(--i) - 7) * 9deg);position:absolute;left:50%;top:50%;width:clamp(8px,1vw,16px);height:clamp(2px,.25vw,4px);border-radius:100%;background:#d99953;opacity:0;transform:translate(-50%,-50%) rotate(var(--angle))}
.premium-intro.is-running .premium-intro__shavings span{animation:introShaving .95s calc(2.42s + var(--i) * 18ms) cubic-bezier(.17,.67,.2,1) forwards}

.premium-intro__brand{position:absolute;z-index:4;left:50%;top:50%;width:min(1120px,82vw);display:grid;grid-template-columns:minmax(180px,270px) minmax(0,1fr);gap:clamp(34px,5vw,78px);align-items:center;transform:translate(-50%,-48%);pointer-events:none}
.premium-intro__logo-case{position:relative;aspect-ratio:.69;background:#fffdf8;overflow:hidden;clip-path:inset(50% 50% 50% 50%);transform:translateY(32px) rotateY(-15deg);opacity:0}
.premium-intro__logo-case:before{content:"";position:absolute;inset:10px;border:1px solid rgba(23,18,15,.22);z-index:2;pointer-events:none}
.premium-intro__logo-case img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.08);filter:saturate(.94) contrast(1.02)}
.premium-intro__corner{position:absolute;z-index:3;width:24px;height:24px;border-color:#d47a24;border-style:solid;pointer-events:none}
.premium-intro__corner--tl{left:0;top:0;border-width:3px 0 0 3px}.premium-intro__corner--tr{right:0;top:0;border-width:3px 3px 0 0}.premium-intro__corner--bl{left:0;bottom:0;border-width:0 0 3px 3px}.premium-intro__corner--br{right:0;bottom:0;border-width:0 3px 3px 0}
.premium-intro.is-running .premium-intro__logo-case{animation:introLogoCase .82s 2.72s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro__name{min-width:0;opacity:0;transform:translateX(30px)}
.premium-intro.is-running .premium-intro__name{animation:introName .75s 2.86s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro__trade{display:flex;align-items:center;gap:16px;margin-bottom:18px;font:800 clamp(9px,.8vw,12px) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em;color:#d8c8b5;text-transform:uppercase}
.premium-intro__trade:before{content:"";width:44px;height:3px;background:#d47a24}
.premium-intro__name-line{overflow:hidden;margin:-.04em 0}
.premium-intro__name-line strong{display:block;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(62px,8.4vw,148px);font-weight:900;line-height:.78;letter-spacing:-.065em;text-transform:uppercase;transform:translateY(110%)}
.premium-intro.is-running .premium-intro__name-line:nth-child(2) strong{animation:introNameLine .72s 3.02s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro.is-running .premium-intro__name-line:nth-child(3) strong{animation:introNameLine .72s 3.14s cubic-bezier(.16,1,.3,1) forwards}
.premium-intro__name p{max-width:660px;margin:28px 0 0;padding-top:18px;border-top:1px solid rgba(255,253,248,.22);font-size:clamp(11px,1vw,14px);line-height:1.55;letter-spacing:.06em;color:#d7c9bb;opacity:0;transform:translateY(12px)}
.premium-intro.is-running .premium-intro__name p{animation:introSlogan .65s 3.42s ease-out forwards}

.premium-intro__skip{position:absolute;right:clamp(16px,2.5vw,40px);top:clamp(14px,2.3vw,34px);z-index:10;border:0;border-bottom:1px solid rgba(255,253,248,.42);background:transparent;color:#fffdf8;padding:8px 0;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:.7;transition:opacity .25s,border-color .25s}
.premium-intro__skip:hover,.premium-intro__skip:focus-visible{opacity:1;border-color:#d47a24;outline:none}
.premium-intro__status{position:absolute;z-index:6;left:clamp(18px,2.5vw,42px);right:clamp(18px,2.5vw,42px);bottom:clamp(16px,2vw,30px);display:flex;justify-content:space-between;gap:20px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#b9a997;opacity:0}
.premium-intro__status span:first-child:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;background:#d47a24;vertical-align:middle;animation:introBlink .7s steps(1) infinite}
.premium-intro.is-running .premium-intro__status{animation:introStatus .6s .4s ease-out forwards}

.premium-intro__curtain{position:absolute;z-index:20;top:0;bottom:0;width:51%;background:#17120f;pointer-events:none;opacity:0}
.premium-intro__curtain--left{left:0;transform:translateX(-102%)}.premium-intro__curtain--right{right:0;transform:translateX(102%)}
.premium-intro.is-exiting .premium-intro__curtain{opacity:1}
.premium-intro.is-exiting .premium-intro__curtain--left{animation:introCurtainLeft .95s cubic-bezier(.76,0,.24,1) both}
.premium-intro.is-exiting .premium-intro__curtain--right{animation:introCurtainRight .95s cubic-bezier(.76,0,.24,1) both}
.premium-intro.is-exiting .premium-intro__brand{animation:introBrandExit .72s cubic-bezier(.76,0,.24,1) both}
.premium-intro.is-exiting .premium-intro__blueprint,.premium-intro.is-exiting .premium-intro__assembly,.premium-intro.is-exiting .premium-intro__status{transition:opacity .35s;opacity:0}

@keyframes introGridIn{to{opacity:.6;transform:perspective(1000px) rotateX(67deg) translateY(16%)}}
@keyframes introLight{0%{opacity:0;transform:scale(.55)}100%{opacity:1;transform:scale(1)}}
@keyframes introDraw{to{stroke-dashoffset:0}}
@keyframes introLabel{to{opacity:.62}}
@keyframes introAssemblyBase{0%{opacity:0;transform:translate(-50%,-43%) rotateX(70deg) rotateZ(-8deg) scale(.9)}100%{opacity:.78;transform:translate(-50%,-47%) rotateX(54deg) rotateZ(0) scale(.92)}}
@keyframes introBoard{0%{opacity:0;transform:translateZ(-120px) rotateY(85deg)}100%{opacity:.98;transform:translateZ(0) rotateY(0)}}
@keyframes introFrameTop{to{opacity:1;transform:translateY(0) translateZ(60px)}}
@keyframes introFrameBottom{to{opacity:1;transform:translateY(0) translateZ(60px)}}
@keyframes introFrameLeft{to{opacity:1;transform:translateX(0) translateZ(60px)}}
@keyframes introFrameRight{to{opacity:1;transform:translateX(0) translateZ(60px)}}
@keyframes introCut{0%{opacity:0;width:0;left:50%}15%{opacity:1}100%{opacity:0;width:120%;left:-10%}}
@keyframes introShaving{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + (var(--i) - 7) * 38px),calc(-50% + 110px + (var(--i) % 3) * 28px)) rotate(calc(var(--angle) + 180deg)) scale(1)}}
@keyframes introLogoCase{0%{opacity:0;clip-path:inset(50% 50% 50% 50%);transform:translateY(32px) rotateY(-15deg)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes introName{to{opacity:1;transform:none}}
@keyframes introNameLine{to{transform:translateY(0)}}
@keyframes introSlogan{to{opacity:1;transform:none}}
@keyframes introStatus{to{opacity:1}}
@keyframes introBlink{50%{opacity:.25}}
@keyframes introCurtainLeft{0%{transform:translateX(0)}100%{transform:translateX(-102%)}}
@keyframes introCurtainRight{0%{transform:translateX(0)}100%{transform:translateX(102%)}}
@keyframes introBrandExit{0%{opacity:1;transform:translate(-50%,-48%) scale(1)}100%{opacity:0;transform:translate(-50%,-48%) scale(.88)}}

@media(max-width:900px){
  .premium-intro__blueprint{transform:scale(1.18)}
  .premium-intro__assembly{width:82vw;height:49vw}
  .premium-intro__brand{width:min(720px,86vw);grid-template-columns:minmax(150px,215px) 1fr;gap:30px}
  .premium-intro__name-line strong{font-size:clamp(50px,10.5vw,88px)}
}
@media(max-width:650px){
  .premium-intro__grid{background-size:42px 42px}
  .premium-intro__blueprint{transform:scale(1.55);opacity:.5}
  .intro-blueprint__labels{display:none}
  .premium-intro__assembly{width:92vw;height:59vw;top:42%}
  .premium-intro__brand{top:51%;width:86vw;grid-template-columns:1fr;gap:16px;text-align:center;justify-items:center}
  .premium-intro__logo-case{width:clamp(120px,35vw,170px)}
  .premium-intro__trade{justify-content:center;margin-bottom:12px;font-size:8px;letter-spacing:.18em}
  .premium-intro__trade:before{width:24px}
  .premium-intro__name-line strong{font-size:clamp(48px,15.5vw,76px);line-height:.8}
  .premium-intro__name p{margin:18px auto 0;padding-top:14px;font-size:9px;max-width:86vw}
  .premium-intro__status{font-size:7px;letter-spacing:.11em}
  .premium-intro__status span:last-child{display:none}
  .premium-intro__shavings{width:94vw}
}
@media(prefers-reduced-motion:reduce){.premium-intro{display:none!important}}