.intro-experience{display:none;position:fixed;inset:0;z-index:500;overflow:hidden;background:#040705;color:#fff;isolation:isolate;contain:layout paint size;perspective:1200px}
html.intro-pending,html.intro-pending body{overflow:hidden}
html.intro-pending .intro-experience{display:block}
html.intro-pending .site-header{opacity:0;transform:translate(-50%,-130%)}
.intro-experience::before{content:"";position:absolute;inset:-25%;z-index:-2;background:radial-gradient(circle at 50% 48%,rgba(112,255,38,.2),transparent 26%),radial-gradient(circle at 23% 28%,rgba(255,255,255,.055),transparent 18%),radial-gradient(circle at 76% 72%,rgba(62,170,26,.09),transparent 22%),linear-gradient(125deg,#020403 12%,#0a120c 49%,#030604 84%)}
.intro-experience::after{content:"";position:absolute;inset:0;z-index:24;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 72%,rgba(0,0,0,.72) 100%),linear-gradient(90deg,rgba(0,0,0,.3),transparent 22%,transparent 78%,rgba(0,0,0,.3))}
.intro-grid{position:absolute;inset:-12%;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(126,255,67,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,255,67,.055) 1px,transparent 1px);background-size:68px 68px;transform:perspective(700px) rotateX(64deg) translateY(38%);-webkit-mask-image:radial-gradient(circle at center,#000,transparent 68%);mask-image:radial-gradient(circle at center,#000,transparent 68%)}
.intro-halo{position:absolute;left:50%;top:50%;z-index:0;width:min(60vw,920px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(120,255,48,.24),rgba(95,255,30,.06) 40%,transparent 70%);box-shadow:0 0 90px rgba(95,255,25,.09),inset 0 0 80px rgba(255,255,255,.035);filter:blur(5px);transform:translate(-50%,-50%) scale(.45);opacity:0}
.intro-orbits{position:absolute;z-index:1;left:50%;top:50%;width:min(62vw,940px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.intro-orbits i{position:absolute;inset:8%;border:1px solid rgba(121,255,56,.13);border-radius:50%;box-shadow:0 0 24px rgba(103,255,32,.045),inset 0 0 24px rgba(103,255,32,.035)}
.intro-orbits i:nth-child(2){inset:21%;border-color:rgba(255,255,255,.095);transform:rotate(54deg);border-style:dashed}
.intro-orbits i:nth-child(3){inset:34%;border-color:rgba(121,255,56,.2);box-shadow:0 0 45px rgba(103,255,32,.08)}
.intro-sweep{position:absolute;z-index:18;left:-35%;top:-55%;width:28%;height:210%;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),rgba(130,255,75,.2),transparent);filter:blur(22px);transform:rotate(16deg);mix-blend-mode:screen}
.intro-title{position:absolute;z-index:12;inset:0;display:flex;align-items:center;justify-content:center;gap:.16em;text-align:center;text-transform:uppercase;line-height:.78;letter-spacing:-.075em;white-space:nowrap;pointer-events:none;clip-path:inset(0);filter:drop-shadow(0 30px 40px rgba(0,0,0,.58))}
.intro-title::after{content:"";position:absolute;z-index:-1;left:22%;right:22%;top:calc(50% + clamp(54px,7.4vw,134px));height:2px;background:linear-gradient(90deg,transparent,rgba(125,255,63,.8),transparent);box-shadow:0 0 22px rgba(102,255,30,.55);opacity:.6}
.intro-title strong,.intro-title span{display:inline-block;font-size:clamp(76px,11vw,198px);font-weight:950;transform-origin:center;will-change:transform,opacity,clip-path;text-shadow:0 2px 0 rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.78)}
.intro-title strong{color:#fff;background:linear-gradient(145deg,#fff 22%,#dce2dc 55%,#fff 78%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.intro-title span{color:var(--green);background:linear-gradient(125deg,#43e600 5%,#8cff49 44%,#4eff00 70%,#b1ff83 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 12px 24px rgba(66,255,0,.18))}
.intro-tagline{position:absolute;z-index:15;left:50%;bottom:14vh;margin:0;color:#d8ded9;font-size:clamp(8px,.72vw,12px);font-weight:900;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%);opacity:0;text-shadow:0 5px 16px #000,0 0 18px rgba(93,255,30,.18)}
.intro-stage{position:absolute;inset:0;z-index:4;pointer-events:none}
.intro-object{position:absolute;display:block;width:clamp(92px,8.6vw,142px);height:clamp(92px,8.6vw,142px);max-width:none;object-fit:contain;opacity:0;filter:drop-shadow(0 28px 25px rgba(0,0,0,.76)) drop-shadow(0 0 12px rgba(120,255,55,.13));transform-origin:center;will-change:transform,opacity}
.intro-plates{z-index:2;left:7vw;top:13vh}
.intro-knife{z-index:14;right:8vw;top:11vh}
.intro-fork{z-index:5;left:11vw;bottom:12vh}
.intro-coffee{z-index:4;right:11vw;bottom:11vh}
.intro-ketchup-bottle{z-index:3;left:31vw;top:5vh}
.intro-ketchup{z-index:13;right:30vw;top:6vh}
.intro-mustard{z-index:3;left:30vw;bottom:6vh}
.intro-mushrooms{z-index:14;right:29vw;bottom:5vh}
.intro-cocktail{z-index:7;right:7vw;top:42vh}
.intro-smile{z-index:15;left:8vw;top:42vh}
.intro-smile-curtain{position:absolute;inset:0;z-index:27;overflow:hidden;pointer-events:none}
.intro-rise-smile{position:absolute;left:var(--rise-left);bottom:-34vh;width:var(--rise-size);height:var(--rise-size);object-fit:contain;opacity:0;transform:translate3d(-50%,35vh,0) scale(.45);transform-origin:center;filter:drop-shadow(0 30px 24px rgba(0,0,0,.68)) drop-shadow(0 0 24px rgba(105,255,28,.28));will-change:transform,opacity}
.intro-skip{position:absolute;z-index:30;right:clamp(18px,3vw,48px);top:clamp(18px,3vw,42px);padding:8px 0;border:0;border-bottom:1px solid rgba(255,255,255,.38);background:transparent;color:#c5cbc6;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}
.intro-skip:hover,.intro-skip:focus-visible{color:var(--green);border-color:var(--green);outline:none}
.intro-experience.is-leaving{pointer-events:none}

@media(max-width:760px){
  .intro-title{gap:.14em;letter-spacing:-.065em;line-height:.84}
  .intro-title strong,.intro-title span{font-size:clamp(34px,11vw,54px)}
  .intro-title::after{left:12%;right:12%;top:calc(50% + 42px)}
  .intro-tagline{bottom:18vh;font-size:7px;letter-spacing:.18em}
  .intro-grid{background-size:42px 42px}
  .intro-halo{width:110vw}
  .intro-orbits{width:112vw}
  .intro-plates,.intro-fork,.intro-ketchup-bottle,.intro-mustard,.intro-cocktail{display:none}
  .intro-object{width:clamp(68px,19vw,86px);height:clamp(68px,19vw,86px)}
  .intro-knife{right:5vw;top:14vh}
  .intro-coffee{left:6vw;bottom:15vh}
  .intro-ketchup{right:7vw;bottom:16vh;top:auto}
  .intro-mushrooms{left:8vw;top:15vh;right:auto;bottom:auto}
  .intro-smile{left:50%;top:8vh;margin-left:-46px}
  .intro-rise-smile{width:min(var(--rise-size),32vw);height:auto;aspect-ratio:1;bottom:-24vh}
  .intro-rise-smile:nth-child(2),.intro-rise-smile:nth-child(7){display:none}
  .intro-experience::after{background:linear-gradient(90deg,rgba(7,10,8,.2),transparent 35%,transparent 65%,rgba(7,10,8,.2))}
}

@media(prefers-reduced-motion:reduce){
  .intro-stage{display:none}
  .intro-smile-curtain{display:none}
  .intro-title strong,.intro-title span,.intro-halo,.intro-tagline,.intro-sweep{will-change:auto}
}