/* Rayzo.z UI v2 — kinetic editorial dashboard */
:root{
  --ui-bg:#08090b;
  --ui-surface:#101216;
  --ui-surface-2:#171a20;
  --ui-line:rgba(255,255,255,.10);
  --ui-line-strong:rgba(255,255,255,.18);
  --ui-text:#f7f5ef;
  --ui-muted:#9299a5;
  --ui-orange:#ffb344;
  --ui-orange-hot:#ff6b3d;
  --ui-cyan:#7fe4df;
  --ui-display:var(--display,'Anton',Impact,sans-serif);
  --ui-body:var(--body,'Work Sans',Inter,system-ui,sans-serif);
  --ui-ease:cubic-bezier(.16,.84,.44,1);
}
html{background:var(--ui-bg)}
body{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:var(--ui-body)!important}
body::before{opacity:.72!important;background:radial-gradient(60rem 34rem at 80% -10%,rgba(255,179,68,.13),transparent 62%),radial-gradient(40rem 28rem at 4% 38%,rgba(127,228,223,.07),transparent 65%),linear-gradient(120deg,transparent 0 49.7%,rgba(255,255,255,.045) 49.8% 49.9%,transparent 50% 100%)!important}
body::after{opacity:.025!important}

/* Home shell */
body:has(>.booster-progress) header{height:76px;padding:0 clamp(18px,5vw,78px)!important;background:rgba(8,9,11,.76)!important;border-bottom:1px solid var(--ui-line)!important;backdrop-filter:blur(20px)!important}
body:has(>.booster-progress) header::after{content:'VISUAL SYSTEM / 2026';color:var(--ui-cyan);font:500 .58rem var(--mono,monospace);letter-spacing:.16em;position:absolute;right:clamp(18px,5vw,78px);bottom:-25px;opacity:.6}
body:has(>.booster-progress) .logo{font-family:var(--ui-display)!important;font-size:1.85rem!important;letter-spacing:-.04em!important}
body:has(>.booster-progress) .logo::before{content:'// ';font:600 .65rem var(--mono,monospace);color:var(--ui-cyan);vertical-align:middle;letter-spacing:0}
body:has(>.booster-progress) .logo span{color:var(--ui-orange)!important}
body:has(>.booster-progress) nav.links{gap:22px!important}
body:has(>.booster-progress) nav.links a{font-size:.68rem!important;letter-spacing:.17em!important;color:#a7adb6!important}
body:has(>.booster-progress) nav.links a:hover{color:var(--ui-orange)!important}
body:has(>.booster-progress) .upload-btn{background:var(--ui-orange)!important;color:#16110a!important;border-radius:4px!important;padding:11px 18px!important;font-weight:800!important;letter-spacing:.1em}
body:has(>.booster-progress) .btn-primary{background:var(--ui-orange)!important;color:#171109!important;border-radius:5px!important;box-shadow:0 13px 30px rgba(255,179,68,.18)}
body:has(>.booster-progress) .btn-ghost{border-color:var(--ui-line-strong)!important;border-radius:5px!important}
body:has(>.booster-progress) .hero{min-height:calc(100svh - 76px)!important;padding:clamp(82px,10vw,150px) clamp(18px,7vw,110px) 70px!important;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(350px,.98fr)!important;gap:clamp(30px,5vw,100px)!important;align-items:center!important;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 34%)!important}
body:has(>.booster-progress) .hero::after{content:'RZ / 001';position:absolute;left:clamp(18px,7vw,110px);bottom:24px;color:var(--ui-cyan);font:500 .6rem var(--mono,monospace);letter-spacing:.24em}
body:has(>.booster-progress) .hero-copy{max-width:670px!important}
body:has(>.booster-progress) .hero-copy .eyebrow{display:inline-flex!important;align-items:center;gap:10px;color:var(--ui-cyan)!important;font:600 .66rem var(--mono,monospace)!important;letter-spacing:.2em!important}
body:has(>.booster-progress) .hero-copy .eyebrow::before{content:'↳';color:var(--ui-orange);font-size:1rem}
body:has(>.booster-progress) .hero h1{font-size:clamp(4.6rem,9.3vw,9.7rem)!important;line-height:.82!important;letter-spacing:-.075em!important;margin:23px 0 28px!important;text-wrap:balance}
body:has(>.booster-progress) .hero h1 em{color:var(--ui-orange)!important;font-style:normal;text-shadow:0 0 38px rgba(255,179,68,.18)}
body:has(>.booster-progress) .hero-copy>p{max-width:480px!important;font-size:1rem!important;color:#adb2b7!important;line-height:1.7!important}
body:has(>.booster-progress) .hero-actions{gap:10px!important;margin-top:30px!important}
body:has(>.booster-progress) .hero-actions>*{min-height:48px!important}
body:has(>.booster-progress) .surprise-btn{border:1px solid rgba(127,228,223,.35)!important;border-radius:5px!important;color:var(--ui-cyan)!important;background:rgba(127,228,223,.04)!important}
body:has(>.booster-progress) .booster-stats{display:flex!important;gap:10px!important;margin-top:46px!important}
body:has(>.booster-progress) .booster-stat{min-width:112px!important;padding:13px 15px!important;border:1px solid var(--ui-line)!important;background:rgba(255,255,255,.025)!important;border-radius:5px!important}
body:has(>.booster-progress) .booster-stat strong{font-size:1.35rem!important;color:var(--ui-orange)!important}
body:has(>.booster-progress) .booster-stat span{font-size:.62rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--ui-muted)!important}
body:has(>.booster-progress) .hero-wall{min-height:610px!important;align-self:stretch!important;position:relative!important;filter:drop-shadow(0 30px 70px rgba(0,0,0,.35))}
body:has(>.booster-progress) .hero-wall::before{content:'CURATED / LIVE';position:absolute;right:0;top:-26px;color:var(--ui-orange);font:600 .62rem var(--mono,monospace);letter-spacing:.2em}
body:has(>.booster-progress) .hero-wall::after{content:'';position:absolute;inset:5% 2% 2%;border:1px solid rgba(127,228,223,.16);border-radius:50%;transform:rotate(-18deg) skewX(-12deg);pointer-events:none}
body:has(>.booster-progress) .hero-wall .frame{border:1px solid rgba(255,255,255,.19)!important;border-radius:3px!important;background:#1b1f25!important;padding:9px!important;box-shadow:15px 18px 0 rgba(255,179,68,.08),0 28px 60px rgba(0,0,0,.55)!important;transition:transform .55s var(--ui-ease),box-shadow .35s ease!important}
body:has(>.booster-progress) .hero-wall .frame:hover{box-shadow:20px 25px 0 rgba(127,228,223,.10),0 36px 80px rgba(0,0,0,.7)!important}
body:has(>.booster-progress) .hero-wall .frame::after{content:'';position:absolute;inset:4px;border:1px solid rgba(255,255,255,.13);pointer-events:none}
body:has(>.booster-progress) .hero-wall .frame-plate{left:14px!important;bottom:14px!important;background:rgba(8,9,11,.78)!important;color:var(--ui-orange)!important;border-radius:2px!important;font:600 .58rem var(--mono,monospace)!important;letter-spacing:.12em!important}
body:has(>.booster-progress) .hero-wall .f1{top:10%!important;left:8%!important;transform:rotate(-8deg)!important}
body:has(>.booster-progress) .hero-wall .f2{top:2%!important;right:10%!important;transform:rotate(8deg)!important}
body:has(>.booster-progress) .hero-wall .f3{bottom:5%!important;left:25%!important;transform:rotate(5deg)!important}
body:has(>.booster-progress) .hero-wall .f4{right:1%!important;bottom:16%!important;transform:rotate(-7deg)!important}
body:has(>.booster-progress) .gallery-section, body:has(>.booster-progress) .rayzo-hub-section, body:has(>.booster-progress) .rayzo-plus-section, body:has(>.booster-progress) .upload-strip{background:transparent!important;padding-left:clamp(18px,7vw,110px)!important;padding-right:clamp(18px,7vw,110px)!important}
body:has(>.booster-progress) .gallery-section{padding-top:110px!important}
body:has(>.booster-progress) .booster-section-head{border-top:1px solid var(--ui-line);padding-top:24px}
body:has(>.booster-progress) .section-head h2, body:has(>.booster-progress) .rayzo-hub-head h2{font-size:clamp(2.4rem,5vw,5.2rem)!important;letter-spacing:-.06em!important}
body:has(>.booster-progress) .plate, body:has(>.booster-progress) .rayzo-hub-kicker{color:var(--ui-cyan)!important;font:600 .62rem var(--mono,monospace)!important;letter-spacing:.2em!important}
body:has(>.booster-progress) .controls{padding:16px!important;border:1px solid var(--ui-line)!important;border-radius:6px!important;background:rgba(255,255,255,.025)!important}
body:has(>.booster-progress) .filter-btn, body:has(>.booster-progress) .filter-chip{border-radius:4px!important;border-color:var(--ui-line)!important;background:transparent!important;color:#a6adb8!important;font-size:.68rem!important;letter-spacing:.08em!important}
body:has(>.booster-progress) .filter-btn.active, body:has(>.booster-progress) .filter-chip.active{background:var(--ui-orange)!important;color:#181108!important;border-color:var(--ui-orange)!important}
body:has(>.booster-progress) .grid .card{border-radius:5px!important;border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;box-shadow:0 20px 50px rgba(0,0,0,.22)!important}
body:has(>.booster-progress) .grid .card:hover{border-color:rgba(255,179,68,.5)!important}
body:has(>.booster-progress) .card-media{border-radius:3px!important}
body:has(>.booster-progress) .card-info h3{font-size:1.1rem!important;letter-spacing:-.02em!important}
body:has(>.booster-progress) .rayzo-mobile-nav{background:rgba(8,9,11,.92)!important;border-top:1px solid var(--ui-line)!important;backdrop-filter:blur(18px)!important}

/* Generic pages */
body:not(:has(>.booster-progress)){background:var(--ui-bg)!important}
body:not(:has(>.booster-progress)) .wrap, body:not(:has(>.booster-progress)) .page-shell{max-width:1180px!important;padding:30px clamp(18px,5vw,68px) 90px!important}
body:not(:has(>.booster-progress)) .nav, body:not(:has(>.booster-progress)) .topbar{height:70px!important;border-bottom:1px solid var(--ui-line)!important;margin-bottom:70px!important}
body:not(:has(>.booster-progress)) .brand, body:not(:has(>.booster-progress)) .logo{font-family:var(--ui-display)!important;letter-spacing:-.05em!important;color:var(--ui-text)!important}
body:not(:has(>.booster-progress)) .brand span, body:not(:has(>.booster-progress)) .logo span{color:var(--ui-orange)!important}
body:not(:has(>.booster-progress)) .back{color:var(--ui-cyan)!important;font:600 .68rem var(--mono,monospace)!important;letter-spacing:.1em}
body:not(:has(>.booster-progress)) .kicker{color:var(--ui-cyan)!important;font-size:.65rem!important;letter-spacing:.22em!important}
body:not(:has(>.booster-progress)) h1{font-size:clamp(3.6rem,8vw,8rem)!important;letter-spacing:-.08em!important;line-height:.84!important;color:var(--ui-text)!important}
body:not(:has(>.booster-progress)) .sub{color:#9da3ad!important}
body:not(:has(>.booster-progress)) .hero{gap:clamp(20px,4vw,50px)!important}
body:not(:has(>.booster-progress)) .art{border-radius:5px!important;border-color:var(--ui-line-strong)!important;background:linear-gradient(135deg,#171b20,#0c0e11)!important;box-shadow:22px 24px 0 rgba(255,179,68,.08),0 30px 80px rgba(0,0,0,.5)!important}
body:not(:has(>.booster-progress)) .card{border-radius:5px!important;background:rgba(16,18,22,.92)!important;border-color:var(--ui-line)!important}
body:not(:has(>.booster-progress)) .tile{border-radius:5px!important;background:var(--ui-surface)!important;border-color:var(--ui-line)!important;transition:transform .35s var(--ui-ease),border-color .25s ease,background .25s ease!important}
body:not(:has(>.booster-progress)) .tile:hover{background:var(--ui-surface-2)!important;border-color:var(--ui-orange)!important;transform:translateY(-7px)!important}
body:not(:has(>.booster-progress)) .section{border-top:1px solid var(--ui-line);padding-top:25px}
body:not(:has(>.booster-progress)) footer{border-color:var(--ui-line)!important;color:var(--ui-muted)!important}

/* New utility labels injected by JS */
.rayzo-v2-label{color:var(--ui-cyan);font:600 .6rem var(--mono,monospace);letter-spacing:.16em;text-transform:uppercase}
.rayzo-v2-corner{position:absolute;right:0;bottom:0;color:var(--ui-orange);font:500 .58rem var(--mono,monospace);letter-spacing:.18em}

@media(max-width:900px){
  body:has(>.booster-progress) .hero{grid-template-columns:1fr!important;min-height:auto!important;padding-top:100px!important}
  body:has(>.booster-progress) .hero-wall{min-height:500px!important;order:-1;max-width:620px;width:100%;margin:0 auto}
  body:has(>.booster-progress) .hero-copy{max-width:720px!important}
  body:has(>.booster-progress) .hero h1{font-size:clamp(4rem,12vw,7rem)!important}
}
@media(max-width:640px){
  body:has(>.booster-progress) header{height:64px!important}
  body:has(>.booster-progress) header::after{display:none}
  body:has(>.booster-progress) nav.links{display:none!important}
  body:has(>.booster-progress) .menu-toggle{display:grid!important;place-items:center;width:42px;height:42px;background:transparent;color:var(--ui-text);font-size:1.2rem}
  body:has(>.booster-progress) .hero{padding:80px 16px 48px!important}
  body:has(>.booster-progress) .hero h1{font-size:clamp(3.6rem,17vw,6.3rem)!important;margin:18px 0 20px!important}
  body:has(>.booster-progress) .hero-copy>p{font-size:.92rem!important}
  body:has(>.booster-progress) .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body:has(>.booster-progress) .hero-actions .surprise-btn{grid-column:1/-1}
  body:has(>.booster-progress) .hero-actions>*{width:100%!important;justify-content:center!important;font-size:.68rem!important;padding:12px 10px!important}
  body:has(>.booster-progress) .booster-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin-top:30px!important}
  body:has(>.booster-progress) .booster-stat{min-width:0!important;padding:10px 8px!important}
  body:has(>.booster-progress) .booster-stat strong{font-size:1.12rem!important}
  body:has(>.booster-progress) .booster-stat span{font-size:.52rem!important;letter-spacing:.04em!important}
  body:has(>.booster-progress) .hero-wall{min-height:380px!important;margin-top:12px!important}
  body:has(>.booster-progress) .hero-wall .f1{left:1%!important;top:13%!important}
  body:has(>.booster-progress) .hero-wall .f2{right:1%!important;top:1%!important}
  body:has(>.booster-progress) .hero-wall .f3{left:16%!important;bottom:3%!important}
  body:has(>.booster-progress) .hero-wall .f4{right:-2%!important;bottom:13%!important}
  body:has(>.booster-progress) .hero-wall .frame{padding:6px!important}
  body:has(>.booster-progress) .gallery-section{padding-top:70px!important}
  body:has(>.booster-progress) .controls{overflow:hidden!important}
  body:has(>.booster-progress) .filters{display:flex!important;overflow:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scrollbar-width:none}
  body:has(>.booster-progress) .filters::-webkit-scrollbar{display:none}
  body:has(>.booster-progress) .filter-btn{flex:0 0 auto!important;min-height:38px!important}
  body:has(>.booster-progress) .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body:has(>.booster-progress) .card-info{padding:10px!important}
  body:has(>.booster-progress) .card-info h3{font-size:.86rem!important}
  body:has(>.booster-progress) .rayzo-mobile-nav{display:flex!important}
  body:not(:has(>.booster-progress)) .wrap, body:not(:has(>.booster-progress)) .page-shell{padding:18px 15px 80px!important}
  body:not(:has(>.booster-progress)) .nav, body:not(:has(>.booster-progress)) .topbar{margin-bottom:48px!important}
  body:not(:has(>.booster-progress)) h1{font-size:clamp(3.3rem,17vw,5.5rem)!important}
  body:not(:has(>.booster-progress)) .hero{grid-template-columns:1fr!important}
  body:not(:has(>.booster-progress)) .art{min-height:360px!important;order:-1}
  body:not(:has(>.booster-progress)) .grid{grid-template-columns:1fr 1fr!important}
  body:not(:has(>.booster-progress)) .btn{min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
}
@media(max-width:420px){
  body:has(>.booster-progress) .grid{gap:8px!important}
  body:has(>.booster-progress) .hero-wall{min-height:330px!important;transform:scale(.94);transform-origin:center}
  body:not(:has(>.booster-progress)) .grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* v2 reveal pipeline and mobile menu state */
.rayzo-v2-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s var(--ui-ease),transform .7s var(--ui-ease)}
.rayzo-v2-visible{opacity:1;transform:none}
.rayzo-v2-reveal:nth-child(2){transition-delay:60ms}.rayzo-v2-reveal:nth-child(3){transition-delay:120ms}.rayzo-v2-reveal:nth-child(4){transition-delay:180ms}
body:has(>.booster-progress) nav.links.mobile-open{display:flex!important;position:absolute;top:76px;left:16px;right:16px;padding:16px;flex-direction:column;align-items:stretch;gap:6px;background:rgba(16,18,22,.98);border:1px solid var(--ui-line-strong);border-radius:6px;box-shadow:0 25px 60px rgba(0,0,0,.5)}
body:has(>.booster-progress) nav.links.mobile-open a,body:has(>.booster-progress) nav.links.mobile-open button{min-height:44px;text-align:left;padding:10px 12px}
@media(prefers-reduced-motion:reduce){.rayzo-v2-reveal{opacity:1;transform:none;transition:none}}

/* final layout corrections after legacy responsive layers */
@media(min-width:901px){
  body:has(>.booster-progress) .hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)!important;grid-template-rows:1fr!important;flex-direction:initial!important}
  body:has(>.booster-progress) .hero-copy{grid-column:1!important;grid-row:1!important;order:1!important;align-self:center!important;position:relative!important;z-index:4!important}
  body:has(>.booster-progress) .hero-wall{grid-column:2!important;grid-row:1!important;order:2!important;position:relative!important;display:block!important;width:100%!important;height:610px!important;min-height:610px!important;z-index:3!important;visibility:visible!important}
  body:has(>.booster-progress) .hero-wall .frame{visibility:visible!important;opacity:1!important}
}
@media(max-width:640px){
  body:has(>.booster-progress) .rayzo-mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body:has(>.booster-progress) .rayzo-mobile-nav a,body:has(>.booster-progress) .rayzo-mobile-nav button{min-width:0!important;width:auto!important;padding:4px 1px!important}
  body:has(>.booster-progress) .rayzo-mobile-nav small{font-size:.48rem!important;letter-spacing:-.02em!important;white-space:nowrap!important}
}

/* =========================================================
   RAYZO CINEMATIC MOTION PASS
   A deliberate motion language: orbit, drift, reveal, impact.
   ========================================================= */
@property --rz-float{syntax:'<length>';inherits:false;initial-value:0px}
@property --rz-depth{syntax:'<length>';inherits:false;initial-value:0px}
:root{--rz-cyan:#7fe4df;--rz-orange:#ffb344;--rz-hot:#ff6b3d;--rz-ease:cubic-bezier(.16,.84,.44,1)}
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
img{max-width:100%}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:2px solid var(--rz-cyan);outline-offset:4px}
body.rayzo-ui-v2{background-image:radial-gradient(ellipse at 50% -20%,rgba(255,179,68,.08),transparent 48%),linear-gradient(115deg,rgba(127,228,223,.025),transparent 34%,rgba(255,179,68,.025))}
body.rayzo-ui-v2::before{animation:rzAmbient 18s ease-in-out infinite alternate;transform-origin:50% 20%}
@keyframes rzAmbient{0%{filter:hue-rotate(0deg) brightness(.95);transform:scale(1)}50%{filter:hue-rotate(-8deg) brightness(1.08);transform:scale(1.035)}100%{filter:hue-rotate(10deg) brightness(.95);transform:scale(1)}}
@keyframes rzScan{0%,100%{opacity:.18;transform:translateY(-4%)}50%{opacity:.48;transform:translateY(4%)}}
@keyframes rzOrbit{from{transform:rotate(0deg) skewX(-12deg)}to{transform:rotate(360deg) skewX(-12deg)}}
@keyframes rzTitleIn{from{opacity:0;transform:translate3d(0,32px,0) skewY(3deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes rzFrameA{0%,100%{--rz-float:-8px;--rz-depth:0px}50%{--rz-float:10px;--rz-depth:22px}}
@keyframes rzFrameB{0%,100%{--rz-float:12px;--rz-depth:8px}50%{--rz-float:-10px;--rz-depth:32px}}
@keyframes rzFrameC{0%,100%{--rz-float:6px;--rz-depth:2px}50%{--rz-float:-13px;--rz-depth:26px}}
@keyframes rzFrameD{0%,100%{--rz-float:-5px;--rz-depth:12px}50%{--rz-float:14px;--rz-depth:28px}}
@keyframes rzShimmer{from{transform:translateX(-120%) rotate(12deg)}to{transform:translateX(180%) rotate(12deg)}}
@keyframes rzRipple{from{transform:scale(0);opacity:.65}to{transform:scale(3.5);opacity:0}}
@keyframes rzPulseDot{0%,100%{box-shadow:0 0 0 0 rgba(127,228,223,.22)}50%{box-shadow:0 0 0 8px rgba(127,228,223,0)}}
body:has(>.booster-progress) .hero{perspective:1500px;isolation:isolate}
body:has(>.booster-progress) .hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(127,228,223,.07) 38.2%,transparent 38.4%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.018) 81px,transparent 82px),linear-gradient(180deg,rgba(255,255,255,.02),transparent 58%);mask-image:linear-gradient(180deg,#000,transparent 92%);animation:rzScan 8s ease-in-out infinite alternate}
body:has(>.booster-progress) .hero-copy{transform:translate3d(var(--rz-copy-x,0px),var(--rz-copy-y,0px),0);transition:transform .25s var(--rz-ease)}
body:has(>.booster-progress) .hero-copy h1{position:relative;text-shadow:0 0 32px rgba(255,179,68,.07)}
body.rayzo-cinematic-ready:has(>.booster-progress) .hero-copy h1.rayzo-v2-visible{animation:rzTitleIn 1.05s var(--rz-ease) both}
body:has(>.booster-progress) .hero-wall{transform:translate3d(var(--rz-wall-x,0px),var(--rz-wall-y,0px),0) rotateX(var(--rz-wall-rx,0deg)) rotateY(var(--rz-wall-ry,0deg));transform-style:preserve-3d;transition:transform .3s var(--rz-ease);will-change:transform}
body:has(>.booster-progress) .hero-wall::before{animation:rzPulseDot 2.8s ease-in-out infinite}
body:has(>.booster-progress) .hero-wall::after{animation:rzOrbit 26s linear infinite;box-shadow:0 0 42px rgba(127,228,223,.06),inset 0 0 42px rgba(255,179,68,.04)}
body:has(>.booster-progress) .hero-wall .frame{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;transition:box-shadow .45s var(--rz-ease),filter .45s var(--rz-ease)!important}
body:has(>.booster-progress) .hero-wall .f1{transform:translate3d(0,var(--rz-float),var(--rz-depth)) rotate(-8deg) rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg))!important;animation:rzFrameA 7.4s ease-in-out .2s infinite}
body:has(>.booster-progress) .hero-wall .f2{transform:translate3d(0,var(--rz-float),var(--rz-depth)) rotate(8deg) rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg))!important;animation:rzFrameB 8.8s ease-in-out .7s infinite}
body:has(>.booster-progress) .hero-wall .f3{transform:translate3d(0,var(--rz-float),var(--rz-depth)) rotate(5deg) rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg))!important;animation:rzFrameC 9.6s ease-in-out .45s infinite}
body:has(>.booster-progress) .hero-wall .f4{transform:translate3d(0,var(--rz-float),var(--rz-depth)) rotate(-7deg) rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg))!important;animation:rzFrameD 8.2s ease-in-out 1s infinite}
body:has(>.booster-progress) .hero-wall .frame::before{content:'';position:absolute;inset:-30%;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.20) 49%,transparent 58%);transform:translateX(-120%) rotate(12deg);opacity:0}
body:has(>.booster-progress) .hero-wall .frame:hover::before{opacity:1;animation:rzShimmer .85s var(--rz-ease) both}
body:has(>.booster-progress) .hero-wall .frame:hover{filter:saturate(1.16) brightness(1.08);box-shadow:18px 28px 0 rgba(255,179,68,.14),0 42px 90px rgba(0,0,0,.78)!important}
.rayzo-magnetic{position:relative;overflow:hidden;will-change:transform;transform:translate3d(var(--rz-btn-x,0px),var(--rz-btn-y,0px),0);transition:transform .22s var(--rz-ease),box-shadow .22s ease,background .22s ease!important}
.rayzo-ripple{position:absolute;z-index:0;width:34px;height:34px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);transform:scale(0);animation:rzRipple .65s ease-out forwards}
.rayzo-magnetic>*{position:relative;z-index:1}
body.rayzo-ui-v2 .card,body.rayzo-ui-v2 .tile,body.rayzo-ui-v2 .art,body.rayzo-ui-v2 .rayzo-collection-card,body.rayzo-ui-v2 .rayzo-plus-card{transform-style:preserve-3d;will-change:transform;transition:transform .42s var(--rz-ease),border-color .35s ease,box-shadow .35s ease,background .35s ease!important}
body.rayzo-ui-v2 .card::before,body.rayzo-ui-v2 .tile::before,body.rayzo-ui-v2 .art::before,body.rayzo-ui-v2 .rayzo-collection-card::before,body.rayzo-ui-v2 .rayzo-plus-card::before{content:'';position:absolute;inset:-20%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.10) 49%,transparent 60%);transform:translateX(-120%) rotate(8deg);opacity:0}
body.rayzo-ui-v2 .card:hover::before,body.rayzo-ui-v2 .tile:hover::before,body.rayzo-ui-v2 .art:hover::before,body.rayzo-ui-v2 .rayzo-collection-card:hover::before,body.rayzo-ui-v2 .rayzo-plus-card:hover::before{opacity:1;animation:rzShimmer .8s var(--rz-ease) both}
body.rayzo-ui-v2 .card:hover,body.rayzo-ui-v2 .tile:hover,body.rayzo-ui-v2 .art:hover,body.rayzo-ui-v2 .rayzo-collection-card:hover,body.rayzo-ui-v2 .rayzo-plus-card:hover{transform:perspective(900px) rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg)) translate3d(0,-8px,20px)!important;box-shadow:0 25px 58px rgba(0,0,0,.38),0 0 0 1px rgba(255,179,68,.16)}
body.rayzo-ui-v2 .filter-btn,body.rayzo-ui-v2 .filter-chip,body.rayzo-ui-v2 nav.links a{transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s var(--rz-ease)!important}
body.rayzo-ui-v2 .filter-btn:hover,body.rayzo-ui-v2 .filter-chip:hover{transform:translateY(-3px)!important}
.rayzo-cursor-aura{position:fixed;left:0;top:0;width:190px;height:190px;z-index:999;pointer-events:none;border-radius:50%;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,179,68,.18),rgba(127,228,223,.06) 38%,transparent 72%);filter:blur(5px);transform:translate3d(-50%,-50%,0);transition:opacity .35s ease}
.rayzo-cursor-aura.on{opacity:1}
.rayzo-scroll-meter{position:fixed;right:18px;top:50%;z-index:80;width:2px;height:92px;overflow:hidden;background:rgba(255,255,255,.12);transform:translateY(-50%);pointer-events:none}
.rayzo-scroll-meter span{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--rz-cyan),var(--rz-orange));transform-origin:top;transform:scaleY(0);will-change:transform}
.rayzo-scroll-meter::before{content:'RZ';position:absolute;right:7px;top:-18px;color:var(--rz-cyan);font:600 8px var(--mono,monospace);letter-spacing:.12em}
.rayzo-v2-label{display:block;margin-bottom:12px;color:var(--rz-cyan);font:600 .62rem var(--mono,monospace);letter-spacing:.2em;text-transform:uppercase}
.rayzo-v2-reveal{transition:opacity .8s var(--rz-ease),transform .8s var(--rz-ease),filter .8s var(--rz-ease)!important;filter:blur(5px)}
.rayzo-v2-visible{filter:none}
.rayzo-v2-reveal:nth-child(2){transition-delay:90ms!important}.rayzo-v2-reveal:nth-child(3){transition-delay:170ms!important}.rayzo-v2-reveal:nth-child(4){transition-delay:250ms!important}.rayzo-v2-reveal:nth-child(5){transition-delay:330ms!important}
@media(min-width:901px){
  body.rayzo-ui-v2 .hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)!important;grid-template-rows:1fr!important;align-items:center!important;flex-direction:initial!important}
  body.rayzo-ui-v2 .hero-copy{grid-column:1!important;grid-row:1!important;order:1!important;align-self:center!important;position:relative!important;z-index:5!important}
  body.rayzo-ui-v2 .hero-wall{grid-column:2!important;grid-row:1!important;order:2!important;position:relative!important;display:block!important;width:100%!important;height:610px!important;min-height:610px!important;z-index:4!important;visibility:visible!important;opacity:1!important}
  body.rayzo-ui-v2 .hero-wall .frame{visibility:visible!important}
}
@media(max-width:900px){.rayzo-scroll-meter{right:8px;height:68px}body:has(>.booster-progress) .hero-wall{transform:translate3d(var(--rz-wall-x,0px),var(--rz-wall-y,0px),0) scale(.98)}body:has(>.booster-progress) .hero-copy{transform:none}}
@media(max-width:640px){.rayzo-cursor-aura,.rayzo-scroll-meter{display:none}body:has(>.booster-progress) .hero-wall .frame{animation-duration:10s}body.rayzo-ui-v2 .card:hover,body.rayzo-ui-v2 .tile:hover,body.rayzo-ui-v2 .art:hover,body.rayzo-ui-v2 .rayzo-collection-card:hover,body.rayzo-ui-v2 .rayzo-plus-card:hover{transform:none!important;box-shadow:none}body.rayzo-ui-v2 .card:active,body.rayzo-ui-v2 .tile:active,body.rayzo-ui-v2 .art:active{transform:scale(.985)!important}}
@media(prefers-reduced-motion:reduce){body.rayzo-ui-v2::before,body:has(>.booster-progress) .hero-wall::after,body:has(>.booster-progress) .hero-wall .frame,.rayzo-cursor-aura{animation:none!important}body:has(>.booster-progress) .hero-copy,body:has(>.booster-progress) .hero-wall{transform:none!important;transition:none!important}.rayzo-magnetic{transform:none!important}}

/* Final responsive and accessibility safeguards. */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
img{max-width:100%}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:2px solid var(--rz-cyan,#7fe4df);outline-offset:4px}
@media(max-width:640px){body:has(>.booster-progress){padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}}