/* Layout: bright studio-white stage, bold black + orange headline left, realistic globe wrapped in an orange 3D ribbon right, floating white cards orbiting it. Dark only for the intro, work reel and contact band. Single deliberate light look. */
:root{
  --bg:#F5F3EF; --card:#FFFFFF; --fg:#141210; --muted:#6E685F; --line:rgba(20,18,16,.10);
  --orange:#F26B1F; --orange-2:#FF8A3D; --orange-deep:#C9520F;
  --dark:#0E0C0B; --dark-2:#1A1715; --bone:#F6F2EC; --smoke:#9A948B;
  --display:'Anton','Impact','Arial Narrow',sans-serif;
  --body:'Sora','Segoe UI','Helvetica Neue',Arial,sans-serif;
  --hand:'Caveat','Segoe Print',cursive;
  --gutter:clamp(16px,4vw,56px);
  --shadow:0 18px 50px -18px rgba(60,30,10,.28),0 2px 6px rgba(20,18,16,.06);
  color-scheme:light;
}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
h1,h2,h3{text-wrap:balance;margin:0}
.wrap{max-width:1320px;margin:0 auto;padding-inline:var(--gutter)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:400}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}

/* ---------- NAV ---------- */
nav{position:fixed;left:0;right:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px)}
nav .bar{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 10px 0 18px;border-radius:999px;transition:background .3s,box-shadow .3s}
nav.scrolled .bar{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.navlogo{display:block;width:112px;height:46px;background-repeat:no-repeat;background-size:cover;background-position:center 48%;filter:invert(1);mix-blend-mode:multiply}
nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;font-size:14px}
nav ul a{display:block;text-decoration:none;color:var(--muted);padding:8px 14px;border-radius:999px;transition:background .2s,color .2s}
nav ul a:hover{color:var(--fg);background:rgba(20,18,16,.06)}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 14px var(--body);padding:14px 22px;border-radius:999px;border:1px solid var(--fg);color:var(--fg);background:transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,box-shadow .25s;will-change:transform}
.btn:hover{background:var(--fg);color:var(--bg)}
.btn.hot{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 10px 24px -8px rgba(242,107,31,.6)}
.btn.hot:hover{background:var(--fg);border-color:var(--fg)}
.btn .arrow{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--orange);font-size:13px}
.btn.hot:hover .arrow{color:var(--fg)}
.playbtn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;font-size:14px}
.playbtn .pc{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .3s}
.playbtn:hover .pc{transform:scale(1.1)}
.playbtn .pc i{width:0;height:0;border-left:11px solid var(--orange);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.playbtn small{display:block;font-weight:300;font-size:12px;color:var(--muted)}
@media (max-width:860px){nav ul{display:none}}

/* ---------- HERO ---------- */
.hero{position:relative;padding-block:clamp(110px,14vh,150px) clamp(40px,6vw,80px);overflow:hidden}
.hero::before{content:"";position:absolute;right:-10%;top:5%;width:70vw;height:70vw;max-width:1000px;max-height:1000px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,61,.20),rgba(255,138,61,0) 62%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,3vw,40px);align-items:center}
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;box-shadow:var(--shadow)}
.badge b{background:var(--orange);color:#fff;border-radius:999px;padding:3px 10px;font-weight:600;font-size:11px;letter-spacing:.08em}
.hero h1{font-weight:800;font-size:clamp(46px,6.4vw,96px);line-height:.98;letter-spacing:-.035em;margin-top:24px}
.hero h1 .o{color:var(--orange);display:inline-block;position:relative}
.hero h1 .o::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;background:var(--orange);opacity:.18;border-radius:4px}
.hero h1 .ch{display:inline-block;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.hero h1 .ch{animation:rise .9s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(4.7s + var(--d,0) * 28ms)}
@keyframes rise{from{transform:translateY(60%) rotate(8deg);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.hero h1 .ch{animation:none}}
.hero h1 .ch:hover{transform:translateY(-14%) rotate(-6deg)}
.hero p.lede{max-width:46ch;font-size:clamp(15px,1.25vw,18px);font-weight:300;color:var(--muted);margin:24px 0 32px}
.hero .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(36px,4vw,56px);max-width:560px}
.stats div{min-width:0}
.stats b{display:block;font-weight:800;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;line-height:1.1}
.stats b em{font-style:normal;color:var(--orange)}
.stats span{font-size:12px;color:var(--muted);line-height:1.35;display:block;margin-top:4px}
@media (max-width:520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.stage{position:relative;aspect-ratio:1/1;width:100%;max-width:720px;margin-left:auto}
#stage{position:absolute;inset:0;width:100%;height:100%}
.float{position:absolute;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:12px 16px 12px 12px;box-shadow:var(--shadow);font-size:13px;line-height:1.3;min-width:0;animation:bob 5s ease-in-out infinite;will-change:transform}
.float .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--orange);display:grid;place-items:center}
.float .ic svg{width:20px;height:20px}
.float b{display:block;font-weight:600;font-size:14px}
.float small{color:var(--muted);font-size:12px}
.float .go{margin-left:6px;width:24px;height:24px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:12px;color:var(--muted)}
.f1{right:2%;top:9%;animation-delay:-1s}
.f2{right:-2%;top:44%;animation-delay:-2.5s}
.f3{left:-4%;top:28%;animation-delay:-3.6s}
.f4{left:2%;bottom:6%;padding:10px;gap:14px;animation-delay:-.4s}
.f4 .thumb{width:84px;height:56px;border-radius:10px;background:radial-gradient(120% 90% at 70% 100%,#0E3A5B,#05090F);position:relative;overflow:hidden}
.f4 .thumb::after{content:"";position:absolute;left:24px;top:18px;width:20px;height:20px;border-radius:50%;border:5px solid var(--orange)}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.stage .hand{position:absolute;right:12%;bottom:2%;font-family:var(--hand);font-size:clamp(20px,2vw,28px);color:var(--orange);transform:rotate(-6deg)}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}.stage{margin:10px auto 0;max-width:560px}.f3{left:0}.f2{right:0}}
@media (max-width:520px){.float{font-size:11px;padding:8px 10px 8px 8px}.float .ic{width:28px;height:28px}.float b{font-size:12px}.f4{display:none}.f1{top:2%}.f3{top:auto;bottom:10%}}

