*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;background:#18051b;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}a{text-decoration:none;color:inherit}
.intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,#8f1768,#b12680 48%,#7d125e);transition:opacity 1s ease,transform 1.15s cubic-bezier(.72,0,.15,1)}
.logo-wrap{position:relative;width:min(88vw,900px);aspect-ratio:1;display:grid;place-items:center}
.logo{width:100%;height:100%;object-fit:contain;filter:brightness(.91) contrast(1.04) drop-shadow(0 22px 10px #0008) drop-shadow(0 6px 28px #0005);animation:logoIn 1.5s ease both,logoFloat 4.8s ease-in-out 1.5s infinite}
.logo-wrap:after{content:"";position:absolute;inset:13%;border-radius:50%;background:#0003;filter:blur(42px);z-index:-1;transform:translateY(13%)}
.prompt{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.48em;color:#ffffffc7;white-space:nowrap;animation:pulse 2.2s ease-in-out 1.8s infinite}
.prompt:after{content:"";display:block;width:32px;height:1px;background:#ffffff88;margin:12px auto 0}
.intro.leaving{animation:introLeave 1.15s forwards}.intro.leaving .logo{animation:logoLeave 1.15s forwards}.intro.leaving .prompt{opacity:0}
@keyframes logoIn{from{opacity:0;transform:scale(.88) translateY(16px);filter:blur(9px)}to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.008)}}@keyframes logoLeave{to{transform:scale(1.42);opacity:0;filter:blur(5px)}}@keyframes introLeave{to{opacity:0;transform:scale(1.08);visibility:hidden}}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}

.home{min-height:100vh;position:relative;overflow:hidden;background:
radial-gradient(circle at 50% 8%,#ff5bd66b 0%,#c92bc86b 20%,transparent 46%),
radial-gradient(circle at 8% 58%,#d22bd75a 0%,transparent 36%),
radial-gradient(circle at 92% 72%,#9e27d65a 0%,transparent 38%),
linear-gradient(145deg,#65155f 0%,#9b237f 43%,#58145d 100%)}
.home:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#16041955 100%)}
.site-header{position:absolute;top:0;left:0;right:0;height:105px;padding:20px 5.5vw;display:flex;align-items:center;justify-content:space-between;z-index:10}
.brand-logo{display:flex;width:150px;height:78px;align-items:center}.brand-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px #000b)}
.menu-trigger,.menu-close{border:0;background:transparent;padding:8px;cursor:pointer;display:flex;gap:5px;align-items:center}
.diamond{display:block;width:12px;height:12px;background:linear-gradient(145deg,#ef7dff,#7b00d6);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 7px #c52aff);transition:.25s}.menu-trigger .diamond:nth-child(2),.menu-close .diamond:nth-child(2){width:9px;height:9px}.menu-trigger .diamond:nth-child(3),.menu-close .diamond:nth-child(3){width:6px;height:6px}
.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:120px 6vw 90px;position:relative;z-index:2}
.hero-inner{max-width:1000px}.hero-kicker{font-size:8px;letter-spacing:.65em;color:#fff9;margin-bottom:22px}
.not-for-everyone{display:block;width:min(88vw,820px);height:auto;max-height:190px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 14px 28px #000b)}
.hero-copy{font-size:9px;letter-spacing:.52em;color:#fffB;margin:30px 0 32px}
.hero-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:16px 22px;font-size:8px;letter-spacing:.3em;min-width:205px;transition:.3s}
.cta.primary{border:1px solid #fff8;background:#fff1}.cta.secondary{border:1px solid #ef65ff99;background:#9f00bd20}.cta.drop-cta{border:1px solid #e85cff99;background:linear-gradient(90deg,#c52bcb20,#f45bff12);box-shadow:0 0 18px #d63cff16,inset 0 0 16px #d63cff0d}.cta.drop-cta span{color:#f3a0ff}.cta:hover{transform:translateY(-2px);background:#fff2}

.menu-overlay{position:fixed;inset:0;background:#18051bc7;backdrop-filter:blur(4px);z-index:20;opacity:0;visibility:hidden;transition:.35s}.menu-overlay.open{opacity:1;visibility:visible}
.side-menu{position:fixed;z-index:30;top:0;right:0;width:min(390px,88vw);height:100vh;background:linear-gradient(150deg,#2a0b30,#0d040e);border-left:1px solid #fff2;transform:translateX(105%);transition:transform .45s cubic-bezier(.7,0,.2,1);padding:28px 32px}.side-menu.open{transform:translateX(0)}.menu-close{position:absolute;top:28px;right:28px}.side-menu nav{display:flex;flex-direction:column;margin-top:105px}.menu-link{display:flex;justify-content:flex-start;padding:23px 0;border-bottom:1px solid #fff2;font-size:22px;letter-spacing:.12em;font-weight:800}

.nomad-section{position:relative;z-index:2;min-height:92vh;padding:78px 4vw 105px;border-top:1px solid #fff3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#8e1d8325,transparent)}
.nomad-product-stage{position:relative;width:min(92vw,900px);height:min(68vh,720px);min-height:440px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.nomad-product-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.94);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.nomad-product-view.active{opacity:1;transform:scale(1);z-index:2}
.nomad-product-view img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 35px #23002c80) drop-shadow(0 0 35px #ff57e333)}
.nomad-slider-wrap{width:min(74vw,420px);margin-top:18px;padding:12px 0 5px}
.nomad-slider{appearance:none;-webkit-appearance:none;width:100%;height:3px;border-radius:99px;background:linear-gradient(90deg,#f7a1ff 0%,#f7a1ff 0%,#ffffff55 0%,#ffffff55 100%);outline:none;cursor:pointer;touch-action:none}
.nomad-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #d94cff;box-shadow:0 0 0 5px #d94cff25,0 0 18px #f04cff;cursor:grab}
.nomad-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}
.nomad-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #d94cff;box-shadow:0 0 0 5px #d94cff25,0 0 18px #f04cff;cursor:grab}
.nomad-slider::-moz-range-track{height:3px;border-radius:99px;background:#ffffff55}
@media(max-width:700px){
.nomad-section{min-height:88vh;padding:58px 3vw 80px}.nomad-product-stage{width:96vw;height:68vh;min-height:430px}.nomad-product-view img{width:100%;height:100%}.nomad-slider-wrap{width:70vw;margin-top:10px}
}
.manifesto{padding:140px 7vw;text-align:center;border-top:1px solid #fff3;position:relative;z-index:2}.manifesto small{font-size:9px;letter-spacing:.4em;color:#fff9}.manifesto h2{font-size:clamp(48px,9vw,120px);line-height:.82;letter-spacing:-.08em;margin:18px 0}
@media(max-width:700px){
.site-header{height:88px;padding:16px 5vw}.brand-logo{width:118px;height:64px}.hero{padding:105px 5vw 75px}.not-for-everyone{width:94vw;max-height:155px}.hero-copy{font-size:7px;letter-spacing:.4em;margin:23px 0 32px}.cta{padding:15px 17px;font-size:7px;min-width:205px}.nomad-section{padding:75px 4vw 100px}.nomad-heading{align-items:start;flex-direction:column}.nomad-heading h2{font-size:64px}.nomad-heading p{margin-top:4px}.nomad-stage{height:125vw;min-height:470px}.nomad-card{width:72vw;height:90%;top:5%}.nomad-card.prev{transform:translateX(calc(-50% - 35vw)) translateZ(-120px) rotateY(24deg) scale(.75);opacity:.35}.nomad-card.next{transform:translateX(calc(-50% + 35vw)) translateZ(-120px) rotateY(-24deg) scale(.75);opacity:.35}.stage-arrow{width:38px;height:38px}.side-menu{padding:24px 25px}.menu-link{font-size:20px}
}
/* NOMAD section transition — visible swipe-up divider, never a full-screen overlay */
html{scroll-behavior:smooth;scroll-snap-type:y proximity}
body{overscroll-behavior-y:none}
.home{scroll-snap-type:y proximity}
.hero,.nomad-section,.about-page{scroll-snap-align:start;scroll-snap-stop:normal}
.nomad-section{overflow:hidden;isolation:isolate}

.swipe-divider{position:absolute;z-index:8;top:-1px;left:-8%;width:116%;height:150px;pointer-events:none;overflow:hidden;transform:translateY(-120%);opacity:0}
.swipe-divider::before{content:"";position:absolute;inset:0;background:linear-gradient(175deg,transparent 0%,rgba(19,3,25,.02) 22%,rgba(37,5,48,.78) 48%,rgba(120,25,116,.82) 63%,rgba(239,96,228,.16) 71%,transparent 100%);clip-path:polygon(0 44%,100% 0,100% 54%,0 100%);filter:drop-shadow(0 14px 18px rgba(13,0,20,.35))}
.swipe-divider::after{content:"";position:absolute;left:0;right:0;top:61%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,174,255,.05) 18%,rgba(255,174,255,.75) 50%,rgba(255,174,255,.05) 82%,transparent 100%);filter:blur(.3px);transform:translateX(-20%);opacity:.7}
.swipe-divider span{position:absolute;right:15%;top:54%;width:180px;height:70px;background:radial-gradient(ellipse,rgba(255,105,241,.25),transparent 70%);filter:blur(15px);transform:rotate(-7deg)}
.nomad-section.in-view .swipe-divider{animation:nomadSwipe .9s cubic-bezier(.72,0,.18,1) both}
@keyframes nomadSwipe{0%{transform:translateY(-120%);opacity:0}12%{opacity:1}55%{transform:translateY(0);opacity:1}100%{transform:translateY(-115%);opacity:0}}

.nomad-product-stage,.nomad-slider-wrap{opacity:0;transform:translateY(55px) scale(.975);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.nomad-section.in-view .nomad-product-stage,.nomad-section.in-view .nomad-slider-wrap{opacity:1;transform:translateY(0) scale(1)}
.nomad-section.in-view .nomad-slider-wrap{transition-delay:.12s}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nomad-product-stage,.nomad-slider-wrap,.swipe-divider{animation:none!important;transition:none;transform:none!important;opacity:1}}


/* FULL-PAGE SWIPE BETWEEN HOME HERO AND NOMAD */
html,body{height:100%;overflow:hidden}
body{touch-action:none}
.home{height:100dvh;min-height:100dvh;overflow:hidden;position:relative;scroll-snap-type:none}
.hero,.nomad-section,.about-page{position:absolute;inset:0;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}
.hero{transform:translateY(0);transition:transform .82s cubic-bezier(.76,0,.18,1);}
.nomad-section{transform:translateY(100%);transition:transform .82s cubic-bezier(.76,0,.18,1);border-top:0;padding:70px 4vw 45px}
.about-page{display:block;transform:translateY(100%);transition:transform .82s cubic-bezier(.76,0,.18,1);background:radial-gradient(circle at 50% 20%,#e447cf35,transparent 42%),linear-gradient(150deg,#5f145d,#9b237f 48%,#401044);z-index:3;overflow-y:auto;overscroll-behavior:contain;padding:90px 7vw 70px}
.home.nomad-active .hero{transform:translateY(-100%)}
.home.nomad-active .nomad-section{transform:translateY(0)}

.home.story-active .hero{transform:translateY(-200%)}
.home.story-active .nomad-section{transform:translateY(-100%)}
.home.story-active .story-page{transform:translateY(0)}

/* SWIPE ORDER: HOME → NOMAD → THE STORY → FINAL → ABOUT US */
.home.final-active .hero{transform:translateY(-300%)}
.home.final-active .nomad-section{transform:translateY(-200%)}
.home.final-active .story-page{transform:translateY(-100%)}
.home.final-active .about-page{transform:translateY(100%)}

.home.about-active .hero{transform:translateY(-400%)}
.home.about-active .nomad-section{transform:translateY(-300%)}
.home.about-active .story-page{transform:translateY(-200%)}
.home.about-active .about-page{transform:translateY(0)}
/* Keep the separator as a moving sheet between the two full-screen pages. */
.swipe-divider{top:0;left:0;width:100%;height:100%;transform:translateY(100%);opacity:1;z-index:8}
.swipe-divider::before{background:linear-gradient(175deg,transparent 0%,rgba(20,3,27,.05) 28%,rgba(37,5,48,.76) 49%,rgba(120,25,116,.82) 62%,rgba(239,96,228,.14) 71%,transparent 100%);clip-path:polygon(0 43%,100% 0,100% 57%,0 100%)}
.swipe-divider::after{top:50%;}
.swipe-divider span{top:47%;}
.home.nomad-active .swipe-divider{animation:pageSwipeUp .82s cubic-bezier(.76,0,.18,1) both}
@keyframes pageSwipeUp{0%{transform:translateY(100%);opacity:1}100%{transform:translateY(-100%);opacity:0}}
.home:not(.nomad-active) .swipe-divider{animation:pageSwipeDown .82s cubic-bezier(.76,0,.18,1) both}
@keyframes pageSwipeDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(100%);opacity:1}}
.nomad-product-stage,.nomad-slider-wrap{opacity:0;transform:translateY(45px) scale(.98);transition:opacity .5s ease .18s,transform .65s cubic-bezier(.16,1,.3,1) .18s}
.home.nomad-active .nomad-product-stage,.home.nomad-active .nomad-slider-wrap{opacity:1;transform:translateY(0) scale(1)}
.hero-inner{transition:opacity .35s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.home.nomad-active .hero-inner{opacity:.15;transform:translateY(-28px)}
.manifesto{display:none}
@media(max-width:700px){
  .hero,.nomad-section,.about-page{height:100dvh;min-height:100dvh}
  .nomad-section{padding:72px 3vw 35px}
  .nomad-product-stage{width:96vw;height:70dvh;min-height:0}
  .nomad-slider-wrap{width:70vw;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.hero,.nomad-section,.swipe-divider,.nomad-product-stage,.nomad-slider-wrap{transition:none!important;animation:none!important}}


/* ABOUT US — third full-screen swipe page */
.about-inner{width:min(900px,100%);margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:35px 0 45px}
.about-kicker{font-size:8px;letter-spacing:.55em;color:#ffffffaa;margin-bottom:18px}
.about-page h2{font-size:clamp(54px,10vw,112px);line-height:.82;letter-spacing:-.075em;margin:0 0 34px;text-transform:uppercase}
.about-copy{max-width:820px;font-size:clamp(13px,1.35vw,17px);line-height:1.55;color:#fffdfd;letter-spacing:.01em}
.about-copy p{margin:0 0 17px}.about-copy strong{font-weight:900;letter-spacing:.025em}.about-final{font-size:clamp(18px,2.2vw,28px);line-height:1.12;letter-spacing:.08em;margin-top:28px!important}.about-welcome{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb8;margin-top:30px!important}
@media(max-width:700px){.about-page{padding:72px 7vw 45px}.about-inner{justify-content:flex-start;padding-top:25px}.about-page h2{font-size:58px;margin-bottom:25px}.about-copy{font-size:13px;line-height:1.48}.about-copy p{margin-bottom:14px}.about-final{font-size:18px;margin-top:22px!important}.about-welcome{font-size:9px;letter-spacing:.22em;margin-top:24px!important}}

/* Swipe separator between every full-screen page */
.home.about-active .swipe-divider{animation:pageSwipeUp .82s cubic-bezier(.76,0,.18,1) both}
.about-page .about-inner{opacity:0;transform:translateY(38px);transition:opacity .6s ease .18s,transform .72s cubic-bezier(.16,1,.3,1) .18s}
.home.about-active .about-page .about-inner{opacity:1;transform:translateY(0)}

/* V13 — deeper violet edges for stronger text contrast on all full-screen pages */
.hero{
  background:
    radial-gradient(ellipse at 50% 42%, rgba(224,67,207,.30) 0%, rgba(178,35,145,.16) 34%, transparent 62%),
    linear-gradient(180deg, rgba(38,7,42,.72) 0%, rgba(105,20,91,.12) 24%, rgba(111,24,94,.08) 72%, rgba(28,5,32,.82) 100%),
    linear-gradient(90deg, rgba(20,3,25,.58) 0%, transparent 20%, transparent 80%, rgba(20,3,25,.58) 100%);
  box-shadow:inset 0 0 150px rgba(12,2,18,.72), inset 0 -70px 120px rgba(10,1,15,.55);
}
.nomad-section{
  background:
    radial-gradient(ellipse at 50% 43%, rgba(218,65,204,.25) 0%, rgba(157,27,129,.12) 38%, transparent 64%),
    linear-gradient(180deg, rgba(42,7,45,.82) 0%, rgba(102,19,88,.12) 25%, rgba(82,15,75,.10) 72%, rgba(24,4,29,.88) 100%),
    linear-gradient(90deg, rgba(17,3,22,.62) 0%, transparent 19%, transparent 81%, rgba(17,3,22,.62) 100%);
  box-shadow:inset 0 0 160px rgba(10,1,16,.78), inset 0 -80px 120px rgba(8,1,12,.58);
}
.about-page{
  background:
    radial-gradient(ellipse at 50% 35%, rgba(224,67,207,.24) 0%, rgba(166,31,137,.11) 38%, transparent 63%),
    linear-gradient(180deg, rgba(39,6,43,.82) 0%, rgba(104,20,91,.10) 25%, rgba(83,16,76,.10) 72%, rgba(22,4,27,.90) 100%),
    linear-gradient(90deg, rgba(16,2,21,.64) 0%, transparent 20%, transparent 80%, rgba(16,2,21,.64) 100%);
  box-shadow:inset 0 0 170px rgba(9,1,14,.82), inset 0 -90px 130px rgba(7,1,11,.62);
}


/* === NOMAD COLOR SWIPE — added without changing the other pages === */
.nomad-product-stage{
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.nomad-product-view{
  will-change:opacity,transform;
}
.nomad-product-view img{
  -webkit-user-drag:none;
  user-select:none;
}
.nomad-section{
  --nomad-color-accent:#d94cff;
}
.nomad-section.color-black{--nomad-color-accent:#e7c9ff}
.nomad-section.color-red{--nomad-color-accent:#ff5a63}

.nomad-slider::-webkit-slider-thumb{
  border-color:var(--nomad-color-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--nomad-color-accent) 15%,transparent),
             0 0 18px color-mix(in srgb,var(--nomad-color-accent) 75%,transparent);
}
.nomad-slider::-moz-range-thumb{
  border-color:var(--nomad-color-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--nomad-color-accent) 15%,transparent),
             0 0 18px color-mix(in srgb,var(--nomad-color-accent) 75%,transparent);
}

@keyframes nomadColorIn{
  from{opacity:0;transform:scale(.96) translateY(10px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
.nomad-product-view.color-entering{
  animation:nomadColorIn .42s cubic-bezier(.2,.8,.2,1) both;
}

/* NOMAD: horizontal swipe is the color selector; vertical swipe remains page navigation. */
.nomad-product-stage{overscroll-behavior-x:contain;}

/* NOMAD horizontal color gesture hint */
.nomad-swipe-hint{
  position:absolute;
  left:50%;
  top:18%;
  transform:translateX(-50%);
  z-index:12;
  display:flex;
  align-items:center;
  gap:9px;
  pointer-events:none;
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:600;
  letter-spacing:.28em;
  white-space:nowrap;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
  animation:nomadHintFloat 2.4s ease-in-out infinite;
}
.nomad-swipe-arrow{
  font-size:22px;
  line-height:1;
  letter-spacing:0;
  opacity:.95;
  animation:nomadHintSlide 1.5s ease-in-out infinite;
}
@keyframes nomadHintFloat{
  0%,100%{opacity:.58}
  50%{opacity:1}
}
@keyframes nomadHintSlide{
  0%,100%{transform:translateX(-5px)}
  50%{transform:translateX(5px)}
}
.nomad-swipe-hint.hidden{
  opacity:0;
  transition:opacity .35s ease;
}
@media(max-width:600px){
  .nomad-swipe-hint{
    top:15%;
    font-size:9px;
    letter-spacing:.22em;
  }
  .nomad-swipe-arrow{font-size:20px}
}

/* NOMAD — liquid paint drop view selector */
.nomad-view-control{
  width:min(74vw,420px);
  margin:0 auto;
  position:relative;
}
.nomad-view-control .nomad-slider-wrap{
  width:100%;
  margin:0;
  padding:9px 0 2px;
}
.nomad-view-control .nomad-slider{
  height:3px;
  background:linear-gradient(90deg,#f5a0ff 0%,#f5a0ff 0%,#ffffff4d 0%,#ffffff4d 100%);
}
.nomad-view-control .nomad-slider::-webkit-slider-thumb{
  width:30px;height:30px;border:0;
  background:radial-gradient(circle at 42% 30%,#f5b7ff 0 10%,#d94cff 38%,#a62bc0 72%,#76208e 100%);
  border-radius:52% 48% 55% 45%;
  box-shadow:0 3px 12px #19001f88,0 0 17px #d94cff88;
  position:relative;
}
.nomad-view-control .nomad-slider::-moz-range-thumb{
  width:30px;height:30px;border:0;
  background:radial-gradient(circle at 42% 30%,#f5b7ff 0 10%,#d94cff 38%,#a62bc0 72%,#76208e 100%);
  border-radius:52% 48% 55% 45%;
  box-shadow:0 3px 12px #19001f88,0 0 17px #d94cff88;
}
/* Small liquid tail under the drop */
.nomad-view-control:after{
  content:"";
  position:absolute;
  left:calc(var(--nomad-view-pct, 0%) - 2px);
  top:31px;
  width:5px;height:8px;
  border-radius:50% 50% 60% 60%;
  background:#c83ed8;
  filter:drop-shadow(0 2px 4px #26002e88);
  transform:translateX(-50%);
  pointer-events:none;
  transition:left .35s cubic-bezier(.2,.8,.2,1);
}
.nomad-other-view{
  margin-top:8px;
  text-align:center;
  font-size:8px;
  letter-spacing:.42em;
  color:#ffffff9c;
  text-transform:uppercase;
  user-select:none;
}


/* NOMAD — multicolor ink cue beside SLIDE ON BOX */
.nomad-swipe-hint{
  display:flex;align-items:center;justify-content:center;gap:9px;
}
.nomad-color-ink{
  position:relative;display:inline-block;width:40px;height:25px;margin-left:2px;
  transform:rotate(-7deg);filter:drop-shadow(0 3px 5px rgba(0,0,0,.28));
}
.nomad-color-ink i,.nomad-color-ink b,.nomad-color-ink em{
  position:absolute;display:block;margin:0;padding:0;font-style:normal;
  border-radius:48% 58% 45% 60%;opacity:.94;
}
.nomad-color-ink i:nth-child(1){width:15px;height:12px;left:0;top:7px;background:#ff3d62;transform:rotate(17deg)}
.nomad-color-ink i:nth-child(2){width:16px;height:14px;left:9px;top:2px;background:#ffd83d;transform:rotate(-14deg)}
.nomad-color-ink i:nth-child(3){width:15px;height:13px;left:19px;top:8px;background:#35c9ff;transform:rotate(19deg)}
.nomad-color-ink i:nth-child(4){width:13px;height:11px;left:28px;top:3px;background:#b74cff;transform:rotate(-18deg)}
.nomad-color-ink b{width:6px;height:8px;left:7px;top:16px;background:#ff3d62;border-radius:50% 50% 60% 60%}
.nomad-color-ink em{width:5px;height:7px;left:27px;top:17px;background:#b74cff;border-radius:50% 50% 60% 60%}

/* More organic purple paint drop */
.nomad-view-control .nomad-slider::-webkit-slider-thumb{
  width:32px;height:32px;
  border-radius:58% 42% 54% 46%;
  clip-path:polygon(50% 0%,67% 13%,83% 28%,96% 47%,91% 67%,76% 84%,57% 100%,39% 92%,21% 86%,7% 67%,4% 47%,14% 29%,31% 12%);
  background:radial-gradient(circle at 38% 27%,#f9c8ff 0 9%,#df55ef 30%,#b72dca 66%,#7c1d92 100%);
}
.nomad-view-control .nomad-slider::-moz-range-thumb{
  width:32px;height:32px;border:0;
  border-radius:58% 42% 54% 46%;
  clip-path:polygon(50% 0%,67% 13%,83% 28%,96% 47%,91% 67%,76% 84%,57% 100%,39% 92%,21% 86%,7% 67%,4% 47%,14% 29%,31% 12%);
  background:radial-gradient(circle at 38% 27%,#f9c8ff 0 9%,#df55ef 30%,#b72dca 66%,#7c1d92 100%);
}
.nomad-view-control:after{
  width:6px;height:10px;top:32px;
  border-radius:55% 45% 65% 35%;
  background:#a92bbd;
}
@media(max-width:600px){
  .nomad-swipe-hint{gap:7px;font-size:8px}
  .nomad-color-ink{transform:scale(.9) rotate(-7deg);transform-origin:left center}
}

/* === NOMAD INFO MODE === */
.nomad-info-trigger{
  position:absolute;
  z-index:20;
  right:clamp(18px,7vw,105px);
  top:65%;
  transform:translateY(-50%);
  width:50px;height:82px;
  border:1px solid rgba(236,106,255,.75);
  border-radius:18px;
  background:rgba(28,4,35,.54);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  box-shadow:0 0 0 5px rgba(213,63,238,.06),0 0 16px rgba(221,73,255,.72),inset 0 0 15px rgba(221,73,255,.14);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,opacity .3s ease;
}
.nomad-info-trigger:hover{transform:translateY(-50%) scale(1.07);box-shadow:0 0 0 7px rgba(213,63,238,.08),0 0 28px rgba(221,73,255,.9),inset 0 0 20px rgba(221,73,255,.2)}
.nomad-info-trigger span{font-family:Georgia,serif;font-size:25px;font-weight:700;line-height:1;font-style:italic;text-shadow:0 0 10px #ed70ff}
.nomad-info-trigger small{position:absolute;bottom:8px;font-size:7px;letter-spacing:.28em;color:#fff9;white-space:nowrap}
.nomad-section.info-open .nomad-info-trigger{opacity:0;pointer-events:none}

.nomad-info-panel{
  position:absolute;inset:0;z-index:30;
  display:flex;flex-direction:column;
  padding:76px clamp(20px,5vw,70px) 28px;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:scale(.985);
  background:
    radial-gradient(ellipse at 50% 42%,rgba(218,65,204,.19) 0%,rgba(157,27,129,.08) 36%,transparent 65%),
    linear-gradient(180deg,rgba(14,2,19,.98),rgba(34,5,38,.96));
  transition:opacity .38s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility .38s;
}
.nomad-section.info-open .nomad-info-panel{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}
.nomad-section.info-open .nomad-product-stage,
.nomad-section.info-open .nomad-swipe-hint,
.nomad-section.info-open .nomad-view-control{opacity:0!important;pointer-events:none!important}
.nomad-info-head{display:flex;justify-content:space-between;align-items:center;color:#ffffffaa;font-size:9px;letter-spacing:.38em;text-transform:uppercase}
.nomad-info-head button{width:42px;height:42px;border:1px solid #d94cff88;border-radius:50%;background:#19051e;color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 0 17px #d94cff55;transition:.25s ease}
.nomad-info-head button:hover{transform:rotate(90deg);box-shadow:0 0 26px #d94cffaa}
.nomad-info-canvas{position:relative;flex:1;min-height:0;margin-top:2px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}
.nomad-info-canvas.is-dragging{cursor:grabbing}
.nomad-info-art{position:relative;width:min(100%,calc((100dvh - 150px) * 1.3333));aspect-ratio:4 / 3;flex:none;transform:translate3d(0,0,0) scale(1);transform-origin:center center;will-change:transform;transition:transform .18s ease}
.nomad-info-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 25px 35px rgba(0,0,0,.65))}
.nomad-info-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.info-line-group{opacity:.34;transition:opacity .28s ease,filter .28s ease}
.info-line-group polyline{fill:none;stroke:#e861ff;stroke-width:1.45;vector-effect:non-scaling-stroke;filter:url(#neonGlow);opacity:.95;transition:stroke .28s ease,stroke-width .28s ease}
.info-line-group circle{fill:#f3b2ff;stroke:#d94cff;stroke-width:1.4;filter:url(#neonGlow);transition:transform .28s ease,fill .28s ease}
.nomad-info-art.feature-active .info-line-group.active{opacity:1;filter:drop-shadow(0 0 7px rgba(222,77,255,.8))}
.nomad-info-art.feature-active .info-line-group.active polyline{stroke:#ffb5ff;stroke-width:2.1}
.nomad-info-art.feature-active .info-line-group.active circle{fill:#fff;stroke:#f05cff}
.info-label{position:absolute;display:flex;flex-direction:column;gap:4px;color:#fff;text-shadow:0 2px 10px #000;font-size:9px;letter-spacing:.16em;text-transform:uppercase;line-height:1.25;text-align:left;border:0;background:rgba(17,2,22,.18);padding:7px 9px;border-radius:10px;cursor:pointer;font:inherit;appearance:none;-webkit-appearance:none;transition:color .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease;z-index:3}
.info-label strong{font-size:10px;color:#f0b2ff;letter-spacing:.2em;transition:color .28s ease,text-shadow .28s ease}
.info-label span{font-size:7px;letter-spacing:.12em;color:#fff9;text-transform:none}
.info-label:hover,.info-label.active{background:rgba(176,38,200,.14);box-shadow:0 0 20px rgba(216,73,255,.12),inset 0 0 12px rgba(216,73,255,.08);transform:translateY(-2px)}
.info-label.active strong{color:#fff;text-shadow:0 0 12px #e85bff}
.info-label.active span{color:#fff}

.label-1{left:5.5%;top:14%}
.label-2{left:5.5%;top:34%}
.label-3{left:5.5%;top:63%}
.label-4{right:5.5%;top:63%;text-align:left}
.label-5{right:5.5%;top:80%;text-align:left}
.nomad-info-footer{text-align:center;font-size:8px;letter-spacing:.48em;color:#fff7;text-transform:uppercase;padding-top:6px}

@media(max-width:700px){
  .nomad-info-trigger{right:12px;top:65%;width:44px;height:74px;border-radius:16px}
  .nomad-info-trigger span{font-size:22px}
  .nomad-info-panel{padding:72px 10px 20px}
  .nomad-info-head{padding:0 6px}
  .nomad-info-canvas{margin-top:8px}
  .info-label strong{font-size:7px;letter-spacing:.12em}
  .info-label span{font-size:6px;letter-spacing:.05em}
  .label-1{left:0;top:11%}
  .label-2{left:0;top:31%}
  .label-3{left:0;top:63%}
  .label-4{right:0;top:63%;text-align:left}
  .label-5{right:0;top:80%;text-align:left}
  .nomad-info-footer{font-size:6px;letter-spacing:.32em}
}

/* THE STORY — OTB */
.story-page{position:absolute;inset:0;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;z-index:2;transform:translateY(100%);transition:transform .82s cubic-bezier(.76,0,.18,1);background:radial-gradient(circle at 50% 42%,#a62aa055 0%,#7d1b7730 25%,transparent 55%),linear-gradient(150deg,#170718 0%,#42103f 46%,#130512 100%);}
.home.about-active .story-page{transform:translateY(-100%)}
.home.story-active .story-page{transform:translateY(0)}
.story-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 25%,#07010788 100%);pointer-events:none}
.story-inner{position:relative;width:min(980px,88vw);height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 0;opacity:0;transform:translateY(38px);transition:opacity .65s ease .18s,transform .72s cubic-bezier(.16,1,.3,1) .18s}
.home.story-active .story-inner{opacity:1;transform:translateY(0)}
.story-kicker{font-size:10px;letter-spacing:.48em;color:#e9b8ff;text-transform:uppercase;margin-bottom:26px}
.story-page h2{margin:0;text-transform:uppercase;font-size:clamp(48px,9vw,108px);line-height:.82;letter-spacing:-.065em;font-weight:900;color:#fff;text-shadow:0 0 28px #d93cf055}
.story-page h2 span{color:#c34bea;text-shadow:0 0 24px #c34bea99}
.story-copy{margin-top:42px;max-width:680px;color:#ead9eb;font-size:clamp(13px,1.5vw,17px);line-height:1.65;letter-spacing:.025em}
.story-copy p{margin:0 0 20px}.story-copy strong{color:#fff;font-weight:800}
.story-statements{display:flex;flex-direction:column;gap:9px;margin:34px 0 38px;font-size:clamp(12px,1.4vw,16px);font-weight:800;letter-spacing:.16em;color:#fff}
.story-statements span:nth-child(1){color:#f0b9ff}.story-statements span:nth-child(2){color:#d77af0}.story-statements span:nth-child(3){color:#bf3fe3}
.story-signature{font-size:clamp(20px,3vw,34px);font-weight:900;letter-spacing:.2em;color:#fff;text-shadow:0 0 20px #b52de988}
@media(max-width:700px){.story-inner{width:84vw;padding:60px 0}.story-kicker{font-size:8px;letter-spacing:.38em;margin-bottom:22px}.story-page h2{font-size:56px}.story-copy{margin-top:32px;font-size:12.5px;line-height:1.55}.story-statements{font-size:11px;letter-spacing:.1em;margin:28px 0 32px}.story-signature{font-size:20px;letter-spacing:.13em}}


/* THE FIRST DROP — dedicated page opened from the home screen */
.drop-page{position:absolute;inset:0;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;z-index:20;transform:translateY(100%);visibility:hidden;opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.76,0,.18,1),opacity .25s ease,visibility 0s linear .5s;background:
  radial-gradient(circle at 50% 28%,rgba(231,75,224,.22),transparent 34%),
  radial-gradient(circle at 50% 78%,rgba(153,34,158,.16),transparent 38%),
  linear-gradient(155deg,#120313 0%,#351032 46%,#100211 100%);}
.drop-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(4,0,7,.72) 100%);pointer-events:none}
.drop-glow{position:absolute;width:62vw;height:42vw;max-width:760px;max-height:500px;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(221,65,220,.16),transparent 68%);filter:blur(28px);pointer-events:none}
.drop-inner{position:relative;width:min(900px,88vw);height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 0}
.drop-kicker{font-size:9px;letter-spacing:.5em;color:#eabaff;text-transform:uppercase;margin-bottom:18px}
.drop-product{font-size:clamp(15px,2vw,22px);font-weight:900;letter-spacing:.55em;color:#fff;margin-left:.55em;text-shadow:0 0 22px rgba(229,81,255,.45)}
.drop-page h2{margin:16px 0 22px;font-size:clamp(64px,12vw,142px);line-height:.78;letter-spacing:-.075em;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:0 0 34px rgba(224,64,232,.18)}
.drop-page h2 span{color:#c84bed;text-shadow:0 0 28px rgba(204,73,237,.7)}
.drop-divider{width:min(330px,55vw);height:1px;background:linear-gradient(90deg,transparent,#ee7bff,transparent);box-shadow:0 0 12px rgba(231,91,255,.65);margin:4px 0 25px}
.drop-meta{width:min(540px,82vw);display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.12);padding:17px 0}
.drop-meta>div:first-child{display:flex;flex-direction:column;gap:6px}.drop-meta span{font-size:8px;letter-spacing:.35em;color:#ffffff9c}.drop-meta strong{font-size:clamp(13px,1.7vw,18px);letter-spacing:.15em;color:#fff}.drop-counter{display:flex;align-items:baseline;gap:3px}.drop-counter strong{font-size:clamp(34px,5vw,54px);line-height:1;color:#f2a0ff;text-shadow:0 0 18px rgba(221,69,255,.6)}.drop-counter small{font-size:10px;letter-spacing:.16em;color:#fff8}.drop-coming{margin:26px 0 20px;font-size:9px;letter-spacing:.38em;color:#fff;animation:dropPulse 2.6s ease-in-out infinite}.drop-notify{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:205px;padding:15px 22px;border:1px solid rgba(234,95,255,.72);background:rgba(164,25,183,.13);font-size:8px;letter-spacing:.32em;box-shadow:0 0 22px rgba(215,60,255,.13),inset 0 0 18px rgba(215,60,255,.07);transition:.3s ease}.drop-notify span{color:#f0a4ff}.drop-notify:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(215,60,255,.28),inset 0 0 22px rgba(215,60,255,.11)}.drop-back{position:absolute;z-index:3;top:27px;left:5.5vw;border:0;background:transparent;color:#ffffffaa;font-size:8px;letter-spacing:.28em;padding:12px 0;cursor:pointer;transition:.25s ease}.drop-back:hover{color:#fff;transform:translateX(-3px)}
.home.drop-open .drop-page{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto;transition:transform .5s cubic-bezier(.76,0,.18,1),opacity .25s ease,visibility 0s}
.home.drop-open .drop-inner{animation:dropIn .7s cubic-bezier(.16,1,.3,1) .08s both}
@keyframes dropIn{from{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dropPulse{0%,100%{opacity:.62}50%{opacity:1}}
@media(max-width:700px){.drop-inner{width:86vw;padding:58px 0}.drop-kicker{font-size:7px;letter-spacing:.36em}.drop-product{font-size:14px;letter-spacing:.42em;margin-left:.42em}.drop-page h2{font-size:66px;margin:14px 0 22px}.drop-meta{width:82vw;padding:15px 0}.drop-meta span{font-size:7px;letter-spacing:.25em}.drop-meta strong{font-size:13px}.drop-coming{font-size:7px;letter-spacing:.28em;margin:24px 0 18px}.drop-notify{min-width:190px;padding:14px 18px;font-size:7px}.drop-back{top:20px;left:6vw;font-size:7px}}

/* JOIN OTB CREW — instant violet flash before Telegram */
.crew-flash{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,205,255,.92) 0%,rgba(219,72,255,.42) 16%,rgba(146,28,181,.16) 42%,transparent 68%),
    rgba(112,18,139,.08);
  mix-blend-mode:screen;
}
.crew-flash.play{animation:crewFlash .24s cubic-bezier(.2,.8,.2,1) both;}
@keyframes crewFlash{
  0%{opacity:0;transform:scale(.985)}
  30%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.018)}
}
.crew-link{transition:transform .18s ease,filter .18s ease,text-shadow .18s ease,box-shadow .18s ease!important;}
.crew-link:active{transform:scale(.97)!important;filter:brightness(1.45);}
body.crew-launching .crew-link{filter:brightness(1.5);text-shadow:0 0 18px rgba(231,91,255,.95);}
@media(prefers-reduced-motion:reduce){.crew-flash.play{animation:none;opacity:.65;transition:opacity .08s ease;}.crew-link{transition:none!important;}}

/* FINAL PAGE — OTB signature */
.final-page{
  position:absolute;inset:0;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;z-index:5;
  transform:translateY(100%);transition:transform .82s cubic-bezier(.76,0,.18,1);
  background:
    radial-gradient(circle at 50% 42%,rgba(164,36,177,.18) 0%,transparent 35%),
    radial-gradient(circle at 50% 75%,rgba(104,22,119,.14) 0%,transparent 42%),
    linear-gradient(160deg,#050106 0%,#160617 48%,#030104 100%);
}
.final-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.72) 100%);pointer-events:none}
.home.final-active .final-page{transform:translateY(0)}
.final-glow{position:absolute;width:58vw;height:42vw;max-width:760px;max-height:520px;left:50%;top:39%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(208,53,222,.12),transparent 68%);filter:blur(32px);pointer-events:none}
.final-inner{position:relative;width:min(900px,88vw);height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 0 54px}
.final-logo{display:block;width:min(760px,86vw);max-height:31vh;object-fit:contain;filter:drop-shadow(0 0 18px rgba(194,61,210,.22)) drop-shadow(0 0 42px rgba(133,25,151,.14));animation:finalLogoFloat 4.8s ease-in-out infinite}
.final-crew-label{margin-top:32px;color:#fff;font-size:clamp(22px,3.2vw,38px);font-weight:900;letter-spacing:.18em;text-shadow:0 0 22px rgba(215,63,235,.45)}
.final-diamonds{display:flex;gap:13px;margin:20px 0 23px;align-items:center}
.final-diamonds span{width:9px;height:9px;display:block;background:#c74ce4;transform:rotate(45deg);box-shadow:0 0 11px rgba(213,72,239,.75);animation:finalDiamondPulse 2.2s ease-in-out infinite}
.final-diamonds span:nth-child(2){animation-delay:.18s}.final-diamonds span:nth-child(3){animation-delay:.36s}
.final-telegram{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:190px;padding:14px 22px;border:1px solid rgba(232,112,255,.68);background:rgba(142,23,158,.1);color:#fff;font-size:8px;letter-spacing:.34em;box-shadow:0 0 22px rgba(210,55,231,.12),inset 0 0 18px rgba(210,55,231,.05);transition:.25s ease}
.final-telegram span{color:#eea4ff}.final-telegram:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(210,55,231,.28),inset 0 0 22px rgba(210,55,231,.1)}
.final-links{display:flex;gap:9px;margin-top:31px;color:#ffffff8c;font-size:7px;letter-spacing:.34em}
.final-copyright{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:100%;color:#ffffff59;font-size:6px;letter-spacing:.34em;text-align:center}
@keyframes finalLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes finalDiamondPulse{0%,100%{opacity:.5;transform:rotate(45deg) scale(.85)}50%{opacity:1;transform:rotate(45deg) scale(1.08)}}
@media(max-width:700px){
  .final-inner{width:88vw;padding:54px 0 50px}
  .final-logo{width:88vw;max-height:28vh}
  .final-crew-label{margin-top:28px;font-size:21px;letter-spacing:.14em}
  .final-diamonds{margin:17px 0 21px;gap:12px}
  .final-diamonds span{width:8px;height:8px}
  .final-telegram{min-width:180px;padding:14px 19px;font-size:7px}
  .final-links{margin-top:27px;font-size:6px;letter-spacing:.27em}
  .final-copyright{bottom:17px;font-size:5px;letter-spacing:.25em}
}
@media(prefers-reduced-motion:reduce){.final-logo,.final-diamonds span{animation:none!important}}

/* ABOUT US — intentionally secondary and compact */
.about-page{padding:72px 7vw 52px;background:radial-gradient(circle at 50% 18%,#e447cf22,transparent 38%),linear-gradient(150deg,#401044,#651650 48%,#22081f)}
.about-inner{width:min(650px,82vw);margin:0 auto;transform:translateY(24px)}
.about-page h2{font-size:clamp(40px,6.5vw,78px);margin-bottom:24px;opacity:.9}
.about-copy{max-width:620px;font-size:13px;line-height:1.5;opacity:.78}
.about-copy p{margin-bottom:11px}
.about-final{font-size:16px!important;line-height:1.25}
.about-welcome{font-size:9px!important;letter-spacing:.2em}
@media(max-width:700px){
  .about-page{padding:58px 8vw 42px}
  .about-inner{width:78vw;padding-top:18px}
  .about-page h2{font-size:44px;margin-bottom:20px}
  .about-copy{font-size:11px;line-height:1.42}
  .about-copy p{margin-bottom:10px}
  .about-final{font-size:14px!important}
  .about-welcome{font-size:8px!important}
}


/* === POINT 6 — MICRO-ANIMATIONS / MOBILE FINISH === */
/* Subtle ambient particles: decorative only, never block interaction. */
.micro-particles{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.55}
.micro-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#eaa0ff;box-shadow:0 0 8px rgba(224,76,255,.8);opacity:0;animation:microParticleFloat var(--pd,7s) ease-in-out var(--ps,0s) infinite}
@keyframes microParticleFloat{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.65)}
  18%{opacity:.55}
  52%{opacity:.25;transform:translate3d(var(--px,8px),-32px,0) scale(1)}
  82%{opacity:.48}
  100%{opacity:0;transform:translate3d(var(--px2,-10px),-74px,0) scale(.7)}
}

/* The brand reacts very slightly to device tilt / pointer movement. */
.logo-wrap{--logo-tilt-x:0deg;--logo-tilt-y:0deg}
.logo-wrap .logo{transform:perspective(900px) rotateX(var(--logo-tilt-y)) rotateY(var(--logo-tilt-x));transform-origin:center;will-change:transform}
@keyframes logoIdleMicro{0%,100%{filter:brightness(.91) contrast(1.04) drop-shadow(0 22px 10px #0008) drop-shadow(0 6px 28px #0005)}50%{filter:brightness(.96) contrast(1.05) drop-shadow(0 24px 12px #0008) drop-shadow(0 7px 31px rgba(210,65,230,.16)}}
.logo-wrap .logo{animation:logoIn 1.5s ease both,logoFloat 4.8s ease-in-out 1.5s infinite,logoIdleMicro 3.8s ease-in-out 1.8s infinite}

/* All tappable controls get a tiny premium light response. */
.cta,.menu-trigger,.menu-close,.nomad-info-trigger,.nomad-info-head button,.drop-notify,.drop-back,.final-telegram,.nomad-slider-wrap,.info-label{will-change:transform,filter,box-shadow}
.cta:hover,.drop-notify:hover,.drop-back:hover,.final-telegram:hover,.menu-trigger:hover .diamond,.menu-close:hover .diamond{filter:brightness(1.18) drop-shadow(0 0 10px rgba(226,83,255,.35))}
.cta:active,.drop-notify:active,.drop-back:active,.final-telegram:active,.nomad-info-head button:active,.menu-trigger:active,.menu-close:active{transform:scale(.975)!important;filter:brightness(1.28)}

/* NOMAD floating motion: intentionally tiny so the product remains stable. */
.nomad-product-view.active img{animation:nomadFloat 4.8s ease-in-out infinite}
@keyframes nomadFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-4px,0) rotate(.15deg)}}
.nomad-product-view.color-entering img{animation:nomadFloatIn .42s cubic-bezier(.2,.8,.2,1) both,nomadFloat 4.8s ease-in-out .42s infinite}
@keyframes nomadFloatIn{from{opacity:.3;transform:scale(.965) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* INFO technical lines reveal progressively when the panel opens. */
.nomad-section.info-open .info-line-group{animation:infoLineReveal .55s cubic-bezier(.16,1,.3,1) both}
.nomad-section.info-open .info-line-group:nth-child(1){animation-delay:.08s}
.nomad-section.info-open .info-line-group:nth-child(2){animation-delay:.16s}
.nomad-section.info-open .info-line-group:nth-child(3){animation-delay:.24s}
.nomad-section.info-open .info-line-group:nth-child(4){animation-delay:.32s}
.nomad-section.info-open .info-line-group:nth-child(5){animation-delay:.40s}
@keyframes infoLineReveal{from{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:.34;transform:translateY(0);filter:none}}
.nomad-section.info-open .info-label{animation:infoLabelReveal .5s cubic-bezier(.16,1,.3,1) both}
.nomad-section.info-open .label-1{animation-delay:.10s}.nomad-section.info-open .label-2{animation-delay:.18s}.nomad-section.info-open .label-3{animation-delay:.26s}.nomad-section.info-open .label-4{animation-delay:.34s}.nomad-section.info-open .label-5{animation-delay:.42s}
@keyframes infoLabelReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Stronger but still short feedback when changing page / swiping. */
body.page-swiping .home:after{animation:swipeAmbient .34s ease both}
body.page-swiping .nomad-product-stage{filter:drop-shadow(0 0 10px rgba(219,72,255,.12))}
@keyframes swipeAmbient{0%{opacity:.1}45%{opacity:.5}100%{opacity:.1}}

@media(max-width:700px){
  .micro-particles{opacity:.42}
  .micro-particle{width:1.5px;height:1.5px}
  .nomad-product-view.active img{animation-duration:5.4s}
}
@media(prefers-reduced-motion:reduce){
  .micro-particles{display:none}
  .nomad-product-view.active img,.nomad-product-view.color-entering img{animation:none!important}
  .nomad-section.info-open .info-line-group,.nomad-section.info-open .info-label{animation:none!important}
}


/* ORDER CONTACT — refined secondary action */
.order-contact-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-width:178px;padding:9px 17px;border:1px solid rgba(231,126,255,.52);
  border-radius:999px;background:rgba(142,23,164,.12);color:rgba(255,255,255,.88);
  font-size:7px;font-weight:600;letter-spacing:.24em;text-decoration:none;
  box-shadow:0 0 14px rgba(196,51,231,.08), inset 0 0 12px rgba(196,51,231,.05);
  transition:transform .24s ease,filter .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.order-contact-cta span{font-size:10px;color:#e99aff;letter-spacing:0}
.order-contact-cta:hover{transform:translateY(-1px);filter:brightness(1.14);background:rgba(169,29,190,.2);border-color:rgba(239,137,255,.82);box-shadow:0 0 20px rgba(205,55,238,.18), inset 0 0 14px rgba(205,55,238,.08)}
.order-contact-cta:active{transform:scale(.975);filter:brightness(1.22)}

/* NOMAD order action — slim rounded pill above the view slider */
.nomad-order-cta{
  position:relative;z-index:15;
  display:flex;width:max-content;margin:0 auto 10px;
  align-items:center;justify-content:center;gap:8px;
  padding:8px 20px;border:1px solid rgba(231,126,255,.62);border-radius:999px;
  background:rgba(104,17,125,.14);color:rgba(255,255,255,.92);
  font-size:8px;font-weight:700;letter-spacing:.28em;text-decoration:none;
  box-shadow:0 0 16px rgba(200,55,235,.10),inset 0 0 12px rgba(200,55,235,.05);
  transition:transform .24s ease,filter .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.nomad-order-cta span{font-size:10px;color:#e99aff;letter-spacing:0}
.nomad-order-cta:hover{transform:translateY(-1px);filter:brightness(1.15);background:rgba(150,24,172,.2);border-color:rgba(242,150,255,.9);box-shadow:0 0 22px rgba(205,55,238,.2),inset 0 0 14px rgba(205,55,238,.08)}
.nomad-order-cta:active{transform:scale(.975);filter:brightness(1.22)}

@media(max-width:600px){
  .order-contact-cta{min-width:172px;padding:8px 15px;font-size:6.5px;letter-spacing:.2em}
  .nomad-order-cta{padding:7px 18px;font-size:7px;margin-bottom:9px}
}

/* ORDER buttons — rounded neon outline */
.order-contact-cta,.nomad-order-cta{
  border:1px solid rgba(228,105,255,.9)!important;
  border-radius:999px!important;
  background:rgba(93,10,119,.16)!important;
  color:#fff!important;
  box-shadow:0 0 7px rgba(211,62,255,.32),0 0 15px rgba(174,33,224,.16),inset 0 0 8px rgba(211,62,255,.07)!important;
}
.order-contact-cta:hover,.nomad-order-cta:hover,.order-contact-cta:active,.nomad-order-cta:active{
  border-color:rgba(242,154,255,1)!important;
  background:rgba(130,22,158,.24)!important;
  box-shadow:0 0 9px rgba(222,86,255,.42),0 0 20px rgba(190,43,238,.2),inset 0 0 10px rgba(222,86,255,.09)!important;
}

/* ORDER pills — clearer soft-neon finish */
.order-contact-cta,.nomad-order-cta{
  border:1.2px solid rgba(231,111,255,.95)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(151,31,181,.18),rgba(66,5,84,.18))!important;
  box-shadow:0 0 6px rgba(226,92,255,.52),0 0 16px rgba(183,42,231,.30),inset 0 0 10px rgba(225,91,255,.10)!important;
}
.order-contact-cta:active,.nomad-order-cta:active{
  box-shadow:0 0 9px rgba(239,128,255,.72),0 0 22px rgba(198,55,242,.38),inset 0 0 12px rgba(235,117,255,.14)!important;
}

/* ORDER BUTTON FINAL — rounded rectangle, not a pill */
.order-contact-cta{
  position:fixed;
  left:50%;
  bottom:7.5vh;
  transform:translateX(-50%);
  z-index:30;
  width:190px;
  min-width:0;
  height:38px;
  padding:0 16px;
  border-radius:13px!important;
  border:1px solid rgba(231,111,255,.92)!important;
  background:linear-gradient(180deg,rgba(151,31,181,.18),rgba(66,5,84,.18))!important;
  box-shadow:0 0 7px rgba(226,92,255,.42),0 0 16px rgba(183,42,231,.22),inset 0 0 10px rgba(225,91,255,.08)!important;
  font-size:7px;
  letter-spacing:.22em;
}
.order-contact-cta:hover{transform:translateX(-50%) translateY(-1px)!important}
.order-contact-cta:active{transform:translateX(-50%) scale(.975)!important}

.nomad-order-cta{
  width:170px;
  height:34px;
  margin:0 auto 10px;
  padding:0 16px;
  border-radius:12px!important;
  border:1px solid rgba(231,111,255,.92)!important;
  background:linear-gradient(180deg,rgba(151,31,181,.18),rgba(66,5,84,.18))!important;
  box-shadow:0 0 7px rgba(226,92,255,.42),0 0 16px rgba(183,42,231,.22),inset 0 0 10px rgba(225,91,255,.08)!important;
  font-size:7px;
  letter-spacing:.24em;
}
.nomad-order-cta:hover{transform:translateY(-1px)!important}
.nomad-order-cta:active{transform:scale(.975)!important}

@media(max-width:600px){
  .order-contact-cta{width:180px;height:36px;bottom:7vh;font-size:6.5px;letter-spacing:.19em}
  .nomad-order-cta{width:158px;height:32px;margin-bottom:9px;font-size:7px;letter-spacing:.22em}
}

/* FINAL ORDER BUTTON SHAPE — true rounded rectangle, clearly visible */
.order-contact-cta,
.nomad-order-cta{
  width:205px !important;
  min-width:205px !important;
  height:46px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(231,111,255,.88) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(168,39,190,.18),rgba(70,7,88,.22)) !important;
  color:rgba(255,255,255,.95) !important;
  box-shadow:0 0 8px rgba(220,80,255,.34),0 0 18px rgba(180,35,225,.14),inset 0 0 12px rgba(220,80,255,.08) !important;
  text-decoration:none !important;
}
.order-contact-cta{ margin-top:16px !important; }
.nomad-order-cta{ margin:0 auto 12px !important; }
.order-contact-cta:hover,
.nomad-order-cta:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(244,157,255,.98) !important;
  background:linear-gradient(180deg,rgba(182,45,205,.25),rgba(77,8,96,.25)) !important;
  box-shadow:0 0 10px rgba(229,99,255,.48),0 0 22px rgba(190,45,238,.2),inset 0 0 14px rgba(230,100,255,.1) !important;
}
@media(max-width:600px){
  .order-contact-cta,
  .nomad-order-cta{
    width:205px !important;
    min-width:205px !important;
    height:46px !important;
    border-radius:12px !important;
    font-size:7px !important;
    letter-spacing:.22em !important;
  }
  .order-contact-cta{margin-top:16px !important;}
}

/* ORDER BUTTONS — HARD OVERRIDE / FINAL */
.hero-actions .order-contact-cta {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  margin: 2px auto 0 !important;
  border: 1.5px solid rgba(232,112,255,.95) !important;
  border-radius: 12px !important;
  background: rgba(113,16,137,.22) !important;
  color: rgba(255,255,255,.95) !important;
  font-size: 7px !important;
  font-weight: 600 !important;
  letter-spacing: .19em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 0 5px rgba(224,87,255,.55), 0 0 15px rgba(194,44,238,.22), inset 0 0 10px rgba(225,90,255,.08) !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 50 !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
}
.hero-actions .order-contact-cta:hover,
.hero-actions .order-contact-cta:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(247,171,255,1) !important;
  background: rgba(142,23,164,.28) !important;
  box-shadow: 0 0 8px rgba(228,93,255,.7), 0 0 20px rgba(194,44,238,.28), inset 0 0 12px rgba(225,90,255,.12) !important;
}
.hero-actions .order-contact-cta:active {
  transform: scale(.97) !important;
}

.nomad-section .nomad-order-cta {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  margin: 0 auto 10px !important;
  border: 1.5px solid rgba(232,112,255,.95) !important;
  border-radius: 12px !important;
  background: rgba(113,16,137,.22) !important;
  color: rgba(255,255,255,.95) !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 0 5px rgba(224,87,255,.55), 0 0 15px rgba(194,44,238,.22), inset 0 0 10px rgba(225,90,255,.08) !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 50 !important;
}
.nomad-section .nomad-order-cta:hover,
.nomad-section .nomad-order-cta:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(247,171,255,1) !important;
  background: rgba(142,23,164,.28) !important;
  box-shadow: 0 0 8px rgba(228,93,255,.7), 0 0 20px rgba(194,44,238,.28), inset 0 0 12px rgba(225,90,255,.12) !important;
}
.nomad-section .nomad-order-cta:active { transform: scale(.97) !important; }

@media (max-width:600px){
  .hero-actions .order-contact-cta {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 7px !important;
  }
  .nomad-section .nomad-order-cta {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 12px !important;
    font-size: 7px !important;
  }
}


/* OTB ORDER BUTTONS — UNIQUE FINAL CLASSES */
.order-btn-home,
.order-btn-nomad{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  text-decoration:none !important;
  color:#fff !important;
  background:rgba(104,12,126,.28) !important;
  border:1.5px solid rgba(232,112,255,.95) !important;
  border-radius:12px !important;
  box-shadow:0 0 6px rgba(224,87,255,.62),0 0 18px rgba(194,44,238,.25),inset 0 0 12px rgba(225,90,255,.10) !important;
  text-shadow:0 0 8px rgba(245,180,255,.25) !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:100 !important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease !important;
}
.order-btn-home{
  width:205px !important;
  height:44px !important;
  margin:16px auto 0 !important;
  padding:0 14px !important;
  font-size:7px !important;
  font-weight:600 !important;
  letter-spacing:.20em !important;
  line-height:1 !important;
}
.order-btn-nomad{
  width:170px !important;
  height:36px !important;
  margin:0 auto 10px !important;
  padding:0 14px !important;
  font-size:7px !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  line-height:1 !important;
}
.order-btn-home::before,
.order-btn-nomad::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,170,255,.08),transparent 55%);
  pointer-events:none;
}
.order-btn-home:hover,.order-btn-nomad:hover,
.order-btn-home:focus-visible,.order-btn-nomad:focus-visible{
  transform:translateY(-1px) !important;
  border-color:#f5b0ff !important;
  background:rgba(139,21,163,.34) !important;
  box-shadow:0 0 9px rgba(229,99,255,.72),0 0 24px rgba(190,45,238,.28),inset 0 0 14px rgba(230,100,255,.12) !important;
  outline:none !important;
}
.order-btn-home:active,.order-btn-nomad:active{
  transform:scale(.975) !important;
}
@media(max-width:600px){
  .order-btn-home{width:205px !important;height:44px !important;margin-top:16px !important;border-radius:12px !important;font-size:7px !important;}
  .order-btn-nomad{width:170px !important;height:36px !important;margin-bottom:10px !important;border-radius:12px !important;font-size:7px !important;}
}

/* PRIMARY HOME CTAs — VISUAL HIERARCHY */
.hero-actions > .cta{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:205px !important;
  min-width:205px !important;
  max-width:205px !important;
  min-height:52px !important;
  padding:0 20px !important;
  box-sizing:border-box !important;
  border-radius:7px !important;
  border:1.5px solid rgba(255,255,255,.72) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(190,50,225,.08)) !important;
  box-shadow:0 0 10px rgba(255,255,255,.12),0 0 22px rgba(201,55,235,.22),inset 0 0 16px rgba(255,255,255,.045) !important;
  color:#fff !important;
  font-size:8.5px !important;
  font-weight:650 !important;
  letter-spacing:.30em !important;
  text-shadow:0 0 8px rgba(255,255,255,.25) !important;
  opacity:1 !important;
  z-index:60 !important;
}
.hero-actions > .cta::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.hero-actions > .cta:hover::after,
.hero-actions > .cta:focus-visible::after{transform:translateX(120%);}
.hero-actions > .cta:hover,
.hero-actions > .cta:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(255,255,255,.95) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(201,55,235,.12)) !important;
  box-shadow:0 0 14px rgba(255,255,255,.18),0 0 28px rgba(207,57,240,.34),inset 0 0 18px rgba(255,255,255,.06) !important;
  outline:none !important;
}
.hero-actions > .cta:active{transform:scale(.975) !important;}

/* ORDER stays intentionally secondary */
.hero-actions > .order-btn-home{
  width:205px !important;
  min-width:205px !important;
  max-width:205px !important;
  height:38px !important;
  min-height:38px !important;
  margin:13px auto 0 !important;
  border-radius:19px !important;
  border:1px solid rgba(205,91,230,.58) !important;
  background:rgba(95,10,113,.12) !important;
  box-shadow:0 0 4px rgba(205,91,230,.24),0 0 10px rgba(194,44,238,.10),inset 0 0 7px rgba(225,90,255,.04) !important;
  font-size:6.3px !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
  text-shadow:none !important;
}
.hero-actions > .order-btn-home:hover,
.hero-actions > .order-btn-home:focus-visible{
  border-color:rgba(226,137,244,.8) !important;
  background:rgba(105,14,125,.18) !important;
  box-shadow:0 0 6px rgba(214,100,239,.34),0 0 13px rgba(194,44,238,.14) !important;
}

@media(max-width:600px){
  .hero-actions > .cta{width:205px !important;min-width:205px !important;max-width:205px !important;min-height:52px !important;font-size:8.5px !important;border-radius:7px !important;}
  .hero-actions > .order-btn-home{width:205px !important;height:38px !important;min-height:38px !important;border-radius:19px !important;font-size:6.3px !important;margin-top:13px !important;}
}


/* HOME SWIPE HINT — definitive visible version */
.home-swipe-hint{
  position:absolute !important;
  left:50% !important;
  bottom:22px !important;
  transform:translateX(-50%) !important;
  z-index:9999 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  width:70px !important;
  height:52px !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.home-swipe-arrows{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:30px !important;
  gap:0 !important;
}
.home-swipe-arrows span{
  display:block !important;
  width:100% !important;
  height:9px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:#fff !important;
  font-family:Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:10px !important;
  text-align:center !important;
  text-shadow:0 0 5px rgba(220,80,255,.95),0 0 14px rgba(190,40,255,.75) !important;
  animation:otbSwipeUp 1.35s ease-in-out infinite !important;
}
.home-swipe-arrows span:nth-child(1){animation-delay:0s !important;opacity:.35 !important}
.home-swipe-arrows span:nth-child(2){animation-delay:.16s !important;opacity:.65 !important}
.home-swipe-arrows span:nth-child(3){animation-delay:.32s !important;opacity:1 !important}
.home-swipe-label{
  display:block !important;
  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.38em !important;
  color:#fff !important;
  text-indent:.38em !important;
  text-shadow:0 0 7px rgba(213,80,246,.8) !important;
  animation:otbSwipeText 1.5s ease-in-out infinite !important;
}
@keyframes otbSwipeUp{
  0%,100%{transform:translateY(7px) scale(.9);opacity:.2}
  45%,65%{transform:translateY(-3px) scale(1);opacity:1}
}
@keyframes otbSwipeText{
  0%,100%{opacity:.45;transform:translateY(2px)}
  50%{opacity:1;transform:translateY(0)}
}
@media(max-width:600px){.home-swipe-hint{bottom:20px !important}}
@media(prefers-reduced-motion:reduce){.home-swipe-arrows span,.home-swipe-label{animation:none !important}}


/* FINAL SWIPE HINT — SWIPE FIRST, ANIMATED ARROWS UNDERNEATH */
.home-swipe-hint{
  bottom:18px !important;
  width:90px !important;
  height:72px !important;
  gap:5px !important;
  flex-direction:column !important;
}
.home-swipe-label{
  order:1 !important;
  font-size:8px !important;
  letter-spacing:.42em !important;
  text-indent:.42em !important;
  animation:otbSwipeLabelFinal 1.25s ease-in-out infinite !important;
}
.home-swipe-arrows{
  order:2 !important;
  width:34px !important;
  height:34px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
}
.home-swipe-arrows span{
  display:block !important;
  width:13px !important;
  height:13px !important;
  box-sizing:border-box !important;
  border-left:2px solid #fff !important;
  border-top:2px solid #fff !important;
  border-radius:2px 0 0 0 !important;
  transform:rotate(45deg) !important;
  margin:-2px 0 0 !important;
  padding:0 !important;
  opacity:0 !important;
  text-shadow:none !important;
  animation:otbArrowFinal 1.35s cubic-bezier(.45,0,.55,1) infinite !important;
}
.home-swipe-arrows span:nth-child(1){animation-delay:0s !important}
.home-swipe-arrows span:nth-child(2){animation-delay:.18s !important}
.home-swipe-arrows span:nth-child(3){animation-delay:.36s !important}
@keyframes otbArrowFinal{
  0%{opacity:0;transform:translateY(9px) rotate(45deg) scale(.65)}
  20%{opacity:.35;transform:translateY(5px) rotate(45deg) scale(.78)}
  55%{opacity:1;transform:translateY(-1px) rotate(45deg) scale(1)}
  80%{opacity:.65;transform:translateY(-5px) rotate(45deg) scale(.92)}
  100%{opacity:0;transform:translateY(-10px) rotate(45deg) scale(.72)}
}
@keyframes otbSwipeLabelFinal{
  0%,100%{opacity:.45;transform:translateY(2px);text-shadow:0 0 4px rgba(210,70,255,.45)}
  50%{opacity:1;transform:translateY(0);text-shadow:0 0 8px rgba(220,80,255,.9),0 0 18px rgba(190,40,255,.45)}
}
@media(max-width:600px){.home-swipe-hint{bottom:18px !important}}
@media(prefers-reduced-motion:reduce){.home-swipe-arrows span,.home-swipe-label{animation:none !important}}