/* Fursuit Hub 2026 design layer. Loads after style.css; restyles shared components site-wide. */
@font-face{font-family:"Luckiest Guy";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/luckiest-guy-latin.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}

:root,[data-theme="light"]{
  --bg:#fffaf7; --surface:#ffffff; --ink:#1f1a33; --muted:#5a5470; --line:rgba(31,26,51,.11);
  --glass:rgba(255,255,255,.86); --accent:#d4235c; --accent-ink:#ffffff; --accent-soft:#ffe1ea;
  --plum:#5b3d8f; --plum-2:#7a56b3; --sky:#1f6fc4; --sun:#ffc94d; --mint:#d4235c; --hub:#d4235c;
  --band-pink:#ffe1ea; --band-plum:#4a2f7a; --shadow:0 1px 2px rgba(31,26,51,.06),0 12px 32px -12px rgba(74,47,122,.28);
  --sans:"Nunito",ui-rounded,system-ui,sans-serif; --display:"Luckiest Guy","Nunito",system-ui,sans-serif;
  --max:1200px; --r:26px; color-scheme:light;
}
[data-theme="dark"]{
  --bg:#150f24; --surface:#20183a; --ink:#f8f3ff; --muted:#c4bad9; --line:rgba(248,243,255,.12);
  --glass:rgba(21,15,36,.84); --accent:#ff5c8d; --accent-ink:#1a0610; --accent-soft:#3a1d3f;
  --plum:#b392ff; --band-pink:#2a1838; --band-plum:#2c1d4f; --sky:#6db3ff; --mint:#ff5c8d; --hub:#ff5c8d;
  --shadow:0 18px 40px -16px rgba(0,0,0,.6); color-scheme:dark;
}
body{font-family:var(--sans);font-size:1.0625rem;background:var(--bg);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1.02;text-transform:none}
h3,.card-title,.post-card-title{font-family:var(--sans);font-weight:900;letter-spacing:-.01em}
h1{font-size:clamp(2.5rem,6.4vw,5rem);max-width:15ch}
h2{font-size:clamp(1.9rem,3.8vw,3rem)}
p{text-wrap:pretty} h1,h2{text-wrap:balance}
.kicker,.kicker[class]{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:900;font-size:.78rem;letter-spacing:.14em}
.kicker::before{content:"";width:18px;height:3px;border-radius:3px;background:currentColor}
.section{padding:clamp(64px,9vw,112px) 0}

