/* ===================================================================
   GRABBA PUNCH — retro console marketing site
   =================================================================== */
:root{
  --blue:#12B9FF; --pink:#FF2E9A; --purple:#7A2BFF; --green:#39FF14;
  --yellow:#FFD400; --ink:#0A0A12; --ink2:#12121f; --white:#F4F4FF;
  --tan:#D79A4A; --flame:#FF3B2E;
  --disp:"Luckiest Guy",system-ui,sans-serif;
  --graf:"Bangers",system-ui,sans-serif;
  --arc:"Press Start 2P",monospace;
  --body:"Inter",system-ui,-apple-system,sans-serif;
  --accent:var(--blue);
  --accent2:var(--pink);
}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  background:var(--ink); color:var(--white); font-family:var(--body);
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
body[data-phase="boot"],body[data-phase="age"],body[data-phase="intro"]{overflow:hidden;height:100vh}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}

/* ---------- CRT overlay ---------- */
#crt{
  position:fixed; inset:0; z-index:9000; pointer-events:none;
  background:
    radial-gradient(120% 120% at 50% 50%, transparent 55%, rgba(0,0,0,.55) 100%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.14) 0 1px, transparent 1px 3px);
  mix-blend-mode:multiply; opacity:.5;
}
#flash{position:fixed;inset:0;z-index:9500;pointer-events:none;background:#fff;opacity:0}
#flash.boom{animation:flash .5s ease-out}
@keyframes flash{0%{opacity:0}8%{opacity:.95}100%{opacity:0}}

/* ---------- buttons ---------- */
.btn{
  font-family:var(--arc); font-size:.82rem; letter-spacing:.5px;
  padding:16px 22px; border-radius:12px; display:inline-flex; align-items:center;
  gap:8px; line-height:1.2; transition:transform .12s ease, box-shadow .12s ease, filter .12s;
  border:3px solid rgba(255,255,255,.9);
}
.btn-primary{
  background:linear-gradient(135deg,var(--blue),var(--pink));
  color:#fff; box-shadow:0 6px 0 rgba(0,0,0,.55), 0 0 26px rgba(255,46,154,.5);
  text-shadow:0 2px 0 rgba(0,0,0,.4);
}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}
.btn-primary:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.55)}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--white);box-shadow:0 6px 0 rgba(0,0,0,.4)}
.btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.btn-ghost:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.4)}

/* ---------- overlays ---------- */
.overlay{position:fixed;inset:0;z-index:8000;display:grid;place-items:center;
  background:radial-gradient(130% 130% at 50% 20%, #1a1030 0%, #05060c 70%);}

/* ---------- AGE GATE ---------- */
#age-gate{background:
  radial-gradient(120% 120% at 50% 0%, rgba(122,43,255,.5), transparent 60%),
  radial-gradient(120% 120% at 50% 100%, rgba(18,185,255,.35), transparent 60%),
  #05060c;}
.age-card{
  width:min(92vw,560px); text-align:center; padding:40px 32px;
  background:rgba(10,10,20,.72); border:3px solid rgba(255,255,255,.14);
  border-radius:22px; box-shadow:0 30px 80px rgba(0,0,0,.6), inset 0 0 60px rgba(122,43,255,.15);
  backdrop-filter:blur(8px);
}
.age-logo{font-family:var(--graf);font-size:2rem;letter-spacing:2px;color:var(--blue);
  text-shadow:3px 3px 0 var(--pink);}
.age-logo span{color:var(--pink);text-shadow:3px 3px 0 var(--blue);margin-left:.3em}
.age-kicker{font-family:var(--arc);font-size:.6rem;color:var(--white);opacity:.7;margin:10px 0 20px;letter-spacing:3px}
.age-title{font-family:var(--disp);font-size:clamp(2.2rem,8vw,3.4rem);line-height:1;letter-spacing:1px}
.age-title span{color:var(--green);text-shadow:0 0 18px rgba(57,255,20,.6)}
.age-copy{opacity:.85;margin:16px auto 0;max-width:42ch;font-size:.95rem;line-height:1.5}
.age-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:26px 0 20px}
.age-warning{font-size:.72rem;opacity:.7;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:8px}
.age-remember{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;opacity:.75;margin-top:14px}
.age-denied{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,6,12,.96);
  font-family:var(--disp);font-size:clamp(1.4rem,5vw,2.4rem);text-align:center;padding:24px}

