*{box-sizing:border-box}
:root{--navy:#0b1f3a;--navy2:#13315c;--ink:#0f172a;--slate:#334155;--mut:#5b6b82;--bg:#f5f7fb;--line:#e3e8f0;--acc:#c9a227;--acc2:#e8c766;--accl:#fbf6e6;--teal:#0e7490;--r:16px;--sh:0 1px 2px rgba(11,31,58,.06),0 8px 24px rgba(11,31,58,.08);--shh:0 2px 4px rgba(11,31,58,.08),0 18px 40px rgba(11,31,58,.14)}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.015em;color:var(--navy);line-height:1.15}
h1{font-size:clamp(2.3rem,5.4vw,4rem);margin:.25em 0 .35em}
h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin:0 0 .6em}
h3{font-size:1.2rem;margin:.5em 0 .35em}
p{margin:0 0 1em}a{color:var(--teal)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(11,31,58,.08)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:14px 24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}
.logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:var(--acc2);display:grid;place-items:center;font:700 1.25rem Fraunces,serif;box-shadow:inset 0 0 0 1px rgba(232,199,102,.4)}
.brand b{font:700 1.05rem Inter,sans-serif;letter-spacing:.22em}.brand small{display:block;font-size:.7rem;color:var(--mut);letter-spacing:.06em}
nav ul{list-style:none;display:flex;gap:2px;margin:0;padding:0}
nav a{display:block;white-space:nowrap;color:var(--slate);text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 11px;border-radius:8px}
nav a:hover{background:var(--bg);color:var(--navy)}nav a[aria-current]{color:var(--navy);background:var(--accl);box-shadow:inset 0 -2px 0 var(--acc)}
.navbtn{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:600 .9rem Inter;color:var(--navy);cursor:pointer}
@media (max-width:1060px){.navbtn{display:block}nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh);display:none}nav.open{display:block}nav ul{flex-direction:column;padding:10px 16px 16px}nav a{padding:12px;font-size:1rem}}
/* hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:96px 0 88px;background:
radial-gradient(900px 500px at 85% -10%,rgba(14,116,144,.55),transparent 60%),
radial-gradient(700px 420px at 0% 110%,rgba(201,162,39,.22),transparent 60%),
linear-gradient(160deg,#081a33 0%,#0b1f3a 45%,#13315c 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 C240 110 480 10 720 50 S1200 100 1440 40 V120 H0Z' fill='%23ffffff' fill-opacity='.06'/%3E%3Cpath d='M0 90 C300 50 600 120 900 80 S1300 60 1440 85 V120 H0Z' fill='%23ffffff'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{color:#fff;max-width:900px}.hero p{color:#c8d3e3;max-width:700px;font-size:1.15rem}
.hero .status{max-width:780px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--acc);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700}
.hero .eyebrow{color:var(--acc2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:6px 12px;border-radius:999px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.95rem;margin:8px 10px 0 0;transition:transform .15s,box-shadow .15s,background .15s;border:0;cursor:pointer;font-family:inherit}
.btn.p{background:linear-gradient(135deg,var(--acc2),var(--acc));color:#1a1405;box-shadow:0 6px 18px rgba(201,162,39,.35)}.btn.p:hover{transform:translateY(-2px)}
.btn.s{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25)}.btn.s:hover{background:rgba(255,255,255,.16)}
section .btn.s{color:var(--navy);border-color:var(--line);background:#fff}
section{padding:88px 0}section.alt{background:var(--bg)}
section+section:not(.alt){border-top:1px solid var(--line)}
.lead{font-size:1.1rem;color:var(--mut);max-width:720px}
.sechead{max-width:760px;margin-bottom:36px}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s,border-color .2s;color:inherit;text-decoration:none;display:block}
.card:hover{transform:translateY(-4px);box-shadow:var(--shh);border-color:#cfd8e6}
.card p:last-child{margin-bottom:0}
.card svg{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--accl);stroke:var(--acc);fill:none;stroke-width:1.8}
.status{border:1px solid #ecd9a0;border-left:4px solid var(--acc);background:var(--accl);padding:16px 20px;border-radius:12px;margin:28px 0 0;color:#4a3a0a;font-size:.95rem}.status strong{color:#6b4f00}
.hero .status{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);border-left-color:var(--acc);color:#d6dfeb}.hero .status strong{color:var(--acc2)}
.strip{background:#fff;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--slate)}
.strip .wrap{display:flex;flex-wrap:wrap;gap:0}
.strip .wrap>*{padding:18px 26px 18px 0;margin-right:26px;border-right:1px solid var(--line)}.strip .wrap>*:last-child{border:0}
.strip small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--mut);font-weight:600}
.strip b{font-weight:600;color:var(--navy)}
table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);background:#fff}
td,th{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}tr:last-child td,tr:last-child th{border-bottom:0}
th{background:var(--bg);width:34%;font-weight:600;color:var(--navy)}
.pend{color:#92400e;font-weight:600}
ul li{margin:.35em 0}
/* companies */
.co{border-top:4px solid var(--c,#0b1f3a)}.co .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);padding:4px 10px;border-radius:999px}
.co .go{font-weight:600;color:var(--c)}
.cta{background:linear-gradient(135deg,#0b1f3a,#13315c);color:#fff;border-radius:24px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.cta h2{color:#fff;margin:0}.cta p{color:#c8d3e3;margin:.4em 0 0}
/* footer */
footer{background:#071629;color:#a9b6c9;padding:64px 0 28px;font-size:.92rem}
footer a{color:#dbe4f0;text-decoration:none}footer a:hover{color:var(--acc2)}
.fgrid{display:grid;gap:32px;grid-template-columns:1.4fr 1fr 1fr 1fr}
@media (max-width:820px){.fgrid{grid-template-columns:1fr 1fr}}
footer h4{color:#fff;margin:0 0 12px;font:600 .78rem Inter;letter-spacing:.14em;text-transform:uppercase}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:6px 0}
footer .brand{color:#fff}footer .brand small{color:#8fa0b8}
.fine{border-top:1px solid #16304f;margin-top:40px;padding-top:20px;font-size:.8rem;color:#7d8da5;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
form label{display:block;font-weight:600;font-size:.9rem;margin-top:14px;color:var(--navy)}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cdd6e3;border-radius:10px;font:inherit;background:#fbfcfe}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:3px solid rgba(14,116,144,.15)}
/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
/* kids / santa / carousel */
.kidshero{background:radial-gradient(600px 300px at 90% 0,#fde7f3,transparent),radial-gradient(500px 300px at 0 100%,#fff1d6,transparent),#fffaf5;padding:72px 0;border-top:0!important}
.kidshero .wrap{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.colortitle{font:800 clamp(2.4rem,6.5vw,4.4rem)/1.05 "Baloo 2","Comic Sans MS",system-ui,sans-serif;margin:.15em 0 .3em;color:transparent;-webkit-text-stroke:2px #334155;background:linear-gradient(90deg,#f97316,#ec4899,#8b5cf6,#0ea5e9,#22c55e,#eab308) no-repeat;background-size:0% 100%;-webkit-background-clip:text;background-clip:text;animation:colorin 3.5s ease-in-out .4s forwards}
@keyframes colorin{to{background-size:100% 100%}}
.kid{width:220px;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.08))}.kid .arm{transform-origin:118px 120px;animation:scribble .5s ease-in-out infinite alternate}@keyframes scribble{from{transform:rotate(-8deg)}to{transform:rotate(10deg)}}
.santa{width:190px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.25))}.santa .wave{transform-origin:150px 115px;animation:scribble .8s ease-in-out infinite alternate}
.festive{position:relative;overflow:hidden;color:#fff;padding:88px 0;background:radial-gradient(700px 400px at 90% 0,rgba(201,162,39,.35),transparent 60%),linear-gradient(135deg,#5b0f14,#7f1d1d 45%,#14532d)}
.festive:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1.2px,transparent 1.5px);background-size:38px 38px;opacity:.35}
.festive .wrap{position:relative;display:flex;gap:40px;align-items:center;flex-wrap:wrap}.festive h1{color:#fff}.festive p{color:#fde68a;font-size:1.1rem}.festive .eyebrow{color:#fde68a}
.carousel{position:relative}
.track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 6px 28px;scroll-behavior:smooth;scrollbar-width:thin}
.slide{flex:0 0 240px;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:inherit;overflow:hidden;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.slide:hover{transform:translateY(-5px);box-shadow:var(--shh)}
.slide img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f1f5f9}
.slide div{padding:14px 16px;font-size:.9rem;color:var(--mut)}.slide b{display:block;color:var(--navy);font-size:.98rem;margin-bottom:2px}
.slide.book{border:0;box-shadow:none;background:transparent;overflow:visible;flex-basis:230px}
.slide.book:hover{box-shadow:none}
.bookimg{display:block;position:relative;border-radius:3px 10px 10px 3px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,.12),0 14px 28px rgba(15,23,42,.22),6px 6px 0 -1px #f1ece2,7px 7px 0 -1px #d9d2c4;transform:perspective(900px) rotateY(-6deg);transition:transform .3s}
.slide.book:hover .bookimg{transform:perspective(900px) rotateY(0)}
.slide.book img{aspect-ratio:1000/1293;object-fit:contain;background:#fff;width:100%;height:auto}
.bookimg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.08) 3%,rgba(255,255,255,.18) 4.5%,rgba(0,0,0,0) 8%);pointer-events:none}
.slide.book div{padding:16px 2px 0}
.cbtn{position:absolute;top:38%;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:1.4rem;cursor:pointer;z-index:2;box-shadow:var(--sh)}.cbtn:hover{background:var(--navy);color:#fff}
.cbtn.prev{left:-18px}.cbtn.next{right:-18px}@media (max-width:700px){.cbtn{display:none}}
.ai{font-size:.75rem;color:var(--mut)}
@media (max-width:640px){section{padding:64px 0}.hero{padding:64px 0 80px}.card{padding:22px}.strip .wrap>*{border:0;padding:10px 20px 10px 0}.cta{padding:32px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.colortitle{background-size:100% 100%}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
@media print{header,footer,.noprint{display:none}body{font-size:11pt}section{padding:8px 0}.cap h2{font-size:13pt;margin:10px 0 4px}table{box-shadow:none}}
.g3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.amber{position:relative;overflow:hidden;color:#fff;padding:96px 0;background:radial-gradient(600px 380px at 80% 30%,rgba(245,158,11,.45),transparent 65%),radial-gradient(400px 260px at 10% 100%,rgba(180,83,9,.35),transparent 60%),linear-gradient(160deg,#0a0705,#1c1208 60%,#2a1a08)}
.amber h1{color:#fff;max-width:760px}.amber p{color:#f5d9a8;max-width:640px;font-size:1.1rem}.amber .eyebrow{color:#fbbf24}
.slide.vid{flex-basis:320px}.slide.vid img{aspect-ratio:16/9}
.bgm{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(20,13,6,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.35);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.bgm button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fde68a;font:600 .85rem Inter,sans-serif;cursor:pointer;padding:0}
.bgm-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#fcd34d,#b45309);color:#1c1208;font-size:.75rem}
.bgm.on .bgm-ic{animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 6px rgba(251,191,36,.18)}}
.bgm input{width:76px;accent-color:#f59e0b}
@media (max-width:480px){.bgm input{display:none}}
.player{background:linear-gradient(135deg,#1c1208,#2a1a08);border-radius:var(--r);padding:20px 24px;margin-bottom:32px;color:#fde68a}.player b{display:block;margin-bottom:10px}.player audio{width:100%}
.vgrid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.vf{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.vf iframe,.yt{display:block;width:100%;aspect-ratio:16/9;border:0}
.yt{position:relative;padding:0;cursor:pointer;background:#000}.yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .2s}.yt:hover img{opacity:1}
.ytp{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:rgba(20,13,6,.85);box-shadow:0 0 0 2px rgba(251,191,36,.6)}.ytp:after{content:"";position:absolute;left:28px;top:14px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fbbf24}
.yt:hover .ytp{background:#b45309}
.vf figcaption{padding:14px 16px;font-size:.9rem}.vf b{display:block;color:var(--navy)}
.slide.soon .bookimg{position:relative}.ribbon{position:absolute;top:18px;right:-34px;transform:rotate(45deg);background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;font:700 .72rem Inter;letter-spacing:.08em;text-transform:uppercase;padding:6px 40px;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:2}
.soonph{display:grid;place-items:center;aspect-ratio:1000/1293;background:linear-gradient(135deg,#fde68a,#fbcfe8,#c4b5fd);font:800 1.3rem "Baloo 2",sans-serif;color:#334155;text-align:center;padding:20px}
.soonph{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1000/1293;padding:26px 18px;background:radial-gradient(circle at 70% 75%,#fff7ed 0 18%,transparent 19%),linear-gradient(160deg,#7c2d12,#b45309 55%,#f59e0b);color:#fff;font:800 1.45rem/1.15 "Baloo 2",sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.soonph small{font:600 .72rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.9;text-shadow:none}
/* ===== Cosmos-inspired layer ===== */
:root{--paper:#f6f5f3;--ink:#0d0d0d;--navy:#111;--mut:#6b6b6b;--line:#e6e3de;--bg:#efede9;--r:22px;--sh:0 1px 0 rgba(0,0,0,.02);--shh:0 20px 40px -12px rgba(0,0,0,.18);--teal:#111}
body{background:var(--paper);color:var(--ink);font-size:16.5px}
h1,h2,.display{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.02}
h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}
h3{font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}
a{color:var(--ink);text-underline-offset:3px}
.eyebrow{color:var(--mut);font-weight:500;letter-spacing:.14em;font-size:.7rem}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#d4a514;display:inline-block}
/* floating pill header */
header{position:sticky;top:12px;margin:12px auto 0;max-width:1240px;width:calc(100% - 24px);border-radius:999px;background:rgba(246,245,243,.72);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 30px -12px rgba(0,0,0,.15)}
.hd{padding:8px 10px 8px 20px;max-width:none}
.logo{width:30px;height:30px;border-radius:50%;background:#0d0d0d;color:#f6f5f3;font:400 1.05rem "Instrument Serif",serif;box-shadow:none}
.brand b{font:500 .95rem Archivo,Inter,sans-serif;font-stretch:125%;letter-spacing:.06em}.brand small{display:none}
nav a{font-size:.84rem;color:#555;padding:7px 11px;border-radius:999px}nav a:hover{background:rgba(0,0,0,.05);color:#000}
nav a[aria-current]{background:#0d0d0d;color:#fff;box-shadow:none}
.hdcta{order:3;background:#0d0d0d;color:#fff;text-decoration:none;font-weight:600;font-size:.84rem;padding:9px 16px;border-radius:999px;white-space:nowrap}
.navbtn{border-radius:999px}
@media (max-width:1060px){header{border-radius:22px}nav{border-radius:0 0 22px 22px}.hd{gap:10px}.hdcta{margin-left:auto}}
@media (max-width:1180px) and (min-width:1061px){nav a{padding:7px 8px;font-size:.8rem}}
/* hero: dark, photographic */
.hero{margin-top:-62px;padding:150px 0 110px;background:radial-gradient(800px 400px at 50% 0,rgba(255,255,255,.07),transparent 70%),#0b0b0c;color:#f2f0ec}
.hero:before{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px}
.hero:after{display:none}
.hero h1{color:#f6f5f3}.hero p{color:#a9a7a2}
.hero .eyebrow{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#cfccc6}
.btn{border-radius:999px;padding:12px 22px;font-size:.9rem}
.btn.p{background:#f6f5f3;color:#0d0d0d;box-shadow:none}.btn.p:hover{background:#fff}
.btn.s{background:transparent;border:1px solid rgba(255,255,255,.22);color:#f2f0ec}
section .btn.p{background:#0d0d0d;color:#fff}section .btn.s{color:#0d0d0d;border-color:#d6d2cb;background:transparent}
.hero .status{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);border-radius:18px;backdrop-filter:blur(10px);color:#bdbab4}.hero .status strong{color:#f6f5f3}
.cosmos{min-height:min(92vh,880px);display:flex;align-items:center;text-align:center;padding-bottom:140px}
.cosmos .wrap{display:flex;flex-direction:column;align-items:center}
.cosmos p,.cosmos .status{margin-left:auto;margin-right:auto}
.cosmos .status{text-align:left}
.wordmark{font:300 clamp(3.4rem,13vw,10.5rem)/.9 Archivo,Inter,sans-serif;font-stretch:125%;letter-spacing:-.02em;color:#f6f5f3;margin:22px 0 6px}
.cosmos h1{font-style:italic;font-size:clamp(1.6rem,3.2vw,2.5rem);color:#d9d6d0;margin:.2em 0 .5em}
.const{position:absolute;inset:0;pointer-events:none}
.const img{position:absolute;border-radius:6px;opacity:.55;filter:grayscale(.85) contrast(1.05);transform:rotate(var(--r));box-shadow:0 20px 40px rgba(0,0,0,.6);animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:rotate(var(--r)) translate3d(0,-22px,0)}}
@media (max-width:820px){.const img:nth-child(n+6){display:none}.const img{opacity:.3;width:70px!important}}
/* sections + cards */
section{padding:110px 0}section.alt{background:#efede9}
section+section:not(.alt){border-top:0}
.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:none;background:#fff}
.card:hover{transform:translateY(-3px);box-shadow:var(--shh);border-color:#dcd8d1}
.card svg{background:#f3f1ed;stroke:#0d0d0d;border-radius:50%}
.lead{color:var(--mut)}
.strip{background:var(--paper);border-color:var(--line)}.strip b{color:var(--ink)}
.co{border-top:1px solid var(--line)}.co .tag{background:color-mix(in srgb,var(--c) 9%,#fff)}
.co:before{content:"";display:block;height:4px;width:40px;border-radius:4px;background:var(--c);margin-bottom:16px}
.cta{background:#0b0b0c;border-radius:28px}.cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.cta .btn.p{background:#f6f5f3;color:#0d0d0d}
table{box-shadow:none;border-radius:18px}th{background:#f6f5f3;color:var(--ink)}
.status{background:#fbf7ea;border-color:#eadfb8;border-left:3px solid #d4a514}
form{box-shadow:none;border-radius:22px}input,select,textarea{border-radius:12px;background:#fff}
.slide{border-radius:18px;box-shadow:none}.slide img{filter:saturate(.92)}.slide:hover img{filter:none}
.vf{border-radius:18px;box-shadow:none}
footer{background:#0b0b0c;color:#8f8c86;border-radius:28px 28px 0 0;margin-top:40px}
footer h4{color:#f6f5f3;font-weight:500}footer .logo{background:#f6f5f3;color:#0d0d0d}
.fine{border-color:#1f1f21}
.kidshero{border-radius:0}
.festive,.amber{margin-top:-62px;padding-top:150px}
.cbtn{border-radius:50%;background:#fff;color:#0d0d0d;border-color:var(--line);box-shadow:none}.cbtn:hover{background:#0d0d0d}
/* gov legibility */
.cap h1,.cap h2{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.g3 .card h3{font-size:1rem}
@media (max-width:640px){section{padding:72px 0}.hero{padding:120px 0 80px}.cosmos{min-height:auto;padding:130px 0 90px}}
@media print{header{display:none}}
.btns{display:flex;flex-wrap:wrap;justify-content:center}
.cap h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:26px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}.cap h1{font-size:2.6rem}
/* ===== Balky blend ===== */
:root{--hot:#e8542a}
.eyebrow:before{background:var(--hot)}
.wordmark{font:600 clamp(4rem,16vw,13rem)/.82 "Inter Tight",Inter,sans-serif;font-stretch:normal;letter-spacing:-.065em;margin:18px 0 10px}
.meta{position:absolute;top:96px;left:0;right:0;z-index:2;display:flex;justify-content:space-between;max-width:1240px;margin:0 auto;padding:0 32px;font-size:.72rem;letter-spacing:.04em;color:#8d8a84;text-transform:uppercase}
.ccard{position:absolute;right:32px;bottom:32px;z-index:3;width:230px;background:#f6f5f3;color:#0d0d0d;border-radius:14px;padding:14px 16px;text-decoration:none;text-align:left;box-shadow:0 20px 40px rgba(0,0,0,.4);transition:transform .2s}
.ccard:hover{transform:translateY(-3px)}.ccard small{display:block;color:#6b6b6b;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px}.ccard b{font-weight:600;font-size:.95rem}.ccard span{position:absolute;right:14px;bottom:12px;color:var(--hot);font-size:1.1rem}
.const img{transition:filter .4s,opacity .4s}.const img:hover{filter:none;opacity:.95}
section .btn.p:hover,.hdcta:hover{background:var(--hot)}
.co .go,a.card:hover h3{color:var(--hot)}
nav a[aria-current]{background:#0d0d0d}
.card h3:after{content:""}
@media (max-width:820px){.meta span:nth-child(2){display:none}.meta{top:84px;padding:0 20px;font-size:.62rem}.ccard{position:static;margin:28px auto 0;width:auto;max-width:320px}}
.cosmos .wrap{width:100%}@media (max-width:820px){.ccard{display:none}.meta span:nth-child(1){display:none}.meta{justify-content:center}.cosmos{padding-top:140px}}
/* ===== Office scene ===== */
@view-transition{navigation:auto}
.office{background:linear-gradient(180deg,var(--paper) 0,#ece8e1 100%);position:relative;overflow:hidden}
.office:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 120px),linear-gradient(180deg,#e2ddd4,#d8d2c7);z-index:0}
.office .wrap{position:relative;z-index:1}
.floor{display:flex;flex-direction:column;align-items:center;gap:56px}
.team{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;width:100%}
.station{display:flex;flex-direction:column;align-items:center}
.mon{display:block;width:100%;text-decoration:none;color:inherit;border-radius:12px}
.mon .scr{display:block;aspect-ratio:16/10;border:8px solid #1a1a1c;border-bottom-width:14px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 18px 30px -10px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s}
.mon:hover .scr,.mon:focus-visible .scr{transform:translateY(-6px) scale(1.03);box-shadow:0 30px 50px -14px rgba(0,0,0,.45)}
.stand{display:block;width:18%;height:22px;margin:0 auto;background:linear-gradient(#2a2a2d,#1a1a1c);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.desk{width:118%;height:26px;background:linear-gradient(#b98b5e,#9a6f47);border-radius:6px 6px 2px 2px;position:relative;box-shadow:0 14px 0 -6px #7a5536,0 26px 24px -10px rgba(0,0,0,.3)}
.plate{position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:#1a1a1c;color:#e8c766;font:600 .62rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 0 #c9a227}
.boss{width:min(560px,100%)}.boss .scr{border-width:12px;border-bottom-width:20px}.boss .stand{height:34px}
.boss .desk{width:150%;height:40px;background:linear-gradient(#5b3a22,#3f2716);box-shadow:0 18px 0 -8px #2b1a0e,0 36px 30px -12px rgba(0,0,0,.35)}.boss .plate{font-size:.78rem;top:-18px;padding:6px 14px}
.bar{display:flex;gap:4px;padding:6px 8px;background:rgba(0,0,0,.25)}.bar i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}
.mh{display:flex;flex-direction:column;justify-content:center;height:calc(100% - 18px);padding:8% 9%;position:relative}
.mh em{font:600 .5rem Inter;letter-spacing:.12em;text-transform:uppercase;font-style:normal;opacity:.8}
.mh strong{font-size:.95rem;line-height:1.1;margin-top:4px;max-width:70%}
.mh img{position:absolute;right:7%;bottom:10%;width:30%;border-radius:3px;box-shadow:0 6px 12px rgba(0,0,0,.3)}
.boss .mh strong{font:400 clamp(1.3rem,2.6vw,2rem)/1.05 "Instrument Serif",serif;max-width:80%}.boss .mh em{font-size:.7rem}
.m-gov{background:radial-gradient(circle at 85% 0,rgba(14,116,144,.6),transparent 60%),linear-gradient(160deg,#081a33,#13315c);color:#fff}.m-gov em{color:#e8c766}
.m-freight{background:repeating-linear-gradient(-45deg,#facc15 0 10px,#111 10px 20px) bottom/100% 10px no-repeat,#1c1c1c;color:#facc15}.m-freight strong{font-family:Oswald,Impact,sans-serif;letter-spacing:.02em}
.m-wilds{background:linear-gradient(135deg,#7f1d1d,#14532d);color:#fff}.m-wilds em{color:#fde68a}.m-wilds strong{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.05rem}
.m-pub{background:linear-gradient(135deg,#fde68a,#fbcfe8,#c4b5fd);color:#4c1d95}.m-pub strong{font-family:"Baloo 2",sans-serif}
.m-music{background:radial-gradient(circle at 70% 50%,rgba(245,158,11,.6),transparent 55%),#0a0705;color:#fde68a}.m-music strong{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.1rem}
.m-ins{background:linear-gradient(160deg,#ecfdf5,#d1fae5);color:#134e4a}.m-ins strong{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.05rem}
.scr.zoom{position:fixed;z-index:999;margin:0;border:0;border-radius:12px;transition:all .5s cubic-bezier(.7,0,.2,1);display:block}
@media (max-width:980px){.team{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.team{grid-template-columns:repeat(2,1fr);gap:40px 18px}.mh strong{font-size:.78rem}.desk{width:104%}.boss .desk{width:110%}.plate{font-size:.55rem}}
/* ===== Sub-brands ===== */
.b-gov .hero{background:radial-gradient(900px 500px at 85% -10%,rgba(14,116,144,.5),transparent 60%),linear-gradient(160deg,#081a33,#0b1f3a 50%,#13315c)}
.b-gov .hero h1{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;font-size:clamp(2.2rem,4.6vw,3.6rem)}
.b-gov h2{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.2rem)}
.b-gov .eyebrow:before,.b-gov .hero .eyebrow:before{background:#c9a227}
.b-gov section .btn.p{background:#0b1f3a}
.b-freight .hero{background:repeating-linear-gradient(-45deg,#facc15 0 18px,#111 18px 36px) bottom/100% 16px no-repeat,radial-gradient(700px 400px at 80% 0,rgba(250,204,21,.18),transparent 60%),#141414}
.b-freight .hero h1,.b-freight h2{font-family:Oswald,Impact,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.01em}
.b-freight .hero .eyebrow{color:#facc15}.b-freight section .btn.p{background:#facc15;color:#111}
.b-freight .status{border-left-color:#facc15;background:#fefce8}
.b-pub .hero{background:radial-gradient(500px 300px at 85% 10%,#f9a8d4,transparent 60%),radial-gradient(500px 300px at 10% 100%,#fde68a,transparent 60%),linear-gradient(135deg,#7c3aed,#db2777)}
.b-pub .hero h1,.b-pub h2{font-family:"Baloo 2","Comic Sans MS",sans-serif;font-weight:800;letter-spacing:-.01em}.b-pub .hero p{color:#fdf2f8}
.b-music .hero,.b-music .amber{background:radial-gradient(600px 380px at 80% 30%,rgba(245,158,11,.45),transparent 65%),linear-gradient(160deg,#0a0705,#1c1208 60%,#2a1a08)}
.b-music{background:#120d08;color:#e7dccb}.b-music section{background:#120d08}.b-music h2,.b-music h3,.b-music .vf b{color:#fde68a}.b-music .lead,.b-music .ai{color:#bfae93}
.b-music .vf{background:#1c140c;border-color:#2c2015}.b-music .vf a{color:#fbbf24}
.b-ins .hero{background:radial-gradient(700px 400px at 85% 0,rgba(94,234,212,.25),transparent 60%),linear-gradient(160deg,#0f2f2c,#134e4a)}
.b-ins h2{color:#134e4a}.b-ins .hero .eyebrow{color:#99f6e4}.b-ins section .btn.p{background:#134e4a}
.b-wilds h2{color:#7f1d1d}
/* ===== Painterly office + holo screens ===== */
.office{background:#efe3c8 url(/assets/office.jpg) center/cover no-repeat;padding:90px 0 70px}
.office:after{display:none}
.office:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,232,.55) 0,rgba(255,248,232,0) 35%,rgba(120,80,40,0) 70%,rgba(90,60,30,.18) 100%);pointer-events:none}
.office .sechead{background:rgba(255,250,240,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:22px 26px;border-radius:20px;max-width:560px}
.office .floor{margin-top:40px}
.boss{margin-left:auto;margin-right:auto}
.desk{background:linear-gradient(180deg,#d8a873,#b57f4c 60%,#9a6a3c);box-shadow:0 12px 0 -5px #7c5430,0 28px 26px -10px rgba(60,35,10,.35)}
.boss .desk{background:linear-gradient(180deg,#8a5a34,#5e3a1f 70%,#4a2c16)}
.mon .scr{border-color:#14181f;box-shadow:0 0 0 1px rgba(103,232,249,.35),0 0 24px rgba(34,211,238,.35),0 18px 30px -10px rgba(40,20,0,.45)}
.mon .scr:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),linear-gradient(115deg,rgba(103,232,249,.18),transparent 40%,rgba(232,199,102,.14) 75%,transparent);mix-blend-mode:screen}
.mon .scr:after{content:"";position:absolute;z-index:1;right:-18%;top:-30%;width:70%;aspect-ratio:1;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Ccircle cx='100' cy='100' r='92' stroke='%2367e8f9' stroke-width='1' stroke-dasharray='2 6'/%3E%3Ccircle cx='100' cy='100' r='74' stroke='%23e8c766' stroke-width='1.2' stroke-dasharray='30 8 4 8'/%3E%3Ccircle cx='100' cy='100' r='54' stroke='%2367e8f9' stroke-width='.8'/%3E%3Cpath d='M100 20v18M100 162v18M20 100h18M162 100h18' stroke='%2367e8f9' stroke-width='1'/%3E%3Cpath d='M70 100l30-30 30 30-30 30z' stroke='%23e8c766' stroke-width='.8'/%3E%3C/svg%3E") center/contain no-repeat;animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mh{z-index:3}
.mh strong{text-shadow:0 0 12px rgba(103,232,249,.35)}
.mh em:before{content:"◇ ";color:#67e8f9}
.mon:hover .scr,.mon:focus-visible .scr{animation:flick .5s steps(2) 1;box-shadow:0 0 0 1px rgba(103,232,249,.7),0 0 40px rgba(34,211,238,.55),0 30px 50px -14px rgba(40,20,0,.5)}
@keyframes flick{0%{filter:none}20%{filter:hue-rotate(20deg) brightness(1.25);transform:translate(1px,-6px) scale(1.03)}40%{filter:none}60%{filter:brightness(1.15) saturate(1.3);transform:translate(-1px,-6px) scale(1.03)}100%{filter:none}}
.boss .mon .scr:after{width:55%;right:-10%;top:-20%;opacity:.6}
.plate{background:rgba(10,20,30,.85);color:#a5f3fc;box-shadow:0 0 0 1px rgba(103,232,249,.5),0 0 12px rgba(34,211,238,.35)}
.boss .plate{color:#e8c766;box-shadow:0 0 0 1px rgba(232,199,102,.6),0 0 14px rgba(232,199,102,.35)}
@media (max-width:640px){.office{background-image:url(/assets/office-sm.jpg);background-position:30% center}}
@media (prefers-reduced-motion:reduce){.mon .scr:after{animation:none}}
.fban{margin:0 0 22px!important;background:#facc15!important;color:#111!important;border:0!important;font-weight:500}.fban strong{color:#111!important}
.station{position:relative}
.team .station{padding-bottom:70px}
.emp{position:absolute;left:50%;bottom:-6px;width:62%;transform:translateX(-50%);pointer-events:none;z-index:4}
.emp img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 10px rgba(60,35,10,.25))}
.emp-music{width:78%}.emp-wilds{width:66%}
.mug{position:absolute;width:24%;right:2%;bottom:38%;transform-origin:30% 90%;animation:sip 7s ease-in-out infinite}
.steam{animation:steam 2.2s ease-in-out infinite}
@keyframes sip{0%,70%,100%{transform:translate(0,0) rotate(0)}78%,88%{transform:translate(-55%,-120%) rotate(-28deg)}}
@keyframes steam{50%{opacity:.2;transform:translateY(-2px)}}
@media (max-width:640px){.team .station{padding-bottom:56px}.emp{width:58%}}
@media (prefers-reduced-motion:reduce){.mug,.steam{animation:none}}
.team .station{padding-bottom:96px}.emp{width:50%;bottom:-24px}.emp-music{width:64%}.emp-wilds{width:54%}.office{padding-bottom:110px}
.bot{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:#fffaf0;color:#3b2a16;font:600 .6rem Inter,sans-serif;letter-spacing:.04em;padding:3px 8px;border-radius:3px;white-space:nowrap;box-shadow:0 1px 0 #c9a227,0 3px 6px rgba(60,35,10,.25);z-index:5}
.bot:before{content:"◇ ";color:#0e7490}
.boss .bot{top:22px;font-size:.72rem;padding:4px 10px}
.emp-pub{width:44%;bottom:-30px}.emp .bot,.bot{z-index:6}
.floor{position:relative}
.bookbot{position:absolute;right:-30px;top:-10px;width:230px;text-decoration:none;color:inherit;z-index:3;display:block}
.bbimg{display:block;animation:type .28s steps(2) infinite;filter:drop-shadow(0 14px 14px rgba(30,15,5,.35))}
.bbimg img{width:100%;height:auto;display:block}
@keyframes type{50%{transform:translateY(1px)}}
.bookbot .bbimg{animation:type .28s steps(2) infinite,ret 9s ease-in-out infinite}
@keyframes ret{0%,86%,100%{translate:0 0}90%{translate:-6px 0}94%{translate:2px 0}}
.ding{position:absolute;left:34%;top:18%;font:700 italic .8rem "Instrument Serif",serif;color:#7c2d12;background:#fffaf0;padding:2px 8px;border-radius:10px;opacity:0;animation:ding 9s ease-in-out infinite}
@keyframes ding{0%,86%,100%{opacity:0;transform:translateY(4px)}90%,95%{opacity:1;transform:translateY(-6px)}}
.bookbot .bot{top:auto;bottom:28px}
.bbtease{display:block;text-align:center;font-size:.7rem;color:#3b2a16;background:rgba(255,250,240,.85);border-radius:999px;padding:3px 10px;margin:8px auto 0;width:max-content;max-width:100%;opacity:0;transition:opacity .2s}
.bookbot:hover .bbtease,.bookbot:focus-visible .bbtease{opacity:1}
.bookbot:hover .bbimg img{filter:brightness(1.08)}
@media (max-width:1100px){.bookbot{position:relative;right:auto;top:auto;margin:30px auto 0;order:3;width:200px}}
@media (prefers-reduced-motion:reduce){.bbimg,.ding{animation:none!important}}
@media (min-width:1101px){.bookbot{top:120px;right:-50px;width:250px}}
/* kids corner */
.station.kids{flex-direction:column;justify-content:flex-end;padding-bottom:96px}
.kids .toypc{display:block;width:78%;margin:0 auto;text-decoration:none;border-radius:16px;position:relative;z-index:2}
.kids .toypc .scr{display:block;aspect-ratio:4/3;border:9px solid #ef4444;border-radius:16px;border-bottom-width:12px;overflow:hidden;position:relative;box-shadow:0 0 0 3px #facc15,0 0 22px rgba(34,211,238,.35),0 14px 24px -8px rgba(60,35,10,.4);transition:transform .25s}
.kids .toypc:hover .scr,.kids .toypc:focus-visible .scr{transform:translateY(-5px) rotate(-2deg) scale(1.04)}
.toybase{display:flex;gap:5px;justify-content:center;align-items:center;width:90%;height:18px;margin:-2px auto 0;background:#3b82f6;border-radius:0 0 12px 12px;box-shadow:0 3px 0 #1d4ed8}
.toybase i{width:10px;height:10px;border-radius:50%;background:#facc15}.toybase i:nth-child(2){background:#22c55e}.toybase i:nth-child(3){background:#ec4899}
.kidsdesk{background:radial-gradient(ellipse at center,#fb923c 0 35%,#fde68a 36% 55%,#f97316 56% 70%,transparent 71%)!important;box-shadow:none!important;height:22px!important;width:110%!important}
.kidcorner{position:absolute;left:-26%;bottom:-18px;width:62%;z-index:4;pointer-events:none}
.kidimg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 8px rgba(60,35,10,.25))}
.crayon{position:absolute;width:20%;left:36%;top:60%;transform-origin:0 50%;animation:color 1.1s ease-in-out infinite}
@keyframes color{0%,100%{transform:rotate(-30deg) translate(0,0)}25%{transform:rotate(-24deg) translate(6px,2px)}50%{transform:rotate(-34deg) translate(2px,4px)}75%{transform:rotate(-26deg) translate(8px,1px)}}
@media (max-width:640px){.kidcorner{left:-14%;width:56%}}
@media (prefers-reduced-motion:reduce){.crayon{animation:none}}
/* bookshelf */
.b-pub .carousel{padding:30px 0 0;background:linear-gradient(180deg,#f3e3c7,#ead3ac);border-radius:18px;box-shadow:inset 0 10px 30px rgba(90,55,20,.15)}
.b-pub .track{perspective:1100px;padding:20px 40px 0;gap:6px;align-items:flex-end;position:relative}
.b-pub .track:after{content:"";position:sticky;flex:0 0 0}
.b-pub .carousel:after{content:"";display:block;height:26px;margin:-40px 0 0;background:linear-gradient(180deg,#a8743f,#7c522a 60%,#5e3c1d);border-radius:4px;box-shadow:0 10px 18px -6px rgba(60,35,10,.5);position:relative;z-index:0}
.b-pub .slide.book{flex:0 0 200px;transform-style:preserve-3d;position:relative;z-index:1}
.b-pub .slide.book .bk{display:block;transform-origin:50% 100%;transform:rotateY(-62deg) translateZ(-20px);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s;filter:brightness(.92)}
.b-pub .slide.book .bookimg{transform:none;box-shadow:-6px 0 0 #3b2416,-7px 0 0 #2a180d,0 14px 20px rgba(40,20,5,.35)}
.b-pub .slide.book:hover .bk,.b-pub .slide.book:focus-within .bk,.b-pub .slide.book.pull .bk{transform:rotateY(0) translateZ(60px) translateY(-14px) rotateX(4deg);filter:none;z-index:3}
.b-pub .slide.book>div{padding:52px 4px 18px;opacity:.95}
.pdfpill{display:inline-block;margin-top:8px;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:999px;background:#7c3aed;color:#fff!important;text-decoration:none}
.pdfpill.off{background:#e9e4f5;color:#6b5b95!important;cursor:not-allowed}
@media (prefers-reduced-motion:reduce){.b-pub .slide.book .bk{transform:none!important;filter:none}}
.b-pub .carousel:after{display:none}
.b-pub .track{align-items:flex-start;padding:24px 40px 10px;background:linear-gradient(180deg,transparent 0 283px,#a8743f 283px,#7c522a 296px,#5e3c1d 308px,rgba(60,35,10,.25) 308px,transparent 322px) local}
.b-pub .slide.book>div{padding:34px 4px 10px}
.b-pub .track{perspective:none}
.b-pub .slide.book .bk{transform:perspective(900px) rotateY(-55deg)}
.b-pub .slide.book:hover .bk,.b-pub .slide.book:focus-within .bk,.b-pub .slide.book.pull .bk{transform:perspective(900px) rotateY(0) translateZ(50px) translateY(-12px) rotateX(3deg)}
.tri{display:flex;align-items:flex-end;gap:3px;width:100%}
.tri .mon{flex:0 0 64%}
.tri .side{flex:1;display:block;transform:perspective(300px) rotateY(18deg)}.tri .side.r{transform:perspective(300px) rotateY(-18deg)}
.sscr{display:block;aspect-ratio:3/4;background:linear-gradient(160deg,#0f2f2c,#134e4a);border:5px solid #14181f;border-bottom-width:8px;border-radius:7px;padding:10% 8%;box-shadow:0 0 12px rgba(34,211,238,.3)}
.sscr svg{width:100%;height:100%}
.tri .side .stand{width:30%;height:14px}
.emp-ins{width:42%;bottom:-20px}
.tri .mh strong{font-size:.78rem}
/* ===== .hack-inspired global layer (original motifs) ===== */
:root{--void:#05060d;--ind:#0b0e24;--ink:#e6e9f7;--mut:#8f97bd;--line:rgba(125,211,252,.16);--cy:#67e8f9;--gold:#e8c766;--panel:rgba(16,20,44,.62)}
body{background:var(--void);color:#d3d8ee}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
radial-gradient(900px 600px at 15% 10%,rgba(67,56,202,.22),transparent 60%),
radial-gradient(800px 600px at 90% 80%,rgba(14,116,144,.18),transparent 60%),
radial-gradient(1.5px 1.5px at 20% 30%,rgba(103,232,249,.7),transparent),radial-gradient(1px 1px at 70% 20%,rgba(232,199,102,.7),transparent),radial-gradient(1.2px 1.2px at 40% 70%,rgba(103,232,249,.6),transparent),radial-gradient(1px 1px at 85% 55%,rgba(255,255,255,.6),transparent),radial-gradient(1.4px 1.4px at 55% 90%,rgba(232,199,102,.5),transparent),var(--void);background-size:auto,auto,340px 340px,420px 420px,380px 380px,300px 300px,460px 460px,auto;animation:motes 60s linear infinite}
@keyframes motes{to{background-position:0 0,0 0,0 -340px,0 -420px,0 -380px,0 -300px,0 -460px,0 0}}
body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
h1,h2,h3,.display{color:#eef1ff}
h2{text-shadow:0 0 24px rgba(103,232,249,.15)}
p,li{color:#c3c9e3}.lead{color:var(--mut)}
a{color:var(--cy)}
.eyebrow{color:#9fb0d9}.eyebrow:before{background:var(--cy);box-shadow:0 0 8px var(--cy)}
header{background:rgba(8,10,26,.7);border:1px solid rgba(103,232,249,.22);box-shadow:0 0 0 1px rgba(232,199,102,.06),0 10px 40px -10px rgba(34,211,238,.25)}
.brand,.brand b{color:#eef1ff}.logo{background:radial-gradient(circle,#1e2a5a,#0b0e24);color:var(--gold);box-shadow:0 0 0 1px rgba(232,199,102,.5),0 0 12px rgba(232,199,102,.25)}
nav a{color:#aab3d6}nav a:hover{background:rgba(103,232,249,.08);color:#fff}
nav a[aria-current]{background:rgba(103,232,249,.14);color:#e0fbff;box-shadow:inset 0 0 0 1px rgba(103,232,249,.45)}
.hdcta{background:linear-gradient(135deg,var(--gold),#c9a227);color:#14110a}
.navbtn{color:#e6e9f7;border-color:var(--line)}
@media (max-width:1060px){nav{background:rgba(8,10,26,.96);border-color:var(--line)}}
.hero{background:radial-gradient(700px 420px at 80% 10%,rgba(67,56,202,.35),transparent 60%),radial-gradient(600px 400px at 10% 100%,rgba(14,116,144,.25),transparent 60%),#04050b}
.hero .wrap:after{content:"";position:absolute;right:-60px;top:-60px;width:min(520px,60vw);aspect-ratio:1;z-index:-1;opacity:.35;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Ccircle cx='100' cy='100' r='96' stroke='%2367e8f9' stroke-width='.5' stroke-dasharray='1 4'/%3E%3Ccircle cx='100' cy='100' r='84' stroke='%23e8c766' stroke-width='.8' stroke-dasharray='24 6 3 6'/%3E%3Ccircle cx='100' cy='100' r='66' stroke='%2367e8f9' stroke-width='.5'/%3E%3Ccircle cx='100' cy='100' r='48' stroke='%23e8c766' stroke-width='.4' stroke-dasharray='2 3'/%3E%3Cpath d='M100 4v20M100 176v20M4 100h20M176 100h20M32 32l14 14M154 154l14 14M168 32l-14 14M32 168l14-14' stroke='%2367e8f9' stroke-width='.6'/%3E%3Cpath d='M100 52l48 48-48 48-48-48z' stroke='%23e8c766' stroke-width='.6'/%3E%3Cpath d='M100 70l30 30-30 30-30-30z' stroke='%2367e8f9' stroke-width='.5'/%3E%3C/svg%3E") center/contain no-repeat;animation:spin 90s linear infinite}
.cosmos .wrap:after{right:50%;top:50%;transform:translate(50%,-50%);width:min(820px,90vw);opacity:.22;animation:spin2 120s linear infinite}
@keyframes spin2{to{transform:translate(50%,-50%) rotate(360deg)}}
.wordmark{text-shadow:0 0 40px rgba(103,232,249,.25)}
.btn.p{background:linear-gradient(135deg,#f1d98a,var(--gold));color:#14110a;box-shadow:0 0 20px rgba(232,199,102,.25)}
.btn.s{border-color:rgba(103,232,249,.35);color:#e0fbff}
section .btn.p{background:transparent;color:#e0fbff;border:1px solid var(--cy);box-shadow:0 0 16px rgba(103,232,249,.25)}section .btn.p:hover{background:rgba(103,232,249,.12)}
section .btn.s{color:#e0fbff;border-color:var(--line)}
section{background:transparent;position:relative}
section.alt{background:linear-gradient(180deg,rgba(67,56,202,.06),rgba(14,116,144,.04))}
section.alt:before,section.alt:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.4),rgba(232,199,102,.35),transparent)}section.alt:before{top:0}section.alt:after{bottom:0}
.card,.vf,form,table,.slide,.player{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#d3d8ee}
.card{position:relative}
.card:before{content:"";position:absolute;inset:6px;border:1px solid transparent;border-image:linear-gradient(135deg,rgba(103,232,249,.5),transparent 25%,transparent 75%,rgba(232,199,102,.45)) 1;pointer-events:none;opacity:.6}
.card:hover{border-color:rgba(103,232,249,.4);box-shadow:0 0 0 1px rgba(103,232,249,.15),0 0 30px rgba(34,211,238,.18)}
.card svg{background:rgba(103,232,249,.08);stroke:var(--cy)}
.card h3,.slide b,.vf b{color:#eef1ff}.slide div{color:var(--mut)}
.co .tag{background:rgba(255,255,255,.06);color:#e6e9f7;border:1px solid color-mix(in srgb,var(--c) 60%,transparent)}.co .go{color:var(--cy)}
.strip{background:rgba(8,10,26,.85);border-color:var(--line);color:#aab3d6}.strip b{color:#eef1ff}.strip small{color:#7e88b0}.strip .wrap>*{border-color:var(--line)}
.pend{color:#f3c76b}
th{background:rgba(103,232,249,.06);color:#eef1ff}td,th{border-color:var(--line)}
.status{background:rgba(232,199,102,.07);border:1px solid rgba(232,199,102,.3);border-left:3px solid var(--gold);color:#e9dfc0}.status strong{color:var(--gold)}
input,select,textarea{background:rgba(5,6,13,.7);border-color:var(--line);color:#e6e9f7}form label{color:#cfd6f5}
.cta{background:linear-gradient(135deg,rgba(67,56,202,.35),rgba(14,116,144,.25));border:1px solid var(--line)}
footer{background:#03040a;border-top:1px solid var(--line)}
.cbtn{background:rgba(16,20,44,.9);color:#e0fbff;border-color:var(--line)}
.ai{color:#7e88b0}
/* office dusk lighting */
.office:before{background:linear-gradient(180deg,rgba(5,6,20,.55) 0,rgba(20,18,60,.25) 40%,rgba(5,6,20,.45) 100%),radial-gradient(600px 300px at 50% 40%,rgba(103,232,249,.12),transparent 70%)}
.office .sechead{background:rgba(8,10,26,.72);border:1px solid var(--line)}.office .sechead p{color:#c3c9e3}
/* kids / festive islands tuned */
.kidshero{background:radial-gradient(600px 300px at 90% 0,rgba(236,72,153,.25),transparent),radial-gradient(500px 300px at 0 100%,rgba(250,204,21,.18),transparent),#0a0b1c}
.colortitle{-webkit-text-stroke:2px #e6e9f7}.kidshero p{color:#d6dbf2}
.b-music,.b-music section{background:transparent}
.b-ins h2,.b-wilds h2{color:#eef1ff}
.pdfpill.off{background:rgba(255,255,255,.08);color:#aab3d6!important}
/* capability statement stays light & printable */
.b-cap{background:#fff;color:#111}.b-cap:before,.b-cap:after{display:none}
.b-cap main *{color:#111;text-shadow:none}.b-cap main section{background:#fff}.b-cap .cap h2{border-color:#ddd}
.b-cap main .btn.p{background:#0d0d0d;color:#fff!important;border:0}
@media (prefers-reduced-motion:reduce){body:before,.hero .wrap:after{animation:none}}
.b-pub .carousel{background:radial-gradient(600px 200px at 50% 100%,rgba(232,199,102,.12),transparent),rgba(12,14,34,.75);border:1px solid var(--line);box-shadow:inset 0 0 40px rgba(103,232,249,.06)}.b-pub .slide.book{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
/* ===== v5 home: Balky-style studio ===== */
.home header{position:absolute;left:0;right:0;top:auto;margin:0 auto;bottom:auto;transform:translateY(54px);background:rgba(6,8,22,.55);border:1px solid rgba(94,234,212,.18);z-index:40}
.home header a,.home header .navbtn{color:#dfe6ff}.home .hdcta{background:#e8c766;color:#0b0b14}
.studio{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#05060f;color:#eef1ff}
.stagewrap{position:absolute;inset:0;overflow:hidden}
.stage{position:absolute;left:50%;top:50%;width:max(100vw,177.78vh);width:max(100vw,177.78svh);aspect-ratio:16/9;transform:translate(-50%,-50%)}
.stage .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06) brightness(.82)}
.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,rgba(5,6,20,.55),transparent 55%),linear-gradient(180deg,rgba(4,5,15,.7),transparent 30%,transparent 75%,rgba(4,5,15,.75));z-index:1}
.hs{position:absolute;z-index:6;display:block;border-radius:4px;text-decoration:none;color:#e9fbff;outline-offset:3px}
.hs .glow{position:absolute;inset:0;border-radius:4px;border:1px solid rgba(125,249,255,.75);background:linear-gradient(160deg,rgba(125,249,255,.22),rgba(64,120,255,.08));box-shadow:0 0 18px rgba(64,224,255,.55),inset 0 0 14px rgba(125,249,255,.35);animation:flick 5s infinite}
.hs:hover .glow,.hs:focus-visible .glow{background:rgba(125,249,255,.35);box-shadow:0 0 36px rgba(64,224,255,.9),inset 0 0 20px rgba(255,255,255,.4)}
.hs .tag{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;padding:8px 12px 7px;border-radius:6px;background:rgba(6,14,32,.78);border:1px solid rgba(125,249,255,.6);box-shadow:0 0 16px rgba(64,224,255,.35);backdrop-filter:blur(4px);text-align:left;font:500 12px/1.25 "Inter Tight",Inter,sans-serif;letter-spacing:.02em;transition:transform .2s}
.hs .tag:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:10px;background:rgba(125,249,255,.7)}
.hs .tag small{display:block;color:#e8c766;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.hs .tag b{display:block;font:600 clamp(13px,1.05vw,18px)/1.2 "Inter Tight",Inter,sans-serif;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(125,249,255,.8)}
.hs .tag em{display:inline-block;margin-top:5px;font-style:normal;font-size:10.5px;padding:2px 7px;border:1px solid rgba(232,199,102,.7);border-radius:3px;color:#ffe9a8;animation:pulse 2.4s infinite}
.hs:hover .tag{transform:translateX(-50%) translateY(-3px)}
.hs-gov .tag b{font-size:clamp(15px,1.4vw,24px)}
.hs-kids .tag,.hs-book .tag{bottom:auto;top:calc(100% + 10px)}.hs-kids .tag:after,.hs-book .tag:after{top:auto;bottom:100%}
.hs-kids .glow{border-color:#fbbf24;box-shadow:0 0 18px rgba(251,191,36,.6),inset 0 0 12px rgba(236,72,153,.4)}
.hs-book .glow{border-style:dashed;border-color:rgba(232,199,102,.8);background:rgba(232,199,102,.08);box-shadow:0 0 16px rgba(232,199,102,.4)}
@keyframes flick{0%,92%,100%{opacity:1}93%{opacity:.55}95%{opacity:1}97%{opacity:.7}}
@keyframes pulse{50%{box-shadow:0 0 10px rgba(232,199,102,.7);color:#fff}}
.rings{position:absolute;inset:0;z-index:2;pointer-events:none}
.ring{position:absolute;fill:none;mix-blend-mode:screen}
.ring .r1{stroke:rgba(125,249,255,.55);stroke-width:.6;stroke-dasharray:2 4}.ring .r2{stroke:rgba(232,199,102,.6);stroke-width:.8;stroke-dasharray:30 8 4 8}.ring .r3{stroke:rgba(125,249,255,.35);stroke-width:.5}.ring .r4{stroke:rgba(232,199,102,.5);stroke-width:.6;stroke-dasharray:3 3}
.ring .glyph rect{fill:rgba(125,249,255,.5)}.ring .tri{stroke:rgba(232,199,102,.35);stroke-width:.5}
.ring.big{left:30%;top:-6%;width:40%;aspect-ratio:1;opacity:.55;animation:spin 90s linear infinite;filter:drop-shadow(0 0 6px rgba(64,224,255,.7))}
.ring.sm{width:14%;aspect-ratio:1;opacity:.45;animation:spin 40s linear infinite reverse;filter:drop-shadow(0 0 4px rgba(232,199,102,.7))}
.ring.a{left:33.8%;top:30%}.ring.b{left:76%;top:28%;animation-duration:55s}
@keyframes spin{to{transform:rotate(360deg)}}
.motes{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.etsybot{position:absolute;z-index:4;pointer-events:none;width:7.1%;height:auto;left:16.6%;bottom:17%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.6)) brightness(.95);animation:etsy 120s linear infinite;transform-origin:50% 100%}
@keyframes etsy{0%,78%{left:16.6%;transform:scaleX(1)}78.1%{transform:scaleX(-1)}79.2%{left:7.5%;transform:scaleX(-1) translateY(0)}79.3%,86%{left:7.5%;transform:scaleX(-1)}86.1%{transform:scaleX(1)}87.2%,100%{left:16.6%;transform:scaleX(1)}}
.press{position:absolute;z-index:5;left:1.5%;top:52%;width:6%;height:8%;pointer-events:none}
.puff{position:absolute;left:40%;bottom:0;width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(rgba(255,255,255,.85),rgba(255,255,255,0) 70%);opacity:0;animation:puff 120s linear infinite}
.puff.p2{left:20%;animation-delay:.4s}.puff.p3{left:60%;animation-delay:.8s}
@keyframes puff{0%,81%{opacity:0;transform:translateY(0) scale(.5)}82%{opacity:.9}84.5%{opacity:0;transform:translateY(-260%) scale(2.6)}100%{opacity:0}}
.hud{position:absolute;inset:0;z-index:10;pointer-events:none}
.hud a{pointer-events:auto}
.corner{position:absolute;font:500 13px/1.4 "Inter Tight",Inter,sans-serif;color:#e7ebff;text-shadow:0 1px 6px #000;letter-spacing:.01em}
.tl{left:20px;top:16px}.tr{right:20px;top:16px;text-align:right}.bl{left:20px;bottom:18px;font-size:12px;color:#b9c1e4}
.wm{position:absolute;left:0;right:0;top:clamp(110px,15vh,160px);margin:0;text-align:center;font:500 clamp(72px,17vw,300px)/.82 "Archivo","Inter Tight",Inter,sans-serif;font-stretch:125%;letter-spacing:-.02em;color:#f4f6ff;text-shadow:0 0 40px rgba(125,249,255,.25),0 4px 30px rgba(0,0,0,.6)}
.wm:before,.wm:after{content:attr(data-t);position:absolute;left:0;right:0;top:0;opacity:0;pointer-events:none}
.wm:before{color:#5ff6ff;animation:gl1 7s infinite steps(1)}.wm:after{color:#e8c766;animation:gl2 7s infinite steps(1)}
@keyframes gl1{0%,93%,100%{opacity:0;transform:none;clip-path:none}94%{opacity:.7;transform:translate(-4px,1px);clip-path:inset(10% 0 60% 0)}96%{opacity:.6;transform:translate(3px,-2px);clip-path:inset(55% 0 20% 0)}}
@keyframes gl2{0%,94%,100%{opacity:0;transform:none}95%{opacity:.6;transform:translate(4px,0);clip-path:inset(35% 0 40% 0)}97%{opacity:.5;transform:translate(-3px,2px);clip-path:inset(70% 0 5% 0)}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sub{position:absolute;left:0;right:0;top:calc(clamp(110px,15vh,160px) + clamp(64px,14.5vw,250px));display:flex;justify-content:center;gap:clamp(16px,3vw,44px)}
.sub a{color:#eef1ff;text-decoration:none;font:500 clamp(13px,1.1vw,17px) "Inter Tight",Inter,sans-serif;text-shadow:0 1px 8px #000}.sub a:hover{color:#7df9ff}
.ccard{position:absolute;right:20px;bottom:20px;width:230px;background:#f4f4f2;color:#111;border-radius:6px;padding:14px 16px 16px;text-decoration:none;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.ccard small{display:block;font-size:13px}.ccard b{display:block;margin-top:22px;font:500 15px "Inter Tight",Inter,sans-serif}.ccard span{position:absolute;right:14px;bottom:12px;font-size:20px}
.swipe{display:none}
.home .bgm{bottom:96px}
.intro{background:#070815}
@media (max-width:820px){
 .home header{transform:translateY(44px)}
 .stagewrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto}.stagewrap::-webkit-scrollbar{display:none}
 .stage{position:relative;left:0;top:0;transform:none;height:100%;width:auto}
 .hud{pointer-events:none}
 .wm{top:120px;font-size:22vw}.sub{top:calc(120px + 19vw)}.sub a{font-size:13px}
 .ccard{width:auto;left:20px;right:20px;bottom:16px;padding:10px 14px}.ccard b{margin-top:4px}.bl{display:none}
 .swipe{display:block;position:absolute;left:0;right:0;bottom:86px;text-align:center;font:500 12px Inter,sans-serif;color:#ffe9a8;text-shadow:0 1px 6px #000;animation:pulse 2.4s infinite}
 .hs .tag{padding:5px 8px;font-size:10px}.hs .tag b{font-size:12px}.hs .tag em{font-size:9.5px}
 .home .bgm{bottom:150px}
}
@media (prefers-reduced-motion:reduce){.ring,.etsybot,.puff,.wm:before,.wm:after,.hs .glow,.hs .tag em,.swipe{animation:none!important}}
/* v5 fixes */
.studio{--wt:clamp(84px,11vh,110px);--ws:min(12.5vw,21vh)}
.home header{transform:none;top:12px;max-width:min(880px,calc(100% - 520px))}
.wm{top:var(--wt);font-size:var(--ws)}
.sub{top:calc(var(--wt) + var(--ws)*.86 + 6px)}
.hs-etsy .tag{left:0;transform:none}.hs-etsy .tag:after{left:20%}.hs-etsy:hover .tag{transform:translateY(-3px)}
.hs-ins .tag{left:auto;right:0;transform:none}.hs-ins .tag:after{left:80%}.hs-ins:hover .tag{transform:translateY(-3px)}
@media (max-width:1100px){.home header{max-width:calc(100% - 24px);top:44px}.studio{--wt:118px}}
@media (max-width:820px){
 .home header{transform:none;top:10px}.corner.tl,.corner.tr{display:none}
 .studio{--wt:78px;--ws:19vw}
 .sub{top:calc(var(--wt) + 19vw*.86 + 6px)}
 .swipe{bottom:auto;top:calc(var(--wt) + 19vw*.86 + 34px)}
 .ccard{right:196px;left:12px;bottom:14px}
 .home .bgm{bottom:14px;right:12px}
 .hs-kids .tag{top:0;left:calc(100% + 8px);transform:none}.hs-kids .tag:after{display:none}.hs-kids:hover .tag{transform:none}
}
@media (min-width:821px){.stage{left:0;transform:translate(calc(55vw - 55%),-50%)}}
@media (min-width:821px){.stage{left:50%;width:max(100vw,160vh);transform:translate(-50%,-50%)}.home .bgm{bottom:24px;right:268px}}
.hud .ccard small{margin-bottom:0}
@media (max-width:820px){.hud .ccard{display:block;position:absolute;margin:0;max-width:none;right:196px;left:12px;bottom:14px;width:auto}}
.hs-freight .tag{bottom:calc(100% + 64px)}.hs-freight .tag:after{height:64px}
.hs-etsy .tag{z-index:2}
@media (max-width:820px){.studio{--ws:17vw}.sub{top:calc(var(--wt) + 17vw*.86 + 6px)}.swipe{top:calc(var(--wt) + 17vw*.86 + 34px)}.hs-freight .tag{bottom:calc(100% + 10px)}.hs-freight .tag:after{height:10px}}
@keyframes etsy{0%,78%{left:16.6%;transform:scaleX(1)}78.1%{transform:scaleX(-1)}79.6%{left:1%;transform:scaleX(-1)}79.7%,86%{left:1%;transform:scaleX(1)}86.1%{transform:scaleX(1)}87.6%,100%{left:16.6%;transform:scaleX(1)}}
.press{left:1%;top:46%;width:8%;height:10%}.puff{width:45%;background:radial-gradient(rgba(255,255,255,.95),rgba(220,235,255,.5) 40%,rgba(255,255,255,0) 70%)}
/* v6: Orbitron wordmark, labels on screens, rescaled scene */
@font-face{font-family:"Orbitron";font-weight:700;font-display:swap;src:url(/assets/fonts/orbitron-700.woff2) format("woff2")}
.studio{--ws:min(8.4vw,14vh)}
.wm{font-family:"Orbitron","Audiowide",sans-serif;font-weight:700;font-stretch:normal;letter-spacing:.06em;line-height:1}
.sub{top:calc(var(--wt) + var(--ws)*1.05 + 8px)}
.hs{container-type:size;display:flex}
.hs .tag,.hs-etsy .tag,.hs-ins .tag,.hs-kids .tag,.hs-book .tag,.hs-freight .tag{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqh;padding:3cqh 4cqw;background:linear-gradient(180deg,rgba(4,18,40,.6),rgba(4,18,40,.38));border:0;box-shadow:none;backdrop-filter:none;border-radius:4px;text-align:center;white-space:normal;z-index:1}
.hs .tag:after{display:none!important}
.hs .tag small{font-size:clamp(6.5px,8cqw,11px);line-height:1.05;letter-spacing:.08em}
.hs .tag b{font-size:clamp(8px,12cqw,22px);line-height:1.05;letter-spacing:.01em}
.hs-gov .tag b{font-size:clamp(10px,9cqw,26px)}.hs-ins .tag b{font-size:clamp(9px,7cqw,22px)}.hs-ins .tag small,.hs-gov .tag small{font-size:clamp(6.5px,4.5cqw,12px)}
.hs .tag em{margin:0;font-size:clamp(6.5px,8.5cqw,12px);padding:.2em .5em;white-space:nowrap;background:rgba(232,199,102,.14)}
.hs-gov .tag em,.hs-ins .tag em{font-size:clamp(7.5px,5cqw,13px)}
.hs:hover .tag,.hs-etsy:hover .tag,.hs-ins:hover .tag,.hs-kids:hover .tag{transform:none}
.hs-gov .glow{background:linear-gradient(160deg,rgba(125,249,255,.28),rgba(64,120,255,.12));border-color:#7df9ff}
.etsybot{width:9.6%;bottom:18.4%;left:3%}
@keyframes etsy{0%,78%{left:3%;transform:scaleX(1)}79%{left:.2%;transform:scaleX(-1)}79.1%,86%{left:.2%;transform:scaleX(-1)}87%,100%{left:3%;transform:scaleX(1)}}
.press{left:1%;top:42%;width:10%;height:10%}
.ring.a{left:45.5%;top:18%}.ring.b{left:67%;top:30%}
@media (max-width:820px){.studio{--ws:13vw}.sub{top:calc(var(--wt) + 13vw*1.05 + 8px)}.swipe{top:calc(var(--wt) + 13vw*1.05 + 36px)}}
/* v6 publishing: kids library hero (matches cover art) */
.b-pub main{background:#fff4df}
.libhero{position:relative;margin-top:-62px;padding:130px 0 56px;background:linear-gradient(180deg,#ffe9bf 0%,#fff4df 70%);color:#1f2350;overflow:hidden}
.libhero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(90deg,#a0612b 0 120px,#8b5023 120px 124px);box-shadow:0 -4px 0 #c07a3a inset}
.libhero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;max-width:1180px}
.libkick{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:#fff;border:3px solid #1f2350;font:800 .85rem/1.2 "Baloo 2",system-ui,sans-serif;color:#1f2350}
.libtitle{margin:0;font:800 clamp(2.6rem,5.6vw,4.6rem)/.95 "Baloo 2",system-ui,sans-serif;color:#fff;-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:0 0 0 #1f2350,3px 3px 0 #1f2350,-3px 3px 0 #1f2350,3px -3px 0 #1f2350,-3px -3px 0 #1f2350,0 4px 0 #1f2350,0 7px 0 rgba(31,35,80,.25);background:#f05a2a;padding:22px 28px 18px;border-radius:26px;border:5px solid #fff;box-shadow:0 0 0 4px #1f2350,0 12px 0 -2px rgba(31,35,80,.18)}
.libtitle span{display:block;margin-top:8px;font-size:.38em;letter-spacing:.02em;color:#ffd23f}
.libp{margin:22px 0 0;max-width:520px;font:500 1.12rem/1.6 Inter,system-ui,sans-serif;color:#3a2f22}
.libbtns{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.libbtn{display:inline-block;padding:12px 22px;border-radius:999px;background:#ffd23f;color:#1f2350;border:3px solid #1f2350;font:800 1rem "Baloo 2",system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 0 #1f2350;transition:transform .15s}
.libbtn:hover{transform:translateY(-2px)}.libbtn.ghost{background:#fff}
.libart{position:relative}
.libart>img{width:100%;height:auto;display:block;border-radius:28px;border:6px solid #fff;box-shadow:0 0 0 4px #a0612b,0 22px 40px -16px rgba(80,40,10,.45)}
.libcovers{position:absolute;left:-36px;bottom:-26px;display:flex;gap:0}
.libcovers img{width:clamp(70px,8vw,112px);border-radius:6px;border:3px solid #fff;box-shadow:0 10px 18px -6px rgba(0,0,0,.4);margin-right:-22px}
.libcovers img:nth-child(1){transform:rotate(-8deg)}.libcovers img:nth-child(2){transform:rotate(-1deg) translateY(-10px)}.libcovers img:nth-child(3){transform:rotate(7deg)}
.libshelf{background:#fff4df;color:#3a2f22}.libshelf h2,.b-pub #coming-soon{color:#1f2350;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800}
.b-pub .libshelf .card{background:#fff;color:#3a2f22;border:3px solid #1f2350;box-shadow:0 4px 0 #1f2350}.b-pub .libshelf .card h3{color:#1f2350}.b-pub .libshelf .card a{color:#c2410c}
.b-pub .libshelf .slide{background:#fff;border:3px solid #1f2350;color:#3a2f22}.b-pub .libshelf .slide b{color:#1f2350}.b-pub .libshelf .slide a{color:#c2410c}
.b-pub .libshelf .track{background:linear-gradient(180deg,transparent 78%,#a0612b 78%,#8b5023 84%,transparent 84%);padding-bottom:28px}
@media (max-width:820px){.libhero{padding-top:110px}.libhero .wrap{grid-template-columns:1fr}.libcovers{left:8px;bottom:-18px}}
/* wilds hero: products instead of waving figure */
.festprod{display:flex;gap:0;align-items:flex-end}.festprod img{width:clamp(90px,10vw,140px);aspect-ratio:1;object-fit:cover;border-radius:14px;border:3px solid #e8c766;box-shadow:0 14px 26px -10px rgba(0,0,0,.6);margin-right:-18px}
.festprod img:nth-child(1){transform:rotate(-7deg)}.festprod img:nth-child(2){transform:translateY(-14px);z-index:1}.festprod img:nth-child(3){transform:rotate(6deg)}
/* v7 anime scene */
.stage .bg{filter:none}
.etsybot{width:10.2%;bottom:18%;left:1.8%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}
@keyframes etsy{0%,78%{left:1.8%;transform:scaleX(1)}79%{left:-.6%;transform:scaleX(-1)}79.1%,86%{left:-.6%;transform:scaleX(-1)}87%,100%{left:1.8%;transform:scaleX(1)}}
.press{left:.5%;top:38%;width:11%;height:10%}
.hs .glow{border-color:rgba(140,255,220,.8);box-shadow:0 0 18px rgba(80,255,200,.45),inset 0 0 14px rgba(140,255,220,.3);background:linear-gradient(160deg,rgba(140,255,220,.18),rgba(40,160,140,.08))}
.hs-gov .tag small{font-size:clamp(8px,4cqw,14px)}.hs-gov .tag b{font-size:clamp(12px,8cqw,30px)}.hs-gov .tag em{font-size:clamp(9px,4.5cqw,15px)}
.ring.a{left:43%;top:12%}
.hs-etsy .tag b{font-size:clamp(7px,10cqw,18px)}.hs-etsy .tag small{display:none}
.hs-etsy .tag{gap:2cqh;padding:2cqh 2cqw}.hs-etsy .tag em{font-size:clamp(6px,8cqw,11px);padding:.15em .35em}body.b-pub{background:#ffe9bf}
/* v8 audit fixes */
footer .fh{font-size:1rem;margin:0 0 8px;color:#fff;font-family:inherit;letter-spacing:0}
.fine a,footer p a,main p a{text-decoration:underline;text-underline-offset:2px}
.hs:focus-visible{outline:3px solid #ffe9a8;outline-offset:4px;border-radius:6px}.hs:focus-visible .glow{box-shadow:0 0 40px rgba(140,255,220,.9)}
.sub a:focus-visible,.ccard:focus-visible{outline:3px solid #7df9ff;outline-offset:4px}
.corner.bl,.hs .tag small{color:#ffe9a8}
/* v9: big wordmark removed (h1 kept, visually hidden) */
.wm{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;font-size:16px!important}
.wm:before,.wm:after{display:none}
.sub{top:calc(var(--wt) + 8px)}
@media (max-width:820px){.sub{top:calc(var(--wt) + 6px)}.swipe{top:calc(var(--wt) + 34px)}}
/* v9: exact screen fit */
.hs .glow{inset:0;border-radius:0;border:0;box-shadow:inset 0 0 0 1.5px rgba(160,255,225,.9),inset 0 0 16px rgba(140,255,220,.45)}
.hs{border-radius:0;filter:drop-shadow(0 0 8px rgba(80,255,200,.55))}
.hs .tag{border-radius:0;padding:2cqh 3cqw}
.hs-etsy .tag{padding:2cqh 6cqw 30cqh 2cqw}
.hs-kids .tag{padding:10cqh 8cqw 14cqh 8cqw}
.deco{position:absolute;z-index:5;pointer-events:none;background:rgba(140,255,220,.12);box-shadow:inset 0 0 12px rgba(140,255,220,.4);animation:flick 6s infinite}
/* v9: pull-up-screen transition */
.crt-dim{position:fixed;inset:0;z-index:998;background:radial-gradient(ellipse at center,rgba(2,6,14,.55),rgba(2,6,14,.92));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none}
.studio.crt-away .stage{filter:blur(2px) brightness(.6);transition:filter .4s}
.crt-screen{position:fixed;z-index:999;overflow:hidden;pointer-events:none;transform-origin:50% 60%;background:radial-gradient(ellipse at 50% 45%,#d9fff2 0%,#7ef5d0 35%,#1aa889 75%,#063a33 100%);box-shadow:0 30px 80px rgba(0,0,0,.6);will-change:transform,left,top,width,height}
.crt-screen .crt-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}
.crt-lab{position:absolute;inset:0;display:grid;place-items:center;font:600 clamp(12px,3vw,40px) "Inter Tight",Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#043b31;opacity:.85}
.crt-screen.boot{animation:boot .22s steps(2) forwards}.crt-screen.boot .crt-lab{opacity:0}
@keyframes boot{0%{filter:brightness(1)}30%{filter:brightness(1.8) contrast(1.4)}55%{filter:brightness(.6)}100%{filter:brightness(2.2);opacity:1}}
html.crt-in body{animation:crtin .55s cubic-bezier(.2,.7,.2,1) both}
html.crt-in body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(126,245,208,.12) 0 2px,transparent 2px 4px),rgba(126,245,208,.35);animation:crtfade .6s ease-out forwards}
@keyframes crtin{0%{transform:scaleY(.02) scaleX(1.02);filter:brightness(3)}45%{transform:scaleY(1.02);filter:brightness(1.4)}100%{transform:none;filter:none}}
@keyframes crtfade{to{opacity:0}}
@media (prefers-reduced-motion:reduce){html.crt-in body,html.crt-in body:before{animation:none}}
/* v9: Etsy Bot grounded on floor */
.etsybot{position:absolute;z-index:4;pointer-events:none;width:10.7%;left:1.8%;bottom:13.8%;filter:none;animation:etsy 120s linear infinite}
.etsybot img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.eshadow{position:absolute;left:8%;right:8%;bottom:-1.2%;height:3.5%;border-radius:50%;background:radial-gradient(rgba(0,0,0,.65),rgba(0,0,0,0) 70%);z-index:-1}
@keyframes etsy{0%,78%{left:1.8%;transform:scaleX(1)}79%{left:-.8%;transform:scaleX(-1)}79.1%,86%{left:-.8%;transform:scaleX(-1)}87%,100%{left:1.8%;transform:scaleX(1)}}
@keyframes bob{50%{transform:translateY(-1.2%)}}
.etsybot{width:9.4%;left:2.2%;bottom:13.5%}@keyframes etsy{0%,78%{left:2.2%;transform:scaleX(1)}79%{left:0%;transform:scaleX(-1)}79.1%,86%{left:0%;transform:scaleX(-1)}87%,100%{left:2.2%;transform:scaleX(1)}}
/* gov hero: flag + Florida outline + honest badges (no seals) */
.ghero{position:relative}
.gside{position:absolute;right:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-40%);display:flex;flex-direction:column;align-items:center;gap:18px;width:min(300px,28vw);pointer-events:none}
.gflag{width:62%;height:auto;border-radius:3px;box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:.92}
.gfl{width:100%;height:auto}
.gbadges{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.gbadges li{font:500 .82rem/1 Inter,sans-serif;padding:7px 12px;border-radius:999px;border:1px solid rgba(232,199,102,.55);color:#eef1ff;background:rgba(255,255,255,.04)}.gbadges b{color:#ffe9a8;font-weight:600}
.ghero .wrap>h1,.ghero .wrap>p,.ghero .wrap>.status{max-width:min(640px,60vw)}
@media (max-width:900px){.gside{position:static;transform:none;flex-direction:row;width:auto;margin:0 20px 8px;padding-top:90px}.gflag{width:110px}.gfl{width:150px}.ghero .wrap>h1,.ghero .wrap>p,.ghero .wrap>.status{max-width:none}}
/* v9: heat-press T-shirt print sequence (inside the 120s Etsy Bot loop) */
.pressfx{position:absolute;z-index:5;left:1.2%;top:44%;width:9.5%;height:16%;pointer-events:none}
.pressfx .tee{position:absolute;left:22%;top:48%;width:46%;height:auto;opacity:0;animation:tee 120s linear infinite;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.pressfx .tee .ww{opacity:0;animation:teeww 120s linear infinite}
.pressfx .lid{position:absolute;left:12%;width:70%;top:0;height:16%;background:linear-gradient(#3b4250,#1c2129);border:1px solid #0b0e13;border-radius:3px;opacity:0;animation:lid 120s linear infinite}
@keyframes tee{0%,79.4%{opacity:0;transform:none}79.8%,84%{opacity:1;transform:none}85%,86.4%{opacity:1;transform:translate(60%,40%) scale(1.25)}87%,100%{opacity:0;transform:translate(60%,40%) scale(1.25)}}
@keyframes teeww{0%,82.4%{opacity:0}82.6%,86.4%{opacity:1}87%,100%{opacity:0}}
@keyframes lid{0%,80.2%{opacity:0;transform:translateY(0)}80.5%{opacity:1;transform:translateY(0)}81.2%,82.4%{opacity:1;transform:translateY(240%)}83.2%{opacity:1;transform:translateY(0)}83.5%,100%{opacity:0}}
@keyframes puff{0%,81.4%{opacity:0;transform:translateY(0) scale(.5)}81.8%{opacity:.95}84%{opacity:0;transform:translateY(-240%) scale(2.6)}100%{opacity:0}}
@keyframes etsy{0%,78%{left:2.2%;transform:scaleX(1)}79%{left:4%;transform:scaleX(-1)}79.1%,86.5%{left:4%;transform:scaleX(-1)}87.5%,100%{left:2.2%;transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.pressfx *{animation:none!important}}
.pressfx{left:.4%}.pressfx .tee{left:4%;width:40%}.pressfx .lid{left:0;width:56%}
@keyframes tee{0%,79.4%{opacity:0;transform:none}79.8%,84%{opacity:1;transform:none}85%,86.4%{opacity:1;transform:translate(150%,30%) scale(1.15)}87%,100%{opacity:0;transform:translate(150%,30%) scale(1.15)}}
@keyframes etsy{0%,78%{left:2.2%;transform:scaleX(1)}79%{left:6.2%;transform:scaleX(-1)}79.1%,84.2%{left:6.2%;transform:scaleX(-1)}84.4%,86.5%{left:6.2%;transform:scaleX(1)}87.5%,100%{left:2.2%;transform:scaleX(1)}}
.hs-book .tag b{font-size:clamp(7px,10cqw,18px)}
/* v10: slim home, player bottom-left */
.intro.slim{padding:28px 0 18px;background:#05060f}.intro.slim h2{font-size:1.05rem;margin:0 0 6px;color:#e7ebff}.intro.slim p{margin:0;font-size:.9rem;color:#aeb6d8;max-width:900px}
.slimfoot{padding:14px 0 18px;background:#05060f;border-top:1px solid rgba(125,249,255,.12);font-size:.82rem;color:#9aa3c7}.slimfoot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.slimfoot a{color:#dfe6ff}
.home .bgm,.bgm{left:14px;right:auto;bottom:14px;padding:5px 10px 5px 5px;gap:6px;transform:scale(.88);transform-origin:0 100%}
.home .bgm{bottom:14px;right:auto}
@media (max-width:820px){.home .bgm{bottom:12px;left:10px;right:auto}.home .bgm input{width:60px}}

/* v10: remove spinning symbol decorations */
.ring.big,.cosmos .wrap:after,.ring.sm,.mon .scr:after,.hero .wrap:after,.rings,.ring{display:none!important;animation:none!important}
/* v10: typing hands (cropped layers of the scene, subtle staggered motion) */
.typ{position:absolute;z-index:3;pointer-events:none;background-image:url(/assets/office/studio.webp?v=1023c);background-repeat:no-repeat;animation:type .26s ease-in-out infinite alternate;will-change:transform}
@media (max-width:700px){.typ{background-image:url(/assets/office/studio-sm.webp?v=1023c)}}
.typ-boss-l{animation-duration:.23s}.typ-boss-r{animation-duration:.31s;animation-delay:-.1s}.typ-fr{animation-duration:.27s}.typ-mu{animation:mix 1.6s ease-in-out infinite}.typ-wr{animation-duration:.34s}
.typ-car{animation:carriage 6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes type{0%{transform:translateY(0)}35%{transform:translateY(-4%) translateX(1%)}70%{transform:translateY(3%) translateX(-1%)}100%{transform:translateY(-2%)}}
@keyframes mix{0%,100%{transform:none}30%{transform:translate(3%,-3%)}60%{transform:translate(-2%,2%)}}
@keyframes carriage{0%{transform:translateX(0)}88%{transform:translateX(-14%)}92%,100%{transform:translateX(0)}}
.shoplogo{display:block;width:150px;height:auto;margin:0 0 14px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
@media (prefers-reduced-motion:reduce){.typ{animation:none!important}}
/* v10: Etsy guy taller + smoother press */
@keyframes walkbob{0%,77%{transform:translateY(0) rotate(0)}77.156%{transform:translateY(-1.2%) rotate(1.2deg)}77.312%{transform:translateY(0%) rotate(0deg)}77.469%{transform:translateY(-1.2%) rotate(-1.2deg)}77.625%{transform:translateY(0%) rotate(0deg)}77.781%{transform:translateY(-1.2%) rotate(1.2deg)}77.938%{transform:translateY(0%) rotate(0deg)}78.094%{transform:translateY(-1.2%) rotate(-1.2deg)}78.250%{transform:translateY(0%) rotate(0deg)}78.406%{transform:translateY(-1.2%) rotate(1.2deg)}78.562%{transform:translateY(0%) rotate(0deg)}78.719%{transform:translateY(-1.2%) rotate(-1.2deg)}78.875%{transform:translateY(0%) rotate(0deg)}79.031%{transform:translateY(-1.2%) rotate(1.2deg)}79.188%{transform:translateY(0%) rotate(0deg)}79.344%{transform:translateY(-1.2%) rotate(-1.2deg)}79.500%{transform:none}86.5%{transform:none}86.656%{transform:translateY(-1.2%) rotate(1.2deg)}86.812%{transform:translateY(0%) rotate(0deg)}86.969%{transform:translateY(-1.2%) rotate(-1.2deg)}87.125%{transform:translateY(0%) rotate(0deg)}87.281%{transform:translateY(-1.2%) rotate(1.2deg)}87.438%{transform:translateY(0%) rotate(0deg)}87.594%{transform:translateY(-1.2%) rotate(-1.2deg)}87.750%{transform:translateY(0%) rotate(0deg)}87.906%{transform:translateY(-1.2%) rotate(1.2deg)}88.062%{transform:translateY(0%) rotate(0deg)}88.219%{transform:translateY(-1.2%) rotate(-1.2deg)}88.375%{transform:translateY(0%) rotate(0deg)}88.531%{transform:translateY(-1.2%) rotate(1.2deg)}88.688%{transform:translateY(0%) rotate(0deg)}88.844%{transform:translateY(-1.2%) rotate(-1.2deg)}89%,100%{transform:none}}
.etsybot{width:10.8%;left:2.2%;bottom:13.5%;animation:etsy2 120s linear infinite}
.etsybot img{animation:walkbob 120s linear infinite;transform-origin:50% 100%}
@keyframes etsy2{0%,77%{left:2.2%;transform:scaleX(1);animation-timing-function:cubic-bezier(.45,0,.55,1)}79.5%,86.5%{left:6.4%;transform:scaleX(1);animation-timing-function:cubic-bezier(.45,0,.55,1)}89%,100%{left:2.2%;transform:scaleX(1)}}
@keyframes tee{0%,79.6%{opacity:0;transform:translate(150%,10%) scale(.9)}80.4%{opacity:1;transform:none}84%{opacity:1;transform:none}84.8%,86.4%{opacity:1;transform:translate(150%,30%) scale(1.2)}86.8%,100%{opacity:0;transform:translate(150%,30%) scale(1.2)}}
@keyframes teeww{0%,83.4%{opacity:0}84%,86.4%{opacity:1}86.8%,100%{opacity:0}}
@keyframes lid{0%,80.4%{opacity:0;transform:translateY(0)}80.6%{opacity:1;transform:translateY(0)}81.3%,83%{opacity:1;transform:translateY(240%);animation-timing-function:ease-in}83.6%{opacity:1;transform:translateY(0)}83.9%,100%{opacity:0}}
.puff{background:radial-gradient(rgba(255,255,255,.75),rgba(220,235,255,.35) 45%,rgba(255,255,255,0) 70%);filter:blur(2px)}
@keyframes puff{0%,81.6%{opacity:0;transform:translateY(0) scale(.4)}82.2%{opacity:.85}84.2%{opacity:0;transform:translateY(-260%) translateX(20%) scale(2.4)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.etsybot,.etsybot img{animation:none!important}}
/* v10: fold + pneumatic tube send-off */
@keyframes walkbob{0%,77%{transform:none}77.156%{transform:translateY(-1.2%) rotate(1.2deg)}77.312%{transform:translateY(0%) rotate(0deg)}77.469%{transform:translateY(-1.2%) rotate(-1.2deg)}77.625%{transform:translateY(0%) rotate(0deg)}77.781%{transform:translateY(-1.2%) rotate(1.2deg)}77.938%{transform:translateY(0%) rotate(0deg)}78.094%{transform:translateY(-1.2%) rotate(-1.2deg)}78.250%{transform:translateY(0%) rotate(0deg)}78.406%{transform:translateY(-1.2%) rotate(1.2deg)}78.562%{transform:translateY(0%) rotate(0deg)}78.719%{transform:translateY(-1.2%) rotate(-1.2deg)}78.875%{transform:translateY(0%) rotate(0deg)}79.031%{transform:translateY(-1.2%) rotate(1.2deg)}79.188%{transform:translateY(0%) rotate(0deg)}79.344%{transform:translateY(-1.2%) rotate(-1.2deg)}79.5%,89.5%{transform:none}89.656%{transform:translateY(-1.2%) rotate(1.2deg)}89.812%{transform:translateY(0%) rotate(0deg)}89.969%{transform:translateY(-1.2%) rotate(-1.2deg)}90.125%{transform:translateY(0%) rotate(0deg)}90.281%{transform:translateY(-1.2%) rotate(1.2deg)}90.438%{transform:translateY(0%) rotate(0deg)}90.594%{transform:translateY(-1.2%) rotate(-1.2deg)}90.750%{transform:translateY(0%) rotate(0deg)}90.906%{transform:translateY(-1.2%) rotate(1.2deg)}91.062%{transform:translateY(0%) rotate(0deg)}91.219%{transform:translateY(-1.2%) rotate(-1.2deg)}91.375%{transform:translateY(0%) rotate(0deg)}91.531%{transform:translateY(-1.2%) rotate(1.2deg)}91.688%{transform:translateY(0%) rotate(0deg)}91.844%{transform:translateY(-1.2%) rotate(-1.2deg)}92%,100%{transform:none}}
@keyframes etsy2{0%,77%{left:2.2%;animation-timing-function:cubic-bezier(.45,0,.55,1)}79.5%,89.5%{left:6.4%;animation-timing-function:cubic-bezier(.45,0,.55,1)}92%,100%{left:2.2%}}
@keyframes tee{0%,79.6%{opacity:0;transform:translate(150%,10%) scale(.9)}80.4%{opacity:1;transform:none}84%{opacity:1;transform:none}84.8%,86.2%{opacity:1;transform:translate(150%,30%) scale(1.2)}87%{opacity:1;transform:translate(150%,30%) scale(.55,.35)}87.3%,100%{opacity:0;transform:translate(150%,30%) scale(.5,.3)}}
@keyframes teeww{0%,83.4%{opacity:0}84%,87%{opacity:1}87.3%,100%{opacity:0}}
.tube{position:absolute;z-index:3;left:.3%;top:0;width:1.6%;height:44%;pointer-events:none}
.tube .pipe{position:absolute;left:25%;width:50%;top:0;bottom:12%;background:linear-gradient(90deg,rgba(180,230,255,.25),rgba(255,255,255,.55) 40%,rgba(160,210,240,.2));border:1px solid rgba(200,240,255,.45);border-radius:3px;box-shadow:0 0 6px rgba(140,255,220,.25)}
.tube .inlet{position:absolute;left:0;right:0;bottom:0;height:14%;background:linear-gradient(#5a6577,#2a313d);border:1px solid #11151c;border-radius:4px}
.tube .whoosh{position:absolute;left:0;right:0;bottom:6%;height:20%;border-radius:50%;background:radial-gradient(rgba(255,255,255,.8),rgba(255,255,255,0) 70%);opacity:0;animation:whoosh 120s linear infinite}
.capsule{position:absolute;z-index:4;left:8.6%;top:57%;width:1.3%;aspect-ratio:1/2.1;border-radius:40% / 22%;background:linear-gradient(90deg,#8fa3b8,#e6f2ff 45%,#7d8ea2);border:1px solid #2a3442;opacity:0;pointer-events:none;display:grid;place-items:center;animation:capsule 120s linear infinite}
.capsule img{width:85%;height:auto}
@keyframes capsule{0%,87%{opacity:0;left:8.6%;top:57%;filter:none}87.3%{opacity:1;left:8.6%;top:57%}88.4%{opacity:1;left:.45%;top:35%;animation-timing-function:ease-in}88.6%{opacity:1;left:.45%;top:35%;filter:none}89.2%{opacity:1;left:.45%;top:-8%;filter:blur(2px) brightness(1.3)}89.3%,100%{opacity:0;left:.45%;top:-8%}}
@keyframes whoosh{0%,88.5%{opacity:0;transform:scale(.6)}88.8%{opacity:.9;transform:scale(1.6)}89.6%,100%{opacity:0;transform:scale(2.2)}}
@media (prefers-reduced-motion:reduce){.capsule,.tube .whoosh{animation:none!important;opacity:0}}

/* v10: kid coloring hand */
.typ-kid{z-index:4;animation:color 2.8s ease-in-out infinite}
@keyframes color{0%,8%{transform:translate(0,0) rotate(0)}14%{transform:translate(6%,4%) rotate(2deg)}20%{transform:translate(-4%,6%) rotate(-1deg)}26%{transform:translate(8%,2%) rotate(2deg)}32%{transform:translate(-2%,7%)}38%{transform:translate(9%,5%) rotate(1deg)}44%,60%{transform:translate(3%,3%)}66%{transform:translate(-6%,1%) rotate(-2deg)}72%{transform:translate(4%,6%)}78%{transform:translate(-3%,3%)}84%,100%{transform:translate(0,0)}}
.kidcolor{position:absolute;z-index:3;pointer-events:none;border-radius:40%;background:radial-gradient(ellipse at 30% 50%,rgba(255,120,80,.55),rgba(255,120,80,0) 60%),radial-gradient(ellipse at 70% 50%,rgba(90,200,255,.45),rgba(90,200,255,0) 60%);transform-origin:0 50%;animation:kidc 22s ease-in-out infinite;mix-blend-mode:multiply}
@keyframes kidc{0%{transform:scaleX(.1);opacity:.3}80%{transform:scaleX(1);opacity:.9}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.typ-kid,.kidcolor{animation:none!important}}

.typ-pen{animation:pen 9s ease-in-out infinite;transform-origin:70% 90%}
@keyframes pen{0%{transform:translate(0,0)}6%{transform:translate(4%,-2%) rotate(-1deg)}12%{transform:translate(9%,1%)}18%{transform:translate(14%,-2%) rotate(1deg)}24%{transform:translate(19%,1%)}30%{transform:translate(2%,6%)}36%{transform:translate(8%,4%) rotate(-1deg)}42%{transform:translate(13%,7%)}48%{transform:translate(18%,5%)}54%{transform:translate(18%,5%)}62%{transform:translate(4%,10%)}68%{transform:translate(10%,9%) rotate(1deg)}74%{transform:translate(15%,11%)}80%,86%{transform:translate(-6%,-10%) rotate(-4deg)}94%,100%{transform:translate(0,0)}}
.pageflip{position:absolute;z-index:2;pointer-events:none;background:linear-gradient(180deg,#efe3c8,#d9cba9);border-radius:1px;opacity:0;transform-origin:50% 0;animation:flip 9s ease-in-out infinite;box-shadow:0 1px 2px rgba(0,0,0,.4)}
@keyframes flip{0%,80%{opacity:0;transform:perspective(300px) rotateX(0)}82%{opacity:1;transform:perspective(300px) rotateX(-20deg)}86%{opacity:1;transform:perspective(300px) rotateX(-85deg)}88%,100%{opacity:0;transform:perspective(300px) rotateX(-95deg)}}
@media (prefers-reduced-motion:reduce){.typ-pen,.pageflip{animation:none!important}}

/* smoother hands: feathered sprite edges, tiny eased sub-pixel motion */
.typ{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);backface-visibility:hidden;animation-timing-function:cubic-bezier(.45,0,.55,1)!important}
@keyframes type{0%{transform:translate3d(0,0,0)}30%{transform:translate3d(.4%,-1.6%,0)}60%{transform:translate3d(-.3%,1%,0)}100%{transform:translate3d(0,-.6%,0)}}
.typ-fr{animation:type .9s infinite alternate}.typ-wr{animation:type 1.1s infinite alternate}
.typ-pen{animation:pen2 10s cubic-bezier(.45,0,.55,1) infinite!important}
@keyframes pen2{0%{transform:translate3d(0,0,0)}10%{transform:translate3d(3%,-.5%,0)}20%{transform:translate3d(6%,.5%,0)}30%{transform:translate3d(9%,0,0)}38%{transform:translate3d(1%,3%,0)}48%{transform:translate3d(4%,3.5%,0)}58%{transform:translate3d(8%,3%,0)}66%,72%{transform:translate3d(8%,3%,0)}80%,86%{transform:translate3d(-2%,-3%,0)}100%{transform:translate3d(0,0,0)}}
.pageflip{animation-duration:10s}
.typ{animation-duration:.5s}.typ-fr{animation-duration:.9s}.typ-wr{animation-duration:1.1s}
.hs-etsy .tag b{font-size:clamp(8px,17cqw,20px);letter-spacing:.04em}.hs-etsy .tag b i{display:none}
.hs-etsy .tag em{font-size:clamp(6px,10cqw,12px);padding:.15em .3em}
.hs-kids .tag b{white-space:nowrap;font-size:clamp(7px,11cqw,16px)}.hs-kids .tag b i{display:none}

.wclock{position:absolute;z-index:6;right:2.2%;top:9%;width:clamp(58px,6.2vw,120px);text-align:center;pointer-events:none}
.wclock svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(94,234,212,.25))}
.wclock .rim{fill:#0b0f1c;stroke:#c9a85a;stroke-width:2.2}
.wclock .tk{stroke:#7fe9d8;stroke-width:1.2;stroke-linecap:round;opacity:.75}.wclock .tk3{stroke:#e8c766;stroke-width:2;opacity:1}
.wclock .hh{stroke:#eef1ff;stroke-width:3.4;stroke-linecap:round}.wclock .mh{stroke:#eef1ff;stroke-width:2.2;stroke-linecap:round}
.wclock .sh{stroke:#5eead4;stroke-width:1;stroke-linecap:round;filter:drop-shadow(0 0 2px #5eead4)}.wclock .hub{fill:#e8c766}
.wclock line[id]{transform-origin:50px 50px;transform-box:view-box}
.wclock .loc{display:inline-block;margin-top:.45em;font:600 clamp(7px,.7vw,11px)/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d9c48a;background:linear-gradient(#1a1d28,#0e1019);border:1px solid rgba(201,168,90,.5);padding:.35em .6em;border-radius:3px;white-space:nowrap}
@media (max-width:700px){.wclock{top:76px;right:10px;width:54px}.wclock .loc{font-size:6.5px}}
.wclock{right:3.6%;display:flex;flex-direction:column;align-items:center}.wclock .loc{font-size:clamp(6px,.58vw,10px);letter-spacing:.1em}
@media (max-width:700px){.wclock{top:136px;right:26px;width:50px}.wclock .loc{font-size:6px;letter-spacing:.06em}}
/* Oct23 upgrades */
.hs .pv{position:absolute;left:50%;bottom:calc(100% + 10px);width:clamp(150px,13vw,240px);transform:translate(-50%,8px) scale(.92);opacity:0;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);pointer-events:none;border:1px solid rgba(140,255,220,.7);box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 18px rgba(94,234,212,.35);background:#050a14;z-index:20}
.hs .pv img{display:block;width:100%;height:auto}
.hs{overflow:visible}.hs:hover .pv,.hs:focus-visible .pv{opacity:1;transform:translate(-50%,0) scale(1)}
.hs-kids .pv,.hs-book .pv{bottom:calc(100% + 6px)}
@media (hover:none){.hs .pv{display:none}}
@media (prefers-reduced-motion:reduce){.hs .pv{transition:none}}
.daylight{position:absolute;inset:0;z-index:5;pointer-events:none;transition:background 2s,opacity 2s;mix-blend-mode:soft-light;opacity:0}
.studio.tod-day .daylight{opacity:1;background:radial-gradient(ellipse at 30% 0%,rgba(255,214,150,.55),rgba(255,190,120,.25) 60%,rgba(255,170,90,.15))}
.studio.tod-dusk .daylight{opacity:1;background:linear-gradient(180deg,rgba(255,150,110,.35),rgba(120,80,200,.2))}
.studio.tod-night .daylight{opacity:1;mix-blend-mode:screen;background:radial-gradient(ellipse at 50% 30%,rgba(60,240,220,.06),transparent 60%),radial-gradient(ellipse at 85% 70%,rgba(190,90,255,.06),transparent 55%)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .cf-turnstile{margin:12px 0}.fnote{min-height:1.2em;font-weight:600;color:#ffe9a8}
.ksignwrap{padding:40px 0;background:linear-gradient(180deg,#f7ecd6,#efe0c2);color:#3b2a1a}
.ksign{max-width:720px;margin:0 auto;text-align:center;background:#fffaf0;border:2px solid #d8b98a;border-radius:18px;padding:26px 22px;box-shadow:0 8px 24px rgba(90,60,20,.12)}
.ksign h2{margin:0 0 6px;color:#5a3a1c}.ksign .krow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.ksign input[type=email]{flex:1 1 260px;max-width:380px;padding:12px 14px;border:2px solid #d8b98a;border-radius:12px;font:inherit}
.ksign .kc{display:block;font-size:.92rem;margin:6px 0 10px}.ksign .cf-turnstile{display:flex;justify-content:center;margin:8px 0}
.ksign .kpriv{font-size:.82rem;color:#6b5236;margin-top:10px}.ksign .fnote{color:#7a3d10}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:18px}
.lcard{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;background:rgba(255,255,255,.04);border:1px solid rgba(232,199,102,.35);border-radius:12px;padding:10px;transition:transform .2s,border-color .2s}
.lcard:hover,.lcard:focus-visible{transform:translateY(-3px);border-color:#e8c766}
.lcard img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#111}
.lcard b{font-size:.95rem;line-height:1.25}.lcard span{color:#e8c766;font-weight:700}.lcard em{font-style:normal;font-size:.85rem;opacity:.8}
.plist{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-top:18px;background:linear-gradient(160deg,#14100a,#0a0806);border:1px solid rgba(232,170,90,.35);border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.pl-stage{display:flex;flex-direction:column;gap:10px}.pl-now{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:12px;overflow:hidden;background:#000;cursor:pointer}
.pl-now img{width:100%;height:100%;object-fit:cover}iframe.pl-now{cursor:auto}
.pl-meta{display:flex;flex-direction:column;gap:2px}.pl-meta small{color:#e8aa5a;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.pl-meta b{font-size:1.15rem}.pl-meta a{color:#f3d9a8;font-size:.9rem}
.pl-list{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.pl-i{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:6px;color:inherit;cursor:pointer;font:inherit}
.pl-i img{width:80px;height:auto;border-radius:6px;flex:none}.pl-i b{display:block;font-size:.9rem;line-height:1.2}.pl-i small{display:block;font-size:.75rem;opacity:.7}
.pl-i:hover,.pl-i:focus-visible{background:rgba(232,170,90,.1)}.pl-i.on{background:rgba(232,170,90,.18);border-color:rgba(232,170,90,.6)}
@media (max-width:820px){.plist{grid-template-columns:1fr}.pl-list{max-height:none}}
.stage>.pv{position:absolute;bottom:auto;transform:translate(-50%,calc(-100% - 2px)) scale(.92);z-index:20}
.hs:hover+.pv,.hs:focus-visible+.pv{opacity:1;transform:translate(-50%,calc(-100% - 10px)) scale(1)}
.stage>.pv-freight,.stage>.pv-etsy{transform:translate(-30%,calc(-100% - 2px)) scale(.92)}.hs:hover+.pv-freight,.hs:focus-visible+.pv-freight,.hs:hover+.pv-etsy,.hs:focus-visible+.pv-etsy{transform:translate(-30%,calc(-100% - 10px)) scale(1)}
.stage>.pv-book{transform:translate(-75%,calc(-100% - 2px)) scale(.92)}.hs:hover+.pv-book,.hs:focus-visible+.pv-book{transform:translate(-75%,calc(-100% - 10px)) scale(1)}
.stage>.pv{opacity:0;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);pointer-events:none;border:1px solid rgba(140,255,220,.7);box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 18px rgba(94,234,212,.35);background:#050a14;width:clamp(150px,13vw,240px)}
.stage>.pv img{display:block;width:100%;height:auto}
.stage>.pv-gov{top:40%!important;transform:translate(-50%,2px) scale(.92)}.hs:hover+.pv-gov,.hs:focus-visible+.pv-gov{transform:translate(-50%,10px) scale(1)}
.ksign,.ksign p,.ksign label{color:#3b2a1a}.ksign input[type=email]{color:#2a1c10;background:#fff}.ksign input::placeholder{color:#8a7458}.ksign a{color:#7a3d10}
/* Oct23 animation refinement pass: one easing family, transform/opacity only */
:root{--ease:cubic-bezier(.22,.61,.36,1);--ease-io:cubic-bezier(.45,0,.55,1)}
.hand{position:absolute;z-index:3;overflow:hidden;pointer-events:none;contain:strict}
.hand img{display:block;height:100%;max-width:none;animation-timing-function:steps(var(--n,12),jump-end);animation-iteration-count:infinite;will-change:transform}
.hand-fr img{--n:12;animation-duration:1.05s}.hand-wr img{--n:12;animation-duration:1.25s}.hand-car img{--n:12;animation-duration:2.6s}
.hand-pen img{--n:16;animation-duration:2.4s}.hand-kid img{--n:16;animation-duration:2.8s}
@keyframes hs12{to{transform:translateX(-100%)}}@keyframes hs16{to{transform:translateX(-100%)}}
.hand-fr img,.hand-wr img,.hand-car img{animation-name:hs12;animation-timing-function:steps(12,jump-end)}.hand-pen img,.hand-kid img{animation-name:hs16;animation-timing-function:steps(16,jump-end)}
/* screen glow: animate an opacity layer instead of box-shadow */
.hs .glow{transition:opacity .25s var(--ease)}
.hs .glow::after{content:"";position:absolute;inset:0;box-shadow:0 0 36px rgba(64,224,255,.9),inset 0 0 20px rgba(255,255,255,.35);background:rgba(125,249,255,.18);opacity:0;transition:opacity .28s var(--ease)}
.hs:hover .glow::after,.hs:focus-visible .glow::after{opacity:1}
.hs .tag em,.swipe{animation:pulse2 2.8s var(--ease-io) infinite}
@keyframes pulse2{0%,100%{opacity:1}50%{opacity:.72}}
.deco{animation:decof 7s var(--ease-io) infinite}
@keyframes decof{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.7}52%{opacity:1}}
.stage>.pv{transition:opacity .2s var(--ease),transform .26s var(--ease)}
/* day/night crossfade via opacity only */
.daylight{opacity:1!important;background:none!important;mix-blend-mode:normal!important;transition:none}
.daylight::before,.daylight::after,.daylight{--x:0}
.daylight::before,.daylight::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity 3s var(--ease-io);mix-blend-mode:soft-light}
.daylight::before{background:radial-gradient(ellipse at 30% 0%,rgba(255,214,150,.55),rgba(255,190,120,.25) 60%,rgba(255,170,90,.15))}
.daylight::after{mix-blend-mode:screen;background:radial-gradient(ellipse at 50% 30%,rgba(60,240,220,.07),transparent 60%),radial-gradient(ellipse at 85% 70%,rgba(190,90,255,.07),transparent 55%)}
.studio.tod-day .daylight::before{opacity:1}.studio.tod-dusk .daylight::before{opacity:.5}.studio.tod-dusk .daylight::after{opacity:.5}.studio.tod-night .daylight::after{opacity:1}
@media (prefers-reduced-motion:reduce){.hand img,.deco,.hs .tag em,.swipe{animation:none!important}.daylight::before,.daylight::after,.stage>.pv,.hs .glow::after{transition:none}}
body:before{inset:-140px 0 0 0;animation:motes2 48s var(--ease-io) infinite alternate;will-change:transform}
@keyframes motes2{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,120px,0)}}
@media (prefers-reduced-motion:reduce){body:before{animation:none}}