/* Buttons: bigger tap targets, clear primary vs secondary */
.btn{min-height:48px;padding:0 24px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:900;font-size:.98rem;letter-spacing:.01em;
  box-shadow:0 6px 0 -1px color-mix(in srgb,var(--accent) 55%,#000),0 14px 24px -10px color-mix(in srgb,var(--accent) 70%,transparent);
  transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s,filter .18s}
.btn:hover{transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 8px 0 -1px color-mix(in srgb,var(--accent) 55%,#000),0 18px 30px -10px color-mix(in srgb,var(--accent) 70%,transparent)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 -1px color-mix(in srgb,var(--accent) 55%,#000)}
.btn-dark{background:var(--ink);color:var(--bg);box-shadow:0 6px 0 -1px #000,0 14px 24px -12px rgba(0,0,0,.5)}
.btn-ghost,.page-hero .btn-ghost,.post .btn-ghost,.cta-box .btn-ghost{background:var(--surface);color:var(--ink);border:2px solid var(--ink);box-shadow:0 5px 0 -1px var(--ink)}
.hero-full .btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:2px solid #fff;box-shadow:none;backdrop-filter:blur(8px)}
.text-link{color:var(--accent);font-weight:900}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:12px;box-shadow:0 0 0 6px var(--ink)}

/* Seasonal strip */
.season-strip{background:linear-gradient(90deg,var(--band-plum),var(--accent));color:#fff;font-weight:800;font-size:.9rem}
.season-strip .offer-cta{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Header: solid pill, sticky, clear active state */
.nav-shell{top:calc(var(--strip-h,0px) + 12px)}
.nav-bar{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px 8px 8px 14px;min-height:64px}
.brand-type{font-family:var(--display);font-weight:400;font-size:1.35rem;letter-spacing:.02em}
.brand-type span{color:var(--accent)}
.nav-links>a,.mega>button{font-weight:800;font-size:.95rem;padding:10px 14px;min-height:44px}
.nav-links>a.active{background:var(--accent-soft);color:var(--accent)}
.mega-panel{background:var(--surface);border-radius:22px;padding:10px;box-shadow:var(--shadow);min-width:300px}
.mega-panel a:hover{background:var(--accent-soft)}
.theme-toggle,.menu-toggle{width:44px;height:44px;background:var(--surface)}
@media (max-width:980px){.nav-bar{background:var(--surface)}.nav-links>a,.mega>button{min-height:48px;font-size:1.02rem}}

/* Home hero: framed photo card with wave base */
.hero-full{min-height:auto;margin:calc(var(--strip-h,0px) + 88px) auto 0;width:min(1360px,calc(100% - 24px));border-radius:36px;isolation:isolate;box-shadow:var(--shadow)}
.hero-full::after{background:linear-gradient(100deg,rgba(31,16,58,.86) 0%,rgba(74,47,122,.55) 42%,rgba(212,35,92,.05) 75%),linear-gradient(0deg,rgba(20,10,40,.55),transparent 45%)}
.hero-content{min-height:min(82svh,760px);justify-content:center;padding:72px clamp(24px,5vw,72px) 96px;width:100%;max-width:none}
.hero-full h1{font-size:clamp(2.6rem,6.2vw,5.4rem);max-width:13ch;text-shadow:0 4px 0 rgba(0,0,0,.18)}
.hero-full .lede{font-size:1.15rem;max-width:46ch;color:rgba(255,255,255,.92)}
.chip{background:var(--sun);color:#2b1a00;font-weight:900;letter-spacing:.02em;backdrop-filter:none;margin-bottom:18px}
.hero-actions{gap:14px;margin-top:30px}
.scroll-cue{opacity:.85}
.hero-full::before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:56px;background:var(--bg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 30C240 0 480 0 720 22s480 34 720 4v30H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 30C240 0 480 0 720 22s480 34 720 4v30H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media (max-width:640px){.hero-full{border-radius:26px;width:calc(100% - 16px);margin-top:calc(var(--strip-h,0px) + 84px)}
 .hero-content{min-height:78svh;justify-content:flex-end;padding:40px 20px 72px}
 .hero-full::after{background:linear-gradient(0deg,rgba(31,16,58,.92) 0%,rgba(74,47,122,.55) 50%,rgba(0,0,0,.1) 100%)}
 .hero-actions .btn{flex:1 1 100%}}

/* Ticker as a playful tilted ribbon */
.ticker{background:var(--accent);color:#fff;border:0;transform:rotate(-1.2deg);margin:28px 0 0;padding:16px 0;box-shadow:var(--shadow)}
.ticker-track{font-family:var(--display);font-weight:400;font-size:1.15rem;letter-spacing:.06em}
.ticker-track span::after{content:"\2726";margin-left:36px;color:var(--sun)}

/* Colour bands with wavy edges (home rhythm) */
.band{position:relative}
main>section.section:nth-of-type(2),main>section.section:nth-of-type(5){background:var(--band-pink);padding-top:clamp(72px,9vw,112px)!important;margin:56px 0}
main>section.section:nth-of-type(5){background:var(--band-plum);color:#fff}
main>section.section:nth-of-type(5) .kicker{color:var(--sun)}
main>section.section:nth-of-type(5) h2{color:#fff}
main>section.section:nth-of-type(2)::before,main>section.section:nth-of-type(2)::after,main>section.section:nth-of-type(5)::before,main>section.section:nth-of-type(5)::after{
  content:"";position:absolute;left:0;right:0;height:48px;background:inherit;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V22C200 2 420 0 700 18s560 30 740 0v30z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V22C200 2 420 0 700 18s560 30 740 0v30z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
main>section.section:nth-of-type(2)::before,main>section.section:nth-of-type(5)::before{top:-47px}
main>section.section:nth-of-type(2)::after,main>section.section:nth-of-type(5)::after{bottom:-47px;transform:scaleY(-1)}
main>section.section{position:relative}
main>section.section:nth-of-type(5) .review-card{background:#fff;color:#1f1a33;border:0}
main>section.section:nth-of-type(5) .review-card p{color:#1f1a33}
main>section.section:nth-of-type(5) .review-card .who{color:#5a5470}
main>section.section:nth-of-type(5) .scroll-btn{background:#fff;color:#1f1a33}

/* Section heads */
.head{margin-bottom:36px}
.head p{font-size:1.05rem}

/* Photos & carousels */
.shot{border-radius:var(--r);background:var(--accent-soft)}
.h-scroll{grid-auto-columns:minmax(240px,24%);gap:18px;padding:6px 4px 14px}
.h-scroll .shot{height:380px;box-shadow:var(--shadow);border:4px solid var(--surface);transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.h-scroll .shot:nth-child(odd){transform:rotate(-1.2deg)} .h-scroll .shot:nth-child(even){transform:rotate(1.2deg)}
.h-scroll .shot:hover{transform:rotate(0) translateY(-6px)}
.scroll-btn{width:48px;height:48px;background:var(--surface);box-shadow:var(--shadow)}
.studio{grid-template-columns:minmax(240px,420px) minmax(0,1fr)}
.studio-photo{max-height:none;aspect-ratio:4/5;border:6px solid var(--surface);transform:rotate(-2deg);box-shadow:var(--shadow)}
.studio-copy h2{margin-top:10px}

/* Cards: elevated, rounded, number badge */
.card,.price,.info-card,.form-box,.form-card,.review-card,.steps>li,.calc fieldset,.calc-result{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.card{padding:26px;position:relative;overflow:hidden}
.card:hover,.price:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 24px 48px -18px rgba(74,47,122,.4)}
.card .shot.wide{margin:-14px -14px 0;border-radius:calc(var(--r) - 8px)}
.card h3{font-size:1.3rem}
.num{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--accent-soft);color:var(--accent);font-family:var(--display);font-size:1.5rem;margin-bottom:14px;transform:rotate(-6deg)}
.price{padding:26px}
.price .amount{font-family:var(--display);font-weight:400;color:var(--accent);font-size:2.3rem}
.price.hot{background:linear-gradient(160deg,var(--band-plum),#2a1a49);color:#fff;border:0;position:relative}
.price.hot .kicker{color:var(--sun)} .price.hot .amount{color:#fff}
.prose .price.hot p,.prose .price.hot .amount{color:#fff}

/* Reviews */
.review-card{padding:26px;gap:14px;min-height:240px}
.review-card p{font-family:var(--sans);font-weight:700;font-size:1.08rem;line-height:1.45}
.stars{color:#e8a200;font-size:1.1rem;letter-spacing:.12em}
[data-theme="dark"] main>section.section:nth-of-type(5) .stars{color:#b77d00}

/* Inner page heroes: soft blob background */
.page-hero,.about-hero{position:relative;padding-top:calc(var(--strip-h,0px) + 140px)}
.page-hero::before{content:"";position:absolute;inset:0 0 auto;height:100%;z-index:-1;
  background:radial-gradient(60% 80% at 90% 10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(50% 70% at 0% 0%,color-mix(in srgb,var(--plum) 14%,transparent),transparent 60%)}
.page-hero h1,.about-hero h1{font-size:clamp(2.3rem,5vw,3.8rem)}
.landing-photo{border:6px solid var(--surface);box-shadow:var(--shadow);transform:rotate(2deg)}
.crumbs{font-weight:700}

/* Prose / blog */
.prose{font-size:1.08rem}
.prose h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-top:52px}
.prose p,.prose li{color:color-mix(in srgb,var(--ink) 82%,var(--bg))}
.prose a:not(.btn){text-decoration-thickness:2px;text-decoration-color:var(--accent)}
.post-cover{border:6px solid var(--surface);box-shadow:var(--shadow)}
.post-card{transition:transform .25s}
.table-wrap{background:var(--surface);border-radius:20px}
.table-wrap th{background:var(--accent-soft)}
.cta-box{background:linear-gradient(135deg,var(--band-plum),#7a2f6b 60%,var(--accent));color:#fff;border:0;border-radius:32px;box-shadow:var(--shadow)}
.cta-box h2{color:#fff} .cta-box p{color:rgba(255,255,255,.88)} .cta-box .kicker{color:var(--sun)}
.cta-box .btn{background:#fff;color:#4a2f7a;box-shadow:0 6px 0 -1px rgba(0,0,0,.35)}
.cta-box .btn-ghost{background:transparent;color:#fff;border-color:#fff;box-shadow:none}

/* Steps, FAQ, forms */
.steps>li::before{background:var(--accent);color:#fff;font-family:var(--display);font-weight:400;border-radius:14px;transform:rotate(-6deg)}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:10px}
.faq summary{min-height:32px}
.faq summary:hover{color:var(--accent)}
input:not([type="checkbox"]),select,textarea{background:var(--bg);border:2px solid var(--line);border-radius:16px;min-height:50px;font-size:1rem}
input:not([type="checkbox"]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}
.field span,.form-card label{font-weight:800}
.filter-btn{min-height:44px;font-weight:800;border-width:2px;background:var(--surface)}
.filter-btn.active,.filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.gallery{gap:16px} .gallery a{border-radius:22px;box-shadow:var(--shadow)}
.calc-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.calc-result .amount{font-family:var(--display);font-weight:400;color:var(--accent)}

/* Mobile quote bar */
@media (max-width:980px){.quote-bar{background:var(--surface);box-shadow:0 16px 36px -8px rgba(31,26,51,.45);min-height:64px}.quote-bar .btn{min-height:48px}}

/* Footer */
.site-footer{background:var(--band-plum);color:#efe9ff;border:0;margin-top:96px;position:relative;padding-top:64px}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:-47px;height:48px;background:var(--band-plum);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V22C200 2 420 0 700 18s560 30 740 0v30z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V22C200 2 420 0 700 18s560 30 740 0v30z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.site-footer .brand-type,.site-footer .footer-h{color:#fff}
.site-footer .brand-type span{color:#ff9cbc}
.footer-grid p,.footer-grid>div>a:not(.brand),.legal,.legal a{color:#d9cff2}
.footer-grid a:hover{color:#fff}
.legal{border-color:rgba(255,255,255,.16)}
.site-footer .btn{background:#fff;color:#4a2f7a}

/* Scroll reveal: gentler, staggered children */
.reveal{transform:translateY(22px) scale(.99);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in .grid-3>*{animation:popIn .6s cubic-bezier(.2,.9,.3,1.2) both}
.reveal.in .grid-3>*:nth-child(2){animation-delay:.08s}.reveal.in .grid-3>*:nth-child(3){animation-delay:.16s}
@keyframes popIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.h-scroll .shot,.studio-photo,.landing-photo,.num,.ticker{transform:none!important}}
@media (max-width:980px){.studio-photo{transform:none;max-width:none;aspect-ratio:16/11}.h-scroll{grid-auto-columns:72%}.h-scroll .shot{height:320px}
 main>section.section:nth-of-type(2),main>section.section:nth-of-type(5){margin:40px 0}}

/* Seasonal strip layout (seasonal theme file no longer loaded) */
body.has-strip{--strip-h:44px}
.season-strip{position:relative;z-index:51;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 56px;line-height:1.35;text-align:center}
.season-strip p{margin:0}.strip-deco{display:none}
.offer-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:1.5rem;line-height:1}
.offer-close:hover{background:rgba(255,255,255,.18)}
.has-strip .nav-shell{top:calc(var(--strip-vis,var(--strip-h)) + 12px)}
@media (max-width:640px){body.has-strip{--strip-h:54px}.season-strip{font-size:.8rem;padding:7px 46px 7px 14px}}
main>section.section:nth-of-type(5) .kicker[class]{color:var(--sun)}
.ticker{contain:paint}
@media (max-width:640px){.ticker{transform:none}}
@media (max-width:420px){.nav-bar{padding:6px 6px 6px 10px;min-height:58px;gap:6px}.nav-end{gap:5px}.theme-toggle,.menu-toggle{width:42px;height:42px}
 .nav-end .btn{min-height:42px;padding:0 12px;font-size:.8rem;box-shadow:0 4px 0 -1px color-mix(in srgb,var(--accent) 55%,#000)}.brand-type{font-size:1.1rem}.brand-mark{width:32px;height:32px;flex-basis:32px}}
@media (max-width:980px){.studio{grid-template-columns:1fr}}

/* ---- v2 mobile fixes (2026-10-27) ---- */
/* Inner-page hero glow was clipped to the .wrap box (cream side bands on phones): bleed it edge to edge. html has overflow-x:clip, so 100vw never scrolls. */
.page-hero::before{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
html,body{max-width:100%}
@media (max-width:980px){
  /* keep the chat bubble above the sticky quote bar */
  body .fhl{bottom:calc(92px + env(safe-area-inset-bottom,0px));right:14px}
  .site-footer .footer-grid a{display:flex;align-items:center;min-height:44px}
  .crumbs a{display:inline-flex;align-items:center;min-height:44px}
  .faq summary,details>summary{min-height:48px;padding-top:12px;padding-bottom:12px}
  .nav-bar .brand{min-height:44px}
  .nav-end .btn{min-height:44px}
  .season-strip .offer-text,.season-strip .offer-cta{font-size:.875rem}
  .season-strip .offer-cta{display:inline-block;padding:4px 0}
  .season-strip .offer-close{min-width:44px;min-height:44px}
  input[type=checkbox],input[type=radio]{width:22px;height:22px;flex:0 0 22px}
}
/* v2 responsive audit: readable small text (>=14px) and 44px tap targets */
.site-footer .footer-h,.small-note,.post-meta,.form label,form label{font-size:.875rem}
.fhl .fhl-note{font-size:.8125rem}
.crumbs a{padding-inline:6px}
.card-title a{display:inline-flex;align-items:center;min-height:44px}
.site-footer .credit-link{display:inline-flex;align-items:center;min-height:44px}
html body .small-note,html body .post-meta,html body form label,html body .fhl .fhl-note{font-size:.875rem}
@media (max-width:980px){
  main .text-link:not(p .text-link):not(label .text-link){display:inline-flex;align-items:center;min-height:44px}
  main li>a:only-child{display:inline-flex;align-items:center;min-height:44px}
}
html body .small-note{font-size:.875rem!important}
@media (max-width:980px){main .card :is(h2,h3) a{display:inline-flex;align-items:center;min-height:44px}}
@media (max-width:980px){.nav-bar .brand{min-width:44px}}
h1,h2{overflow-wrap:break-word}
@media (max-width:360px){h1{hyphens:auto;font-size:clamp(1.7rem,8.4vw,2.2rem)}}
.faq summary,details>summary{min-height:44px}

/* 2026-10 fix: footer hover. `.footer-grid a:hover{color:#fff}` (0,2,1) outranked `.site-footer .btn{color:#4a2f7a}` (0,2,0), so the white footer button turned white-on-white on hover. Links also got no visible hover cue. */
.site-footer .btn,.site-footer .btn:hover,.site-footer .btn:focus-visible,.footer-grid a.btn:hover{background:#fff;color:#4a2f7a;filter:none}
.site-footer .btn:hover,.site-footer .btn:focus-visible{box-shadow:0 8px 0 -1px #2a1a48,0 16px 26px -10px rgba(0,0,0,.45)}
.footer-grid>div>a:not(.brand):not(.btn):hover,.footer-grid>div>a:not(.brand):not(.btn):focus-visible,.legal a:hover,.legal a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px;opacity:1}
.site-footer .brand:hover .brand-type,.site-footer .brand:focus-visible .brand-type{color:#fff}
.site-footer a:focus-visible{outline:2px solid #ffc94d;outline-offset:3px}

/* 2026-10: full-bleed background video hero */
.hero-full{width:100%;margin:0;border-radius:0;box-shadow:none;overflow:hidden;background:#1f103a}
.hero-full .bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;animation:none;z-index:0}
.hero-full .hero-video{z-index:0;pointer-events:none}
.hero-full::after{z-index:1}
.hero-full .hero-content{position:relative;z-index:3;min-height:min(100svh,900px);padding-top:calc(var(--strip-h,0px) + 120px);max-width:none;box-sizing:border-box}
.hero-full::after{background:linear-gradient(100deg,rgba(20,10,40,.82) 0%,rgba(40,22,72,.55) 45%,rgba(0,0,0,.15) 80%),linear-gradient(0deg,rgba(20,10,40,.6),transparent 50%)}
@media (max-width:640px){.hero-full{width:100%;border-radius:0;margin-top:0}
 .hero-full .hero-content{min-height:92svh;padding:calc(var(--strip-h,0px) + 104px) 20px 80px}
 .hero-full::after{background:linear-gradient(0deg,rgba(20,10,40,.92) 0%,rgba(30,16,56,.6) 55%,rgba(0,0,0,.3) 100%)}}
@media (prefers-reduced-motion:reduce){.hero-full .hero-video{display:none}}