/* ---------- INTRO: choice ---------- */
.intro-choice{text-align:center}
.intro-insert{font-family:var(--arc);font-size:.7rem;color:var(--yellow);letter-spacing:4px;
  animation:blink 1s steps(2) infinite;margin-bottom:22px}
@keyframes blink{50%{opacity:.2}}
.intro-brand{font-family:var(--disp);font-size:clamp(2.6rem,11vw,5.5rem);line-height:.95;
  color:#fff;text-shadow:4px 4px 0 var(--pink),8px 8px 0 var(--blue);letter-spacing:2px}
.intro-sub{font-family:var(--arc);font-size:.66rem;opacity:.75;margin:14px 0 30px;letter-spacing:2px}
.intro-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.skip-link{display:block;margin:26px auto 0;font-family:var(--arc);font-size:.6rem;opacity:.6;
  text-decoration:underline;letter-spacing:1px}
.skip-link:hover{opacity:1}

/* ---------- INTRO: stage ---------- */
.intro-stage{position:absolute;inset:0;overflow:hidden;background:#04040a}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#04040a}

.crate{position:absolute;left:50%;top:50%;width:min(60vw,420px);aspect-ratio:1/.92;
  transform:translate(-50%,-50%) scale(.9);z-index:2;}
.crate-face{position:absolute;inset:0;border-radius:10px;
  background:
    repeating-linear-gradient(90deg,#6b451f 0 14%,#7d5226 14% 15%),
    linear-gradient(#8a5a28,#5f3d19);
  border:10px solid #3c2810; box-shadow:inset 0 0 60px rgba(0,0,0,.6),0 30px 60px rgba(0,0,0,.7);
  display:grid;place-content:center;text-align:center;gap:14px;overflow:hidden}
.crate-face::before,.crate-face::after{content:"";position:absolute;background:#4a3015;height:12px;left:-5%;width:110%}
.crate-face::before{top:22%;transform:rotate(-1.2deg)}
.crate-face::after{bottom:22%;transform:rotate(1.2deg)}
.crate-logo{font-family:var(--graf);font-size:clamp(1.6rem,6vw,3rem);color:var(--blue);
  text-shadow:3px 3px 0 var(--pink),0 0 20px rgba(0,0,0,.5);letter-spacing:2px;z-index:1}
.crate-logo b{color:var(--pink);text-shadow:3px 3px 0 var(--blue);font-weight:400;display:block}
.crate-stencil{font-family:var(--arc);font-size:.46rem;color:#e8c89a;opacity:.8;letter-spacing:2px;z-index:1}
.crate.shake{animation:crateShake .12s linear infinite}
@keyframes crateShake{0%{transform:translate(-50%,-50%) scale(.9)}
  25%{transform:translate(-52%,-49%) scale(.9) rotate(-.6deg)}
  50%{transform:translate(-48%,-51%) scale(.9) rotate(.6deg)}
  75%{transform:translate(-51%,-48%) scale(.9) rotate(-.4deg)}}
.crate.blown{opacity:0;transform:translate(-50%,-50%) scale(1.6);transition:opacity .25s,transform .25s}

.mascot-burst{position:absolute;left:50%;top:54%;width:min(46vw,340px);
  transform:translate(-50%,-50%) scale(.2);opacity:0;z-index:4;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.6));}
.mascot-burst.burst{animation:burstIn .6s cubic-bezier(.2,1.4,.4,1) forwards}
@keyframes burstIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  60%{opacity:1;transform:translate(-50%,-52%) scale(1.25)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.mascot-burst.land{animation:land .3s ease-out}
@keyframes land{0%{transform:translate(-50%,-50%) scale(1.05)}40%{transform:translate(-50%,-47%) scale(1.08)}100%{transform:translate(-50%,-50%) scale(1.05)}}

.intro-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(3);
  opacity:0;z-index:5;text-align:center;pointer-events:none}
.intro-logo.slam{animation:logoSlam .4s cubic-bezier(.3,1.6,.4,1) forwards}
@keyframes logoSlam{0%{opacity:0;transform:translate(-50%,-50%) scale(3)}
  70%{opacity:1;transform:translate(-50%,-50%) scale(.92)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.il-grabba,.il-punch{display:block;font-family:var(--disp);line-height:.9;letter-spacing:2px}
.il-grabba{font-size:clamp(2.6rem,12vw,6rem);color:var(--blue);text-shadow:5px 5px 0 var(--pink),0 0 30px rgba(18,185,255,.5)}
.il-punch{font-size:clamp(3rem,14vw,7rem);color:var(--pink);text-shadow:5px 5px 0 var(--blue),0 0 30px rgba(255,46,154,.5)}
.intro-tagline{position:absolute;left:50%;bottom:16%;transform:translateX(-50%) scale(.6);
  opacity:0;z-index:6;font-family:var(--graf);font-size:clamp(1.4rem,6vw,3rem);
  color:var(--yellow);text-shadow:3px 3px 0 var(--ink);letter-spacing:3px;white-space:nowrap}
.intro-tagline.show{animation:tagPop .4s cubic-bezier(.3,1.6,.4,1) forwards}
@keyframes tagPop{0%{opacity:0;transform:translateX(-50%) scale(.6)}70%{opacity:1;transform:translateX(-50%) scale(1.1)}100%{opacity:1;transform:translateX(-50%) scale(1)}}

.skip-intro{position:absolute;right:20px;bottom:20px;z-index:7;font-family:var(--arc);
  font-size:.6rem;padding:10px 14px;border:2px solid rgba(255,255,255,.4);border-radius:8px;
  background:rgba(0,0,0,.4);letter-spacing:1px}
.skip-intro:hover{background:rgba(255,255,255,.12)}

.intro-stage.whiteout{animation:whiteout .5s ease-in forwards}
@keyframes whiteout{to{opacity:0}}
.intro-stage.quake{animation:quake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes quake{10%{transform:translate(-8px,6px)}20%{transform:translate(9px,-7px)}
  30%{transform:translate(-11px,-4px)}40%{transform:translate(7px,8px)}
  50%{transform:translate(-6px,5px)}60%{transform:translate(8px,-6px)}
  70%{transform:translate(-5px,3px)}80%{transform:translate(4px,-3px)}100%{transform:none}}

/* ======================= SITE ======================= */
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);
  background:linear-gradient(#0a0a12ee,#0a0a1299);backdrop-filter:blur(10px);
  border-bottom:2px solid rgba(255,255,255,.08);transition:border-color .4s}
.nav-brand{font-family:var(--graf);font-size:1.5rem;letter-spacing:1px;color:var(--white)}
.nav-brand span{color:var(--accent);margin-left:.25em}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{font-family:var(--arc);font-size:.56rem;padding:10px 12px;border-radius:8px;
  letter-spacing:.5px;opacity:.75;transition:.18s;border:2px solid transparent}
.nav-links a:hover,.nav-links a.active{opacity:1;background:rgba(255,255,255,.08);border-color:var(--accent)}
.sound-toggle{font-size:1.2rem;width:44px;height:44px;border-radius:50%;
  border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);flex:none}
.sound-toggle:hover{background:rgba(255,255,255,.14)}

/* HERO */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;
  padding:110px clamp(16px,5vw,70px) 60px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(60% 60% at 20% 20%, rgba(18,185,255,.35),transparent 60%),
    radial-gradient(60% 60% at 85% 70%, rgba(255,46,154,.35),transparent 60%),
    radial-gradient(90% 90% at 50% 120%, rgba(122,43,255,.4),transparent 60%),
    #07060f;}
.hero-bg::after{content:"";position:absolute;inset:0;opacity:.07;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent)}
.hero-grid{position:relative;z-index:1;max-width:1240px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero-kicker{font-family:var(--arc);font-size:.66rem;letter-spacing:4px;color:var(--pink);margin-bottom:18px}
.hero-title{font-family:var(--disp);font-size:clamp(3.4rem,11vw,7.5rem);line-height:.86;letter-spacing:1px;
  text-shadow:4px 4px 0 var(--purple)}
.hero-title span{color:var(--pink);text-shadow:4px 4px 0 var(--blue),0 0 40px rgba(255,46,154,.4)}
.hero-lede{margin:22px 0 28px;max-width:46ch;font-size:1.05rem;line-height:1.6;opacity:.9}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{position:relative;display:grid;place-items:center}
.hero-main{width:min(100%,560px);
  filter:drop-shadow(0 28px 50px rgba(0,0,0,.65)) drop-shadow(0 0 55px rgba(122,43,255,.4));
  -webkit-mask-image:radial-gradient(135% 118% at 50% 46%,#000 60%,transparent 93%);
  mask-image:radial-gradient(135% 118% at 50% 46%,#000 60%,transparent 93%)}
@keyframes floaty{50%{transform:translateY(-12px)}}
.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;
  font-family:var(--arc);font-size:.55rem;letter-spacing:2px;display:grid;justify-items:center;gap:4px;
  opacity:.7;animation:floaty 2s ease-in-out infinite}

/* WORLDS */
.world{position:relative;min-height:100svh;display:grid;align-items:center;
  padding:90px clamp(16px,5vw,70px);overflow:hidden;--wc:var(--blue)}
.world-blue{--wc:var(--blue)}
.world-pink{--wc:var(--pink)}
.world-green{--wc:var(--green)}
.world-yellow{--wc:var(--yellow)}
.world::before{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(70% 90% at 15% 20%, color-mix(in srgb,var(--wc) 40%,transparent),transparent 60%),
    radial-gradient(70% 90% at 90% 90%, color-mix(in srgb,var(--wc) 28%,transparent),transparent 60%),
    #07060f}
.world::after{content:"";position:absolute;inset:0;z-index:0;opacity:.06;
  background-image:linear-gradient(color-mix(in srgb,var(--wc) 80%,#fff) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--wc) 80%,#fff) 1px,transparent 1px);
  background-size:52px 52px;mask-image:radial-gradient(80% 80% at 50% 50%,#000,transparent)}
.world-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.world-inner.reverse .world-text{order:2}
.world-tag{font-family:var(--arc);font-size:.62rem;letter-spacing:3px;color:var(--wc);margin-bottom:16px}
.world-title{font-family:var(--disp);font-size:clamp(3rem,9vw,6rem);line-height:.86;letter-spacing:1px;
  text-shadow:4px 4px 0 color-mix(in srgb,var(--wc) 55%,#000)}
.world-copy{margin:20px 0;max-width:46ch;font-size:1.05rem;line-height:1.65;opacity:.92}
.world-points{list-style:none;display:grid;gap:10px}
.world-points li{padding-left:28px;position:relative;opacity:.9}
.world-points li::before{content:"▸";position:absolute;left:0;color:var(--wc);font-weight:700}
.world-art{position:relative;display:grid;place-items:center}
.world-art img{width:min(100%,460px);height:auto;border-radius:16px;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.6));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wc) 40%,transparent),0 0 60px color-mix(in srgb,var(--wc) 35%,transparent)}

/* WORLD GALLERY — photo row under each product world.
   Items flex by aspect ratio (--ar) so side-by-side photos share one height. */
.world{row-gap:clamp(40px,6vw,70px);align-content:center}
.world-gallery{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;
  display:flex;gap:clamp(18px,3vw,32px);align-items:flex-start;justify-content:center}
.world-gallery.single .wg-item{flex:0 1 480px}
.wg-item{flex:var(--ar,1) 1 0;min-width:0;display:grid;gap:12px;justify-items:center}
.wg-item a{display:block;width:100%;border-radius:16px;overflow:hidden;background:var(--ink2);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wc) 40%,transparent),0 24px 50px rgba(0,0,0,.55),0 0 50px color-mix(in srgb,var(--wc) 25%,transparent);
  transition:transform .2s ease,box-shadow .2s ease}
.wg-item a:hover,.wg-item a:focus-visible{transform:translateY(-4px);
  box-shadow:0 0 0 3px var(--wc),0 30px 60px rgba(0,0,0,.6),0 0 70px color-mix(in srgb,var(--wc) 40%,transparent)}
.wg-item img{width:100%;height:auto}
.wg-item figcaption{font-family:var(--arc);font-size:.56rem;letter-spacing:2px;color:var(--wc)}

/* FEATURE STRIP */
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
  background:rgba(255,255,255,.08);border-block:2px solid rgba(255,255,255,.1)}
.feature{background:var(--ink);padding:30px 16px;text-align:center;font-family:var(--arc);
  font-size:.62rem;letter-spacing:1px;display:grid;gap:10px;justify-items:center}
.feature .fi{font-size:1.6rem;color:var(--pink);font-family:var(--body)}
.feature:nth-child(1) .fi{color:var(--blue)}
.feature:nth-child(3) .fi{color:var(--green)}
.feature:nth-child(4) .fi{color:var(--yellow)}

/* FOOTER */
.footer{text-align:center;padding:60px 20px 40px;background:#05060c;border-top:2px solid rgba(255,255,255,.08)}
.footer-brand{font-family:var(--graf);font-size:2rem;letter-spacing:1px}
.footer-brand span{color:var(--pink);margin-left:.25em}
.footer-tag{font-family:var(--graf);color:var(--yellow);font-size:1.4rem;letter-spacing:2px;margin:6px 0 24px}
.footer-warning{max-width:60ch;margin:0 auto 14px;font-size:.78rem;opacity:.7;line-height:1.5}
.footer-fine{font-size:.72rem;opacity:.5}

/* MASCOT PEEK */
.mascot-peek{position:fixed;right:28px;bottom:-14px;width:230px;z-index:900;pointer-events:none;
  filter:drop-shadow(0 0 22px rgba(18,185,255,.6)) drop-shadow(0 0 40px rgba(255,46,154,.3)) drop-shadow(0 6px 14px rgba(0,0,0,.45));
  transform:translateY(112%);transition:none}
.mascot-peek.peek{animation:peek 3.6s cubic-bezier(.34,1.3,.5,1)}
@keyframes peek{
  0%{transform:translateY(112%) rotate(0)}
  12%{transform:translateY(-7%) rotate(-3deg)}    /* pop up with overshoot */
  20%{transform:translateY(0) rotate(0)}
  31%{transform:translateY(-8%) rotate(4deg)}     /* bob */
  42%{transform:translateY(0) rotate(0)}
  53%{transform:translateY(-8%) rotate(-4deg)}    /* bob */
  64%{transform:translateY(0) rotate(0)}
  75%{transform:translateY(-5%) rotate(2deg)}     /* little hop */
  85%{transform:translateY(0) rotate(0)}
  100%{transform:translateY(112%) rotate(0)}}     /* drop back down */
@media (max-width:820px){ .mascot-peek{width:165px;right:12px} }


/* REVEAL */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1024px) and (min-width:821px){
  .world-inner{gap:32px}
  .world-copy{font-size:1rem}
}
@media (max-width:820px){
  html{scroll-padding-top:116px}
  /* nav: brand + sound on top row, product links as a swipeable row beneath */
  .nav{flex-wrap:wrap;row-gap:8px;padding-block:10px}
  .nav-brand{font-size:1.3rem}
  .sound-toggle{width:40px;height:40px}
  .nav-links{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    justify-content:flex-start;margin-inline:-4px;padding-inline:4px}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:none;font-size:.52rem;padding:9px 10px}
  .hero{padding-top:130px}
  .world{min-height:auto;row-gap:40px}
  .world-inner{gap:32px}
  .world-art img{width:min(100%,400px)}
  .hero-grid,.world-inner{grid-template-columns:1fr;text-align:center}
  .world-inner.reverse .world-text{order:0}
  .hero-copy,.world-text{justify-items:center}
  .hero-lede,.world-copy{margin-inline:auto}
  .hero-cta,.world-points{justify-content:center}
  .world-points{text-align:left;max-width:320px;margin-inline:auto}
  .hero-art{margin-top:30px}
  .hero-main{width:min(100%,420px)}
  .nav-links{display:none}
  .feature-strip{grid-template-columns:repeat(2,1fr)}
  .world{padding-block:80px 70px}
  .world-gallery{flex-direction:column;align-items:center}
  .wg-item,.world-gallery.single .wg-item{flex:none;width:min(100%,520px)}
}
@media (max-width:420px){
  .btn{font-size:.7rem;padding:14px 16px}
  .hero-cta{flex-direction:column;align-items:stretch;width:100%}
  .hero-cta .btn{justify-content:center}
  .world{padding-inline:16px}
  .world-copy{font-size:1rem}
  .feature{padding:22px 10px;font-size:.55rem}
  .mascot-peek{width:120px;right:8px}
}

/* ---------- reduced motion: static version ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}