/* a4d: Artorias-style toy hero on a black stage */
.t-hero{position:relative;background:#000;padding:calc(var(--hdr,76px) + .5rem) 0 clamp(2.5rem,5vw,4.5rem);overflow:hidden}
.t-stage{position:relative;height:clamp(520px,calc(100svh - 270px),820px);max-width:1680px;margin:0 auto;background:#000;isolation:isolate}
.t-word{position:absolute;left:50%;top:47%;transform-origin:center;width:100%;margin-left:-50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
 font-family:Rubik,sans-serif;font-weight:800;line-height:.86;letter-spacing:-.01em;font-size:clamp(3.4rem,11.6vw,12.2rem);text-transform:uppercase;white-space:nowrap;pointer-events:none;translate:0 -50%}
.t-word span{display:block}
.t-solid{z-index:1;color:#fff}
.t-line{z-index:3;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.92)}
.t-group{position:absolute;z-index:2;left:50%;bottom:11%;height:86%;translate:-50% 0;max-width:96%;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent 99%);mask-image:linear-gradient(180deg,#000 88%,transparent 99%)}
.tl{position:absolute;will-change:transform}
.tl img{width:100%;height:100%;display:block;object-fit:contain}
.tl .a-in{position:absolute;inset:0;transform-origin:50% 100%;animation:tfloat 5.6s ease-in-out infinite}
.t-alchemist .a-in{animation-duration:6.3s;animation-delay:-1.4s}
.t-mech .a-in{animation-duration:7s;animation-delay:-3s}
.t-slime .a-in{animation:tbob 3.6s ease-in-out infinite;animation-delay:-.8s}
.t-dog .a-in{animation-duration:6s;animation-name:tbreathe}
@keyframes tfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes tbreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.008) translateY(-2px)}}
@keyframes tbob{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-7px) scaleY(1.02)}}
.ember{position:absolute;z-index:5;width:9%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,150,60,.55),rgba(255,90,20,.18) 45%,transparent 70%);mix-blend-mode:screen;animation:flick 1.7s steps(1,end) infinite}
.ember+.ember{animation-delay:-.6s;animation-duration:1.9s}
@keyframes flick{0%{opacity:.85}17%{opacity:.6}33%{opacity:1}52%{opacity:.7}70%{opacity:.95}86%{opacity:.65}}
.t-scroll{position:absolute;z-index:6;left:50%;bottom:1.1rem;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-family:SMono,'Space Mono',monospace;font-size:.9rem}
.t-scroll:focus-visible{outline:2px solid var(--acc);outline-offset:6px}
.t-scroll svg{animation:nudge 2.4s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.t-copy{position:relative;z-index:4;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:end;padding-top:clamp(2rem,4vw,3.5rem)}
.t-copy .hero-title{font-size:clamp(2.1rem,3.7vw,3.6rem);line-height:1.02;margin:.6rem 0 0;color:#fff}
.t-copy .lead{margin:0 0 1.5rem;max-width:36rem}
.t-copy .ctas{display:flex;flex-wrap:wrap;gap:1rem}
@media (prefers-reduced-motion:reduce){.tl .a-in,.ember,.t-scroll svg{animation:none}}
@media (max-width:900px){
 .t-stage{height:auto;aspect-ratio:3/4;max-height:640px}
 .t-word{font-size:clamp(2.2rem,12.4vw,6.5rem);top:40%}
 .t-group{height:74%;bottom:12%}
 .t-copy{grid-template-columns:1fr}
 .t-scroll{font-size:.8rem}
}
/* Day: sand page, dark rounded stage card (luma-matted figures need black) */
[data-theme=day].v-a4 .t-hero{background:#F7F1E7}
[data-theme=day].v-a4 .t-stage{border-radius:28px;margin:0 clamp(12px,2vw,28px);box-shadow:0 30px 60px -30px rgba(40,25,10,.45);overflow:hidden}
@media (min-width:1724px){[data-theme=day].v-a4 .t-stage{margin:0 auto}}
[data-theme=day].v-a4 .t-copy .hero-title{color:#211c18}
[data-theme=day].v-a4 .t-copy .lead{color:#3a332d}
[data-theme=day].v-a4 .t-hero .eyebrow{color:#A8411A}
[data-theme=day].v-a4 .t-scroll{color:#fff}
/* ---- stage atmosphere ---- */
.t-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.lava{position:absolute;left:50%;bottom:-18%;width:70%;height:75%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,110,40,.42),rgba(220,60,20,.18) 45%,rgba(120,30,10,0) 100%);filter:blur(10px);animation:lavaP 6s ease-in-out infinite}
@keyframes lavaP{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.smoke{position:absolute;bottom:8%;width:38%;height:46%;border-radius:50%;background:radial-gradient(closest-side,rgba(190,170,160,.10),transparent);filter:blur(24px);animation:smoke 18s ease-in-out infinite}
.s1{left:22%}.s2{left:44%;animation-delay:-6s;animation-duration:22s}.s3{left:58%;animation-delay:-12s}
@keyframes smoke{0%{transform:translate(0,30px) scale(.9);opacity:0}30%{opacity:1}100%{transform:translate(40px,-220px) scale(1.4);opacity:0}}
.t-fx{position:absolute;inset:0;z-index:4;pointer-events:none}
.em{position:absolute;left:var(--x);bottom:8%;width:calc(5px*var(--s));aspect-ratio:1;border-radius:50%;background:#ffb060;box-shadow:0 0 8px 2px rgba(255,120,40,.7);opacity:0;animation:rise var(--d) linear infinite;animation-delay:var(--dl)}
@keyframes rise{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}80%{opacity:.6}100%{transform:translate(var(--dx),-70vh);opacity:0}}
/* ---- per-figure hover reactions (decorative, no click) ---- */
.tl{pointer-events:auto}
.tl .hv{position:absolute;inset:0;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.3,.7,.3,1)}
.a-in>img{position:absolute;inset:0}
.s-dog{position:absolute;inset:0;transition:transform .45s cubic-bezier(.3,.7,.3,1)}
.s-pillar{clip-path:inset(54% 0 0 0)}
.s-body{clip-path:inset(26.5% 0 46% 0)}
.s-head{clip-path:inset(0 0 73.5% 0);transform-origin:52% 27%;transition:transform .45s cubic-bezier(.3,.7,.3,1)}
.t-dog:hover .s-dog{transform:translateY(-1.4%)}
.t-dog:hover .s-head{transform:rotate(-7deg)}
.t-alchemist:hover .hv{transform:rotate(-3.5deg) translateX(-2%)}
.flask,.eyes{position:absolute;translate:-50% -50%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.35;transition:opacity .4s}
.flask{width:42%;aspect-ratio:1;background:radial-gradient(circle,rgba(120,255,90,.75),rgba(60,220,60,.2) 45%,transparent 70%)}
.t-alchemist:hover .flask{opacity:1;animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.2);opacity:1}}
.eyes{width:34%;height:12%;background:radial-gradient(closest-side,rgba(255,210,60,.95),rgba(255,170,30,.3) 50%,transparent)}
.t-mech:hover .eyes{opacity:1;animation:pulse 1.4s ease-in-out infinite}
.t-mech:hover .hv{animation:step .9s ease-in-out}
@keyframes step{0%{transform:none}35%{transform:translate(2.5%,-3%) rotate(1.5deg)}70%{transform:translate(4%,0) rotate(0)}100%{transform:translate(3%,0)}}
.t-mech:hover .hv{transform:translate(3%,0)}
.t-slime:hover .hv{animation:squish .8s cubic-bezier(.3,.7,.3,1.4)}
@keyframes squish{0%{transform:none}25%{transform:scale(1.16,.82)}55%{transform:scale(.9,1.14) translateY(-9%)}80%{transform:scale(1.05,.96)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.lava,.smoke,.em{animation:none}.em{display:none}.smoke{opacity:.6}
 .tl .hv,.s-dog,.s-head{transition:none}.tl:hover .hv,.tl:hover .s-dog,.tl:hover .s-head{transform:none!important;animation:none!important}.tl:hover .flask,.tl:hover .eyes{animation:none}}
/* day: warm umber stage with orange glow on sand */
[data-theme=day].v-a4 .t-stage{background:radial-gradient(120% 90% at 50% 100%,#3a1f10 0%,#1d120b 45%,#120c08 100%)}
[data-theme=day].v-a4 .lava{background:radial-gradient(closest-side,rgba(255,140,60,.55),rgba(240,90,30,.22) 45%,transparent)}
.s-dog img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.t-copy .hero-title{text-shadow:none!important;background:none!important;filter:none!important}
/* ===== headline treatments ?title=1..4 (default = original outline overlap) ===== */
.t-one,.t-sideh{display:none}
[data-title] .t-line{display:none}
/* 1 solid dimmed backdrop */
[data-title="1"] .t-solid{color:rgba(236,226,214,.17)}
[data-theme=day][data-title="1"] .t-solid{color:rgba(247,224,200,.2)}
/* 2 warm metal / ember gradient lit from below */
[data-title="2"] .t-solid span{background:linear-gradient(0deg,#F36C40 0%,#b8492a 22%,#5a2a1c 55%,#2a1812 85%,#3b2a22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 -1px 0 rgba(255,190,140,.25))}
[data-theme=day][data-title="2"] .t-solid span{background-image:linear-gradient(0deg,#ff8a55 0%,#d0582f 25%,#7a3a24 60%,#46302a 100%)}
/* 3 no backdrop word, headline beside group */
[data-title="3"] .t-solid{display:none}
[data-title="3"] .t-group{left:66%;height:82%}
[data-title="3"] .t-sideh{display:block;position:absolute;z-index:4;left:clamp(1.5rem,7vw,7.5rem);top:50%;translate:0 -50%;max-width:min(36rem,40%);margin:0;font-family:Rubik,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:.98;letter-spacing:-.005em;color:#fff}
[data-title="3"] .t-sideh .k{display:block;margin-bottom:1.1rem;font:700 .8rem/1.4 SMono,'Space Mono',monospace;letter-spacing:.14em;color:#F36C40}
[data-title="3"] .t-copy .t-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-title="3"] .t-copy{grid-template-columns:1fr;justify-items:start}
[data-theme=day][data-title="3"] .t-sideh .k{color:#ff9a6c}
@media (max-width:900px){[data-title="3"] .t-group{left:50%;height:58%;bottom:10%}[data-title="3"] .t-sideh{top:6%;translate:0 0;left:1.25rem;right:1.25rem;max-width:none;font-size:clamp(1.7rem,7.6vw,2.6rem)}}
/* 4 single huge word low behind the pillar */
[data-title="4"] .t-solid{display:none}
[data-title="4"] .t-one{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:1;left:0;right:0;bottom:15%;font-family:Rubik,sans-serif;font-weight:800;text-transform:uppercase;line-height:.84;pointer-events:none}
[data-title="4"] .t-one .w{font-size:clamp(3.4rem,14.6vw,15.5rem);letter-spacing:-.01em;color:#fff}
[data-title="4"] .t-one .k{font:700 clamp(.8rem,1.1vw,1rem)/1 SMono,'Space Mono',monospace;letter-spacing:.5em;color:#F36C40;margin-bottom:1rem}
[data-theme=day][data-title="4"] .t-one .w{color:#F7F1E7}
[data-theme=day][data-title="3"] .t-sideh{color:#fff}
[data-title="4"] .t-one{align-items:stretch;width:max-content;margin:0 auto}
[data-title="4"] .t-one .k{align-self:flex-start;margin-left:.4em}
/* ===== frameless structure, both themes ===== */
.v-a4 .site-header,[data-theme=day].v-a4 .site-header{border-bottom-color:transparent!important;box-shadow:none!important}
[data-theme=day].v-a4 .t-stage{background:none!important;border-radius:0!important;box-shadow:none!important;margin:0 auto!important;overflow:visible}
[data-theme=day].v-a4 .t-hero{overflow:hidden}
/* day: borderless dusk glow feathering into sand */
[data-theme=day].v-a4 .t-bg{overflow:visible}
[data-theme=day].v-a4 .t-bg::before{content:"";position:absolute;left:50%;top:50%;width:min(1500px,118%);height:135%;translate:-50% -46%;
 background:radial-gradient(closest-side,#1b110b 0%,#1f130c 34%,rgba(48,28,16,.92) 48%,rgba(110,62,34,.55) 66%,rgba(200,150,110,.22) 84%,rgba(247,241,231,0) 100%)}
[data-theme=day].v-a4 .lava{z-index:1;background:radial-gradient(closest-side,rgba(255,130,55,.55),rgba(240,90,30,.2) 50%,transparent)}
[data-theme=day].v-a4 .t-scroll{color:#211c18}
[data-theme=day].v-a4 .t-solid{color:#E8673C}
[data-theme=day].v-a4 .t-line{-webkit-text-stroke-color:rgba(255,200,160,.9)}
[data-theme=day][data-title="1"] .t-solid{color:rgba(150,90,55,.28)}
[data-theme=day][data-title="3"] .t-sideh{color:#211c18}
[data-theme=day][data-title="3"] .t-sideh .k{color:#A8411A}
[data-theme=day][data-title="3"] .t-bg::before{left:66%}
[data-theme=day][data-title="4"] .t-one .w{color:#E8673C}
/* 5 stacked editorial */
.t-ed,.t-mq{display:none}
[data-title="5"] .t-solid,[data-title="6"] .t-solid,[data-title="7"] .t-solid{display:none}
[data-title="5"] .t-group{left:68%;height:84%}
[data-title="5"] .t-ed{display:block;position:absolute;z-index:4;left:clamp(1.5rem,7vw,7.5rem);top:50%;translate:0 -52%;margin:0;max-width:44%}
[data-title="5"] .t-ed .a{display:block;font:800 clamp(3.2rem,7.4vw,7.6rem)/.88 Rubik,sans-serif;text-transform:uppercase;letter-spacing:-.015em;color:#fff}
[data-title="5"] .t-ed .b{display:block;margin-top:.9rem;font:italic 400 clamp(1.6rem,2.7vw,2.7rem)/1.1 Georgia,'Times New Roman',serif;color:#F36C40}
[data-title="5"] .t-copy .t-head,[data-title="6"] .t-copy .t-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-title="5"] .t-copy,[data-title="6"] .t-copy{grid-template-columns:1fr}
[data-theme=day][data-title="5"] .t-ed .a{color:#211c18}
[data-theme=day][data-title="5"] .t-ed .b{color:#C24A22}
[data-theme=day][data-title="5"] .t-bg::before{left:68%}
/* 6 bottom marquee behind feet, tagline above left */
[data-title="6"] .t-mq{display:block;position:absolute;z-index:1;left:0;right:0;bottom:7%;overflow:hidden;white-space:nowrap;pointer-events:none}
[data-title="6"] .t-mq .trk{display:inline-flex;animation:mq 60s linear infinite}
[data-title="6"] .t-mq span{font:800 clamp(3rem,8.2vw,8.6rem)/1 Rubik,sans-serif;text-transform:uppercase;color:#fff;padding-right:.3em}
@keyframes mq{to{transform:translateX(-50%)}}
[data-title="6"] .t-group{left:62%;height:80%;bottom:9%}
[data-title="6"] .t-sideh{display:block;position:absolute;z-index:4;left:clamp(1.5rem,7vw,7.5rem);top:12%;max-width:min(30rem,36%);margin:0;font:800 clamp(2rem,3.4vw,3.5rem)/1 Rubik,sans-serif;text-transform:uppercase;color:#fff}
[data-title="6"] .t-sideh .k{display:block;margin-bottom:1rem;font:700 .8rem/1.4 SMono,'Space Mono',monospace;letter-spacing:.14em;color:#F36C40}
[data-title="6"] .t-scroll{display:none}
[data-theme=day][data-title="6"] .t-mq span{color:#E8673C}
[data-theme=day][data-title="6"] .t-sideh{color:#211c18}
[data-theme=day][data-title="6"] .t-sideh .k{color:#A8411A}
[data-theme=day][data-title="6"] .t-bg::before{left:62%}
@media (prefers-reduced-motion:reduce){[data-title="6"] .t-mq .trk{animation:none}}
/* 7 centred minimal */
[data-title="7"] .t-stage{height:clamp(460px,calc(100svh - 380px),700px)}
[data-title="7"] .t-group{height:92%;bottom:4%}
[data-title="7"] .t-scroll{display:none}
[data-title="7"] .t-copy{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:1.4rem;gap:1.2rem}
[data-title="7"] .t-copy .hero-title{font-size:clamp(1.8rem,2.8vw,2.7rem);max-width:22ch;margin-inline:auto}
[data-title="7"] .t-copy .lead{display:none}
[data-title="7"] .t-copy .ctas{justify-content:center}
@media (max-width:900px){[data-title="5"] .t-group,[data-title="6"] .t-group{left:50%;height:56%;bottom:8%}[data-title="5"] .t-ed,[data-title="6"] .t-sideh{top:5%;translate:0 0;left:1.25rem;right:1.25rem;max-width:none}[data-title="5"] .t-ed .a{font-size:12vw}}
[data-theme=day][data-title="3"] .t-bg::before,[data-theme=day][data-title="5"] .t-bg::before,[data-theme=day][data-title="6"] .t-bg::before{width:min(1000px,72%)}
/* ===== finish pass ===== */
/* logo: large at top, compact when scrolled */
.v-a4 .site-header .brand img{height:5.2rem;transition:height .35s cubic-bezier(.3,.7,.3,1)}
.v-a4 .site-header.shrunk .brand img,.v-a4 .site-header:not(.logo-js).compact .brand img{height:2.4rem}
.v-a4 .site-header{background:transparent!important;backdrop-filter:none!important;transition:background .35s,backdrop-filter .35s,padding .35s}
.v-a4 .site-header.shrunk{background:rgba(0,0,0,.6)!important;backdrop-filter:blur(14px) saturate(1.2)!important;-webkit-backdrop-filter:blur(14px)!important}
[data-theme=day].v-a4 .site-header.shrunk{background:rgba(247,241,231,.72)!important}
.v-a4 .site-header.open{background:rgba(0,0,0,.92)!important}[data-theme=day].v-a4 .site-header.open{background:rgba(247,241,231,.96)!important}
@media (max-width:560px){.v-a4 .site-header .brand img{height:3.6rem}.v-a4 .site-header.shrunk .brand img{height:2.3rem}}
@media (prefers-reduced-motion:reduce){.v-a4 .site-header .brand img,.v-a4 .site-header{transition:none}}
.t-hero{padding-top:clamp(108px,9vw,130px)}
/* shared glow backdrop */
.ava-glow{position:absolute;left:50%;top:56%;width:150%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;z-index:0;
 background:radial-gradient(closest-side,rgba(243,108,64,.30),rgba(150,55,25,.16) 40%,rgba(60,22,10,.06) 65%,transparent 100%)}
[data-theme=day] .ava-glow{background:radial-gradient(closest-side,#1d120b 0%,#24150c 30%,rgba(60,32,18,.8) 44%,rgba(140,80,45,.35) 64%,rgba(220,170,130,.12) 82%,transparent 100%)}
/* avatars */
.ava{position:relative;margin:0 auto;aspect-ratio:1/1.05;display:grid;place-items:end center;border:0!important;background:none!important;padding:0!important}
.ava .ava-in{position:relative;z-index:1;height:88%;display:block;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,.7,.3,1);animation:tfloat 6s ease-in-out infinite}
.ava img{height:100%;width:auto;max-width:none;display:block;object-fit:contain}
.ava:hover .ava-in,.disc:hover .ava-in,.member:hover .ava-in{transform:translateY(-8px) rotate(-2deg)}
.disc:nth-child(even):hover .ava-in,.member:nth-child(even):hover .ava-in{transform:translateY(-8px) rotate(2deg)}
.disc:nth-child(2) .ava-in{animation-delay:-1.3s}.disc:nth-child(3) .ava-in{animation-delay:-2.6s}.disc:nth-child(4) .ava-in{animation-delay:-3.4s}.disc:nth-child(5) .ava-in{animation-delay:-.7s}.disc:nth-child(6) .ava-in{animation-delay:-4.2s}
.member:nth-child(2) .ava-in{animation-delay:-2s}.member:nth-child(3) .ava-in{animation-delay:-3.8s}
@media (prefers-reduced-motion:reduce){.ava .ava-in{animation:none;transition:none}.ava:hover .ava-in,.disc:hover .ava-in,.member:hover .ava-in{transform:none!important}}
/* frameless cards: no boxes, hairline top only */
.v-a4 .spot,.v-a4 .disc,.v-a4 .svc,.v-a4 .xp,.v-a4 .member,.v-a4 .step{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.v-a4 .disc,.v-a4 .member{overflow:visible;text-align:left}
.v-a4 .disc .ava,.v-a4 .member .ava{width:min(100%,300px)}
.v-a4 .xp,.v-a4 .svc,.v-a4 .step{border-top:1px solid var(--ln)!important;padding-top:1.4rem}
.v-a4 .spot::before,.v-a4 .spot::after{display:none!important}
/* services vignette */
.toy-vig{position:relative;margin:0;min-height:340px;border:0!important;background:none!important}
.toy-vig .ava-glow{width:110%;top:58%}
.toy-vig img{position:absolute;bottom:4%;z-index:1;height:auto;animation:tfloat 6s ease-in-out infinite}
.toy-vig .v-alc{left:6%;width:30%}.toy-vig .v-mech{left:42%;width:38%;animation-delay:-2s}.toy-vig .v-slime{left:68%;width:24%;animation:tbob 3.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.toy-vig img{animation:none}}
/* experience: typographic year */
.xp-type{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:0!important;background:none!important}
.xp-type .ava-glow{width:90%}
.xp-type .xy{position:relative;z-index:1;font:800 clamp(5rem,11vw,10rem)/.9 Rubik,sans-serif;color:#fff;letter-spacing:-.02em}
.xp-type .xc{position:relative;z-index:1;font:italic 400 clamp(1.3rem,2vw,1.9rem)/1.2 Georgia,'Times New Roman',serif;color:#F36C40;margin-top:.4rem;order:-1}
[data-theme=day] .xp-type .xc{color:#ff9a6c}
/* why a dog */
.v-a4 .why-mark{position:relative;border:0!important;background:none!important;box-shadow:none!important}
.v-a4 .why-mark .why-dog{position:relative;z-index:1}
.v-a4 .why-mark .ava-glow{width:120%}
/* editorial headings site-wide (match hero 5) */
.v-a4 .sec .h2{font-family:Rubik,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
.v-a4 .sec .eyebrow{color:#F36C40}
[data-theme=day].v-a4 .sec .eyebrow{color:#A8411A}
/* contact / footer frameless */
.v-a4 .contact form,.v-a4 .contact .form,.v-a4 .cta-card{border:0!important;box-shadow:none!important;background:none!important}
.v-a4 .site-footer,.v-a4 .foot-in,.v-a4 .footer-card{border:0!important;box-shadow:none!important}
.v-a4 .svc-img.toy-vig,.v-a4 .xp-img.xp-type,[data-theme=day] .svc-img.toy-vig,[data-theme=day] .xp-img.xp-type{background:none!important;border:0!important;border-radius:0!important;overflow:visible}
.v-a4 .svc-img.toy-vig img{filter:none!important}
.v-a4 .traits li,[data-theme=day].v-a4 .traits li{background:none!important;border:0!important;border-top:1px solid var(--ln)!important;padding:1.1rem 0 0!important}
.v-a4 .why-mark{min-height:520px;display:grid;place-items:center}
.v-a4 .why-mark .why-dog{height:480px!important;width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain}
.v-a4 .why-mark .why-logo{position:absolute;z-index:2;right:4%;bottom:4%;width:64px;height:auto}
@media (max-width:900px){.v-a4 .why-mark{min-height:380px}.v-a4 .why-mark .why-dog{height:350px!important}}
.v-a4 .member .ava{aspect-ratio:1/1.05}.v-a4 .member .ava .ava-in{height:86%}
.v-a4 .ava.prop{aspect-ratio:1/.82;width:min(100%,280px)}
.ava.prop .ava-in{height:78%;display:grid;place-items:center;margin-bottom:8%}
.ava.prop img{max-height:100%;max-width:100%;height:auto;width:auto}
.ava.prop .ava-glow{top:52%;width:125%}
.v-a4 .ava.prop{aspect-ratio:auto;height:240px;width:min(100%,300px)}
.v-a4 .ava.prop .ava-in{height:196px;width:100%;margin-bottom:22px}
.v-a4 .ava.prop img{max-height:196px;max-width:92%;margin:auto}
@media (max-width:900px){.v-a4 .ava.prop{height:220px}.v-a4 .ava.prop .ava-in{height:180px}.v-a4 .ava.prop img{max-height:180px}}
.v-a4 .member .ava{aspect-ratio:auto;height:340px;width:min(100%,300px);place-items:end center}
.v-a4 .member .ava .ava-in{height:300px;margin-bottom:12px}
.v-a4 .member .ava img{height:300px;width:auto;max-height:none}
@media (max-width:900px){.v-a4 .member .ava{height:300px}.v-a4 .member .ava .ava-in,.v-a4 .member .ava img{height:262px}}
.v-a4 .disc-grid{border:0!important;box-shadow:none!important;background:none!important}.v-a4 .disc-grid::before,.v-a4 .disc-grid::after{display:none!important}
/* ===== feedback pass ===== */
/* header logo: no matte, larger, readable powered-by line */
.v-a4 .site-header .brand{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.15rem;background:none!important;box-shadow:none!important;line-height:1}
.v-a4 .site-header .brand>img{height:4.6rem;width:auto;transition:height .35s cubic-bezier(.3,.7,.3,1)}
.v-a4 .site-header .pwr{display:inline-flex;align-items:center;gap:.4rem;font:600 .8rem/1 InterL,Inter,system-ui,sans-serif;letter-spacing:.02em;color:#cfc8bd;transition:font-size .35s;margin-right:.1rem}
.v-a4 .site-header .pwr img{height:1.05rem;width:auto;transition:height .35s}
[data-theme=day].v-a4 .site-header .pwr{color:#3b3531}
.v-a4 .site-header.shrunk .brand>img{height:2.9rem}
.v-a4 .site-header.shrunk .pwr{font-size:.68rem}.v-a4 .site-header.shrunk .pwr img{height:.85rem}
@media (max-width:560px){.v-a4 .site-header .brand>img{height:2.7rem}.v-a4 .site-header .pwr{font-size:.66rem}.v-a4 .site-header .pwr img{height:.8rem}
 .v-a4 .site-header.shrunk .brand>img{height:2.3rem}.v-a4 .site-header.shrunk .pwr{font-size:.62rem}.v-a4 .site-header.shrunk .pwr img{height:.75rem}}
@media (prefers-reduced-motion:reduce){.v-a4 .site-header .pwr,.v-a4 .site-header .pwr img{transition:none}}
/* logo strip: bigger, uniform monochrome (black ink PNGs; inverted for night) */
.v-a4 .logos{grid-template-columns:repeat(5,1fr)!important}
.v-a4 .logo-tile{aspect-ratio:auto!important;min-height:9rem;padding:1.6rem 1.2rem!important;display:flex!important;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap}
.v-a4 .logo-tile img{width:auto!important;max-width:88%!important;max-height:none!important;filter:invert(1)!important;opacity:.88!important;object-fit:contain}
[data-theme=day].v-a4 .logo-tile img{filter:none!important;opacity:.86!important}
.v-a4 .logo-tile:hover img{opacity:1!important}
.v-a4 .logo-tile[data-logo=riot] img{height:62px!important}
.v-a4 .logo-tile[data-logo=semc] img{height:52px!important}
.v-a4 .logo-tile[data-logo=gamehouse] img{height:40px!important}
.v-a4 .logo-tile[data-logo=spil] img{height:70px!important}.v-a4 .logo-tile[data-logo=spil] img+img{height:30px!important}
.v-a4 .logo-tile[data-logo=brightstar] img{height:42px!important}
@media (max-width:900px){.v-a4 .logos{grid-template-columns:repeat(3,1fr)!important}.v-a4 .logo-tile:nth-child(4){grid-column:auto}}
@media (max-width:600px){.v-a4 .logos{grid-template-columns:repeat(2,1fr)!important}.v-a4 .logo-tile{min-height:7rem;padding:1.1rem .8rem!important}.v-a4 .logo-tile:last-child{grid-column:span 2}
 .v-a4 .logo-tile[data-logo=riot] img{height:48px!important}.v-a4 .logo-tile[data-logo=semc] img{height:40px!important}.v-a4 .logo-tile[data-logo=gamehouse] img{height:30px!important}
 .v-a4 .logo-tile[data-logo=spil] img{height:52px!important}.v-a4 .logo-tile[data-logo=spil] img+img{height:22px!important}.v-a4 .logo-tile[data-logo=brightstar] img{height:32px!important}}
/* experience visual: studio logo wall */
.v-a4 .xp-wall{position:relative;margin:2.5rem 0 3rem;padding:3rem 0;background:none!important;border:0!important}
.v-a4 .xp-wall .ava-glow{width:80%;left:10%;top:50%}
.v-a4 .xp-wall ul{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem;align-items:center;justify-items:center}
.v-a4 .xp-wall li{display:flex;align-items:center;justify-content:center;min-height:90px}
.v-a4 .xp-wall img{height:64px;width:auto;max-width:100%;filter:invert(1);opacity:.92}
[data-theme=day].v-a4 .xp-wall img{filter:none;opacity:.88}
.v-a4 .xp-wall [data-logo=riot] img{height:86px}.v-a4 .xp-wall [data-logo=spil] img{height:104px}.v-a4 .xp-wall [data-logo=semc] img{height:70px}.v-a4 .xp-wall [data-logo=gamehouse] img{height:50px}.v-a4 .xp-wall [data-logo=azerion] img{height:50px}.v-a4 .xp-wall [data-logo=brightstar] img{height:50px}
@media (max-width:700px){.v-a4 .xp-wall{padding:1.5rem 0}.v-a4 .xp-wall ul{grid-template-columns:repeat(2,1fr);gap:2rem 1.2rem}.v-a4 .xp-wall img{transform:scale(.7)}}
/* services: even grid, one visual per step */
.v-a4 .services .svc-pin{height:auto!important}
.v-a4 .services .svc-track-wrap{position:static!important;overflow:visible!important;height:auto!important}
.v-a4 .services .svc-stage{display:block!important}
.v-a4 .svc-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2rem;transform:none!important;width:auto!important;margin-top:2.5rem}
.v-a4 .svc-grid .svc{display:flex!important;flex-direction:column;min-width:0}
.v-a4 .svc-grid .svc[hidden]{display:flex!important}
.v-a4 .svc-grid .svc h3{font-size:clamp(1.25rem,1.6vw,1.6rem)!important}
.v-a4 .svc-vis{order:-1;position:relative;margin:0 0 1.4rem;height:210px;display:flex;align-items:flex-end;justify-content:center}
.v-a4 .svc-vis .ava-glow{width:110%;top:60%}
.v-a4 .svc-vis img{position:relative;z-index:1;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35))!important}
@media (max-width:1100px){.v-a4 .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v-a4 .svc-grid{grid-template-columns:1fr;gap:2.6rem}.v-a4 .svc-vis{height:190px}}
/* why a dog: logo dog mark as the hero */
.v-a4 .why-markonly{min-height:520px;display:grid!important;place-items:center;background:none!important;border:0!important;box-shadow:none!important}
.v-a4 .why-markonly .why-dm{position:relative;z-index:1;height:440px;width:auto;max-width:100%;padding:0!important}
.v-a4 .why-markonly .ava-glow{width:120%}
[data-theme=day].v-a4 .why-markonly{background:none!important;border:0!important}
@media (max-width:900px){.v-a4 .why-markonly{min-height:340px}.v-a4 .why-markonly .why-dm{height:300px}}
/* day typography: stronger contrast, consistent weights */
[data-theme=day].v-a4 body,[data-theme=day].v-a4{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
[data-theme=day].v-a4 .lead,[data-theme=day].v-a4 .intro,[data-theme=day].v-a4 p,[data-theme=day].v-a4 li{color:#26201b}
[data-theme=day].v-a4 p,[data-theme=day].v-a4 li{font-weight:450}
[data-theme=day].v-a4 .intro{color:#1f1a16}
[data-theme=day].v-a4 .strip-copy,[data-theme=day].v-a4 .xp-loc,[data-theme=day].v-a4 .role,[data-theme=day].v-a4 .tm,[data-theme=day].v-a4 .roles li{color:#3d342c}
[data-theme=day].v-a4 h2,[data-theme=day].v-a4 .h2{font-weight:800;color:#1a1512}
[data-theme=day].v-a4 h3{font-weight:700;color:#1a1512}
[data-theme=day].v-a4 .eyebrow{font-weight:700}
[data-theme=day].v-a4 .nav a{font-weight:600;color:#1f1a16}
[data-theme=day][data-title="5"] .t-ed .b{font-weight:700;color:#B4441B}
[data-theme=day].v-a4 .broader,[data-theme=day].v-a4 .broader strong{color:#26201b}
.v-a4 .why-markonly .why-dm{max-height:none!important}
[data-theme=day].v-a4 .why-markonly .ava-glow{background:radial-gradient(closest-side,rgba(243,108,64,.22),rgba(243,108,64,.08) 55%,rgba(243,108,64,0))!important;opacity:1}
[data-theme=day].v-a4 .xp-wall .ava-glow{background:radial-gradient(closest-side,rgba(243,108,64,.16),rgba(243,108,64,0))!important}
.v-a4 .xp-wall .ava-glow{left:50%;width:70%}
/* header bar: theme colour + blur in every state; logo never boxed */
html.v-a4 .site-header.shrunk,html.v-a4 .site-header.compact{background:rgba(0,0,0,.74)!important;backdrop-filter:blur(14px) saturate(1.2)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2)!important}
html[data-theme=day].v-a4 .site-header.shrunk,html[data-theme=day].v-a4 .site-header.compact{background:rgba(247,241,231,.8)!important}
html.v-a4 .site-header .brand,html.v-a4 .site-header .brand img,html.v-a4 .site-header .pwr{background:none!important;box-shadow:none!important;border:0!important;mix-blend-mode:normal}
/* touch / narrow: services stacked, stable (no hover, tilt, parallax or drag motion) */
@media (max-width:768px){.v-a4 .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.4rem}.v-a4 .svc-vis{height:170px}}
@media (max-width:600px){.v-a4 .svc-grid{grid-template-columns:1fr;gap:2.4rem}.v-a4 .svc-vis{height:200px}}
@media (hover:none),(pointer:coarse){
 .v-a4 .svc,.v-a4 .svc.in,.v-a4 .svc-vis img,.v-a4 [data-tilt],.v-a4 .disc,.v-a4 .member{animation:none!important;transform:none!important;transition:none!important}
 .v-a4 [data-dio] [data-depth]{transform:none!important}
 .v-a4 .svc-track{cursor:auto!important;touch-action:pan-y}}
/* six studios */
.v-a4 .logos{grid-template-columns:repeat(6,1fr)!important}
.v-a4 .logo-tile[data-logo=abstraction] img{height:64px!important}
.v-a4 .xp-wall [data-logo=abstraction] img{height:92px}
@media (max-width:900px){.v-a4 .logos{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:600px){.v-a4 .logos{grid-template-columns:repeat(2,1fr)!important}.v-a4 .logo-tile:last-child{grid-column:auto!important}.v-a4 .logo-tile[data-logo=abstraction] img{height:50px!important}}
/* official Riot full lockup (fist + wordmark) */
.v-a4 .logo-tile[data-logo=riot] img{height:52px!important}
.v-a4 .xp-wall [data-logo=riot] img{height:72px}
.v-a4 img.xp-riotlogo{filter:invert(1)!important;opacity:.9;height:34px;width:auto}
[data-theme=day].v-a4 img.xp-riotlogo{filter:none!important;opacity:.88}
@media (max-width:600px){.v-a4 .logo-tile[data-logo=riot] img{height:36px!important}}
/* ===== strict logo grids (strip + experience wall): equal cells, shared 1px borders, centred logos ===== */
.v-a4 .logos,.v-a4 .xp-wall ul{--ch:9rem;display:grid!important;gap:0!important;border:0!important;border-top:1px solid var(--ln)!important;border-left:1px solid var(--ln)!important;padding:0!important;margin-left:0;margin-right:0}
.v-a4 .logos{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.v-a4 .xp-wall ul{grid-template-columns:repeat(3,minmax(0,1fr))!important;--ch:11rem}
.v-a4 .logos>li,.v-a4 .xp-wall ul>li{grid-column:auto!important;height:var(--ch)!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;border:0!important;border-right:1px solid var(--ln)!important;border-bottom:1px solid var(--ln)!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;overflow:hidden}
.v-a4 .logos>li img,.v-a4 .xp-wall ul>li img{display:block;margin:0!important;transform:none!important;width:auto!important;max-width:74%!important;height:calc(var(--ch)*var(--k,.34))!important;max-height:58%!important;object-fit:contain}
.v-a4 [data-logo=riot]{--k:.30}.v-a4 [data-logo=semc]{--k:.32}.v-a4 [data-logo=gamehouse]{--k:.22}
.v-a4 [data-logo=spil],.v-a4 [data-logo=spil-azerion]{--k:.40}.v-a4 [data-logo=brightstar]{--k:.24}.v-a4 [data-logo=abstraction]{--k:.42}
@media (max-width:900px){.v-a4 .logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;--ch:7.5rem}.v-a4 .xp-wall ul{--ch:8.5rem}}
@media (max-width:600px){.v-a4 .logos,.v-a4 .xp-wall ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;--ch:6.6rem}.v-a4 .logos>li img,.v-a4 .xp-wall ul>li img{max-width:80%!important}}
.v-a4 .xp-wall{padding:1rem 0!important}
.v-a4 .xp-wall ul,.v-a4 .logos{justify-items:stretch!important;align-items:stretch!important}
.v-a4 .xp-wall ul>li{width:auto!important}
.v-a4 [data-logo=spil],.v-a4 [data-logo=spil-azerion]{--k:.5}
.v-a4 .why-markonly .why-dm{filter:drop-shadow(0 18px 26px rgba(0,0,0,.45)) drop-shadow(0 0 36px rgba(243,140,64,.28))}
[data-theme=day].v-a4 .why-markonly .why-dm{filter:drop-shadow(0 16px 20px rgba(90,40,15,.22))}
.v-a4 .xp-grid{margin-bottom:0}
/* logos: never stretch — natural ratio inside a max box */
.v-a4 .logos>li img,.v-a4 .xp-wall ul>li img{height:auto!important;width:auto!important;max-height:calc(var(--ch)*var(--k,.34))!important;max-width:74%!important;object-fit:contain!important}
.v-a4 .logos>li[data-logo=gamehouse] img,.v-a4 .xp-wall li[data-logo=gamehouse] img{max-height:24px!important;max-width:125px!important}
.v-a4 img.xp-logo{height:auto;object-fit:contain}
/* integrated logo (powered by inside the artwork), matte removed */
.v-a4 .site-header .brand>img{height:5.6rem}
.v-a4 .site-header.shrunk .brand>img{height:3.1rem}
@media (max-width:560px){.v-a4 .site-header .brand>img{height:3.3rem}.v-a4 .site-header.shrunk .brand>img{height:2.6rem}}
/* contact + footer alignment */
@media (max-width:768px){
 .v-a4 .contact .form{padding:0!important;margin-left:0!important;margin-right:0!important;background:none!important;border:0!important;box-shadow:none!important;width:100%}
 .v-a4 .form .actions{display:flex;flex-direction:column;align-items:stretch;gap:1.1rem}
 .v-a4 .form .actions .btn{width:100%;justify-content:center;text-align:center}
 .v-a4 .form .actions .mail{align-self:flex-start}
 .v-a4 .contact{padding-bottom:1.25rem!important}.v-a4 .contact .status:empty{display:none}
 .v-a4 .site-footer{padding-top:2rem!important;padding-bottom:5.5rem!important;margin-top:0!important}
 .v-a4 .site-footer .foot{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}
 .v-a4 .site-footer .foot>div{display:flex;flex-direction:column;align-items:center}
 .v-a4 .site-footer .foot p{text-align:center;margin-left:auto;margin-right:auto;max-width:30rem}
 .v-a4 .site-footer nav ul{justify-content:center}
 .v-a4 .site-footer .copy{text-align:center}
 .v-a4 .foot-logo{height:3.2rem;width:auto;margin:0 auto}
}
.v-a4 .form .actions .btn::after{display:none!important}
.v-a4 .form .actions .btn{background:#fff!important;color:#000!important;border-color:#fff!important}
.v-a4 .form .actions .btn:hover,.v-a4 .form .actions .btn:focus-visible{background:var(--acc)!important;border-color:var(--acc)!important;color:#000!important}
[data-theme=day].v-a4 .form .actions .btn{background:#211c18!important;color:#F7F1E7!important;border-color:#211c18!important}
[data-theme=day].v-a4 .form .actions .btn:hover,[data-theme=day].v-a4 .form .actions .btn:focus-visible{background:#A8411A!important;border-color:#A8411A!important;color:#fff!important}
/* final step renders */
.svc-grid .svc-vis{height:auto!important;aspect-ratio:auto;display:flex;align-items:flex-end;justify-content:center;overflow:visible;margin:0 0 1rem;background:none}
.svc-grid .svc-vis img{width:100%;height:auto;max-height:none;object-fit:contain;transform:none!important}
.svc-grid .svc-vis .ava-glow{display:none}
@media (max-width:768px){.svc-grid .svc-vis{height:auto!important}}
.v-a4 .svc-grid .svc-vis img{filter:none!important}
/* identical image box on every service card */
.v-a4 .svc-grid .svc-vis{position:relative;height:auto!important;aspect-ratio:16/9;width:100%;display:block;overflow:hidden}
.v-a4 .svc-grid .svc-vis img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain;object-position:center bottom}
/* ---- hero rig ---- */
.t-group.rig .rl{position:absolute;pointer-events:none}
.t-group.rig .rg{position:absolute;inset:0;will-change:transform}
.t-group.rig .rl img{position:absolute;inset:0;width:100%;height:100%;display:block}
.t-group.rig .d-head{position:absolute;will-change:transform}
.t-group.rig .d-head img{position:absolute;inset:0;width:100%;height:100%}
.t-group.rig .cs{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,0));z-index:0;pointer-events:none;will-change:transform,opacity}
.t-group.rig .eye{position:absolute;width:22%;height:8%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,140,.95),rgba(255,150,60,.35) 55%,rgba(255,120,40,0));mix-blend-mode:screen;opacity:0}
.t-group.rig .flask{position:absolute;width:0;height:0;pointer-events:none}
.t-group.rig .flask .fg{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(150,255,170,.75),rgba(80,220,140,.25) 50%,rgba(60,200,120,0));mix-blend-mode:screen;opacity:.25}
.t-group.rig .flask .fp{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#b8ffc8;box-shadow:0 0 8px #7dffa0;mix-blend-mode:screen;opacity:0}
[data-theme=day] .t-group.rig .cs{background:radial-gradient(closest-side,rgba(60,30,10,.45),rgba(60,30,10,0))}