@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
@font-face{font-family:'Minecraft';src:url('../assets/minecraft.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0b0b0a;--panel:#151513;--panel2:#1c1c19;--line:#333027;--text:#f5f2e9;--muted:#aba79d;--gold:#f7c71d;--gold2:#ffe777;font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block}::selection{background:var(--gold);color:#111}.header{height:76px;width:100%;border-bottom:1px solid #292720;background:#0c0c0bf2;position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.nav-wrap{width:100%;max-width:none;margin:0;height:100%;display:flex;align-items:center;gap:clamp(18px,3vw,54px);padding:0 clamp(20px,3.5vw,64px)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk';font-weight:700;white-space:nowrap;font-size:18px}.brand-light{color:var(--gold)}.logo-mark{width:42px;height:42px;display:grid;place-items:center;background:none;border:0;box-shadow:none;color:#ffe56a}.logo-mark span{font-family:'Minecraft',monospace;font-weight:400;font-size:30px;line-height:1;letter-spacing:0;color:#ffe56a;display:inline-block;transform:perspective(140px) rotateX(16deg) rotateY(-24deg);text-shadow:1px 0 0 #f2c63a,2px 1px 0 #e0b12a,3px 2px 0 #c89616,4px 3px 0 #a87a10,5px 4px 0 #7c5a0c,6px 7px 8px rgba(0,0,0,.45)}nav{display:flex;align-items:center;gap:33px;margin-left:auto}nav a{color:#a8a6a0;font-size:14px;font-weight:700;transition:color .2s ease;background:none;border:0;padding:0;box-shadow:none}nav a:hover{color:#d2cfc6}nav a.active,.nav-home.active{color:var(--gold)}.nav-cta{border:1px solid #766327;color:#a8a6a0;padding:12px 17px;border-radius:6px;font-weight:700;font-size:14px;background:transparent;box-shadow:none;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;transform-origin:right center;transition:color .2s ease,opacity .35s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),max-width .4s cubic-bezier(.22,1,.36,1),padding .35s ease,border-color .3s ease,margin .35s ease}.nav-cta:hover{color:#d2cfc6;background:transparent}.nav-cta.active{color:var(--gold);background:transparent}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:none;color:var(--gold);border:0;font-size:25px}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 76px);min-height:calc(100dvh - 76px);border-bottom:1px solid #24221b;background:#090907}.hero-inner{width:100%;max-width:none;margin:0;z-index:3;min-height:calc(100vh - 76px);min-height:calc(100dvh - 76px);padding:28px clamp(20px,3.5vw,64px) 64px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.eyebrow,.kicker{color:var(--gold);font-family:'Space Grotesk';font-size:12px;font-weight:700;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:24px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1,.section h2,.store-heading h1,.support h2,.client-band h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(54px,5.4vw,86px);line-height:1.03;margin:26px 0}.hero h1 em,.client-band h2 em,.support h2 em{font-style:normal;color:var(--gold)}.hero-copy>p{color:#bab7af;max-width:550px;font-size:18px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-height:48px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:5px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#17130a}.button-gold:hover{background:var(--gold2)}.button-outline{border:1px solid #58503a;color:#f5ecd2}.button-outline:hover{background:#242118}.hero-note{font-size:11px;letter-spacing:.14em;color:#8d8a7f;margin-top:52px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:100%}.hero-copy{min-width:0}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.hero-art{height:640px;position:relative;display:grid;place-items:center}.orbital{position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid #66541b77;transform:rotate(-20deg) scaleX(.82)}.orbit-two{width:680px;height:680px;transform:rotate(36deg) scaleX(.85);border-color:#65572755}.hero-logo{width:auto;height:auto;background:none;border:0;border-radius:0;box-shadow:none;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:none;cursor:default}.hero-logo:hover .logo-inset,.hero-logo:focus-visible .logo-inset{transform:perspective(520px) rotateX(8deg) rotateY(-10deg) scale(1.04);outline:none}.logo-inset{font-family:'Minecraft',monospace;font-weight:400;font-size:320px;line-height:.85;color:#ffe56a;display:inline-block;transform:perspective(520px) rotateX(18deg) rotateY(-26deg);transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1);text-shadow:1px 0 0 #ffe98a,2px 1px 0 #f0c94a,3px 2px 0 #e2b42e,4px 3px 0 #d4a222,5px 4px 0 #c48e16,6px 5px 0 #b07c10,7px 6px 0 #9a6a0c,8px 7px 0 #82580a,9px 8px 0 #6a4708,10px 9px 0 #543808,11px 10px 0 #3e2a07,12px 11px 0 #2c1e06,16px 22px 28px rgba(0,0,0,.55)}.logo-caption{font-family:'Space Grotesk';text-align:center;font-weight:700;font-size:16px;letter-spacing:.16em;color:#f8d950;margin-top:42px;position:relative;z-index:1}.logo-caption small{font-size:9px;letter-spacing:.35em}.art-label{position:absolute;font-size:11px;letter-spacing:.13em;color:#8a8154;font-family:'Space Grotesk';font-weight:700}.art-label-a{top:38px;right:18px}.art-label-b{bottom:40px;left:25px}.section{width:100%;max-width:none;margin:0;padding:28px clamp(20px,3.5vw,64px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section h2{font-size:clamp(36px,4vw,57px);line-height:1.07;margin:14px 0 0}.accent{color:var(--gold)}.section-head>p{color:var(--muted);max-width:370px;font-size:16px;line-height:1.55;margin:0}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{background:var(--panel);border:1px solid #38342a;border-radius:10px;overflow:hidden;transition:transform .25s,border-color .25s}.video-card:hover,.product-card:hover{transform:translateY(-5px);border-color:#8f751f}.video-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#25241c}.video-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.video-card:hover img{transform:scale(1.04)}.play-icon{position:absolute;bottom:15px;right:16px;background:var(--gold);color:#15120a;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-left:3px;box-shadow:0 4px 20px #0008}.video-details{padding:22px}.small-label{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.small-label span{float:right}.video-details h3{font-family:'Space Grotesk';font-size:20px;line-height:1.25;margin:10px 0}.video-details p{color:var(--muted);font-size:14px;margin:0}.client-band{position:relative;border-top:1px solid #3c3420;border-bottom:1px solid #3c3420;background:#0b0b0a;display:block;overflow:hidden;padding:48px clamp(20px,3.5vw,64px);min-height:540px}.client-band-copy{padding:0;max-width:460px}.client-band h2{font-size:clamp(35px,3.5vw,53px);line-height:1.1;margin:14px 0}.client-band p{color:#b9b4a0;font-size:16px;line-height:1.55;margin:0;max-width:470px}.avatar-window{height:310px;width:360px;position:relative;overflow:hidden;flex-shrink:0;transform:rotate(9deg);opacity:.62}.avatar-track{animation:scroll-up 21s linear infinite}.avatar-line{height:72px;display:flex;align-items:center;gap:14px;padding-left:50px;color:#e6dca9;font-family:'Space Grotesk';font-weight:700;font-size:19px}.avatar{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border:2px solid #786525;border-radius:13px;background:#30331c;color:#f7c71d;font-size:24px}.avatar-1{background:#30273b;color:#dbb7ff}.avatar-2{background:#283a37;color:#b2e9d9}.avatar-3{background:#3c2d24;color:#f2c4a1}.avatar-4{background:#283044;color:#a2c4f0}.avatar-fade{position:absolute;left:0;right:0;height:75px;z-index:2;pointer-events:none}.avatar-fade.top{top:0;background:linear-gradient(#1e1c0e,transparent)}.avatar-fade.bottom{bottom:0;background:linear-gradient(transparent,#1d1b0e)}@keyframes scroll-up{to{transform:translateY(-360px)}}.quote-wait{border:1px solid #413721;background:linear-gradient(105deg,#1e1c15,#171714);border-radius:10px;display:grid;grid-template-columns:64px 1fr auto;gap:25px;align-items:center;padding:34px}.quote-symbol{font-family:Georgia,serif;font-size:94px;line-height:.8;color:var(--gold)}.quote-wait h3{font-family:'Space Grotesk';font-size:23px;margin:0 0 7px}.quote-wait p{color:var(--muted);line-height:1.55;max-width:620px;margin:0}.quote-wait a{color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap}.text-link{color:var(--gold);font-weight:800;font-size:14px}.feature-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;height:420px}.feature-tile{position:relative;overflow:hidden;border-radius:10px;background:#191713}.feature-img{position:absolute;inset:0}.feature-img .sprite{height:100%;aspect-ratio:auto}.feature-img .sprite img{width:879%;left:-200%;top:-200%;filter:brightness(.75);object-fit:cover}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0bec 2%,#10101099 56%,transparent);padding:40px;display:flex;flex-direction:column;align-items:start;justify-content:end}.feature-shade span,.mini-feature small{font-size:11px;letter-spacing:.15em;color:var(--gold);font-weight:800}.feature-shade h3{font-family:'Space Grotesk';font-size:44px;line-height:1.03;letter-spacing:-.05em;margin:15px 0}.feature-shade p{color:#e4dccc}.feature-shade b{color:var(--gold);font-size:14px}.feature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.mini-feature{display:grid;grid-template-columns:45% 55%;border-radius:10px;overflow:hidden;background:#1b1a17;border:1px solid #353027}.mini-feature .sprite{height:100%;aspect-ratio:auto}.mini-feature .sprite img{height:auto}.mini-feature>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:22px}.mini-feature h3{font-family:'Space Grotesk';font-size:23px;line-height:1.1;margin:11px 0}.mini-feature span{font-size:13px;color:var(--muted)}.portfolio-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.portfolio-card{border:1px solid #38342a;background:#171715;border-radius:10px;overflow:hidden}.portfolio-card .sprite{aspect-ratio:1.7}.portfolio-card>span{padding:14px 16px;display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.portfolio-card b{display:block;color:var(--text);font-size:15px;text-transform:none;letter-spacing:normal;margin-top:5px}.sprite{position:relative;overflow:hidden;aspect-ratio:233/136;background:#2d2b25}.sprite img{position:absolute;width:879%;height:auto;max-width:none}.process{border-top:1px solid #29271f}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #544824}.step{padding:25px 24px 28px 0;position:relative;transition:background .25s}.step:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold);position:absolute;top:-5px;left:0;box-shadow:0 0 12px #f7c71d99}.step-number{color:var(--gold);font-family:'Space Grotesk';font-size:14px;font-weight:700}.step h3{font-family:'Space Grotesk';font-size:22px;margin:20px 0 10px}.step p{color:var(--muted);line-height:1.55;font-size:14px;max-width:220px}.support{padding-top:30px;padding-bottom:110px}.support-panel{background:radial-gradient(circle at 90% 10%,#443808,#1b1a13 47%,#141411);border:1px solid #544622;border-radius:12px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:65px}.support h2{font-size:clamp(48px,5vw,75px);line-height:1.05;margin:18px 0}.support p{font-size:17px;line-height:1.6;color:#bfb9a9;max-width:530px}.support-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px}.support-actions .button{align-self:start}.support-method{border-top:1px solid #5e543b;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.support-method span{color:#aba388;font-size:11px;letter-spacing:.13em;font-weight:800}.support-method a,.support-method strong{font-weight:700;text-align:right}footer{position:relative;overflow:hidden;border-top:1px solid #302b20;background:#11110f;padding:55px clamp(20px,3.5vw,64px) 23px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px;position:relative;z-index:2;padding-left:230px;padding-right:170px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:12px;color:#b0ada4;font-size:14px}.footer-grid p{color:#8f8d84;margin:5px 0}.footer-grid a:hover{color:var(--gold)}.footer-label{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:10px}.footer-bottom{border-top:0;margin-top:55px;padding:20px 170px 8px 230px;color:#817f76;font-size:12px;display:flex;justify-content:space-between;gap:16px;position:relative;z-index:2}.store-main{width:100%;max-width:none;margin:0;padding:70px clamp(20px,3.5vw,64px) 110px;min-height:75vh}.store-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.store-heading h1{font-size:clamp(44px,5vw,72px);margin:12px 0}.store-heading p{color:var(--muted);max-width:630px;font-size:16px;line-height:1.55}.store-heading .button{margin-bottom:18px}.store-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 18px}.search{display:flex;align-items:center;gap:8px;border:1px solid #524522;background:#171715;border-radius:6px;padding:0 14px;color:var(--gold);min-width:300px}.search span{font-size:25px}.search input{background:none;border:0;color:var(--text);outline:0;width:100%;height:44px;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#1a1a18;color:#bab7aa;border:1px solid #51462b;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:700}.filters button.selected,.filters button:hover{background:var(--gold);color:#16120b;border-color:var(--gold)}.result-count{font-size:13px;color:#8d897e;margin:20px 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.product-card{border:1px solid #302d25;border-radius:9px;overflow:hidden;background:#171715;transition:transform .25s,border-color .25s;min-width:0}.product-body{padding:16px}.pill{display:inline-block;background:#f8cc2f;color:#1a160b;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-body h3{font-size:16px;line-height:1.25;min-height:40px;margin:12px 0 4px}.product-body p{font-size:12px;color:#a39f95;margin:0}.product-bottom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:8px}.product-bottom strong{color:var(--gold);font-size:20px}.product-bottom a{background:var(--gold);color:#15110b;border-radius:5px;font-size:12px;padding:9px 10px;font-weight:800;white-space:nowrap}.product-bottom a:hover{background:var(--gold2)}.empty-state{grid-column:1/-1;border:1px dashed #544a2a;padding:45px;text-align:center;color:var(--muted)}.store-footnote{text-align:center;color:var(--muted);margin-top:45px;font-size:14px}.store-footnote a{color:var(--gold)}
html{scrollbar-width:thin;scrollbar-color:#c9a227 #12110e;color-scheme:dark;scrollbar-gutter:stable}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#12110e}
::-webkit-scrollbar-thumb{background:#8f751f;border:3px solid #12110e;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}
::-webkit-scrollbar-corner{background:#12110e}
.hero-glow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 70% 46%,transparent 0%,rgba(9,9,7,.18) 42%,rgba(9,9,7,.72) 100%),linear-gradient(90deg,rgba(9,9,7,.5) 0%,rgba(9,9,7,.08) 48%,transparent 72%)}.hero h1,.hero-copy>p,.hero-note{text-shadow:0 2px 18px rgba(0,0,0,.9)}
@property --mx1{syntax:'<percentage>';inherits:false;initial-value:74%}
@property --my1{syntax:'<percentage>';inherits:false;initial-value:38%}
@property --mx2{syntax:'<percentage>';inherits:false;initial-value:16%}
@property --my2{syntax:'<percentage>';inherits:false;initial-value:82%}
@property --mx3{syntax:'<percentage>';inherits:false;initial-value:90%}
@property --my3{syntax:'<percentage>';inherits:false;initial-value:14%}
@property --mx4{syntax:'<percentage>';inherits:false;initial-value:42%}
@property --my4{syntax:'<percentage>';inherits:false;initial-value:8%}
.hero-mesh{position:absolute;inset:-18%;z-index:0;pointer-events:none;filter:blur(36px) saturate(1.2);background:radial-gradient(36% 44% at var(--mx1) var(--my1),rgba(247,199,29,.62),transparent 64%),radial-gradient(30% 38% at var(--mx2) var(--my2),rgba(196,110,16,.5),transparent 62%),radial-gradient(26% 32% at var(--mx3) var(--my3),rgba(255,231,119,.42),transparent 60%),radial-gradient(40% 48% at var(--mx4) var(--my4),rgba(86,104,36,.48),transparent 66%);animation:mesh-drift 32s ease-in-out infinite alternate}
@keyframes mesh-drift{to{--mx1:24%;--my1:72%;--mx2:78%;--my2:20%;--mx3:12%;--my3:58%;--mx4:66%;--my4:84%}}
.hero-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}
.client-band:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(11,11,10,.42) 0%,rgba(11,11,10,.08) 46%,rgba(11,11,10,.28) 100%)}
.client-band-wash{position:absolute;z-index:1;inset:0 auto 0 0;width:min(58%,760px);pointer-events:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(90deg,#0b0b0a 0%,rgba(11,11,10,.9) 34%,rgba(11,11,10,.45) 68%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 46%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 46%,transparent 100%)}
.client-band-copy{opacity:0;transform:translateX(-110px)}
.client-band.is-in .client-band-copy{opacity:1;transform:translateX(0);transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .9s ease}
.client-band .hero-edge{height:16%}
.client-band .hero-edge-bottom{height:18%;background:linear-gradient(to top,#0b0b0a 0%,rgba(11,11,10,.72) 46%,transparent 100%)}
.client-band .roster-card{background:rgba(12,11,9,.78);backdrop-filter:blur(10px)}
.client-band-copy h2,.client-band-copy p{text-shadow:0 2px 16px rgba(0,0,0,.85)}
.client-rain-frame{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%),linear-gradient(to right,transparent 0%,#000 16%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%),linear-gradient(to right,transparent 0%,#000 16%,#000 100%);mask-composite:intersect}
.client-band:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#0b0b0a 0%,transparent 24%,transparent 76%,#0b0b0a 100%),linear-gradient(to right,#0b0b0a 0%,transparent 18%,transparent 100%)}
.client-rain{position:absolute;inset:-32% -12% -32% 8%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:42px;pointer-events:none}
.rain-col{flex:1 1 0;min-width:0;height:124%;overflow:hidden;transform:rotate(23deg);transform-origin:center center;will-change:transform}
.rain-track{display:flex;flex-direction:column;gap:12px;animation:rain-down var(--dur,42s) linear infinite;animation-delay:var(--delay,0s);will-change:transform}
@keyframes rain-down{from{transform:translateY(-33.333%)}to{transform:translateY(0)}}
.rain-card{width:100%;min-height:108px;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:rgba(32,29,20,1);border:1px solid rgba(247,199,29,.45);box-shadow:none;margin:0}
.face-fallback{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#2c2818;color:var(--gold);font-family:'Minecraft',monospace;font-size:18px;border:1px solid rgba(247,199,29,.35)}.roster-card .face-fallback{width:38px;height:38px;font-size:15px}.quote-card .face-fallback{width:48px;height:48px}.rain-card img{width:46px;height:46px;border-radius:12px;object-fit:cover;flex-shrink:0;background:#2a271c;border:1px solid rgba(247,199,29,.35)}
.rain-card strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:176px}
.rain-card em{display:block;margin-top:2px;font-style:normal;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.03em}
.rain-card small{display:-webkit-box;margin-top:6px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#d4cfc2;font-size:12px;line-height:1.4;max-width:176px}
.hero-edge{position:absolute;left:0;right:0;height:28%;z-index:2;pointer-events:none}
.hero-edge-top{top:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(to bottom,rgba(11,11,10,.94),rgba(11,11,10,.2));-webkit-mask-image:linear-gradient(to bottom,#000 10%,transparent 100%);mask-image:linear-gradient(to bottom,#000 10%,transparent 100%)}
.hero-edge-bottom{bottom:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(to top,rgba(11,11,10,.96),rgba(11,11,10,.2));-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 100%);mask-image:linear-gradient(to top,#000 10%,transparent 100%)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;max-width:680px}
.hero-metrics div{border:1px solid rgba(247,199,29,.22);background:rgba(12,12,10,.5);border-radius:14px;padding:14px 16px;backdrop-filter:blur(12px)}
.hero-metrics b{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,2vw,34px);letter-spacing:-.05em;color:var(--gold);line-height:1}
.hero-metrics span{display:block;margin-top:6px;color:#c8c2b4;font-size:12px;line-height:1.35}
.ytjobs-btn{display:inline-flex;align-items:center;height:52px;padding:7px;margin:0;border-radius:12px;border:1px solid rgba(247,199,29,.45);background:transparent;overflow:hidden;max-width:52px;vertical-align:middle;transition:max-width .45s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.ytjobs-btn:hover,.ytjobs-btn:focus-visible{max-width:240px;background:rgba(247,199,29,.08);border-color:var(--gold);box-shadow:0 0 0 1px rgba(247,199,29,.12);outline:none}
.ytjobs-btn-logo{display:block;width:36px;height:36px;flex:none;border-radius:8px;object-fit:contain;background:#0b0b0a}
.ytjobs-btn-expand{display:inline-flex;align-items:center;gap:10px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-left:0;margin-right:0;transition:max-width .45s cubic-bezier(.22,1,.36,1),opacity .28s ease,margin .35s ease}
.ytjobs-btn:hover .ytjobs-btn-expand,.ytjobs-btn:focus-visible .ytjobs-btn-expand{max-width:180px;opacity:1;margin-left:10px;margin-right:6px}
.ytjobs-btn-label{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.ytjobs-btn-go{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;flex:none;background:var(--gold);color:#15120a;font-size:14px;font-weight:700}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
@media(max-width:560px){.ytjobs-btn{height:48px;max-width:48px;padding:6px}.ytjobs-btn-logo{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.ytjobs-btn,.ytjobs-btn-expand{transition:none}}

.client-band-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;min-height:400px}
.roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}
.roster-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;padding:12px 14px;border-radius:16px;border:1px solid #3d3522;background:rgba(255,255,255,.03);transition:opacity .55s ease,transform .55s ease,border-color .2s,background .2s}
.roster-card.is-prep{opacity:0;transform:translateY(24px);transition:none}
.roster.is-leaving .roster-card{opacity:0;transform:translateY(-32px);pointer-events:none}
.roster-card:nth-child(n+5){transition-delay:.08s}
.roster-card:nth-child(n+9){transition-delay:.16s}
.roster-card:hover{border-color:#8f751f;background:#221f14;transform:translateY(-3px)}
.roster.is-leaving .roster-card:hover{transform:translateY(-32px)}
.roster-card img,.roster-card .face-fallback{width:54px;height:54px;border-radius:14px;object-fit:cover;flex-shrink:0;background:#2a271c}
.roster-card .face-fallback{font-size:22px}
.roster-card>span{min-width:0;flex:1;overflow:hidden}
.roster-card strong{display:block;max-width:100%;font-size:16px;font-family:'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roster-card small{display:block;color:#b9b4a0;font-size:13px;margin-top:3px}
.quote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.quote-card{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:22px;border-radius:16px;border:1px solid #3d3522;background:linear-gradient(160deg,rgba(30,28,21,.95),rgba(16,16,14,.95));transition:transform .25s,border-color .25s}
.quote-card:hover{transform:translateY(-4px);border-color:#8f751f}
.quote-card header{display:flex;align-items:center;gap:12px}
.quote-card img{width:48px;height:48px;border-radius:14px;object-fit:cover;flex-shrink:0;background:#2a271c}
.quote-card header div{min-width:0;flex:1}
.quote-card header strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px}
.quote-card header span{display:block;color:#b9b4a0;font-size:12px;margin-top:2px}
.quote-card header b{color:var(--gold);font-size:13px;letter-spacing:.04em}
.quote-card p{margin:0;color:#e7e1d4;line-height:1.55;font-size:15px;flex:1}
.quote-card a{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.04em}
.step:hover{background:linear-gradient(180deg,rgba(247,199,29,.08),transparent 70%)}
.portfolio-card,.mini-feature{transition:transform .25s,border-color .25s}
.portfolio-card:hover,.mini-feature:hover{transform:translateY(-4px);border-color:#8f751f}

.rain-card img{width:52px;height:52px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee-stack{display:flex;flex-direction:column;gap:16px}
.marquee-track{display:flex;gap:18px;width:max-content;animation:marquee-left 55s linear infinite}
.marquee-track.reverse{animation-name:marquee-right;animation-duration:62s}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.marquee-card{width:380px;flex:0 0 380px}
.marquee-card:hover{transform:none}

@media(max-width:1100px){.nav-wrap{gap:25px}nav{gap:18px}.hero-art{transform:scale(.82)}.product-grid{grid-template-columns:repeat(3,1fr)}.feature-layout{height:370px}}
@media(max-width:800px){.header{height:66px}.nav-wrap{padding:0 20px}.brand{font-size:16px}.nav-cta{margin-left:auto}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#151511;padding:22px 20px;border-bottom:1px solid #514527;flex-direction:column;align-items:start;gap:20px}.header.menu-open nav{display:flex}.hero-inner{grid-template-columns:1fr;padding:32px 24px 40px}.hero{min-height:auto}.hero-art{height:300px;transform:scale(.64);margin:-25px 0}.section{padding:24px 24px}.section-head{align-items:start;flex-direction:column}.video-grid{grid-template-columns:repeat(2,1fr)}.client-band{padding:40px 24px}.client-band-layout{grid-template-columns:1fr}.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.client-rain-frame{width:100%;left:0;right:0}.client-rain{opacity:.72}.hero-metrics{max-width:none}.quote-wait{grid-template-columns:40px 1fr}.quote-wait a{grid-column:2}.feature-layout{grid-template-columns:1fr;height:auto}.feature-tile{height:350px}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:200px}.mini-feature{grid-template-columns:1fr}.mini-feature .sprite{display:none}.portfolio-row{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr);row-gap:25px}.support-panel{grid-template-columns:1fr;padding:40px;gap:25px}.store-main{padding:55px 24px}.store-controls{align-items:start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,1fr)}footer{padding:45px 24px 23px}.client-rain{opacity:.72}.hero-glow{background:linear-gradient(180deg,rgba(9,9,7,.42),rgba(9,9,7,.16) 42%,rgba(9,9,7,.5))}}
@media(max-width:560px){.brand-light{display:none}.nav-cta{font-size:12px;padding:10px}.nav-cta span{display:none}.hero-inner{padding:24px 20px 15px}.hero h1{font-size:clamp(45px,11vw,63px)}.hero-copy>p{font-size:16px}.hero-note{line-height:1.4;margin-top:36px}.hero-art{height:260px;transform:scale(.55);margin:-25px -40px}.art-label{display:none}.section{padding:20px 20px}.section h2{font-size:39px}.video-grid{grid-template-columns:1fr}.client-band{padding:32px 20px}.roster{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr}.client-rain-frame{width:100%;left:0;right:0}.client-rain{opacity:.72}.client-band-copy{padding:28px 0;position:relative;z-index:2}.client-band h2{font-size:37px}.client-band p{font-size:14px}.avatar-window{width:95px;opacity:.35;margin-left:-70px;flex-shrink:0}.avatar-line span:last-child{display:none}.quote-wait{display:block;padding:24px}.quote-symbol{height:40px;font-size:70px}.quote-wait h3{font-size:21px}.quote-wait a{display:block;margin-top:17px}.feature-tile{height:310px}.feature-shade{padding:25px}.feature-shade h3{font-size:36px}.feature-side{grid-template-columns:1fr;grid-template-rows:130px 130px}.mini-feature{grid-template-columns:35% 65%}.mini-feature .sprite{display:block}.mini-feature>div:last-child{padding:14px}.mini-feature h3{font-size:18px}.mini-feature span{display:none}.portfolio-row{gap:10px}.portfolio-card b{font-size:13px}.steps{grid-template-columns:1fr 1fr}.step h3{font-size:19px}.step p{font-size:13px}.support-panel{padding:27px}.support-method{flex-direction:column;gap:5px}.support-method a,.support-method strong{text-align:left}footer{padding:38px 20px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.store-main{padding:48px 20px 80px}.store-heading{align-items:start;flex-direction:column}.store-heading .button{margin:0}.search{min-width:0;width:100%}.filters{gap:6px}.filters button{padding:8px 9px;font-size:12px}.product-grid{gap:10px}.product-body{padding:11px}.product-body h3{font-size:14px;min-height:52px}.product-bottom{display:block}.product-bottom strong{display:block;margin-bottom:9px}.product-bottom a{display:block;text-align:center;font-size:11px}}
.handle-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.7fr);gap:28px 48px;align-items:center;margin-bottom:40px}
.handle-head h2{font-size:clamp(46px,5vw,72px);line-height:.96;margin:14px 0 0}
.handle-head em{font-style:normal;color:var(--gold)}
.handle-divider{display:none}
.handle-head p{margin:0;max-width:none;color:#c9c3b5;font-size:16px;line-height:1.55}
.handle-row{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;padding-top:0}
.handle-row:before{content:'';position:absolute;top:4px;left:4px;right:calc(100% / 6 - 23px);height:1px;background:#e2b83a;z-index:0}
.handle-row.orders:before{right:calc(100% / 5 - 22px)}
.handle-item{position:relative;min-width:0;padding-top:22px}
.handle-dot{position:absolute;top:0;left:0;z-index:1;width:9px;height:9px;margin:0;border-radius:50%;background:#f7c71d;box-shadow:0 0 0 4px #0b0b0a,0 0 12px #f7c71d}
.handle-title{display:flex;align-items:center;gap:12px;margin-top:0}
.handle-icon{display:block;width:30px;height:30px;margin:0;flex-shrink:0;color:var(--gold)}
.handle-icon svg{width:100%;height:100%;display:block}
.handle-num{display:none}
.handle-item h3{font-family:'Space Grotesk',sans-serif;font-size:22px;margin:0}
.handle-row.orders{grid-template-columns:repeat(5,minmax(0,1fr))}
.handle-item p{margin:10px 0 0;max-width:none;color:#b7b1a4;font-size:14px;line-height:1.5}
@media(max-width:1100px){.handle-row,.handle-row.orders{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:42px;padding-top:0}.handle-row:before{display:none}.handle-dot{position:static;display:block;transform:none;margin-bottom:14px;box-shadow:none}.handle-num{margin-top:0}}
@media(max-width:800px){.handle-head{grid-template-columns:1fr;gap:18px;margin-bottom:42px}.handle-divider{width:56px;height:1px;justify-self:start}.handle-row,.handle-row.orders{grid-template-columns:1fr 1fr}.idea-panel{grid-template-columns:1fr;padding:36px 24px}.idea-grid{grid-template-columns:1fr}}
@media(max-width:560px){.handle-row,.handle-row.orders{grid-template-columns:1fr}.handle-item p{max-width:none}.idea-orb{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.rain-track,.marquee-track,.idea-panel:before,.hero-mesh,.idea-smoke span,.reel-track,.pick-card:after,.logo-inset{animation:none!important}.client-band-copy{opacity:1;transform:none}}

.idea-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,340px) auto;align-items:center;column-gap:64px;row-gap:28px;padding:64px 56px 64px 68px;border-radius:28px;overflow:hidden;background:linear-gradient(165deg,#1a1812,#10100e 62%)}
.idea-panel:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(110deg,transparent 20%,rgba(247,199,29,.85),transparent 80%);background-size:220% 100%;animation:idea-sheen 7s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes idea-sheen{to{background-position:220% 0}}
.idea-smoke{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.idea-smoke span{position:absolute;bottom:-30%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(247,199,29,.42),rgba(196,122,18,.12) 42%,transparent 70%);filter:blur(18px);opacity:.2;animation:idea-smoke 12s ease-in-out infinite}
.idea-smoke span:nth-child(1){left:4%;animation-duration:13s}
.idea-smoke span:nth-child(2){left:34%;width:420px;height:420px;animation-duration:16s;animation-delay:-5s}
.idea-smoke span:nth-child(3){right:-4%;animation-duration:14s;animation-delay:-8s}
@keyframes idea-smoke{0%{transform:translateY(30px) scale(.75);opacity:.12}45%{opacity:.42}100%{transform:translateY(-220px) scale(1.45);opacity:0}}
.idea-copy{position:relative;z-index:1;opacity:0;filter:blur(14px);transform:translateY(18px);transition:opacity .9s ease,filter .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.idea-panel.is-in .idea-copy{opacity:1;filter:blur(0);transform:none}
.idea-copy h2{font-size:clamp(44px,4.6vw,72px);line-height:.94;margin:14px 0 18px}
.idea-copy p{max-width:460px;margin:0;color:#cfc8b8;font-size:16px;line-height:1.6}
.idea-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}
.idea-card{display:block;padding:14px 16px 16px;border-radius:16px;border:1px solid #3c3422;background:rgba(12,11,9,.55);opacity:0;transform:translateX(88px);transition:opacity .65s ease,transform .7s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s}
.idea-panel.is-in .idea-card{opacity:1;transform:none}
.idea-panel.is-in .idea-card:nth-child(1){transition-delay:.2s}
.idea-panel.is-in .idea-card:nth-child(2){transition-delay:.38s}
.idea-panel.is-in .idea-card:nth-child(3){transition-delay:.56s}
.idea-card:hover{border-color:#c9a227;background:#1c1a13}
.idea-card span{display:block;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}
.idea-card strong{display:block;margin-top:6px;font-family:'Space Grotesk',sans-serif;font-size:clamp(15px,1.2vw,18px);font-weight:700;overflow-wrap:anywhere}
.idea-orb{position:relative;z-index:1;width:104px;height:104px;border-radius:50%;border:1px solid rgba(247,199,29,.6);display:grid;place-items:center;color:var(--gold);opacity:0;transform:scale(.35);transition:opacity .4s ease 1.05s,transform .55s cubic-bezier(.16,1,.3,1) 1.05s,background .45s}
.idea-panel.is-in .idea-orb{opacity:1;transform:scale(1)}
.idea-arrow{width:54px;height:54px;opacity:0;transform:rotate(-220deg);transition:opacity .3s ease 1.45s,transform .75s cubic-bezier(.2,1.25,.3,1) 1.45s}
.idea-panel.is-in .idea-arrow{opacity:1;transform:rotate(0deg)}
.idea-panel.is-in:hover .idea-orb{transform:scale(1.06);background:rgba(247,199,29,.12)}
.idea-panel.is-in:hover .idea-arrow{transform:rotate(0deg) translate(4px,-2px)}
@media(max-width:980px){.idea-panel{grid-template-columns:1fr auto;padding:40px 28px}.idea-grid{grid-column:1;grid-row:2}.idea-orb{grid-column:2;grid-row:1 / span 2;align-self:center}}
@media(max-width:640px){.idea-panel{grid-template-columns:1fr;padding:32px 20px}.idea-grid,.idea-orb{grid-column:1;grid-row:auto}.idea-orb{justify-self:end;width:88px;height:88px}.idea-arrow{width:44px;height:44px}}


#process,#videos,#work,#support,#services{scroll-margin-top:96px}
.pick-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pick-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;overflow:hidden;border:1px solid #3a3426;background:#12110e;transition:border-color .4s ease,box-shadow .4s ease,opacity .3s ease,filter .3s ease}
.pick-card:after{content:'';position:absolute;inset:-10% -40%;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(244,208,63,.28) 48%,rgba(255,255,255,.22) 52%,transparent 68%);transform:translateX(-100%) skewX(-25deg);animation:none;will-change:transform}
.pick-card.is-shine:after{animation:pick-shine 2.6s ease-in-out 1 forwards}
@keyframes pick-shine{0%{transform:translateX(-100%) skewX(-25deg)}100%{transform:translateX(100%) skewX(-25deg)}}

.pick-row{perspective:1100px}
.pick-card{transform-style:preserve-3d;will-change:transform}
.pick-card:hover,.pick-card.is-hot{border-color:#f7c71d;box-shadow:0 22px 40px rgba(0,0,0,.42);z-index:2}.pick-row.is-dimming .pick-card:not(.is-hot){opacity:.38;filter:grayscale(.35) brightness(.72)}.pick-card:hover,.pick-card.is-hot{z-index:5;opacity:1;filter:none}
.pick-media{position:relative;aspect-ratio:16/9;background:#1c1a14;overflow:hidden;cursor:pointer}
.pick-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.pick-card:hover .pick-media img,.pick-card.is-hot .pick-media img{transform:scale(1.04);filter:brightness(.72)}
.pick-yt{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(0,0,0,.22);opacity:0;transition:opacity .25s ease;pointer-events:none}
.pick-card:hover .pick-yt,.pick-card.is-hot .pick-yt{opacity:1}
.pick-yt svg{width:min(68px,28%);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));transform:scale(.92);transition:transform .25s ease}
.pick-card:hover .pick-yt svg,.pick-card.is-hot .pick-yt svg{transform:scale(1)}
.pick-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:4}
.pick-card.is-playing .pick-yt,.pick-card.is-playing .pick-price{display:none}
.pick-card.is-playing .pick-media{cursor:default}
.pick-card.is-playing{transform:none!important}
.pick-price{position:absolute;right:10px;bottom:10px;z-index:3;background:var(--gold);color:#17130a;font-weight:800;font-size:13px;line-height:1;padding:6px 8px;border-radius:999px}
.pick-copy{padding:12px 12px 14px;display:block;color:inherit}
.pick-copy:hover h3{color:var(--gold)}
.pick-copy h3{font-family:'Space Grotesk',sans-serif;font-size:15px;line-height:1.25;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}
.yt-head{width:100%;max-width:none;align-items:center;gap:28px}
.yt-kpis{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 0 auto}
.yt-kpis div{min-width:132px;padding:11px 14px;border:1px solid rgba(247,199,29,.28);border-radius:12px;background:#14130f}
.yt-kpis b{display:block;font-family:'Space Grotesk',sans-serif;font-size:22px;letter-spacing:-.04em;color:var(--gold);line-height:1}
.yt-kpis span{display:block;margin-top:5px;max-width:120px;color:#b9b4a0;font-size:12px;line-height:1.3}
.stage{display:grid;grid-template-columns:minmax(0,640px) 250px;gap:14px;align-items:stretch;width:fit-content;max-width:100%;margin-inline:auto}
@keyframes logo-idle{0%,100%{transform:perspective(640px) rotateX(14deg) rotateY(-16deg) translateY(0) rotateZ(-2deg)}50%{transform:perspective(640px) rotateX(8deg) rotateY(-6deg) translateY(-10px) rotateZ(2deg)}}
.hero-logo .logo-inset{animation:logo-idle 7.5s ease-in-out infinite}
.hero-logo.is-tilt .logo-inset{animation:none}
.stage-player{position:relative;aspect-ratio:16/9;width:100%;max-width:640px;height:auto;min-width:0;border-radius:16px;overflow:hidden;border:1px solid #4a3f22;background:#100f0c;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.stage-poster,.stage-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.stage-poster img{width:100%;height:100%;object-fit:cover}
.stage-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,6,.92) 0%,rgba(8,8,6,.15) 46%,rgba(8,8,6,.35) 100%)}
.stage-play{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;border:0;background:var(--gold);transform:translate(-50%,-50%);box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:pointer;transition:transform .25s}
.stage-play span{position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent #17130a}
.stage-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.stage-caption{position:absolute;left:22px;right:22px;bottom:20px}
.stage-caption h3{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.15;margin:6px 0 4px}
.stage-caption p{margin:0;color:#d9d2c2;font-size:14px}
.reel{min-width:0;height:0;min-height:100%;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
.reel-track{display:flex;flex-direction:column;gap:10px;animation:reel-up 36s linear infinite}
.reel:hover .reel-track,.reel:focus-within .reel-track{animation-play-state:paused}
@keyframes reel-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.reel-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;width:100%;text-align:left;padding:7px;border-radius:12px;border:1px solid #3a3424;background:rgba(16,15,12,.86);color:inherit;cursor:pointer}
.reel-item.is-on{border-color:#f7c71d;background:#241f12;box-shadow:inset 0 0 0 1px rgba(247,199,29,.35)}
.reel-item img{width:92px;height:52px;object-fit:cover;border-radius:8px}
.reel-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:'Space Grotesk',sans-serif;font-size:14px;line-height:1.25}
.reel-item em{display:block;margin-top:4px;color:var(--gold);font-style:normal;font-size:12px;font-weight:800}
.reel-item small{display:block;margin-top:2px;color:#b7b1a4;font-size:12px}
.footer-slime,.footer-wolf{position:absolute;pointer-events:none;mix-blend-mode:lighten;z-index:1;height:auto}
.footer-bottom:before{content:'';position:absolute;top:0;left:clamp(24px,10vw,120px);right:clamp(24px,10vw,120px);height:1px;background:#2e2c26}
.footer-slime{left:12px;bottom:0;width:87px}
.footer-wolf{right:8px;bottom:0;width:106px;z-index:2}
@media(max-width:1100px){.pick-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.footer-grid:not(.footer-grid-solo),.footer-bottom{padding-left:148px;padding-right:110px}.footer-slime{width:62px}.footer-wolf{width:74px;right:8px;left:auto}}
@media(max-width:560px){.footer-grid:not(.footer-grid-solo),.footer-bottom{padding-left:100px;padding-right:84px}.footer-slime{width:44px;bottom:0}.footer-wolf{width:56px;right:6px;left:auto}}
@media(max-width:900px){.yt-head{max-width:none}.yt-kpis{width:100%}.stage{grid-template-columns:1fr;width:100%}.stage-player{aspect-ratio:16/9;max-width:none}.reel{height:320px;min-height:0}}
@media(max-width:640px){.pick-row{grid-template-columns:1fr}}

@media print{
  @page{size:A4;margin:12mm}
  :root{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body{background:#0b0b0a!important}
  .header{position:static}.menu-toggle,.hero-actions,.nav-cta,.support-actions .button,.store-controls,.play-icon{display:none!important}
  .hero,.hero-inner{min-height:0}.hero-inner{padding-top:24px;padding-bottom:24px}.hero-art{height:300px;transform:scale(.65)}
  .section{padding-top:34px;padding-bottom:34px}.video-card,.product-card,.portfolio-card,.step,.quote-wait,.support-panel{break-inside:avoid}
  .client-band{break-inside:avoid}.client-rain,.hero-edge{display:none}.rain-track{animation:none}
  .feature-layout{height:320px}.support{padding-bottom:30px}
  a{color:inherit}
}

@media(min-width:801px){.hero-art{position:absolute;inset:0 0 0 44%;height:auto;margin:0;transform:none}.hero-logo{transform:translateY(28px)}.hero-logo .logo-caption{position:absolute;left:50%;top:calc(100% + 36px);margin:0;transform:translateX(-50%);white-space:nowrap}}
.hero h1{font-size:clamp(40px,4.4vw,68px)}
.section.process{width:100%;max-width:none;min-height:0;box-sizing:border-box;display:block;padding-top:clamp(18px,3vh,36px);padding-bottom:clamp(18px,3vh,36px);padding-left:clamp(12px,1.6vw,24px);padding-right:clamp(12px,1.6vw,24px)}
.handle-fit{width:100%;max-width:none;margin:0}
.handle-head{width:100%}
.handle-head p{max-width:none;justify-self:end;text-align:right}
.handle-item p{max-width:none}
.section.process h2{font-size:clamp(29px,3.2vw,46px)}
.section.process .handle-head p,.section.process .kicker{font-size:11px}
.handle-row{gap:22px}
.handle-item{padding-top:16px}
.handle-item h3{font-size:18px}
.handle-item p{margin-top:8px;max-width:none;font-size:12px;line-height:1.45}
.handle-icon{width:24px;height:24px}
.handle-title{gap:10px}
.handle-dot{width:7px;height:7px}
.handle-row:before{transform:scaleX(0);transform-origin:left center}
.handle-item{opacity:0;transform:translateY(16px)}
.process.is-play .handle-row:before{animation:handle-draw 1.8s cubic-bezier(.4,0,.15,1) forwards}
.process.is-play .handle-item{animation:handle-in .55s ease forwards}
.process.is-play .orders .handle-item:nth-child(1){animation-delay:.08s}
.process.is-play .orders .handle-item:nth-child(2){animation-delay:.42s}
.process.is-play .orders .handle-item:nth-child(3){animation-delay:.76s}
.process.is-play .orders .handle-item:nth-child(4){animation-delay:1.1s}
.process.is-play .orders .handle-item:nth-child(5){animation-delay:1.44s}
.process.is-play .handle-row:not(.orders) .handle-item:nth-child(1){animation-delay:.06s}
.process.is-play .handle-row:not(.orders) .handle-item:nth-child(2){animation-delay:.34s}
.process.is-play .handle-row:not(.orders) .handle-item:nth-child(3){animation-delay:.62s}
.process.is-play .handle-row:not(.orders) .handle-item:nth-child(4){animation-delay:.9s}
.process.is-play .handle-row:not(.orders) .handle-item:nth-child(5){animation-delay:1.18s}
.process.is-play .handle-row:not(.orders) .handle-item:nth-child(6){animation-delay:1.46s}
@keyframes handle-draw{to{transform:scaleX(1)}}
@keyframes handle-in{to{opacity:1;transform:none}}
.yt-sub{margin:8px 0 0;max-width:460px;color:#b7b1a4;font-size:15px;line-height:1.45}
.yt-kpis{gap:12px}
.yt-kpis div{display:flex;align-items:center;gap:12px;min-width:168px;padding:12px 16px 12px 12px;border-radius:16px;border:1px solid rgba(247,199,29,.35);background:linear-gradient(180deg,#1a1812,#12110e)}
.yt-kpis .yt-ico{display:grid;place-items:center;width:36px;height:36px;flex:none;margin:0;border-radius:50%;background:rgba(247,199,29,.12);color:var(--gold)}
.yt-ico svg{width:18px;height:18px;display:block}
.yt-kpi-copy{min-width:0}
.yt-kpi-copy b{color:#f6f1e4;font-size:22px}
.yt-kpi-copy span{margin-top:3px;max-width:110px}
.stage{grid-template-columns:minmax(0,1.7fr) minmax(280px,.78fr);gap:16px;width:100%;max-width:none}
.stage-player{max-width:none;border-radius:18px}
.stage-flag{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(10,9,7,.72);border:1px solid rgba(247,199,29,.5);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.14em}
.stage-flag svg{width:13px;height:13px}
.stage-time{position:absolute;right:14px;bottom:16px;z-index:3;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:700}
.stage-caption{right:88px;z-index:3}
.stage-who{display:flex;align-items:center;gap:8px}
.stage-who img,.stage-who .face-fallback{width:28px;height:28px;border-radius:50%;object-fit:cover}
.stage-who strong{font-size:14px;font-weight:700}
.stage-stats{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.stage-like{display:inline-flex;align-items:center;gap:5px}
.stage-like svg{width:14px;height:14px}
.reel-item{grid-template-columns:168px minmax(0,1fr);align-items:center;padding:8px;border-radius:14px}
.reel-thumb{position:relative;display:block}
.reel-thumb img{width:168px;height:94px;border-radius:10px}
.reel-thumb b{position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:700}
.reel-copy em{display:block;margin-top:3px;color:#d7d0c2;font-style:normal;font-size:12px;font-weight:700}
.reel-copy small{display:block;margin-top:2px;color:#9d988c;font-size:12px}
@media(max-width:900px){.reel-item{grid-template-columns:120px minmax(0,1fr)}.reel-thumb img{width:120px;height:68px}}
@media(prefers-reduced-motion:reduce){.handle-item{opacity:1;transform:none}.handle-row:before{transform:none}}

/* In-page mods store embed (Home shell keeps nav; footer hidden while loading) */
#app{display:flex;flex-direction:column;min-height:100vh;background:#0b0b0a}
#page-shell{flex:1 0 auto;display:block;width:100%;background:#0b0b0a}
#store-embed{
  display:block;
  position:relative;
  width:100%;
  background:#0b0b0a;
  min-height:calc(100vh - 76px);
  height:calc(100vh - 76px);
  overflow:hidden;
}
#store-embed[hidden]{display:none!important}
#store-frame{
  display:block;
  width:100%;
  border:0;
  background:#0b0b0a;
  height:100%;
  min-height:100%;
  overflow:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
#store-frame::-webkit-scrollbar{width:0;height:0;display:none}
body.store-open{background:#0b0b0a;overflow:hidden}
body.store-open #page-main{display:none!important}
body.store-open .header{position:sticky;top:0;z-index:30}
body.store-open footer{display:none!important}
body.store-loading{overflow:hidden}
body.store-loading footer{display:none!important;visibility:hidden!important;pointer-events:none!important}
.store-shell-loader{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#0b0b0a;
  color:#f7c71d;
}
.store-shell-loader[hidden]{display:none!important}
.store-svg-loader{width:200px;height:200px;display:grid;place-items:center}
.store-svg-loader svg{display:block;width:200px;height:200px}
.store-shell-label{
  font-family:'Space Grotesk','DM Sans',system-ui,sans-serif;
  font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,199,29,.95);
  margin-top:-8px;
}
@keyframes bounce{0%,100%{translate:0px 36px}50%{translate:0px 46px}}
@keyframes bounce2{0%,100%{translate:0px 46px}50%{translate:0px 56px}}
@keyframes umbral{0%{stop-color:#d3a5102e}50%{stop-color:rgba(211,165,16,.519)}100%{stop-color:#d3a5102e}}
@keyframes partciles{0%,100%{translate:0px 16px}50%{translate:0px 6px}}
.store-svg-loader .loader-particles,.store-svg-loader #particles{animation:partciles 4s ease-in-out infinite}
.store-svg-loader #animatedStop,.store-svg-loader #animatedStop2{animation:umbral 4s infinite}
.store-svg-loader #bounce{animation:bounce 4s ease-in-out infinite;translate:0px 36px}
.store-svg-loader #bounce2{animation:bounce2 4s ease-in-out infinite;translate:0px 46px;animation-delay:.5s}
@media(max-width:800px){
  #store-embed{min-height:calc(100vh - 66px);height:calc(100vh - 66px)}
}
@media(prefers-reduced-motion:reduce){
  .store-svg-loader #bounce,.store-svg-loader #bounce2,.store-svg-loader #animatedStop,.store-svg-loader #animatedStop2,.store-svg-loader .loader-particles,.store-svg-loader #particles{animation:none}
}


footer{padding-top:45px;padding-bottom:32px}
.footer-grid-solo{display:flex;justify-content:center;align-items:center;text-align:center;padding:6px clamp(20px,3.5vw,64px) 4px;grid-template-columns:none}
.footer-grid-solo>.footer-brand-block,.footer-brand-block{display:flex;flex-direction:column;align-items:center!important;justify-content:center;gap:6px;width:100%;max-width:420px;margin:0 auto;text-align:center}
.footer-brand-block .brand{justify-content:center}
.footer-brand-block p{margin:0;color:#8f8b82;font-size:14px;line-height:1.5;text-align:center;width:100%}
.footer-bottom{justify-content:center;text-align:center;gap:8px;padding-top:14px;margin-top:10px}
@media(max-width:800px){.footer-grid-solo,.footer-bottom{padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}}
@media(max-width:560px){.footer-grid-solo,.footer-bottom{padding-left:20px;padding-right:20px}footer{padding-top:36px;padding-bottom:26px}}

.nav-cta.is-top-hide{opacity:0;pointer-events:none;max-width:0;padding-left:0;padding-right:0;margin:0;border-color:transparent;transform:scale(.72) translateY(-8px)}
.nav-cta.is-show{opacity:1;pointer-events:auto;max-width:180px;padding:12px 17px;border-color:#766327;transform:scale(1) translateY(0);animation:navCtaPop .45s cubic-bezier(.22,1,.36,1)}
@keyframes navCtaPop{0%{transform:scale(.72) translateY(-8px);opacity:0}60%{transform:scale(1.06) translateY(0);opacity:1}100%{transform:scale(1);opacity:1}}
body.store-open .nav-cta{opacity:1;pointer-events:auto;max-width:180px;padding:12px 17px;border-color:#766327;transform:none;animation:none}
@media(prefers-reduced-motion:reduce){.nav-cta,.nav-cta.is-show{animation:none;transition:opacity .2s ease}}

.process-stack{min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3.5vh,40px);padding-top:clamp(48px,7vh,88px);padding-bottom:clamp(48px,7vh,88px)}
.process-stack .section.process{flex:0 0 auto}
@media(max-width:800px){.process-stack{min-height:auto;padding-top:36px;padding-bottom:36px;gap:28px}}

.section.support{padding-top:clamp(64px,10vh,120px);padding-bottom:clamp(36px,5vh,64px)}
.section.support .idea-panel{margin-top:clamp(12px,2vh,28px)}

.footer-socials{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px auto 0;width:auto}
.footer-social{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #3a3426;background:#151513;color:#c5c1b5;transition:border-color .25s ease,color .25s ease,background .25s ease,transform .25s ease}
.footer-social:hover,.footer-social:focus-visible{border-color:rgba(247,199,29,.45);color:var(--gold);background:#1c1a14;outline:none;transform:translateY(-2px)}
.footer-ico{width:17px;height:17px;display:block}
.footer-toast{position:fixed;left:50%;bottom:28px;z-index:60;transform:translateX(-50%) translateY(12px);padding:11px 16px;border-radius:14px;border:1px solid rgba(247,199,29,.35);background:rgba(18,17,14,.96);color:#f5f2e9;font-size:14px;box-shadow:0 12px 40px rgba(0,0,0,.45);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.footer-toast.is-in{opacity:1;transform:translateX(-50%) translateY(0)}
.footer-toast em{font-style:normal;color:var(--gold);font-weight:700}