/* ---------- MARQUEE ---------- */
.marquee{background:var(--fg);color:var(--bone);overflow:hidden;transform:rotate(-1.4deg);width:104%;margin:20px 0 0 -2%;position:relative;z-index:2}
.marquee.o{background:var(--orange);color:#fff;transform:rotate(1deg);margin-top:-46px;z-index:1}
.marquee .track{display:flex;width:max-content;animation:mq 30s linear infinite}
.marquee.o .track{animation-direction:reverse}
.marquee span{font-family:var(--display);font-size:clamp(26px,3.6vw,46px);text-transform:uppercase;padding:12px 0;white-space:nowrap;display:flex;align-items:center;gap:26px;padding-right:26px}
.marquee i{display:inline-block;width:.36em;height:.36em;background:var(--orange);transform:rotate(45deg)}
.marquee.o i{background:#fff}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- SECTIONS ---------- */
section{padding-block:clamp(80px,10vw,140px)}
.sechead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(36px,5vw,60px)}
.sechead h2{font-weight:800;font-size:clamp(38px,5.2vw,76px);line-height:1;letter-spacing:-.035em;margin-top:14px}
.sechead h2 .o{color:var(--orange)}
.sechead p{max-width:44ch;margin:0;font-weight:300;color:var(--muted)}

.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px}
.svc article{position:relative;background:var(--card);border-radius:22px;padding:26px 24px 28px;box-shadow:var(--shadow);min-width:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s;overflow:hidden}
.svc article:hover{transform:translateY(-8px) rotate(-.6deg);background:var(--fg);color:var(--bone)}
.svc article:hover p,.svc article:hover .tool{color:#C9C2B8}
.svc .ic{width:52px;height:52px;border-radius:14px;background:var(--orange);display:grid;place-items:center;margin-bottom:22px}
.svc .ic svg{width:28px;height:28px}
.svc h3{font-size:19px;font-weight:700;line-height:1.25;margin-bottom:10px;letter-spacing:-.01em}
.svc p{margin:0 0 18px;font-weight:300;font-size:14.5px;color:var(--muted);transition:color .3s}
.svc .tool{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.svc .num{position:absolute;right:18px;top:12px;font-family:var(--display);font-size:64px;line-height:1;color:rgba(242,107,31,.12)}

/* work (dark band) */
.dark{background:var(--dark);color:var(--bone)}
.dark .eyebrow,.dark .sechead p{color:var(--smoke)}
.work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.tile{position:relative;border-radius:22px;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;text-decoration:none;isolation:isolate;background:var(--dark-2)}
.tile:nth-child(1){grid-column:span 7}.tile:nth-child(2){grid-column:span 5}.tile:nth-child(3){grid-column:span 5}.tile:nth-child(4){grid-column:span 7}
@media (max-width:820px){.tile{grid-column:span 12!important;min-height:290px}}
.tile .art{position:absolute;inset:0;z-index:-1;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.tile:hover .art{transform:scale(1.06)}
.tile .tag{position:absolute;top:22px;left:26px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:var(--orange);color:#fff;padding:6px 12px;border-radius:999px}
.tile .arrowc{position:absolute;top:18px;right:20px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);display:grid;place-items:center;transition:background .3s,transform .3s}
.tile:hover .arrowc{background:var(--orange);transform:rotate(-45deg)}
.tile h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.4vw,50px);line-height:.95}
.tile p{margin:8px 0 0;font-weight:300;font-size:14px;color:#D8D2C9;max-width:44ch}
.art.sea{background:radial-gradient(120% 80% at 70% 110%,#0E3A5B 0,#08192A 55%,#05090F 100%)}
.art.home{background:linear-gradient(160deg,#2B2219,#120E0A 70%)}
.art.office{background:linear-gradient(200deg,#1C2226,#0B0D0F 75%)}
.art.game{background:radial-gradient(90% 90% at 30% 20%,#3A1B0A 0,#160A04 60%,#0A0604 100%)}
.art canvas{width:100%;height:100%;display:block}
.worknote{margin-top:18px;font-size:13px;color:var(--smoke)}

/* clients */
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.logos div{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:34px 20px;text-align:center;font-weight:800;font-size:clamp(20px,2.1vw,26px);letter-spacing:.02em;color:#3A3631;transition:color .25s,transform .3s}
.logos div:hover{color:var(--orange);transform:translateY(-4px)}
.countries{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;align-items:center}
.countries .lbl{font-family:var(--hand);font-size:30px;color:var(--orange);margin-right:6px}
.countries span.c{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:600;font-size:15px;transition:background .25s,color .25s,transform .25s}
.countries span.c::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.countries span.c:hover{background:var(--fg);color:var(--bone);transform:translateY(-3px)}

/* process */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.step{position:relative;background:var(--card);border-radius:22px;padding:30px 28px 32px;box-shadow:var(--shadow);min-width:0;overflow:hidden}
.step .n{font-family:var(--hand);font-size:30px;color:var(--orange);line-height:1}
.step h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(46px,5vw,72px);line-height:.95;margin:8px 0 12px}
.step p{margin:0;font-weight:300;color:var(--muted);max-width:38ch}
.step .bar{position:absolute;left:0;bottom:0;height:5px;background:var(--orange)}
.step:nth-child(1) .bar{width:33%}.step:nth-child(2) .bar{width:66%}.step:nth-child(3) .bar{width:100%}

/* contact */
.contact{background:var(--orange);color:#fff;position:relative;overflow:hidden;border-radius:40px 40px 0 0}
.contact .eyebrow{color:rgba(255,255,255,.85)}.contact .eyebrow::before{background:#fff}
.contact h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(58px,11vw,190px);line-height:.88;margin-top:16px}
.contact h2 .d{color:var(--fg)}
.contact .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:clamp(36px,5vw,64px)}
.contact .grid>div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:22px 24px;min-width:0}
.contact .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:8px}
.contact .v{font-size:clamp(18px,1.8vw,23px);font-weight:700;word-break:break-word;user-select:all}
.copy{margin-top:12px;background:#fff;border:0;color:var(--orange-deep);font:600 12px var(--body);letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:999px;cursor:pointer}
.copy:hover{background:var(--fg);color:#fff}
.contact .big{position:absolute;right:-4%;bottom:-8%;font-family:var(--display);font-size:clamp(160px,30vw,460px);line-height:.8;color:rgba(255,255,255,.08);pointer-events:none}
footer{background:var(--fg);color:var(--smoke);padding-block:26px calc(26px + env(safe-area-inset-bottom,0px));font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}


/* ---------- KINETIC TYPE ---------- */
.rot{display:inline-block;position:relative;color:var(--orange);perspective:600px;white-space:nowrap}
.rot::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.1em;background:var(--orange);border-radius:4px;transform-origin:left;animation:uline 2.4s cubic-bezier(.7,0,.2,1) infinite}
@keyframes uline{0%{transform:scaleX(0)}25%,75%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
.rw{display:inline-block}
.rw .l{display:inline-block;transform-origin:50% 50% -.4em;backface-visibility:hidden}
.rw.in .l{animation:flipin .6s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--base,0s) + var(--i)*45ms)}
.rw.out .l{animation:flipout .4s cubic-bezier(.6,0,.8,.4) both;animation-delay:calc(var(--i)*30ms)}
@keyframes flipin{from{transform:rotateX(-95deg) translateY(30%);opacity:0}to{transform:none;opacity:1}}
@keyframes flipout{to{transform:rotateX(95deg) translateY(-30%);opacity:0}}
.kin .kw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.kin .kw>span{display:inline-block;transform:translateY(105%) rotate(6deg);transition:transform .9s cubic-bezier(.2,.9,.2,1);transition-delay:calc(var(--i)*70ms)}
.kin.in .kw>span{transform:none}
.marquee{will-change:transform}
.marquee .track{will-change:transform}
.bigline{padding-block:clamp(50px,7vw,100px);overflow:hidden}
.bigline .row{font-family:var(--display);text-transform:uppercase;font-size:clamp(60px,12vw,200px);line-height:.88;white-space:nowrap;will-change:transform}
.bigline .row.ol{color:transparent;-webkit-text-stroke:1.5px var(--fg)}
.bigline .row .o{color:var(--orange);-webkit-text-stroke:0}
@media (prefers-reduced-motion:reduce){.rot::after{animation:none}.kin .kw>span{transform:none;transition:none}.rw .l{animation:none!important}}


/* ---------- WORK LIST ---------- */
.plist{border-top:1px solid rgba(246,242,236,.16)}
.prow{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) auto 56px;align-items:center;gap:8px 24px;padding:26px 8px;border-bottom:1px solid rgba(246,242,236,.16);text-decoration:none;color:var(--bone);isolation:isolate;overflow:hidden}
.prow::before{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prow:hover::before,.prow:focus-visible::before{transform:scaleY(1)}
.pnum{font-family:var(--hand);font-size:26px;color:var(--orange);transition:color .3s}
.ptitle{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,7vw,108px);line-height:.92;letter-spacing:.005em;transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.pcat{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--smoke);text-align:right;transition:color .3s}
.parrow{width:56px;height:56px;border-radius:50%;border:1px solid rgba(246,242,236,.3);display:grid;place-items:center;font-size:20px;transition:transform .5s cubic-bezier(.2,.9,.2,1),background .3s,border-color .3s,color .3s}
.pdesc{grid-column:2 / -1;max-width:56ch;font-weight:300;font-size:15px;color:#fff;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.9,.2,1),opacity .3s}
.prow:hover .ptitle,.prow:focus-visible .ptitle{transform:translateX(18px)}
.prow:hover .pnum,.prow:hover .pcat,.prow:focus-visible .pnum,.prow:focus-visible .pcat{color:var(--fg)}
.prow:hover .parrow,.prow:focus-visible .parrow{transform:rotate(45deg);background:var(--fg);border-color:var(--fg);color:#fff}
.prow:hover .pdesc,.prow:focus-visible .pdesc{max-height:80px;opacity:1}
.prow.cta .ptitle{color:transparent;-webkit-text-stroke:1.5px var(--bone)}
.prow.cta:hover .ptitle{color:var(--fg);-webkit-text-stroke-color:var(--fg)}
.ptitle .pl{display:inline-block;transition:transform .45s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(var(--i)*18ms)}
.prow:hover .ptitle .pl{transform:translateY(-8%) rotate(-3deg)}
@media (max-width:700px){.prow{grid-template-columns:44px minmax(0,1fr) 44px;padding:20px 4px}.pcat{grid-column:2;text-align:left;order:4}.parrow{width:44px;height:44px}.pdesc{max-height:none;opacity:1;color:#D8D2C9}}
@media (hover:none){.pdesc{max-height:none;opacity:1;color:#D8D2C9}}
/* logo */
.navlogo{background:none!important;mix-blend-mode:normal!important;filter:none!important;width:auto;height:auto;display:flex;align-items:center}
.navlogo img{display:block;height:46px;width:auto;filter:invert(1);object-fit:contain}
.intrologo{position:absolute;width:min(78vw,760px);opacity:0;animation:logoin 1s cubic-bezier(.2,.9,.2,1) 3.0s forwards}
@keyframes logoin{0%{opacity:0;transform:scale(1.25);filter:blur(10px)}100%{opacity:1;transform:none;filter:none}}
.introlockup{animation:lockout .4s ease-in 2.95s forwards}
@keyframes lockout{to{opacity:0;transform:scale(.9);filter:blur(6px)}}
.contact .logomark{display:block;width:min(70vw,520px);margin-top:clamp(40px,6vw,80px);opacity:.95}

/* cursor */
.cur,.cur2{position:fixed;left:0;top:0;pointer-events:none;z-index:150;border-radius:50%}
.cur{width:8px;height:8px;background:var(--orange)}
.cur2{width:38px;height:38px;border:1.5px solid rgba(242,107,31,.55);transition:width .25s,height .25s,background .25s}
.cur2.big{width:74px;height:74px;background:rgba(242,107,31,.12)}
@media (hover:none),(pointer:coarse){.cur,.cur2{display:none}}

@media (prefers-reduced-motion:reduce){#intro{display:none}.marquee .track,.float{animation:none}*{transition:none!important}}
/* base reset (the preview adds this automatically; real hosting needs it in the file) */
[hidden]{display:none!important}
html,body{margin:0;padding:0}
body{-webkit-text-size-adjust:100%}
img{max-width:100%}

/* ================= MULTI-PAGE ADDITIONS ================= */
/* video intro */
#intro{position:fixed;inset:0;z-index:300;background:#040404;overflow:hidden}
#intro iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#050505}
#intro .ibar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
#intro .ictl{position:absolute;right:var(--gutter);bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;z-index:2}
#intro button{background:rgba(0,0,0,.35);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font:500 12px var(--body);letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;border-radius:999px;cursor:pointer}
#intro button:hover{background:#fff;color:#000}
#intro .curtain{position:absolute;inset:0;background:var(--orange);transform:translateY(100%);z-index:3}
#intro.out{animation:introout .8s cubic-bezier(.7,0,.2,1) forwards}
#intro.out .curtain{animation:curtain .8s cubic-bezier(.7,0,.2,1) forwards}
@keyframes introout{to{clip-path:inset(0 0 100% 0)}}
@keyframes curtain{to{transform:translateY(0)}}

/* page transition wipe */
.pt{position:fixed;inset:0;z-index:280;background:var(--orange);pointer-events:none;transform:translateY(0);display:grid;place-items:center}
.pt img{width:min(40vw,260px);height:auto;opacity:.9}
.pt.gone{transform:translateY(-100%);transition:transform .7s cubic-bezier(.7,0,.2,1) .05s}
.pt.cover{transform:translateY(100%);transition:none}
.pt.cover.go{transform:translateY(0);transition:transform .55s cubic-bezier(.7,0,.2,1)}
@media (prefers-reduced-motion:reduce){.pt{display:none}}

/* hero letters wait for intro */
.hero h1 .ch{animation:none}
body.ready .hero h1 .ch{animation:rise .9s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--d,0) * 28ms)}
body:not(.ready) .rw .l{animation-play-state:paused}

/* nav active */
nav ul a.on{color:var(--fg);background:rgba(20,18,16,.08)}
.navlogo img{height:46px}

/* page header */
.pagehead{padding-block:clamp(130px,16vw,190px) clamp(40px,6vw,70px);position:relative;overflow:hidden}
.pagehead h1{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(80px,17vw,280px);line-height:.84;letter-spacing:.005em;margin-top:18px}
.pagehead h1 .o{color:var(--orange)}
.pagehead p{max-width:52ch;font-weight:300;font-size:clamp(16px,1.4vw,19px);color:var(--muted);margin:26px 0 0}
.pagehead .hand{position:absolute;right:var(--gutter);bottom:40px;font-family:var(--hand);font-size:clamp(24px,2.6vw,36px);color:var(--orange);transform:rotate(-6deg)}
.dark .pagehead p{color:var(--smoke)}

/* links row */
.morelink{display:inline-flex;align-items:center;gap:12px;margin-top:34px;font-weight:600;text-decoration:none;font-size:15px;border-bottom:2px solid var(--orange);padding-bottom:4px}
.morelink:hover{color:var(--orange)}
.dark .morelink{color:var(--bone)}

/* home service teaser cards are links */
a.svclink{text-decoration:none;color:inherit;display:block}

/* filters */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.filters button{background:transparent;border:1px solid rgba(246,242,236,.28);color:var(--bone);font:500 13px var(--body);padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.filters button.on,.filters button:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.prow[hidden]{display:none!important}

/* services detail */
.sdet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:clamp(50px,7vw,90px);border-top:1px solid var(--line)}
.sdet:nth-child(even) .sviz{order:-1}
.sdet .num{font-family:var(--hand);font-size:34px;color:var(--orange)}
.sdet h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(46px,6vw,96px);line-height:.9;margin:6px 0 18px}
.sdet p{margin:0 0 18px;max-width:46ch;font-weight:300;color:var(--muted);font-size:17px}
.sdet ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.sdet li{display:flex;gap:10px;align-items:baseline;font-size:15px}
.sdet li::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--orange);transform:rotate(45deg) translateY(-2px)}
.sdet .tools{display:flex;flex-wrap:wrap;gap:8px}
.sdet .tools span{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sviz{background:var(--card);border-radius:28px;box-shadow:var(--shadow);aspect-ratio:1/1;max-width:100%;display:grid;place-items:center;position:relative;overflow:hidden}
.sviz canvas{width:86%;height:86%;display:block}
.sviz .lab{position:absolute;left:20px;bottom:16px;font-family:var(--hand);font-size:24px;color:var(--orange)}
@media (max-width:820px){.sdet{grid-template-columns:minmax(0,1fr)}.sdet:nth-child(even) .sviz{order:0}.sviz{max-width:420px}}

/* studio page */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.fact{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:26px 24px;min-width:0}
.fact b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(46px,5vw,72px);line-height:1;color:var(--fg)}
.fact b em{font-style:normal;color:var(--orange)}
.fact span{display:block;margin-top:8px;color:var(--muted);font-size:14px}
.manif{font-weight:700;font-size:clamp(28px,4.2vw,64px);line-height:1.1;letter-spacing:-.03em;max-width:22ch;margin:0}
.manif .o{color:var(--orange)}
.manif .word{display:inline-block;opacity:.18;transition:opacity .5s}
.manif .word.lit{opacity:1}
.toolrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.toolrow span{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,4vw,56px);line-height:1;padding:12px 22px;border-radius:999px;border:1.5px solid var(--fg);transition:background .25s,color .25s}
.toolrow span:hover{background:var(--fg);color:var(--bg)}

/* contact page */
.cpage{background:var(--orange);color:#fff;min-height:100vh}
.cpage .pagehead p,.cpage .eyebrow{color:rgba(255,255,255,.88)}
.cpage .eyebrow::before{background:#fff}
.cpage .pagehead h1 .o{color:var(--fg)}
.cform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:28px;padding:clamp(20px,3vw,36px)}
.cform .full{grid-column:1/-1}
.cform label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.9)}
.cform input,.cform select,.cform textarea{width:100%;background:rgba(255,255,255,.95);color:var(--fg);border:0;border-radius:14px;padding:14px 16px;font:400 16px var(--body)}
.cform textarea{min-height:130px;resize:vertical}
.cform .chips{display:flex;flex-wrap:wrap;gap:8px}
.cform .chips label{margin:0;text-transform:none;letter-spacing:0;font-size:14px;cursor:pointer}
.cform .chips input{position:absolute;opacity:0;width:1px;height:1px}
.cform .chips span{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.6);transition:background .2s,color .2s}
.cform .chips input:checked + span{background:var(--fg);border-color:var(--fg);color:#fff}
.cform .chips input:focus-visible + span{outline:2px solid #fff;outline-offset:2px}
.cform .send{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.cform .btn.dark{background:var(--fg);border-color:var(--fg);color:#fff}
.cform .btn.dark:hover{background:#fff;color:var(--fg)}
.cform .out{grid-column:1/-1;background:rgba(0,0,0,.18);border-radius:14px;padding:16px;font-size:14px;white-space:pre-wrap;display:none}
.cform .out.show{display:block}
.cform .err{grid-column:1/-1;color:var(--fg);font-weight:600;font-size:14px;min-height:1em}
.cgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:22px}
.cgrid2>div{border-top:2px solid #fff;padding-top:14px;min-width:0}
.cgrid2 .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:6px}
.cgrid2 .v{font-size:clamp(18px,1.8vw,24px);font-weight:700;word-break:break-word;user-select:all}
@media (max-width:640px){.cform{grid-template-columns:minmax(0,1fr)}}

/* cta band */
.ctaband{background:var(--orange);color:#fff;border-radius:40px;margin-inline:var(--gutter);padding:clamp(40px,7vw,90px) clamp(24px,5vw,70px);position:relative;overflow:hidden}
.ctaband h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(54px,9vw,150px);line-height:.88}
.ctaband h2 .d{color:var(--fg)}
.ctaband .btn{margin-top:30px;background:var(--fg);border-color:var(--fg);color:#fff}
.ctaband .btn:hover{background:#fff;color:var(--fg)}
.ctaband img{position:absolute;right:-3%;bottom:-10%;width:min(60vw,640px);height:auto;opacity:.14;pointer-events:none}

/* footer */
footer.big{background:var(--fg);color:var(--smoke);padding-block:clamp(50px,6vw,80px) calc(28px + env(safe-area-inset-bottom,0px));margin-top:clamp(60px,8vw,110px)}
footer.big .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:40px;border-bottom:1px solid rgba(246,242,236,.12)}
footer.big .flogo{width:min(60vw,320px);height:auto}
footer.big ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
footer.big ul a{text-decoration:none;color:var(--bone)}
footer.big ul a:hover{color:var(--orange)}
footer.big .k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
footer.big .bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:13px}
.cpage + footer.big{margin-top:0}
/* safety: never leave the wipe covering the page if scripts fail */
.pt:not(.gone):not(.cover){animation:ptfail .6s cubic-bezier(.7,0,.2,1) 2.5s forwards}
@keyframes ptfail{to{transform:translateY(-100%)}}

/* ---------- CURSOR: play triangle ---------- */
.cur,.cur2{display:none!important}
.has-pcur,.has-pcur *{cursor:none!important}
.has-pcur input,.has-pcur textarea{cursor:text!important}
.pcur{position:fixed;left:0;top:0;z-index:400;pointer-events:none;opacity:0;transition:opacity .25s}
.pcur.on{opacity:1}
.ptri{position:absolute;left:0;top:0;width:22px;height:22px;transform-origin:50% 50%;transition:opacity .2s}
.ptri svg{width:100%;height:100%;display:block;overflow:visible}
.ptri path{fill:var(--orange);stroke:#fff;stroke-width:1.6;stroke-linejoin:round;paint-order:stroke;transition:fill .2s}
.pring{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1.5px solid var(--orange);transform:scale(0);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),opacity .25s}
.plbl{position:absolute;left:0;top:0;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:var(--orange);display:grid;place-items:center;transform:scale(0) rotate(-40deg);transition:transform .4s cubic-bezier(.2,.9,.3,1.3)}
.plbl span{font:800 12px var(--body);letter-spacing:.18em;color:#fff;margin-right:-.18em}
.pcur.link .ptri{opacity:.0}
.pcur.link .pring{transform:scale(1);opacity:1}
.pcur.link .pring::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--orange)}
.pcur.lab .ptri{opacity:0}
.pcur.lab .plbl{transform:none}
.pcur.text{opacity:0}
.pcur.press .ptri{filter:brightness(1.2)}
.pcur.press .plbl,.pcur.press .pring{transform:scale(.82)}
@media (hover:none),(pointer:coarse){.pcur{display:none}}

/* thinner hero lines */
.rot::after{height:3px;bottom:.02em;opacity:.9}
.hero h1 .o::after{display:none}
.rot{vertical-align:baseline}

/* ================= MOBILE ================= */
.menubtn{display:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--fg);cursor:pointer;position:relative;z-index:70;flex:none}
.menubtn span{position:absolute;left:14px;right:14px;height:2px;background:#fff;border-radius:2px;transition:transform .35s cubic-bezier(.7,0,.2,1),top .35s}
.menubtn span:nth-child(1){top:19px}.menubtn span:nth-child(2){top:27px}
.menu-open .menubtn{background:#fff}
.menu-open .menubtn span{background:var(--fg)}
.menu-open .menubtn span:nth-child(1){top:23px;transform:rotate(45deg)}
.menu-open .menubtn span:nth-child(2){top:23px;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:55;background:var(--orange);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(110px + env(safe-area-inset-top,0px)) var(--gutter) calc(30px + env(safe-area-inset-bottom,0px));animation:mmin .5s cubic-bezier(.7,0,.2,1)}
@keyframes mmin{from{clip-path:circle(0% at calc(100% - 40px) 40px)}to{clip-path:circle(150% at calc(100% - 40px) 40px)}}
.mmenu ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mmenu a{display:flex;align-items:baseline;gap:14px;text-decoration:none;font-family:var(--display);text-transform:uppercase;font-size:clamp(52px,15vw,88px);line-height:1}
.mmenu a small{font-family:var(--hand);font-size:22px;color:var(--fg);text-transform:none}
.mmenu a.on{color:var(--fg)}
.mmenu li{opacity:0;transform:translateY(30px);animation:mli .5s cubic-bezier(.2,.9,.2,1) forwards}
.mmenu li:nth-child(1){animation-delay:.12s}.mmenu li:nth-child(2){animation-delay:.17s}.mmenu li:nth-child(3){animation-delay:.22s}.mmenu li:nth-child(4){animation-delay:.27s}.mmenu li:nth-child(5){animation-delay:.32s}
@keyframes mli{to{opacity:1;transform:none}}
.mmenu .mfoot{display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:600}
.menu-open nav .bar{background:transparent!important;box-shadow:none!important}
.menu-open .navlogo img{filter:none}
@media (max-width:860px){
  .menubtn{display:block}
  .navcta2{display:none}
  nav .bar{height:60px;margin-top:10px;padding:0 6px 0 14px}
  .navlogo img{height:36px}
}
@media (max-width:640px){
  body{font-size:15px}
  section{padding-block:64px}
  .hero{padding-block:96px 34px}
  .hero h1{font-size:clamp(38px,11.5vw,56px);margin-top:18px}
  .hero p.lede{margin:18px 0 24px}
  .hero .ctas{gap:16px}
  .btn{padding:13px 18px}
  .stats{margin-top:30px;gap:16px 12px}
  .stage{max-width:100%;margin-top:6px}
  .float{animation:none}
  .f1{right:0;top:0}
  .f2{right:0;top:auto;bottom:4%}
  .f3{display:none}
  .stage .hand{bottom:-4px;right:6%;font-size:18px}
  .marquee span{font-size:24px;padding:8px 0}
  .marquee.o{margin-top:-34px}
  .sechead{margin-bottom:28px}
  .sechead h2{font-size:clamp(34px,10vw,48px)}
  .svc{gap:12px}
  .svc article{padding:20px 18px 22px;border-radius:18px}
  .svc article:hover{transform:none}
  .bigline{padding-block:36px}
  .bigline .row{font-size:clamp(48px,15vw,80px)}
  .logos div{padding:22px 12px}
  .countries{gap:8px}.countries span.c{padding:8px 14px;font-size:13px}.countries .lbl{font-size:24px;width:100%}
  .steps{gap:12px}.step{padding:24px 20px}
  .ctaband{border-radius:26px;padding:36px 22px}
  .ctaband h2{font-size:clamp(44px,13vw,64px)}
  .pagehead{padding-block:110px 30px}
  .pagehead h1{font-size:clamp(64px,21vw,120px)}
  .pagehead .hand{display:none}
  .ptitle{font-size:clamp(32px,10vw,48px)}
  .prow{gap:4px 14px}
  .prow:hover .ptitle{transform:none}
  .sdet{padding-block:40px;gap:22px}
  .sdet h2{font-size:clamp(40px,12vw,60px)}
  .sdet p{font-size:16px}
  .sviz{border-radius:20px}
  .sviz .lab{display:none}
  .toolrow span{font-size:26px;padding:10px 16px}
  .manif{font-size:clamp(26px,7.4vw,36px)}
  .fact{padding:20px 18px}
  .cform{border-radius:20px;padding:18px}
  .cform input,.cform select,.cform textarea{font-size:16px}
  footer.big .top{flex-direction:column}
  #intro .ictl{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media (hover:none){
  .svc article:hover{background:var(--card);color:var(--fg);transform:none}
  .svc article:hover p,.svc article:hover .tool{color:var(--muted)}
  .prow::before{display:none}
}

/* bigger logo + pdf button */
nav .bar{height:72px}
.ctaband .pdfbtn{background:transparent;border-color:#fff;color:#fff;margin-left:10px}
.ctaband .pdfbtn:hover{background:#fff;color:var(--fg)}
.ctaband .pdfbtn .arrow{background:#fff;color:var(--orange)}
footer.big .flogo{width:min(70vw,380px);height:auto}
@media (max-width:860px){nav .bar{height:64px}}
@media (max-width:640px){.ctaband .pdfbtn{margin:12px 0 0}}

/* WhatsApp button */
.wa{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:10px;height:56px;padding:0 16px 0 14px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font:600 14px var(--body);box-shadow:0 12px 28px -8px rgba(37,211,102,.6),0 2px 6px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.2,.9,.3,1.3)}
.wa svg{width:28px;height:28px;flex:none}
.wa:hover{transform:translateY(-3px) scale(1.04)}
.wa::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25D366;animation:wapulse 2.4s ease-out infinite;pointer-events:none}
@keyframes wapulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@media (max-width:640px){.wa{height:52px;width:52px;padding:0;justify-content:center}.wa span{display:none}}
@media (prefers-reduced-motion:reduce){.wa::before{animation:none}}
body:has(#intro) .wa{opacity:0;pointer-events:none}

/* ---------- MARKETING LEADERSHIP PROFILE ---------- */
.mkt-profile{padding-block:clamp(44px,6vw,72px) clamp(20px,3vw,36px);background:var(--bg)}
.mkt-card{
  background:var(--dark);
  color:var(--bone);
  border:1px solid rgba(255,255,255,.09);
  border-radius:28px;
  padding:clamp(26px,4vw,44px);
  display:grid;
  grid-template-columns:clamp(210px,27%,290px) 1fr;
  align-items:center;
  gap:clamp(24px,4.5vw,56px);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.mkt-card::before{
  content:"";
  position:absolute;
  left:-50px;
  top:-50px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,107,31,.13),transparent 70%);
  pointer-events:none;
}
.mkt-media{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(20,18,16,.55) 100%);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  overflow:hidden;
  height:clamp(270px,32vw,350px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.mkt-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:bottom center;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.55));
}
.mkt-body{position:relative;z-index:1}
.mkt-body .eyebrow{color:var(--orange);margin-bottom:10px}
.mkt-body .eyebrow::before{background:var(--orange)}
.mkt-name{
  font-family:var(--body);
  font-weight:800;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.12;
  letter-spacing:-.03em;
  margin:0 0 8px;
  color:#fff;
}
.mkt-role{
  font-size:clamp(14px,1.2vw,16.5px);
  font-weight:600;
  color:var(--smoke);
  margin:0 0 18px;
  letter-spacing:-.01em;
}
.mkt-role .mkt-bullet{color:var(--orange);margin-inline:6px;font-weight:700}
.mkt-role .mkt-company{color:var(--bone);font-weight:700}
.mkt-bio{
  margin:0;
  font-size:clamp(15px,1.25vw,17px);
  line-height:1.65;
  font-weight:300;
  color:#D6D0C7;
  max-width:52ch;
}
@media (max-width:780px){
  .mkt-card{
    grid-template-columns:1fr;
    text-align:left;
    padding:26px 20px;
    gap:22px;
  }
  .mkt-media{
    height:280px;
    max-width:260px;
    margin:0 auto;
    width:100%;
  }
}

/* ---------- ACCESSIBILITY & SEO UTILITIES ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- FAQ ACCORDION SECTION ---------- */
.faqsec{padding-block:clamp(50px,7vw,90px);border-top:1px solid var(--line)}
.faqgrid{display:grid;gap:16px;max-width:980px;margin:32px auto 0}
.faqitem{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.faqitem[open]{border-color:var(--orange)}
.faqq{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;font-family:var(--body);font-size:clamp(16px,1.25vw,18px);font-weight:700;color:var(--fg);cursor:pointer;list-style:none;user-select:none}
.faqq::-webkit-details-marker{display:none}
.faqicon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(20,18,16,.05);color:var(--fg);font-size:20px;font-weight:400;flex-shrink:0;transition:transform .25s,background .25s,color .25s}
.faqitem[open] .faqicon{transform:rotate(45deg);background:var(--orange);color:#fff}
.faqa{padding:0 28px 24px;color:var(--muted);font-size:15px;line-height:1.7}
.faqa p{margin:0 0 10px}
.faqa p:last-child{margin-bottom:0}