:root{
  --night:#070E1C; --night2:#0E1930; --orange:#FF6A13;
  --bg:#EEF1F6; --card:#FFFFFF; --ink:#0B1426; --muted:#53607A; --line:#D6DCE8;
  --head:"Sora","Segoe UI",Arial,sans-serif;
  --body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#0A1326;--card:#0F1B36;--ink:#EDF1FA;--muted:#A3AFC6;--line:#1F2F52;color-scheme:dark}
}
:root[data-theme="dark"]{--bg:#0A1326;--card:#0F1B36;--ink:#EDF1FA;--muted:#A3AFC6;--line:#1F2F52;color-scheme:dark}
html{scroll-padding-top:7.5rem;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.05rem/1.65 var(--body)}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}
h1,h2,h3{font-family:var(--head);margin:0;letter-spacing:-.02em;line-height:1.05}
.btn{display:inline-block;padding:.9rem 1.6rem;border-radius:10px;font:600 1rem var(--body);text-decoration:none;border:1.5px solid var(--orange);transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn.fill{background:var(--orange);color:#1B0B00}
.btn.fill:hover{background:#FF8440}
.btn.ghost{border-color:rgba(255,255,255,.4);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.1)}

/* Nav */
.bar{position:sticky;top:0;z-index:10;background:#FFFFFF;border-bottom:4px solid var(--orange);box-shadow:0 8px 30px rgba(0,0,0,.35);padding-top:env(safe-area-inset-top,0px)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;height:6.25rem}
.logo{font:800 1.4rem var(--head);color:#fff;text-decoration:none;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem}
.logo i{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.logo i b{background:var(--orange);border-radius:2px}
.logo i b:nth-child(2){background:#fff}.logo i b:nth-child(3){background:#fff}
.logo span{font-weight:500;color:#B6C2DC}
.logo{gap:1rem}
.logo img{height:64px;width:auto;display:block}
.est{font:800 1.7rem/1 var(--head);font-style:normal;color:#0B2A5E;border-left:4px solid var(--orange);padding-left:.85rem;letter-spacing:.04em;white-space:nowrap}
.est small{display:block;font:600 .72rem/1 var(--body);letter-spacing:.22em;color:#53607A;margin-bottom:.3rem;text-transform:uppercase}
.bar ul{display:flex;gap:clamp(.9rem,1.6vw,1.9rem);list-style:none;margin:0;padding:0}
.bar .wrap>ul{align-items:center}
.bar a,.bar .btn{white-space:nowrap}
@media (max-width:1280px){.logo img{height:52px}.est{font-size:1.4rem}.bar .wrap>ul a{font-size:.92rem}}
.bar ul a{color:#14264A;text-decoration:none;font-weight:500;font-size:.97rem}
.bar ul a:hover{color:#D4520A}
.bar .btn{padding:.55rem 1.15rem;font-size:.92rem}

/* Hero */
.hero{background:var(--night);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:120%;background:radial-gradient(closest-side,rgba(255,106,19,.22),transparent);pointer-events:none}
.hero-in{position:relative;padding:clamp(3.5rem,8vw,6.5rem) 0 clamp(3rem,6vw,4.5rem)}
h1{font-size:clamp(2.8rem,8.4vw,7rem);font-weight:800;max-width:11ch}
h1 .led{display:block;color:transparent;-webkit-background-clip:text;background-clip:text;
  background:radial-gradient(circle,transparent 0 1.25px,var(--night) 1.7px) 0 0/6px 6px,linear-gradient(95deg,#FF6A13 0%,#FF2E7E 38%,#8B5CF6 68%,#22D3EE 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sub{max-width:34rem;font-size:clamp(1.05rem,1.8vw,1.25rem);color:#C3CEE4;margin:1.75rem 0 2rem}
.btns{display:flex;gap:.8rem;flex-wrap:wrap}

.screen{position:relative;margin-top:clamp(2.5rem,6vw,4rem);aspect-ratio:21/8;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 90px rgba(0,0,0,.6);
  background:radial-gradient(40% 90% at 15% 40%,#FF6A13,transparent 70%),radial-gradient(40% 90% at 50% 70%,#8B5CF6,transparent 70%),radial-gradient(40% 90% at 85% 35%,#22D3EE,transparent 70%),#0B1530;
  background-size:200% 100%;animation:pan 14s ease-in-out infinite alternate}
.screen::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.42) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.42) 0 1px,transparent 1px 4px),
  linear-gradient(90deg,rgba(0,0,0,.7) 0 2px,transparent 2px) 0 0/calc(100%/8) 100%,linear-gradient(0deg,rgba(0,0,0,.7) 0 2px,transparent 2px) 0 0/100% 50%}
@keyframes pan{to{background-position:100% 0}}

.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.14)}
.facts b{display:block;font:700 1.5rem/1.2 var(--head);margin-bottom:.2rem}
.facts span{color:#AAB8D4;font-size:.98rem}

/* Sections */
.sec{padding:clamp(4rem,8vw,6.5rem) 0}
h2{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:700;max-width:16ch}
.lead{max-width:34rem;color:var(--muted);margin:1.1rem 0 0}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.cell{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:2rem;display:flex;flex-direction:column;gap:.7rem;min-height:15rem}
.cell h3{font-size:1.6rem;font-weight:700}
.cell p{margin:0;color:var(--muted);max-width:30rem}
.cell svg{width:42px;height:42px;margin-bottom:auto}
.c1{grid-column:span 2}.c2{grid-column:span 4;background:var(--night);color:#fff;border-color:var(--night)}
.c3{grid-column:span 2}.c4{grid-column:span 2}.c5{grid-column:span 2;background:var(--orange);border-color:var(--orange);color:#1B0B00}
.c2 p,.c1 p,.c3 p,.c4 p{color:#D3DBEE}.c5 p{color:#D3DBEE}
.mini{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-bottom:auto}
.mini i{aspect-ratio:1;border-radius:2px;background:linear-gradient(135deg,#FF6A13,#8B5CF6,#22D3EE);opacity:.9}
.mini i:nth-child(3n){opacity:.4}.mini i:nth-child(5n){opacity:.65}

/* Projects */
.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.proj{position:relative;border-radius:22px;min-height:20rem;padding:1.75rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;background:linear-gradient(155deg,var(--a),var(--b))}
.proj::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 1px,transparent 1px 5px)}
.proj>*{position:relative}
.p1{grid-column:span 5}.p2{grid-column:span 7}.p3{grid-column:span 7}.p4{grid-column:span 5}
.proj.photo{background-size:cover;background-position:62% 50%}.proj.photo::before{display:none}
.proj h3{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:700}
.proj p{margin:.3rem 0 .9rem;color:#E4EAF8}
.chips{display:flex;gap:.45rem;flex-wrap:wrap}
.chips span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.15rem .75rem;font-size:.82rem;font-weight:500}

/* Surge */
.surge{background:var(--night);color:#fff;position:relative;overflow:hidden}
.surge .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:3rem;align-items:center}
.surge h2{max-width:13ch}
.surge h2 em{font-style:normal;color:var(--orange)}
.surge p{color:#C3CEE4;max-width:34rem;margin:1.3rem 0 1.5rem}
.uses{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 2rem;padding:0;list-style:none}
.uses li{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.3rem 1rem;font-size:.94rem}
.stat{border-radius:22px;padding:2.5rem;background:linear-gradient(160deg,#FF6A13,#E0420B);color:#1B0B00}
.stat b{display:block;font:800 clamp(2.4rem,5vw,4rem)/1 var(--head);letter-spacing:-.03em}
.stat span{display:block;margin-top:1rem;font-weight:500;color:#3A1500}

/* About */
.about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:center}
.about .year{font:800 clamp(5rem,15vw,11rem)/.9 var(--head);letter-spacing:-.05em;color:var(--ink)}
.about .year small{display:block;font:600 1rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}
.about .year i{display:block;height:6px;width:5rem;background:var(--orange);margin-top:1.2rem;border-radius:3px}
.about p{color:var(--muted);max-width:36rem;margin:1.2rem 0 0}
.about .motto{font:700 1.4rem/1.3 var(--head);color:var(--ink);margin-top:1.6rem}
@media (max-width:900px){.about{grid-template-columns:1fr;gap:1.5rem}}

.surge .art{margin:0}.surge .art svg{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.45)}

/* Process */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;left:0;right:0;top:19px;border-top:2px dashed var(--line)}
.steps li{position:relative;counter-increment:s}
.steps li::before{content:counter(s);position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#1B0B00;font:700 1rem var(--head);margin-bottom:1.25rem;box-shadow:0 0 0 6px var(--bg)}
.steps h3{font-size:1.5rem;margin-bottom:.4rem}
.steps p{margin:0;color:var(--muted)}

/* CTA */
.cta{background:var(--night);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 50% 120%,rgba(139,92,246,.5),transparent),radial-gradient(40% 60% at 15% 110%,rgba(255,106,19,.45),transparent),radial-gradient(40% 60% at 85% 110%,rgba(34,211,238,.35),transparent)}
.cta .wrap{position:relative}
.cta h2{margin:0 auto;max-width:14ch;font-size:clamp(2.5rem,6vw,4.8rem)}
.cta p{color:#C3CEE4;max-width:32rem;margin:1.4rem auto 2rem}
.cta .btns{justify-content:center}
/* Phone menu */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;font:700 1rem var(--body);color:#fff;background:var(--orange);color:#1B0B00;padding:.6rem 1.1rem;border-radius:10px}
.mnav summary::-webkit-details-marker{display:none}
.mnav ul{position:absolute;right:0;top:calc(100% + .5rem);min-width:14rem;margin:0;padding:.5rem;list-style:none;background:#fff;border-radius:12px;border-top:4px solid var(--orange);box-shadow:0 18px 40px rgba(0,0,0,.3);display:block}
.mnav li a{display:block;padding:.65rem .9rem;border-radius:8px;color:#14264A;font-weight:600;text-decoration:none}
.mnav li a:hover{background:#FFF1E6;color:#B8470A}
@media (max-width:1060px){.mnav{display:block}}

/* Contact dropdown */
.bar li.has-dd{position:relative;padding:2rem 0}
.bar ul.dd{display:none;position:absolute;top:calc(100% - .6rem);left:-1.1rem;min-width:19rem;flex-direction:column;gap:0;padding:.5rem;margin:0;list-style:none;background:#fff;border-radius:12px;border-top:4px solid var(--orange);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.bar li.has-dd:hover ul.dd,.bar li.has-dd:focus-within ul.dd{display:flex}
.bar ul.dd li{padding:.35rem .9rem;border-radius:8px}
.bar ul.dd li:hover{background:#FFF1E6}
.bar ul.dd a{display:block;color:#14264A}
.bar ul.dd a.nm{font-weight:600;font-size:.98rem}
.bar ul.dd a.ml{font-weight:400;font-size:.85rem;color:#53607A;text-decoration:none}
.bar ul.dd a:hover{color:#B8470A;text-decoration:underline}

.bar .quote-dd{position:relative;padding:1.6rem 0}
.bar .quote-dd ul.dd{left:auto;right:0;top:calc(100% - .8rem)}
.bar .quote-dd:hover ul.dd,.bar .quote-dd:focus-within ul.dd{display:flex}
@media (max-width:560px){.bar ul.dd{min-width:16.5rem}}

@media (max-width:900px){.c2,.c1{min-height:31rem!important}.c2{background-position:20% 10%!important}}

/* Case studies, partners */
.cs{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.cs li{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:.5rem 2rem;padding:1.3rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.cs b{font:700 1.35rem var(--head)}.cs span{color:var(--muted)}.cs em{font-style:normal;font-weight:600;color:#B8470A}
.pt{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.pt li{font:700 1.6rem var(--head);padding:1.1rem 2rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}
@media (max-width:760px){.cs li{grid-template-columns:1fr}}

/* Contact picker */
.cta .pick{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.cta .pick a{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.15rem 1.4rem;transition:background .15s,border-color .15s}
.cta .pick a:hover{background:rgba(255,106,19,.18);border-color:var(--orange)}
.cta .pick .d{font:700 1.3rem var(--head)}
.cta .pick .e{color:#FFB27A;font-weight:500}
@media (max-width:900px){.cta .contact-grid{grid-template-columns:1fr}.cta .intro h2{max-width:none}}

/* Quote form */
.cta{text-align:left}
.cta .contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:start}
.cta .intro h2{margin:0;max-width:11ch;font-size:clamp(2.4rem,5vw,4rem)}
.cta .intro p{margin:1.3rem 0 0;max-width:30rem}

footer{background:#040912;color:#8E9DBB;padding:1.75rem 0;font-size:.93rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

@media (max-width:1060px){
  .bar .wrap>ul{display:none}
}
@media (max-width:900px){
  .c1,.c2,.c3,.c4,.c5{grid-column:span 6}
  .cell{min-height:0}
  .p1,.p2,.p3,.p4{grid-column:span 12;min-height:15rem}
  .surge .wrap{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}.steps::before{display:none}
}
@media (max-width:560px){
  .bar .wrap{height:5rem}.logo{gap:.6rem}.logo img{height:40px}.est{font-size:1.1rem;padding-left:.55rem}.est small{font-size:.58rem}.bar .btn{padding:.5rem .8rem;font-size:.85rem}
  .facts,.steps{grid-template-columns:1fr}
  .screen{aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){
  .screen{animation:none}.btn{transition:none}html{scroll-behavior:auto}
}

/* ===== multi-page additions ===== */
.hero-in{padding-left:clamp(1.25rem,4vw,2.5rem);padding-right:clamp(1.25rem,4vw,2.5rem)}
.wrap.hero-in{padding-inline:clamp(1.25rem,4vw,2.5rem)}
.logo{background:none}
.bar .wrap{height:auto;min-height:6.25rem;flex-wrap:wrap;row-gap:0}
.bar ul.dd li{padding:.35rem .9rem}
.bar ul.tabs{display:flex}
.bar ul.dd li a.nm{font-weight:600}
.cell{position:relative}
.cell h3 a{color:inherit;text-decoration:none}
.cell h3 a::after{content:"";position:absolute;inset:0;border-radius:22px}
.cell h3 a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--orange)}
.cell .go{font-weight:600;color:var(--orange);margin-top:.2rem}
.btn.line{border-color:rgba(255,255,255,.4);color:#fff}
.more-link{display:inline-block;margin-top:1.6rem;font-weight:600;color:#B8470A;text-decoration:none;border-bottom:2px solid var(--orange)}
.foot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:0 0 1rem;padding:0;list-style:none}
.foot-links a{color:#C3CEE4;text-decoration:none}
.foot-links a:hover{color:#fff;text-decoration:underline}
footer .wrap{display:block}
footer .copy{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

.pt{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}
.pt li{padding:0;font-size:1.25rem;text-align:center}
.pt li a{display:flex;align-items:center;justify-content:center;min-height:5.5rem;padding:1rem;text-decoration:none;color:var(--ink);border-radius:14px}
.pt li a img{display:block;max-width:100%;max-height:3.1rem;width:auto;height:auto;object-fit:contain}
.pt li:hover{border-color:var(--orange)}
.pt li a:hover{color:#B8470A}
.eyebrow{display:block;font:700 .85rem/1.3 var(--head);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#FF8A3D;margin:0 0 .9rem}
.pcard .eyebrow{color:#B8470A;margin:0 0 .4rem}
.tcard{margin:0;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:22px;padding:clamp(1.5rem,4vw,2.6rem);max-width:60rem}
.tcard blockquote{margin:0 0 1.2rem}.tcard blockquote p{font:600 clamp(1.25rem,2.6vw,1.75rem)/1.4 var(--head);margin:0;color:var(--ink)}
.tcard figcaption b{display:block;font-size:1.1rem}.tcard figcaption span{color:var(--muted)}
.tfull{margin-top:1.4rem}.tfull summary{cursor:pointer;font-weight:600;color:#B8470A}
.tfull div{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted)}.tfull .sig{color:var(--ink)}
.tband{padding-top:0}
.tlogo{display:block;height:3.2rem;width:auto;max-width:100%;margin:0 0 1rem;object-fit:contain}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.4rem}
.tgrid .tcard{max-width:none}
.tgrid .tcard blockquote p{font-size:clamp(1.1rem,2vw,1.3rem)}
.postlist{margin:0 0 1.2rem;padding-left:1.3rem;font-size:1.1rem;line-height:1.7}.postlist li{margin:0 0 .7rem}.postlist li::marker{color:var(--orange)}
.vid{margin:0 0 2rem}.vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:22px;box-shadow:0 20px 50px rgba(7,14,28,.25)}.vid figcaption{margin-top:.6rem;color:var(--muted);font-size:.95rem}
.cfeat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;margin:0 0 2rem;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit}
.cfeat:hover{border-color:var(--orange)}
.cthumb{position:relative;display:block;min-height:15rem}.cthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cthumb .play{position:absolute;left:50%;top:50%;width:4.2rem;height:4.2rem;margin:-2.1rem 0 0 -2.1rem;border-radius:50%;background:var(--orange);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.cthumb .play::after{content:"";position:absolute;left:1.6rem;top:1.2rem;border-left:1.3rem solid #1B0B00;border-top:.9rem solid transparent;border-bottom:.9rem solid transparent}
.ctxt{display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:clamp(1.4rem,3vw,2.4rem)}
.ctxt b{font:700 clamp(1.5rem,3vw,2.1rem)/1.15 var(--head)}.ctxt>span{color:var(--muted)}
.ctxt .eyebrow{color:#B8470A;margin:0}.ctxt u{font-weight:600;color:#B8470A;text-decoration-color:var(--orange);text-underline-offset:5px}
@media (max-width:760px){.cfeat{grid-template-columns:1fr}.cthumb{min-height:0;aspect-ratio:16/9}}
.facts2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.8rem}.facts2 div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem}.facts2 dt{font:700 .8rem var(--head);letter-spacing:.12em;text-transform:uppercase;color:#B8470A;margin:0 0 .3rem}.facts2 dd{margin:0;font-weight:600}
@media (max-width:560px){.facts2{grid-template-columns:1fr}}
.fl{margin:0 0 .5rem;font:700 .8rem var(--head);letter-spacing:.12em;text-transform:uppercase;color:#B8470A}
.nomatch{background:var(--card);border:1px dashed var(--line);border-radius:22px;padding:2rem;text-align:center}.nomatch h2{margin:0 auto .6rem;font-size:1.6rem}.nomatch p{color:var(--muted);max-width:32rem;margin:0 auto 1.4rem}
.facgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.facgrid a{display:flex;flex-direction:column;gap:.3rem;justify-content:center;min-height:6.5rem;height:100%;padding:1.2rem 1.4rem;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:16px;text-decoration:none;color:inherit}
.facgrid a:hover{border-color:var(--orange)}.facgrid b{font:700 1.2rem/1.25 var(--head)}.facgrid span{color:#B8470A;font-weight:600;font-size:.95rem}
.mnav li.sub a{padding-left:1.6rem;font-size:.92rem;color:var(--muted)}
.gal2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0 1rem}.gal2 img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.gal2 img:first-child{grid-column:1/-1;aspect-ratio:16/9}
@media (max-width:560px){.gal2{grid-template-columns:1fr}.gal2 img:first-child{grid-column:auto}}
.narrow{max-width:760px}
.post h2{font-size:clamp(1.5rem,3vw,2rem);margin:2.2rem 0 .6rem;max-width:none}
.post p{font-size:1.1rem;line-height:1.75;margin:0 0 1rem}
.postimg{margin:0 0 2rem}.postimg img{display:block;width:100%;height:auto;border-radius:22px;aspect-ratio:3/2;object-fit:cover}
.postlead{font-size:1.25rem!important;font-weight:500;color:var(--ink)}
.postcta{margin:2.5rem 0 1.5rem;padding:1.8rem;border-radius:22px;background:var(--night);color:#fff}.postcta h2{margin-top:0;color:#fff}.postcta p{color:#C3CEE4}
/* sub-page hero */
.phero{background:var(--night);color:#fff;position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:60%;height:140%;background:radial-gradient(closest-side,rgba(255,106,19,.2),transparent);pointer-events:none}
.phero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.crumbs{margin:0 0 1.3rem;font-size:.95rem;color:#AAB8D4}
.crumbs a{color:#C9D3E8}
.phero h1{font-size:clamp(2.3rem,5.2vw,4.1rem);max-width:15ch}
.phero .lead2{max-width:34rem;font-size:clamp(1.05rem,1.8vw,1.2rem);color:#C3CEE4;margin:1.4rem 0 2rem}
.phero .shot{margin:0}
.phero .shot img,.phero .shot svg{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.phero .shot img{aspect-ratio:4/3;object-fit:cover}
.phero.short .wrap{grid-template-columns:1fr;padding-bottom:clamp(2rem,4vw,3rem)}
.phero.short h1{max-width:20ch}

/* sub-page content */
.ps{padding:clamp(3rem,6vw,5rem) 0}
.ps h2{font-size:clamp(1.9rem,3.8vw,2.8rem);max-width:20ch;margin-bottom:1rem}
.ps p.intro2{max-width:40rem;color:var(--muted);margin:0 0 2rem}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.9rem 2.5rem}
.checks li{position:relative;padding:1rem 0 1rem 2.2rem;border-bottom:1px solid var(--line)}
.checks li::before{content:"";position:absolute;left:0;top:1.35rem;width:1.1rem;height:.6rem;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg) scale(.9)}
.where{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.where li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.5rem 1.2rem;font-weight:500}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.pcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit}
.pcard img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.pcard div{padding:1rem 1.2rem 1.3rem}
.pcard b{display:block;font:700 1.25rem var(--head);margin-bottom:.2rem}
.pcard span{color:var(--muted);font-size:.95rem}
.pcard:hover{border-color:var(--orange)}
.cta2{background:var(--night);color:#fff;text-align:center}
.cta2 .kick{margin:0 auto .8rem;font:700 1rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:#FF8A3D}
.cta .kick{line-height:1.4;font:700 .9rem/1.4 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#FF8A3D;margin:0 0 1rem}
footer .tag{color:#FFB27A;font-weight:600}
.cta2 h2{margin:0 auto 1rem;max-width:16ch;font-size:clamp(2.2rem,5vw,3.6rem)}
.cta2 p{max-width:32rem;margin:0 auto 1.8rem;color:#C3CEE4}
.cta2 .big{display:block;margin-top:1.1rem;color:#FFB27A;font-weight:600;font-size:1.15rem}
.others{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.others a{display:block;height:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.3rem;text-decoration:none;color:inherit}
.others b{display:block;font:700 1.2rem var(--head);margin-bottom:.3rem}
.others span{color:var(--muted);font-size:.95rem}
.others a:hover{border-color:var(--orange)}

/* portfolio */
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem}
.filters button{font:600 .95rem var(--body);cursor:pointer;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:.55rem 1.2rem}
.filters button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#1B0B00}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));gap:1.4rem}
.pf{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.pf img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.pf .b{padding:1.4rem 1.6rem 1.7rem}
.pf h2{font:700 1.7rem var(--head);margin:0 0 .3rem;max-width:none}
.pf .loc{color:var(--muted);margin:0 0 .9rem}
.pf p.blurb{margin:.9rem 0 0;color:var(--muted)}
.pf[hidden]{display:none}
.chips2{display:flex;gap:.45rem;flex-wrap:wrap}
.chips2 a{background:#FFF1E6;border:1px solid #F5C9A6;color:#8A3A06;border-radius:999px;padding:.15rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none}

/* tabs: stay visible on narrower screens (wrap under logo), menu button only on phones */
@media (min-width:641px){
  .bar .wrap{padding-bottom:.4rem}
  .bar ul.tabs{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:.2rem 1.4rem;border-top:1px solid var(--line)}
  .bar .wrap>ul.tabs{display:flex}
  .bar li.has-dd{padding:.6rem 0}
  .bar ul.tabs>li>a{font-size:.95rem}
  .bar .mnav{display:none}
  html{scroll-padding-top:9rem}
  .bar ul.tabs>li.has-dd:last-child ul.dd{right:0;left:auto}
}
@media (max-width:760px){
  .bar .wrap>ul.tabs{display:none}
  .bar .mnav{display:block;margin-left:auto}
  .bar .wrap{min-height:5rem;flex-wrap:nowrap}
  html{scroll-padding-top:6rem}
  .phero .wrap{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.filters button{transition:none}}

/* slim sticky header on scroll */
.bar,.bar .wrap,.logo img,.est,.bar li.has-dd{transition:min-height .2s ease,height .2s ease,padding .2s ease,font-size .2s ease}
.bar.compact{box-shadow:0 4px 18px rgba(0,0,0,.25)}
.bar.compact .wrap{min-height:3.6rem;height:auto}
.bar.compact .logo{gap:.7rem}
.bar.compact .logo img{height:36px}
.bar.compact .est{font-size:1.1rem;padding-left:.6rem;border-left-width:3px}
.bar.compact .est small{display:none}
.bar.compact li.has-dd{padding:1rem 0}
.bar.compact .mnav summary{padding:.4rem .9rem}
@media (prefers-reduced-motion:reduce){.bar,.bar .wrap,.logo img,.est,.bar li.has-dd{transition:none}}

.svcmap{margin:0}.svcmap a{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0a1424}
.svcmap img{display:block;width:100%;height:auto}
.svcmap figcaption{margin-top:.6rem;color:var(--muted);font-size:.9rem}

.pt,.others{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.pt li,.others li{flex:0 1 calc((100% - 3rem)/4);min-width:13rem}
.certs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}
.certs li{border:1px solid var(--line);border-left:5px solid var(--orange);background:var(--card);border-radius:12px;padding:.8rem 1.3rem;font:700 1.05rem var(--head)}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.2rem}
.tm{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem}
.tm .av{width:3.4rem;height:3.4rem;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;font:700 1.1rem var(--head);border:3px solid var(--orange);margin-bottom:.9rem}
.tm h3{margin:0}.tm .role{margin:.2rem 0 1rem;font-weight:700;color:#B8470A}
.tm p{margin:0 0 .8rem}

/* larger header logo */
.logo img{height:84px}
@media (max-width:1280px){.logo img{height:72px}}
@media (max-width:640px){.logo img{height:52px}}
.bar.compact .logo img{height:46px}
.why{background:var(--night);color:#fff;padding:clamp(3rem,7vw,5rem) 0}
.why .kick{margin:0 0 .6rem;font:700 1rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:#FF8A3D}
.why h2{margin:0 0 2rem;color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);max-width:20ch}
.whystats{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem}
.whystats li{border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--orange);border-radius:16px;padding:1.4rem;background:rgba(255,255,255,.04)}
.whystats b{display:block;font:800 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--head);color:#fff;margin-bottom:.5rem;overflow-wrap:anywhere}
.whystats span{color:#C3CFE8;font-size:1rem}
.whylink{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.whygrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5rem;align-items:center}
.whygrid .whystats{grid-template-columns:1fr 1fr}
.whymap{margin:0}.whymap figcaption{color:#9FB0D0}
@media (max-width:900px){.whygrid{grid-template-columns:1fr}}
.surge .wrap.surge1{grid-template-columns:1fr}.surge .wrap.surge1 p{max-width:40rem}.surge .wrap.surge1 h2{max-width:22ch}
.certline{margin:1.2rem 0 0;color:var(--muted);font-size:1rem}.certline b{color:var(--ink)}
.pt{gap:.75rem}.pt li{flex:0 1 calc((100% - 4.5rem)/7);min-width:7.5rem}
.pt li a{min-height:4rem;padding:.6rem}.pt li a img{max-height:2.3rem}
.teamtease{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem}
.teamtease li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.2rem;text-align:left}
.teamtease .av{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;font:700 1.05rem var(--head);border:3px solid var(--orange);margin-bottom:.8rem}
.teamtease b{display:block;font:700 1.05rem var(--head)}.teamtease span{color:#B8470A;font-weight:600;font-size:.95rem}
.pixelband{display:flex;align-items:center;gap:2rem;background:#fff;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:22px;padding:1.5rem 2rem}
.pixelband img{width:min(16rem,40%);height:auto;flex:none}
.pixelband h2{margin:0 0 .4rem;font-size:clamp(1.4rem,2.6vw,2rem)}.pixelband p{margin:0;color:var(--muted)}
@media (max-width:640px){.pixelband{flex-direction:column;align-items:flex-start;padding:1.3rem}.pixelband img{width:60%}}
.bloglinks{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.bloglinks a{display:block;padding:1rem 1.2rem;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600}
.bloglinks a:hover{color:#B8470A}
.tm h2{margin:0;font:700 1.4rem var(--head)}
.addr{font-style:normal;color:#9FB0D0;font-size:.95rem;margin:0 0 .8rem}
.hdtel{margin-left:auto;align-self:center;background:var(--orange);color:#fff!important;font:700 1.05rem var(--head);padding:.6rem 1.1rem;border-radius:999px;text-decoration:none;white-space:nowrap}
.hdtel:hover{background:#E0580A}
.mtel{font-weight:700;color:#B8470A!important}
.addr a{color:#FF8A3D;text-decoration:none;font-weight:600}
@media (max-width:760px){.hdtel{display:none}}
.hdmotto{flex:1;text-align:center;align-self:center;font:700 clamp(1rem,1.7vw,1.35rem)/1.25 var(--head);color:#14264A;letter-spacing:-.005em;padding:0 1rem}
.bar.compact .hdmotto{display:none}
@media (max-width:1000px){.hdmotto{display:none}}
.am{background:linear-gradient(100deg,#FF6A13 0%,#FF6A13 42%,#FFD3AE 50%,#FF6A13 58%,#FF6A13 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#FF6A13;animation:amsweep 5s ease-in-out infinite}
@keyframes amsweep{0%,55%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.am{animation:none;background:none;-webkit-text-fill-color:currentColor}}
/* nav + polish */
.starts{margin:1.6rem 0 0;max-width:62rem}
.startlabel{margin:0 0 .6rem;font:700 .85rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:#FF8A3D}
.starts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.starts a{display:block;padding:.7rem 1.1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;text-decoration:none;font-weight:600;background:rgba(255,255,255,.07);backdrop-filter:blur(4px);transition:background .2s,border-color .2s,transform .2s}
.starts a:hover{background:var(--orange);border-color:var(--orange);color:#1B0B00;transform:translateY(-2px)}
.hero .herovid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;z-index:0}
.hero .herovidshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,14,28,.7),rgba(7,14,28,.45) 45%,rgba(7,14,28,.88));z-index:0}
.hero::before{z-index:0}.hero-in{z-index:1}
.trust{background:#0A1426;color:#fff;padding:1.1rem 0 1.3rem;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.trustlabel{margin:0 0 .7rem;text-align:center;font:700 .8rem var(--head);letter-spacing:.16em;text-transform:uppercase;color:#FF8A3D}
.marq{display:flex;width:max-content;animation:mq 60s linear infinite}
.marq:hover{animation-play-state:paused}
.mtrack{list-style:none;margin:0;padding:0 0 0 2.5rem;display:flex;gap:2.5rem;flex:none}
.mtrack li{font:700 1.1rem var(--head);letter-spacing:.06em;text-transform:uppercase;color:#C3CFE8;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.mtrack{flex-wrap:wrap;justify-content:center;padding:0 1rem;gap:.6rem 1.8rem}.mtrack+.mtrack{display:none}}
.pcard,.pf,.proj,.tm,.teamtease li,.whystats li,.facgrid li a,.cfeat{transition:transform .25s ease,box-shadow .25s ease}
.pcard:hover,.pf:hover,.proj:hover,.tm:hover,.teamtease li:hover,.cfeat:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(7,14,28,.22)}
.pcard,.pf{overflow:hidden}
.pcard img,.pf>img,.cthumb img{transition:transform .5s ease}
.pcard:hover img,.pf:hover>img,.cfeat:hover .cthumb img{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.pcard:hover,.pf:hover,.proj:hover,.tm:hover,.teamtease li:hover,.cfeat:hover{transform:none}.pcard:hover img,.pf:hover>img,.cfeat:hover .cthumb img{transform:none}}
@media (min-width:761px){#filters{position:sticky;top:var(--hh,7rem);z-index:5;background:#EEF2F8;padding:.5rem 0 .5rem;margin-bottom:1rem;border-bottom:1px solid var(--line);box-shadow:0 10px 18px -12px rgba(7,14,28,.35)}
#filters .fl{display:none}#filters .filters{margin:0 0 .35rem;gap:.35rem}#filters .filters button{padding:.32rem .8rem;font-size:.85rem}}
.nextproj{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:stretch;margin:2.5rem 0 0}
.nextproj a{display:block;padding:1rem 1.2rem;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.nextproj a:hover{border-color:var(--orange);transform:translateY(-2px)}
.nextproj small{display:block;color:#B8470A;font:700 .75rem var(--head);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}
.nextproj .next{text-align:right}
.nextproj .more{display:grid;place-items:center;background:var(--night);color:#fff;font-weight:700;text-align:center}
@media (max-width:760px){.nextproj{grid-template-columns:1fr}.nextproj .next{text-align:left}}
.whystats b span{color:inherit;font-size:inherit}
.callbar{display:none}
.totop{position:fixed;right:1rem;bottom:1rem;z-index:30;width:3rem;height:3rem;border-radius:50%;border:0;background:var(--orange);color:#1B0B00;font:800 1.4rem var(--head);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.totop[hidden]{display:none}
@media (max-width:760px){
.callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:.5rem;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:3px solid var(--orange);box-shadow:0 -8px 24px rgba(0,0,0,.2)}
.callbar a{flex:1;text-align:center;padding:.75rem .5rem;border-radius:10px;font:700 1rem var(--head);text-decoration:none}
.cb-call{background:var(--orange);color:#1B0B00}.cb-mail{background:#14264A;color:#fff;flex:0 0 38%!important}
body{padding-bottom:4.4rem}.totop{bottom:5.2rem}}
html{scroll-padding-top:calc(var(--hh,7rem) + .5rem)}
.btiles{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.btiles a{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:#0B1426}
.btiles img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.btiles a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,22,.88) 0%,rgba(5,10,22,.15) 58%,rgba(5,10,22,0) 100%)}
.btiles .bt{position:absolute;left:.9rem;right:.9rem;bottom:.8rem;z-index:1;display:flex;flex-direction:column;gap:.1rem}
.btiles b{font:700 1.02rem/1.2 var(--head,inherit)}.btiles em{font-style:normal;font-size:.82rem;color:#FFB27A;font-weight:600}
.btiles a:hover img{transform:scale(1.06)}.btiles a:hover{outline:2px solid var(--orange)}
@media (max-width:900px){.btiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vgrid{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.vgrid a{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:inherit}
.vgrid .cthumb{min-height:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0B1426}
.vgrid .cthumb .play{width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem}
.vgrid .cthumb .play::after{left:1.2rem;top:.9rem;border-left-width:1rem;border-top-width:.7rem;border-bottom-width:.7rem}
.vgrid b{font-size:1rem;line-height:1.25;margin-top:.2rem}.vgrid li>a>span:last-child{font-size:.9rem;color:var(--muted,#51607A)}
.vgrid a:hover img{transform:scale(1.05)}.vgrid a:hover b{color:var(--orange-d,#B8470A)}
@media (max-width:1000px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pcountrow{margin:.2rem 0 0;font-size:.9rem;color:var(--muted,#51607A)}
.pclear{font:600 .85rem var(--body,inherit);margin-left:.6rem;border:0;background:none;color:var(--orange-d,#B8470A);text-decoration:underline;cursor:pointer;padding:0}
.dvstage{position:relative}
.phero .shot .flstage .fl3d{aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;width:min(46%,34rem)}
@media (max-width:640px){.phero .shot .flstage .fl3d{width:62%}}
.flstage{position:absolute;inset:0;display:grid;place-items:center;perspective:900px;pointer-events:none;z-index:2}
.flstage .fl3d{width:min(46%,34rem)!important;max-width:none;height:auto!important;--rx:0deg;--ry:0deg;transform-style:preserve-3d;animation:flfloat 6s ease-in-out infinite;
filter:drop-shadow(1px 1px 0 #0a1a3d) drop-shadow(1px 1px 0 #0a1a3d) drop-shadow(1px 1px 0 #0a1a3d) drop-shadow(1px 1px 0 #0a1a3d) drop-shadow(1px 1px 0 #0a1a3d) drop-shadow(0 26px 22px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(255,106,19,.25))}
.fl3d.hov{animation:none;transform:translateY(-3%) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease-out}
@keyframes flfloat{0%,100%{transform:translateY(1%) rotateY(-11deg) rotateX(3deg)}50%{transform:translateY(-4%) rotateY(11deg) rotateX(-3deg)}}
@media (max-width:640px){.flstage .fl3d{width:62%!important}}
@media (prefers-reduced-motion:reduce){.fl3d{animation:none;transform:rotateY(-8deg) rotateX(2deg)}}
.hero .screen .flstage{place-items:end end;padding:0 3.5% 4.5%}
.hero .screen .flstage .fl3d{width:min(24%,14rem)!important}
@media (max-width:640px){.hero .screen .flstage{place-items:start end;padding:4% 3.5% 0}.hero .screen .flstage .fl3d{width:32%!important}}