
#pt{position:fixed;inset:0;z-index:99999;overflow:hidden;pointer-events:all;font-family:Archivo,system-ui,sans-serif;visibility:visible;background:#FF003D;animation:ptfs 0s linear 9s forwards}
body.pg-home #pt{background:#161D25}
@keyframes ptfs{to{visibility:hidden}}
#pt.show{visibility:visible}
html.pt-lock,html.pt-lock body{overflow:hidden!important;height:100%}
#pt .ld{position:absolute;inset:0;overflow:hidden;background:#161D25;color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,34px);transition:transform .95s cubic-bezier(.76,0,.24,1),border-radius .5s ease;border-radius:0}
#pt.is-ld .ld{display:flex}
#pt.is-ld.lift .ld{transform:translateY(-101%);border-radius:0 0 50% 50%/0 0 9vw 9vw}
#pt .ld:before{content:"";position:absolute;left:50%;top:50%;width:min(90vw,900px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.28),rgba(255,0,61,0) 65%)}
.pt-logo{position:relative;width:clamp(120px,13vw,200px);height:auto;overflow:visible}
.pt-c{fill:#FF003D;transform-box:fill-box;transform-origin:center;transform:scale(0);animation:ptpop .7s cubic-bezier(.34,1.56,.64,1) .05s forwards}
.pt-px{fill:#fff;transform-box:fill-box;transform-origin:center;opacity:0;animation:ptdrop .75s cubic-bezier(.33,1.4,.5,1) var(--d) forwards}
.pt-px.dot{fill:#161D25}
@keyframes ptpop{to{transform:scale(1)}}
@keyframes ptdrop{0%{opacity:0;transform:translate(calc(var(--x)*1px),-70px) rotate(calc(var(--r)*1deg)) scale(1.5)}25%{opacity:1}100%{opacity:1;transform:none}}
#pt.flood .pt-px{animation:ptfade .4s ease forwards}
#pt.flood .pt-c{animation:ptflood 1s cubic-bezier(.76,0,.24,1) forwards}
@keyframes ptfade{from{opacity:1}to{opacity:0}}
@keyframes ptflood{from{transform:scale(1)}to{transform:scale(60)}}
.pt-word{position:relative;display:flex;overflow:hidden;font-weight:500;font-stretch:108%;font-size:clamp(34px,4.6vw,72px);letter-spacing:-.045em;line-height:1.1;padding:0 .04em .08em}
.pt-word span{display:inline-block;transform:translateY(115%) rotate(6deg);animation:ptup .8s cubic-bezier(.2,.8,.2,1) calc(1.35s + var(--i)*.05s) forwards}
.pt-word b{display:inline-block;width:.2em;height:.2em;background:#FF003D;align-self:flex-end;margin:0 0 .17em .06em;transform:scale(0);animation:ptpop .5s cubic-bezier(.34,1.56,.64,1) 2.05s forwards}
@keyframes ptup{to{transform:none}}
#pt.flood .pt-word{opacity:0;transition:opacity .35s}
.pt-cnt{position:absolute;left:clamp(20px,3vw,48px);bottom:clamp(20px,3vw,44px);display:flex;align-items:baseline;gap:4px;font:500 clamp(40px,7vw,120px)/0.8 Archivo,system-ui,sans-serif;font-stretch:110%;letter-spacing:-.05em;color:rgba(255,255,255,.9);font-variant-numeric:tabular-nums}
.pt-cnt small{font-size:.3em;letter-spacing:0}
.pt-tag{position:absolute;right:clamp(20px,3vw,48px);bottom:clamp(20px,3vw,44px);font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.55);text-align:right}
.pt-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1)}
.pt-bar i{display:block;height:100%;width:100%;background:#FF003D;transform-origin:0 50%;transform:scaleX(0)}
#pt.flood .pt-cnt,#pt.flood .pt-tag,#pt.flood .pt-bar{opacity:0;transition:opacity .3s}
#pt .p1,#pt .p2{position:absolute;inset:0;transform:translateY(101%);transition:transform .85s cubic-bezier(.76,0,.24,1) var(--d,0s);display:none}
#pt.is-tr .p1,#pt.is-tr .p2{display:block}
#pt .p1{background:#FFC6D3}
#pt .p2{background:#FF003D;color:#fff;display:none;flex-direction:column;justify-content:space-between;padding:clamp(20px,3vw,48px)}
#pt.is-tr .p2{display:flex}
#pt.is-tr.in .p1{transform:none;--d:0s}#pt.is-tr.in .p2{transform:none;--d:.14s}
#pt.is-tr.cov .p1,#pt.is-tr.cov .p2{transform:none;transition:none}
#pt.is-tr.out .p2{transform:translateY(-101%);--d:0s}#pt.is-tr.out .p1{transform:translateY(-101%);--d:.14s}
.tr-top{display:flex;justify-content:space-between;align-items:center;font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
.tr-top svg{width:clamp(40px,3.4vw,56px);height:auto;color:#fff;animation:ptspin 1.4s cubic-bezier(.76,0,.24,1) infinite}
@keyframes ptspin{0%{transform:rotate(0)}60%,100%{transform:rotate(360deg)}}
.tr-lab{display:block;overflow:hidden;font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,11vw,250px);line-height:1;letter-spacing:-.01em;padding-bottom:.06em}
.tr-lab i{display:block;font-style:normal;transform:translateY(112%);transition:transform .9s cubic-bezier(.2,.8,.2,1) .5s}
#pt.in .tr-lab i,#pt.cov .tr-lab i{transform:none}
#pt.cov .tr-lab i{transition:none}
.tr-bot{display:flex;align-items:center;gap:16px}
.tr-line{flex:1;height:2px;background:rgba(255,255,255,.35);overflow:hidden;border-radius:2px}
.tr-line i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s cubic-bezier(.76,0,.24,1)}
#pt.in .tr-line i,#pt.cov .tr-line i{transform:none}#pt.cov .tr-line i{transition:none}
.tr-bot span{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
@media (prefers-reduced-motion:reduce){#pt{display:none!important}}

/* ===== home ===== */
:root:where(:has(body.pg-home)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-home),:where(body.pg-home) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-home)),html.lenis:where(:has(body.pg-home)) body{height:auto}
:where(body.pg-home) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-home) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-home){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:where(body.pg-home) a{color:inherit;text-decoration:none}
:where(body.pg-home) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-home) img{display:block;max-width:100%}
:where(body.pg-home) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-home) .red :focus-visible,:where(body.pg-home) .dark :focus-visible{outline-color:#fff}
:where(body.pg-home) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-home) .red{background:var(--red);color:#fff}
:where(body.pg-home) .dark{background:var(--ink);color:#fff}
:where(body.pg-home) .surf{background:var(--surf)}
:where(body.pg-home) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-home) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-home) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-home) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-home) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-home) .pill.k{background:var(--ink);color:#fff}
:where(body.pg-home) .pill.k:hover{background:var(--red)}
:where(body.pg-home) .pill.r{background:var(--red);color:#fff}
:where(body.pg-home) .pill.r:hover{background:var(--ink)}
:where(body.pg-home) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-home) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-home) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-home) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-home) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-home) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-home) .logo i{font-style:normal}
:where(body.pg-home) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-home) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-home) #fhd .lm,:where(body.pg-home) #menu .lm,:where(body.pg-home) .ft .lm{color:var(--red)}
:where(body.pg-home) #fhd .logo i,:where(body.pg-home) #menu .logo i,:where(body.pg-home) .ft .logo i{color:var(--red)}
:where(body.pg-home) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-home) .hmain{flex:1;display:grid;align-content:center;padding:clamp(48px,9vh,140px) 0 clamp(110px,17vh,190px)}
:where(body.pg-home) .hmain>*{grid-area:1/1}
:where(body.pg-home) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(38px,7.15vw,190px);line-height:1.08;letter-spacing:-.005em}
:where(body.pg-home) .hh .row{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:.3em}
:where(body.pg-home) .hh .row .w+.w{margin-left:auto}
:where(body.pg-home) .hh .ch{display:inline-block;font-style:normal}
:where(body.pg-home) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-home) .w>span{display:block}
:where(body.pg-home) .hp{align-self:end;justify-self:end;max-width:19.5em;font-size:clamp(14px,.88vw,18px);line-height:1.5;margin-bottom:.1em;position:relative;z-index:3}
:where(body.pg-home) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-home) .hfoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-top:clamp(26px,4.4vh,56px);font-size:clamp(13px,.78vw,16px);text-transform:uppercase;color:rgba(255,255,255,.78)}
:where(body.pg-home) .hfoot b,:where(body.pg-home) .hfoot a{font-weight:400;color:#fff}
:where(body.pg-home) .hfoot a:hover{text-decoration:underline;text-underline-offset:3px}
:where(body.pg-home) .hfoot .rvchip{display:inline-flex;align-items:center;gap:clamp(8px,.8vw,14px);padding:5px 5px 5px clamp(14px,1.2vw,20px);border-radius:99px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);text-transform:none;font-size:clamp(13px,.92vw,16px);color:#fff;transition:background .45s var(--ease),color .45s var(--ease),transform .5s var(--ease),box-shadow .45s}
:where(body.pg-home) .rvchip:hover{text-decoration:none!important;background:#fff;color:var(--ink);transform:translateY(-3px);box-shadow:0 14px 30px rgba(90,0,20,.28)}
:where(body.pg-home) .rvchip .rs{display:inline-flex;gap:1px;font-size:1.05em;letter-spacing:0}
:where(body.pg-home) .rvchip .rs i{font-style:normal;display:inline-block;animation:twk 2.8s ease-in-out infinite}
:where(body.pg-home) .rvchip .rs i:nth-child(2){animation-delay:.18s}
:where(body.pg-home) .rvchip .rs i:nth-child(3){animation-delay:.36s}
:where(body.pg-home) .rvchip .rs i:nth-child(4){animation-delay:.54s}
:where(body.pg-home) .rvchip .rs i:nth-child(5){animation-delay:.72s}
:where(body.pg-home) .rvchip:hover .rs{color:var(--red)}
:where(body.pg-home) .rvchip b{font-weight:500;font-stretch:108%;font-size:1.15em;letter-spacing:-.02em}
:where(body.pg-home) .rvchip .rd{width:1px;height:1.1em;background:currentColor;opacity:.35}
:where(body.pg-home) .rvchip .rt{opacity:.9}
:where(body.pg-home) .rvchip em{font-style:normal;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:#fff;color:var(--red);font-weight:500;transition:background .45s var(--ease),color .45s}
:where(body.pg-home) .rvchip:hover em{background:var(--red);color:#fff}
:where(body.pg-home) .rvchip em svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease)}
:where(body.pg-home) .rvchip:hover em svg{transform:translateX(4px)}
@keyframes twk{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.28);opacity:.7}}
@media (max-width:820px){:where(body.pg-home) .hfoot .rvchip{order:3;width:100%;justify-content:space-between}
:where(body.pg-home) .rvchip .rt,:where(body.pg-home) .rvchip .rd{display:none}}
:where(body.pg-home) .coins{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;border-radius:inherit}
:where(body.pg-home) .hero.grab{cursor:grab}
:where(body.pg-home) .hero.grabbing{cursor:grabbing}
:where(body.pg-home) .coin{position:absolute;left:0;top:0;border-radius:50%;display:grid;place-items:center;will-change:transform;
  box-shadow:0 10px 18px rgba(80,0,20,.22),inset 0 -.09em .16em rgba(0,0,0,.2),inset 0 .08em .12em rgba(255,255,255,.6)}
:where(body.pg-home) .coin:before{content:"";position:absolute;inset:7%;border-radius:50%;box-shadow:inset 0 .05em .08em rgba(0,0,0,.14),inset 0 -.04em .06em rgba(255,255,255,.5)}
:where(body.pg-home) .coin svg{position:relative;width:64%;height:64%;display:block;filter:drop-shadow(0 .035em 0 rgba(255,255,255,.55)) drop-shadow(0 -.02em 0 rgba(0,0,0,.14))}
:where(body.pg-home) .pinwrap{padding:0}
:where(body.pg-home) .stmt{margin:var(--gap);height:calc(100svh - var(--gap)*2);display:grid;place-items:center;padding:var(--pad)}
:where(body.pg-home) .cons{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(body.pg-home) .cons .gl{stroke:#D5D7DC;stroke-width:1;fill:none}
:where(body.pg-home) .cons .ol{stroke:#B9BCC3;stroke-width:1.2;fill:none}
:where(body.pg-home) .cons .fl{fill:#E3E4E8;opacity:0}
:where(body.pg-home) .cons .nd{fill:var(--surf);stroke:#A9ADB5;stroke-width:1}
:where(body.pg-home) .sbox{display:grid;position:relative;z-index:1;perspective:1600px;perspective-origin:50% 50%}
:where(body.pg-home) .st{grid-area:1/1;align-self:center;font-family:"Lexend",sans-serif;font-weight:350;font-size:clamp(32px,5.5vw,128px);line-height:1.04;letter-spacing:-.02em;text-align:center;max-width:10.6em;margin:0 auto;color:var(--ink);transform-style:preserve-3d}
:where(body.pg-home) .st .sw{display:inline-block}
:where(body.pg-home) .st .ln{display:block;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
:where(body.pg-home) .cons .pie{fill:none;stroke:#E3E4E8}
:where(body.pg-home) .cons .rf{fill:#E3E4E8}
:where(body.pg-home) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-home) #fhd.on{transform:none}
:where(body.pg-home) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-home) #fhd nav{display:flex;gap:8px}
:where(body.pg-home) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-home) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-home) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-home) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-home) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-home) #fhd .ghost{display:none}}
:where(body.pg-home) .mega{overflow:hidden;text-align:center;padding:clamp(70px,10vw,200px) var(--gap) 0;line-height:.84}
:where(body.pg-home) .mega span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(50px,13vw,280px)}
:where(body.pg-home) .sh{overflow:hidden;text-align:center;line-height:.9;padding-top:clamp(40px,5vw,96px)}
:where(body.pg-home) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(50px,7.6vw,170px)}
:where(body.pg-home) .gal{position:relative;overflow-x:clip;display:flex;flex-direction:column;padding:clamp(70px,9vw,180px) 7vw clamp(90px,11vw,220px)}
:where(body.pg-home) .squig{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
:where(body.pg-home) .squig path,:where(body.pg-home) .lsq path{fill:none;stroke:var(--pink);stroke-width:clamp(11px,.95vw,20px);stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-home) .squig path{stroke-dasharray:0 99999}
:where(body.pg-home) .gcard{position:relative;z-index:1;display:block;width:clamp(240px,27vw,560px)}
:where(body.pg-home) .gcard:nth-of-type(odd){align-self:flex-start;margin-left:2vw}
:where(body.pg-home) .gcard:nth-of-type(even){align-self:flex-end;margin-right:3vw}
:where(body.pg-home) .gcard+.gcard{margin-top:-13vw}
:where(body.pg-home) .gimg{position:relative;aspect-ratio:7/8;border-radius:clamp(14px,1.1vw,22px);overflow:hidden;display:grid;place-items:center;background:var(--ink)}
:where(body.pg-home) .gimg .liq{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
:where(body.pg-home) .gimg.gl .liq{opacity:1}
:where(body.pg-home) .gimg.gl img{visibility:hidden}
:where(body.pg-home) .gimg.s{background:var(--surf)}
:where(body.pg-home) .gimg.r{background:var(--red)}
:where(body.pg-home) .gimg img{width:84%;border-radius:clamp(6px,.6vw,12px);box-shadow:0 24px 60px rgba(0,0,0,.35);transition:transform 1s var(--ease)}
:where(body.pg-home) .gimg.s img{box-shadow:0 24px 50px rgba(22,29,37,.18)}
:where(body.pg-home) .gcard:hover .gimg:not(.gl) img{transform:scale(1.05) rotate(-1deg)}
:where(body.pg-home) .gmeta{padding-top:clamp(12px,1vw,18px)}
:where(body.pg-home) .gmeta small{display:block;font-size:clamp(12px,.72vw,14px);color:var(--mute)}
:where(body.pg-home) .gmeta h3{font-size:clamp(24px,2.1vw,44px);font-weight:400;letter-spacing:-.025em;line-height:1.15;transition:color .3s}
:where(body.pg-home) .gcard:hover h3{color:var(--red)}
:where(body.pg-home) .plist{padding:clamp(26px,3.4vw,64px) 0 clamp(26px,3vw,52px)}
:where(body.pg-home) .lsq{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
:where(body.pg-home) .prow{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(6px,.55vw,12px) var(--pad);transition:background .35s var(--ease)}
:where(body.pg-home) .prow:hover{background:rgba(255,255,255,.72)}
:where(body.pg-home) .prow h3,:where(body.pg-home) .prow .meta{transition:opacity .35s}
:where(body.pg-home) .prow h3{font-size:clamp(28px,2.3vw,48px);font-weight:400;letter-spacing:-.025em;line-height:1.2}
:where(body.pg-home) .meta{display:flex;align-items:center;gap:10px;font-size:clamp(14px,.85vw,17px);white-space:nowrap}
:where(body.pg-home) .meta i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;transition:background .3s,opacity .3s}
:where(body.pg-home) .meta b{font-weight:400;transition:color .3s}
:where(body.pg-home) .prow:hover .meta i{background:var(--red);opacity:1}
:where(body.pg-home) .prow:hover .meta b{color:var(--red)}
:where(body.pg-home) .plist:hover .prow h3,:where(body.pg-home) .plist:hover .prow .meta{opacity:.3}
:where(body.pg-home) .plist .prow:hover h3,:where(body.pg-home) .plist .prow:hover .meta{opacity:1}
:where(body.pg-home) .all{position:relative;z-index:1;display:inline-flex;gap:8px;margin:clamp(26px,3vw,52px) 0 0 var(--pad);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
:where(body.pg-home) .all:hover{color:var(--red)}
:where(body.pg-home) .pvb{position:absolute;z-index:2;left:50%;top:50%;width:clamp(150px,10.8vw,270px);aspect-ratio:5/6;margin:0;transform:translate(-50%,-50%);pointer-events:none;opacity:0;visibility:hidden}
:where(body.pg-home) .pvi{position:absolute;inset:0;width:100%;height:100%;border-radius:clamp(10px,.8vw,16px);object-fit:cover;box-shadow:0 18px 40px rgba(22,29,37,.18)}
:where(body.pg-home) .svc{overflow:clip;padding-bottom:clamp(30px,5vh,70px)}
:where(body.pg-home) .stack{display:flow-root;padding:clamp(70px,14vh,180px) var(--pad) 0}
:where(body.pg-home) .scard{position:sticky;top:calc(13vh + var(--i)*14px);width:min(1060px,94%);margin:0 auto clamp(90px,24vh,280px);background:#fff;color:var(--ink);border-radius:clamp(20px,1.8vw,34px);padding:clamp(22px,2.4vw,46px);min-height:min(58vh,580px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;will-change:transform}
:where(body.pg-home) .stack:after{content:"";display:block;height:clamp(140px,26vh,280px)}
:where(body.pg-home) .scard .n{color:var(--red);font-size:13px}
:where(body.pg-home) .scard h3{font-size:clamp(28px,2.4vw,46px);font-weight:400;letter-spacing:-.025em;margin:6px 0 14px;line-height:1.1}
:where(body.pg-home) .scard p{max-width:46ch;color:var(--mute);font-size:clamp(14px,.92vw,17px)}
:where(body.pg-home) .scard .tx{position:relative;z-index:1}
:where(body.pg-home) .scard .ill{position:absolute;right:4%;top:10%;width:44%;height:78%;fill:none;stroke:#C5C8CE;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
:where(body.pg-home) .ill .fl{fill:#E5E7EA;stroke:none;transform-box:fill-box;transform-origin:0 50%}
:where(body.pg-home) .ill .nd{fill:#fff;stroke:#9EA3AB;stroke-width:1.2;transform-box:fill-box;transform-origin:50% 50%}
:where(body.pg-home) .ill .pop{fill:#fff;stroke:#9EA3AB;stroke-width:1.2;transform-box:fill-box;transform-origin:50% 50%}
:where(body.pg-home) .ill .pop.sw:nth-of-type(n){fill:#E5E7EA}
:where(body.pg-home) .ill .cur{fill:#161D25;stroke:none}
:where(body.pg-home) .ill .curs{fill:#161D25;stroke:#fff;stroke-width:1.5}
:where(body.pg-home) .ill .pk{fill:var(--red);stroke:none}
:where(body.pg-home) .ill .core{fill:var(--red);stroke:none}
:where(body.pg-home) .ill .bd{fill:#161D25;stroke:none;font:500 15px Archivo,sans-serif}
:where(body.pg-home) .ill .bd.big{font-size:64px;fill:#B9BDC4}
:where(body.pg-home) .ill .badge{fill:var(--red);stroke:none}
:where(body.pg-home) .ill .badge+.bd{fill:#fff}
:where(body.pg-home) .ill .dash{stroke-dasharray:4 8}
:where(body.pg-home) .ill .spin{transform-box:fill-box;transform-origin:50% 50%}
:where(body.pg-home) .scard .pill{position:relative;z-index:1;align-self:flex-start;margin-top:28px}
:where(body.pg-home) .tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;max-width:min(52%,34em)}
:where(body.pg-home) .tags li{background:var(--surf);border-radius:99px;padding:6px 14px;font-size:clamp(13px,.85vw,15px);line-height:1.2;white-space:nowrap}
:where(body.pg-home) .vids{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);padding:clamp(48px,6vw,110px) var(--gap) 0}
:where(body.pg-home) .vid{display:block;width:100%;text-align:left}
:where(body.pg-home) .vthumb{position:relative;aspect-ratio:16/10;border-radius:var(--rad);overflow:hidden;background:var(--ink)}
:where(body.pg-home) .vthumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
:where(body.pg-home) .vthumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,29,37,.8),rgba(22,29,37,0) 55%)}
:where(body.pg-home) .vid:hover .vthumb img{transform:scale(1.04)}
:where(body.pg-home) .vplay{position:absolute;z-index:2;top:50%;left:50%;width:clamp(64px,5vw,96px);aspect-ratio:1;margin:calc(clamp(64px,5vw,96px)/-2);border-radius:50%;background:#fff;display:grid;place-items:center;transition:transform .5s var(--ease),background .3s}
:where(body.pg-home) .vplay:after{content:"";border-left:18px solid var(--red);border-block:11px solid transparent;margin-left:5px}
:where(body.pg-home) .vid:hover .vplay{transform:scale(1.12)}
:where(body.pg-home) .vq{position:absolute;z-index:2;left:clamp(18px,1.8vw,34px);bottom:clamp(16px,1.6vw,30px);right:20px;color:#fff;font-size:clamp(22px,2vw,40px);letter-spacing:-.025em;line-height:1.1;max-width:18ch}
:where(body.pg-home) .vwho{padding:14px 4px 0;font-size:16px}
:where(body.pg-home) .vwho span{color:var(--mute)}
:where(body.pg-home) .rvup{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:clamp(28px,3vw,56px) var(--pad) 0}
:where(body.pg-home) .rvup p{font-size:clamp(22px,2vw,38px);letter-spacing:-.025em;line-height:1.15;max-width:22ch}
:where(body.pg-home) .team{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);padding:clamp(48px,6vw,110px) var(--gap) 0}
:where(body.pg-home) .tc{display:block}
:where(body.pg-home) .tp{aspect-ratio:4/5;border-radius:var(--rad);overflow:hidden;background:var(--surf)}
:where(body.pg-home) .tp img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
:where(body.pg-home) a.tc:hover .tp img{transform:scale(1.05)}
:where(body.pg-home) .tm{padding:16px 4px 0}
:where(body.pg-home) .tm small{display:block;font-size:13px;color:var(--mute)}
:where(body.pg-home) .tm h3{font-size:clamp(24px,2vw,40px);font-weight:400;letter-spacing:-.025em;line-height:1.15}
:where(body.pg-home) .tm span{display:inline-block;margin-top:6px;font-size:15px;border-bottom:1px solid currentColor}
:where(body.pg-home) a.tc:hover .tm span{color:var(--red)}
:where(body.pg-home) .cta{height:80svh;min-height:420px;margin-top:clamp(60px,8vw,150px)}
:where(body.pg-home) .pick{--sw:6em;position:absolute;inset:0;font-size:clamp(34px,5vw,108px);font-weight:500;letter-spacing:-.03em}
:where(body.pg-home) .drum{position:absolute;inset:0}
:where(body.pg-home) .slot{position:absolute;left:50%;top:50%;z-index:1;white-space:nowrap;border:3px solid #fff;border-radius:99px;padding:.06em .46em .16em;line-height:1.1;color:#fff;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-home) .slot:hover{background:rgba(255,255,255,.18)}
:where(body.pg-home) .slot.on{background:#fff;color:var(--red);z-index:2}
:where(body.pg-home) .slot.on:hover{background:#E9E9EC}
:where(body.pg-home) .ineed{position:absolute;top:50%;right:calc(50% + var(--sw)/2 + .55em);transform:translateY(-52%);z-index:0;font-size:1.55em;font-weight:400;letter-spacing:-.035em;white-space:nowrap;line-height:1}
:where(body.pg-home) .next{position:absolute;top:50%;left:calc(50% + var(--sw)/2 + .55em);transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;gap:.35em;background:#fff;color:var(--red);border:3px solid #fff;border-radius:99px;padding:.06em .5em .16em .7em;line-height:1.1;white-space:nowrap;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-home) .next svg{width:.62em;height:.62em;stroke:currentColor;stroke-width:2.6;fill:none;transition:transform .4s var(--ease)}
:where(body.pg-home) .next:hover{background:var(--ink);border-color:var(--ink);color:#fff}
:where(body.pg-home) .next:hover svg{transform:translateX(.12em)}
:where(body.pg-home) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-home) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-home) .ft>*{position:relative}
:where(body.pg-home) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-home) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-home) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-home) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-home) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-home) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-home) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-home) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-home) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-home) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-home) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-home) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-home) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-home) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-home) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-home) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-home) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-home) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-home) .ft-studio p+p{margin-top:14px}
:where(body.pg-home) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-home) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-home) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-home) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-home) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-home) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-home) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-home) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-home) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-home) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-home) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-home) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-home) .legal{display:flex;gap:22px}
:where(body.pg-home) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-home) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-home) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-home) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-home) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-home) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-home) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-home) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-home) #menu nav{display:grid}
:where(body.pg-home) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-home) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-home) #menu nav a:hover span{color:var(--red)}
:where(body.pg-home) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-home) #menu .mfoot a:hover{color:#fff}
:where(body.pg-home) .kw{padding:clamp(24px,3.4vw,64px) var(--pad) var(--pad);display:flex;flex-direction:column;gap:clamp(26px,3vw,52px)}
:where(body.pg-home) .kw:before{content:"";position:absolute;left:-12%;top:-30%;width:min(70vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.22),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-home) .kw>*{position:relative}
:where(body.pg-home) .tm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
:where(body.pg-home) .tm-eye{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(12px,1.2vw,22px)}
:where(body.pg-home) .tm-h{font-weight:500;font-stretch:108%;font-size:clamp(40px,6vw,120px);line-height:.92;letter-spacing:-.045em}
:where(body.pg-home) .tm-score{display:flex;align-items:center;gap:clamp(14px,1.4vw,24px);flex-wrap:wrap}
:where(body.pg-home) .tm-score b{font-weight:500;font-stretch:110%;font-size:clamp(54px,6vw,110px);letter-spacing:-.05em;line-height:.85}
:where(body.pg-home) .tm-stars{display:block;color:var(--red);letter-spacing:.14em;font-size:clamp(16px,1.3vw,24px)}
:where(body.pg-home) .tm-score small{display:block;font-size:clamp(13px,.9vw,16px);color:rgba(255,255,255,.62);margin-top:4px}
:where(body.pg-home) .tm-main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:var(--gap);align-items:start}
:where(body.pg-home) .tm-card{position:relative;background:#fff;color:var(--ink);border-radius:var(--rad);padding:clamp(24px,3.2vw,64px);display:flex;flex-direction:column;gap:clamp(18px,1.8vw,30px);min-height:clamp(380px,34vw,600px);overflow:hidden;touch-action:pan-y;cursor:grab;transform-style:preserve-3d;will-change:transform}
:where(body.pg-home) .tm-card:active{cursor:grabbing}
:where(body.pg-home) .tm-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,0,61,.09),rgba(255,0,61,0) 46%);opacity:0;transition:opacity .4s}
:where(body.pg-home) .tm-card:hover:after{opacity:1}
:where(body.pg-home) .tm-q{position:absolute;right:clamp(16px,2.4vw,44px);top:clamp(-30px,-1vw,-6px);font-weight:500;font-stretch:112%;font-size:clamp(160px,17vw,340px);line-height:1;color:var(--red);opacity:.14;pointer-events:none;user-select:none}
:where(body.pg-home) .tm-card blockquote{font-weight:500;font-stretch:104%;font-size:clamp(22px,2.4vw,46px);line-height:1.16;letter-spacing:-.035em;max-width:30ch;position:relative}
:where(body.pg-home) .tm-card blockquote .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
:where(body.pg-home) .tm-card blockquote .wd>span{display:inline-block}
:where(body.pg-home) .tm-full{height:0;overflow:hidden;color:var(--mute);font-size:clamp(15px,1.05vw,18px);line-height:1.6;max-width:62ch}
:where(body.pg-home) .tm-full>div{padding-top:6px;white-space:pre-line}
:where(body.pg-home) .tm-more{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-size:clamp(14px,.95vw,16px);border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:color .3s}
:where(body.pg-home) .tm-more:hover{color:var(--red)}
:where(body.pg-home) .tm-more i{font-style:normal;display:inline-block;transition:transform .5s var(--ease)}
:where(body.pg-home) .tm-more[aria-expanded="true"] i{transform:rotate(45deg)}
:where(body.pg-home) .tm-more[hidden]{display:none}
:where(body.pg-home) .tm-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:clamp(14px,1.4vw,24px);border-top:1px solid var(--line)}
:where(body.pg-home) .tm-who b{display:block;font-weight:500;font-size:clamp(16px,1.2vw,22px);letter-spacing:-.02em;line-height:1.2;max-width:34ch}
:where(body.pg-home) .tm-who small{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:clamp(13px,.9vw,15px);color:var(--mute)}
:where(body.pg-home) .tm-who small i{font-style:normal;color:var(--red);letter-spacing:.1em}
:where(body.pg-home) .tm-nav{display:flex;gap:8px;flex:none}
:where(body.pg-home) .tm-nav button{width:clamp(44px,3.2vw,54px);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(22,29,37,.25);display:grid;place-items:center;transition:background .3s,color .3s,box-shadow .3s,transform .4s var(--ease)}
:where(body.pg-home) .tm-nav button:hover{background:var(--red);color:#fff;box-shadow:none;transform:scale(1.06)}
:where(body.pg-home) .tm-nav svg{width:40%;height:40%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-home) .tm-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--surf)}
:where(body.pg-home) .tm-prog b{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:0 50%}
:where(body.pg-home) .tm-tabs{list-style:none;display:grid;gap:10px;align-content:start}
:where(body.pg-home) .tm-tabs button{width:100%;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;text-align:left;padding:clamp(14px,1.45vw,26px) clamp(16px,1.5vw,26px);border-radius:clamp(16px,1.4vw,26px);background:rgba(255,255,255,.07);color:#fff;transition:background .45s var(--ease),color .45s var(--ease),transform .5s var(--ease)}
:where(body.pg-home) .tm-tabs button:hover{background:rgba(255,255,255,.14);transform:translateX(6px)}
:where(body.pg-home) .tm-tabs button.on{background:var(--red);transform:translateX(0)}
:where(body.pg-home) .tm-tabs .n{font:500 12px ui-monospace,Menlo,monospace;opacity:.6}
:where(body.pg-home) .tm-tabs b{font-weight:500;font-size:clamp(14px,1vw,17px);letter-spacing:-.015em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
:where(body.pg-home) .tm-tabs small{grid-column:2;font-size:12px;opacity:.65}
@media (max-width:980px){:where(body.pg-home) .tm-main{grid-template-columns:1fr}
:where(body.pg-home) .tm-tabs{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
:where(body.pg-home) .tm-tabs li{scroll-snap-align:start}
:where(body.pg-home) .tm-tabs button:hover{transform:none}
:where(body.pg-home) .tm-card{min-height:0}}
:where(body.pg-home) #modal{position:fixed;inset:0;z-index:95;background:rgba(10,13,17,.92);display:none;align-items:center;justify-content:center;padding:24px}
:where(body.pg-home) #modal.on{display:flex}
:where(body.pg-home) #mbox{width:min(1100px,100%);aspect-ratio:16/9;background:#000;position:relative;border-radius:16px}
:where(body.pg-home) #mbox iframe{width:100%;height:100%;border:0;border-radius:16px}
:where(body.pg-home) #mclose{position:absolute;top:-58px;right:0}
@media (max-width:820px){:where(body.pg-home) .hd .ghost{display:none}
:where(body.pg-home) .hh{font-size:11.6vw;line-height:1.06}
:where(body.pg-home) .hmain>.hp{grid-area:2/1;justify-self:start;margin-top:28px}
:where(body.pg-home) .hmain{padding-bottom:clamp(120px,22vh,200px)}
:where(body.pg-home) .gal{padding-inline:var(--gap)}
:where(body.pg-home) .gcard{width:78%}
:where(body.pg-home) .gcard:nth-of-type(odd){margin-left:0}
:where(body.pg-home) .gcard:nth-of-type(even){margin-right:0}
:where(body.pg-home) .gcard+.gcard{margin-top:48px}
:where(body.pg-home) .prow .meta{display:none}
:where(body.pg-home) .scard{min-height:min(64vh,520px)}
:where(body.pg-home) .scard .ill{opacity:.3;width:70%;top:auto;bottom:6%}
:where(body.pg-home) .tags{max-width:100%}
:where(body.pg-home) .scard{min-height:0}
:where(body.pg-home) .vids{grid-template-columns:1fr}
:where(body.pg-home) .team{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
:where(body.pg-home) .tc{flex:0 0 78%;scroll-snap-align:center}
:where(body.pg-home) .cta{height:80svh;min-height:460px}
:where(body.pg-home) .pick{font-size:10.5vw}
:where(body.pg-home) .ineed{right:auto;left:50%;top:13%;transform:translateX(-50%);font-size:1.25em}
:where(body.pg-home) .next{left:50%;top:auto;bottom:11%;transform:translateX(-50%)}
:where(body.pg-home) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-home) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-home) .ft-brand{grid-column:1/-1}
:where(body.pg-home) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-home) .ft-studio h3{display:none}}
@media (prefers-reduced-motion:reduce){body:where(.pg-home),:where(body.pg-home) *{transition:none!important}}
/* ===== services ===== */
:root:where(:has(body.pg-services)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-services),:where(body.pg-services) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-services)),html.lenis:where(:has(body.pg-services)) body{height:auto}
:where(body.pg-services) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-services) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-services){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-services) a{color:inherit;text-decoration:none}
:where(body.pg-services) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-services) img{display:block;max-width:100%}
:where(body.pg-services) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-services) .red :focus-visible,:where(body.pg-services) .dark :focus-visible{outline-color:#fff}
:where(body.pg-services) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-services) .red{background:var(--red);color:#fff}
:where(body.pg-services) .dark{background:var(--ink);color:#fff}
:where(body.pg-services) .surf{background:var(--surf)}
:where(body.pg-services) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-services) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-services) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-services) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-services) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-services) .pill.k{background:var(--ink);color:#fff}
:where(body.pg-services) .pill.k:hover{background:var(--red)}
:where(body.pg-services) .pill.r{background:var(--red);color:#fff}
:where(body.pg-services) .pill.r:hover{background:var(--ink)}
:where(body.pg-services) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-services) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-services) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-services) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-services) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-services) .logo i{font-style:normal}
:where(body.pg-services) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-services) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-services) #fhd .lm,:where(body.pg-services) #menu .lm,:where(body.pg-services) .ft .lm{color:var(--red)}
:where(body.pg-services) #fhd .logo i,:where(body.pg-services) #menu .logo i,:where(body.pg-services) .ft .logo i{color:var(--red)}
:where(body.pg-services) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-services) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-services) #fhd.on{transform:none}
:where(body.pg-services) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-services) #fhd nav{display:flex;gap:8px}
:where(body.pg-services) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-services) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-services) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-services) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-services) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-services) #fhd .ghost{display:none}}
:where(body.pg-services) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-services) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-services) .ft>*{position:relative}
:where(body.pg-services) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-services) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-services) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-services) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-services) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-services) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-services) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-services) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-services) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-services) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-services) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-services) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-services) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-services) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-services) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-services) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-services) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-services) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-services) .ft-studio p+p{margin-top:14px}
:where(body.pg-services) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-services) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-services) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-services) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-services) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-services) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-services) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-services) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-services) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-services) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-services) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-services) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-services) .legal{display:flex;gap:22px}
:where(body.pg-services) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-services) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-services) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-services) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-services) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-services) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-services) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-services) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-services) #menu nav{display:grid}
:where(body.pg-services) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-services) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-services) #menu nav a:hover span{color:var(--red)}
:where(body.pg-services) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-services) #menu .mfoot a:hover{color:#fff}
:where(body.pg-services) .tm-q{position:absolute;right:clamp(16px,2.4vw,44px);top:clamp(-30px,-1vw,-6px);font-weight:500;font-stretch:112%;font-size:clamp(160px,17vw,340px);line-height:1;color:var(--red);opacity:.14;pointer-events:none;user-select:none}
:where(body.pg-services) .tm-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:clamp(14px,1.4vw,24px);border-top:1px solid var(--line)}
:where(body.pg-services) .tm-tabs{list-style:none;display:grid;gap:10px;align-content:start}
:where(body.pg-services) .tm-tabs button{width:100%;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;text-align:left;padding:clamp(14px,1.45vw,26px) clamp(16px,1.5vw,26px);border-radius:clamp(16px,1.4vw,26px);background:rgba(255,255,255,.07);color:#fff;transition:background .45s var(--ease),color .45s var(--ease),transform .5s var(--ease)}
:where(body.pg-services) .tm-tabs button:hover{background:rgba(255,255,255,.14);transform:translateX(6px)}
:where(body.pg-services) .tm-tabs button.on{background:var(--red);transform:translateX(0)}
:where(body.pg-services) .tm-tabs .n{font:500 12px ui-monospace,Menlo,monospace;opacity:.6}
:where(body.pg-services) .tm-tabs b{font-weight:500;font-size:clamp(14px,1vw,17px);letter-spacing:-.015em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
:where(body.pg-services) .tm-tabs small{grid-column:2;font-size:12px;opacity:.65}
@media (max-width:980px){:where(body.pg-services) .tm-tabs{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
:where(body.pg-services) .tm-tabs li{scroll-snap-align:start}
:where(body.pg-services) .tm-tabs button:hover{transform:none}}
@media (max-width:820px){:where(body.pg-services) .hd .ghost{display:none}
:where(body.pg-services) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-services) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-services) .ft-brand{grid-column:1/-1}
:where(body.pg-services) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-services) .ft-studio h3{display:none}}
:where(body.pg-services) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-services) .hero.short{min-height:min(620px,72svh)}
:where(body.pg-services) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(24px,5vh,70px);position:relative;z-index:2}
:where(body.pg-services) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-services) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,9.4vw,210px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-services) .hero.short .hh{font-size:clamp(40px,7.4vw,150px)}
:where(body.pg-services) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-services) .w>span{display:block}
:where(body.pg-services) .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(18px,2.4vw,40px)}
:where(body.pg-services) .hp{max-width:34ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5}
:where(body.pg-services) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-services) .mq{overflow:hidden;padding:clamp(14px,2vw,28px) 0;margin:0 calc(var(--pad)*-1);position:relative;z-index:2}
:where(body.pg-services) .mq-t{display:flex;width:max-content;animation:mq 50s linear infinite}
:where(body.pg-services) .mq:hover .mq-t{animation-play-state:paused}
:where(body.pg-services) .mq-t span{display:inline-flex;align-items:center;gap:clamp(18px,2vw,34px);padding-right:clamp(18px,2vw,34px);font-weight:500;font-stretch:108%;font-size:clamp(30px,4vw,76px);letter-spacing:-.035em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.85);transition:color .3s}
:where(body.pg-services) .mq-t span:hover{color:#fff}
:where(body.pg-services) .mq-t svg{width:.62em;height:.62em;color:#fff;flex:none}
@keyframes mq{to{transform:translateX(-50%)}}
:where(body.pg-services) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-services) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
:where(body.pg-services) .pill.big{height:clamp(52px,4vw,68px);padding:0 clamp(26px,2.4vw,40px);font-size:clamp(17px,1.3vw,22px)}
:where(body.pg-services) .tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
:where(body.pg-services) .tags li{border-radius:99px;padding:6px 14px;font-size:clamp(13px,.85vw,15px);line-height:1.2;background:var(--surf);color:var(--ink)}
@media (max-width:820px){:where(body.pg-services) .hh{font-size:13vw}
:where(body.pg-services) .hero.short .hh{font-size:11.6vw}}
@media (prefers-reduced-motion:reduce){body:where(.pg-services),:where(body.pg-services) *{transition:none!important}
:where(body.pg-services) .mq-t{animation:none}}
:where(body.pg-services) .jump{display:flex;flex-wrap:wrap;gap:10px;max-width:62ch;justify-content:flex-end}
:where(body.pg-services) .jump a{border-radius:99px;padding:10px 18px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);font-size:clamp(14px,.95vw,17px);letter-spacing:-.01em;transition:background .35s var(--ease),color .35s,box-shadow .35s}
:where(body.pg-services) .jump a b{font:500 12px ui-monospace,Menlo,monospace;margin-right:8px;opacity:.7}
:where(body.pg-services) .jump a:hover{background:#fff;color:var(--red);box-shadow:none}
:where(body.pg-services) .sp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,80px);padding:clamp(26px,4vw,80px) var(--pad);scroll-margin-top:var(--gap)}
:where(body.pg-services) .sp-dark{background:var(--ink);color:#fff}
:where(body.pg-services) .sp-surf{background:var(--surf)}
:where(body.pg-services) .sp-red{background:var(--red);color:#fff}
:where(body.pg-services) .sp-pink{background:var(--pink)}
:where(body.pg-services) .sp-n{display:flex;align-items:center;gap:14px;font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(16px,2vw,32px)}
:where(body.pg-services) .sp-n i{font-style:normal;display:grid;place-items:center;width:46px;aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;font-size:15px;letter-spacing:0}
:where(body.pg-services) .sp-red .sp-n i{background:#fff;color:var(--red)}
:where(body.pg-services) .sp-pink .sp-n i{background:var(--ink)}
:where(body.pg-services) .sp h2{font-weight:500;font-stretch:108%;font-size:clamp(40px,5.4vw,112px);line-height:.92;letter-spacing:-.045em}
:where(body.pg-services) .sp-tag{font-size:clamp(20px,1.9vw,36px);letter-spacing:-.03em;line-height:1.15;margin:clamp(14px,1.6vw,26px) 0 clamp(14px,1.4vw,22px)}
:where(body.pg-services) .sp-l>p:not(.sp-n):not(.sp-tag){max-width:54ch;font-size:clamp(15px,1.1vw,19px);line-height:1.6;opacity:.82;margin-bottom:14px}
:where(body.pg-services) .sp-best{margin:clamp(18px,2vw,32px) 0;padding:clamp(16px,1.6vw,26px);border-radius:clamp(16px,1.4vw,26px);background:rgba(255,255,255,.1);max-width:54ch}
:where(body.pg-services) .sp-surf .sp-best,:where(body.pg-services) .sp-pink .sp-best{background:rgba(22,29,37,.06)}
:where(body.pg-services) .sp-best b{display:block;font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin-bottom:6px}
:where(body.pg-services) .sp-best p{margin:0;font-size:clamp(15px,1.05vw,18px);line-height:1.5}
:where(body.pg-services) .sp .tags li{background:rgba(255,255,255,.12);color:inherit}
:where(body.pg-services) .sp-surf .tags li,:where(body.pg-services) .sp-pink .tags li{background:rgba(22,29,37,.07)}
:where(body.pg-services) .sp-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,2.4vw,40px)}
:where(body.pg-services) .sp .pill.r{background:var(--red);color:#fff}
:where(body.pg-services) .sp .pill.r:hover{background:#fff;color:var(--red)}
:where(body.pg-services) .sp-red .pill.r{background:#fff;color:var(--red)}
:where(body.pg-services) .sp-red .pill.r:hover{background:var(--ink);color:#fff}
:where(body.pg-services) .sp-surf .pill.r:hover,:where(body.pg-services) .sp-pink .pill.r:hover{background:var(--ink);color:#fff}
:where(body.pg-services) .pill.line2{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;color:inherit}
:where(body.pg-services) .pill.line2:hover{background:currentColor}
:where(body.pg-services) .pill.line2:hover{color:inherit}
:where(body.pg-services) .sp-dark .pill.line2:hover,:where(body.pg-services) .sp-red .pill.line2:hover{background:#fff;color:var(--ink)}
:where(body.pg-services) .sp-surf .pill.line2:hover,:where(body.pg-services) .sp-pink .pill.line2:hover{background:var(--ink);color:#fff}
:where(body.pg-services) .sp-r{display:flex;flex-direction:column;gap:var(--gap);position:sticky;top:calc(var(--gap) + 20px);align-self:start}
:where(body.pg-services) .sp-art{background:#fff;color:var(--ink);border-radius:clamp(18px,1.8vw,32px);aspect-ratio:4/3;padding:clamp(14px,2vw,40px);box-shadow:0 30px 60px rgba(22,29,37,.16)}
:where(body.pg-services) .sp .ill{width:100%;height:100%;fill:none;stroke:#C5C8CE;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;overflow:visible;display:block}
:where(body.pg-services) .ill .fl{fill:#E5E7EA;stroke:none;transform-box:fill-box;transform-origin:0 50%}
:where(body.pg-services) .ill .nd{fill:#fff;stroke:#9EA3AB;stroke-width:1.2;transform-box:fill-box;transform-origin:50% 50%}
:where(body.pg-services) .ill .pop{fill:#fff;stroke:#9EA3AB;stroke-width:1.2;transform-box:fill-box;transform-origin:50% 50%}
:where(body.pg-services) .ill .pop.sw:nth-of-type(n){fill:#E5E7EA}
:where(body.pg-services) .ill .cur{fill:#161D25;stroke:none}
:where(body.pg-services) .ill .curs{fill:#161D25;stroke:#fff;stroke-width:1.5}
:where(body.pg-services) .ill .pk{fill:var(--red);stroke:none}
:where(body.pg-services) .ill .core{fill:var(--red);stroke:none}
:where(body.pg-services) .ill .bd{fill:#161D25;stroke:none;font:500 15px Archivo,sans-serif}
:where(body.pg-services) .ill .bd.big{font-size:64px;fill:#B9BDC4}
:where(body.pg-services) .ill .badge{fill:var(--red);stroke:none}
:where(body.pg-services) .ill .badge+.bd{fill:#fff}
:where(body.pg-services) .ill .dash{stroke-dasharray:4 8}
:where(body.pg-services) .ill .spin{transform-box:fill-box;transform-origin:50% 50%}
:where(body.pg-services) .sp-get{border-radius:clamp(18px,1.8vw,32px);padding:clamp(18px,2vw,34px);background:rgba(255,255,255,.1)}
:where(body.pg-services) .sp-surf .sp-get,:where(body.pg-services) .sp-pink .sp-get{background:rgba(22,29,37,.06)}
:where(body.pg-services) .sp-get h3{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin-bottom:14px}
:where(body.pg-services) .sp-get ul{list-style:none;display:grid;gap:11px}
:where(body.pg-services) .sp-get li{display:flex;gap:12px;align-items:flex-start;font-size:clamp(15px,1.05vw,18px);line-height:1.35}
:where(body.pg-services) .sp-get li:before{content:"";flex:none;width:20px;aspect-ratio:1;margin-top:1px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/62% no-repeat}
:where(body.pg-services) .sp-red .sp-get li:before{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF003D' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
:where(body.pg-services) .sp-steps{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);padding-top:clamp(20px,2.4vw,40px);border-top:1px solid rgba(128,128,128,.28)}
:where(body.pg-services) .sp-steps li{padding-right:12px}
:where(body.pg-services) .sp-steps span{font:500 12px ui-monospace,Menlo,monospace;opacity:.6}
:where(body.pg-services) .sp-steps b{display:block;font-weight:500;font-size:clamp(20px,1.7vw,32px);letter-spacing:-.03em;margin:6px 0 4px}
:where(body.pg-services) .sp-steps p{font-size:clamp(14px,.95vw,17px);opacity:.75;max-width:30ch;line-height:1.45}
:where(body.pg-services) .faq{padding:clamp(6px,1vw,16px) 0}
:where(body.pg-services) .faq details{border-top:1px solid var(--line)}
:where(body.pg-services) .faq details:first-child{border-top:0}
:where(body.pg-services) .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(20px,2.2vw,34px) clamp(22px,3vw,56px);font-weight:500;font-size:clamp(20px,2vw,36px);letter-spacing:-.03em;line-height:1.15}
:where(body.pg-services) .faq summary::-webkit-details-marker{display:none}
:where(body.pg-services) .faq summary i{flex:none;position:relative;width:clamp(34px,2.8vw,46px);aspect-ratio:1;border-radius:50%;background:var(--ink);transition:background .35s,transform .5s var(--ease)}
:where(body.pg-services) .faq summary i:before,:where(body.pg-services) .faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:40%;height:2px;margin:-1px 0 0 -20%;background:#fff;border-radius:2px;transition:transform .5s var(--ease)}
:where(body.pg-services) .faq summary i:after{transform:rotate(90deg)}
:where(body.pg-services) .faq details[open] summary i{background:var(--red);transform:rotate(180deg)}
:where(body.pg-services) .faq details[open] summary i:after{transform:rotate(0)}
:where(body.pg-services) .faq summary:hover{color:var(--red)}
:where(body.pg-services) .faq .ans{padding:0 clamp(22px,3vw,56px) clamp(22px,2.4vw,38px);max-width:64ch;color:var(--mute);font-size:clamp(16px,1.1vw,19px);line-height:1.6}
:where(body.pg-services) .how{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin:clamp(20px,2.4vw,40px) var(--gap) calc(var(--gap)*2);padding-top:34px}
:where(body.pg-services) .how-line{position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line);overflow:hidden;border-radius:2px}
:where(body.pg-services) .how-line i{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(0)}
:where(body.pg-services) .hw{position:relative;border-radius:var(--rad);background:var(--surf);padding:clamp(20px,2vw,36px);min-height:clamp(210px,17vw,290px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;transition:background .5s var(--ease),color .5s,transform .6s var(--ease)}
:where(body.pg-services) .hw:before{content:"";position:absolute;left:clamp(20px,2vw,36px);top:-34px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--line);transition:background .5s,box-shadow .5s}
:where(body.pg-services) .hw.on:before{background:var(--red);box-shadow:0 0 0 6px rgba(255,0,61,.16)}
:where(body.pg-services) .hw span{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);transition:color .5s}
:where(body.pg-services) .hw b{display:block;font-weight:500;font-stretch:106%;font-size:clamp(26px,2.6vw,50px);letter-spacing:-.04em;line-height:1;margin-bottom:10px}
:where(body.pg-services) .hw p{color:var(--mute);font-size:clamp(14px,1vw,17px);max-width:28ch;line-height:1.45;transition:color .5s}
:where(body.pg-services) .hw:hover{background:var(--red);color:#fff;transform:translateY(-6px)}
:where(body.pg-services) .hw:hover span,:where(body.pg-services) .hw:hover p{color:rgba(255,255,255,.88)}
@media (max-width:980px){:where(body.pg-services) .sp{grid-template-columns:1fr}
:where(body.pg-services) .sp-r{position:static}
:where(body.pg-services) .sp-steps{grid-template-columns:1fr 1fr}
:where(body.pg-services) .how{grid-template-columns:1fr 1fr}
:where(body.pg-services) .jump{justify-content:flex-start}}
@media (max-width:560px){:where(body.pg-services) .how{grid-template-columns:1fr;padding-top:0}
:where(body.pg-services) .how-line,:where(body.pg-services) .hw:before{display:none}}
/* ===== about ===== */
:root:where(:has(body.pg-about)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-about),:where(body.pg-about) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-about)),html.lenis:where(:has(body.pg-about)) body{height:auto}
:where(body.pg-about) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-about) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-about){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-about) a{color:inherit;text-decoration:none}
:where(body.pg-about) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-about) img{display:block;max-width:100%}
:where(body.pg-about) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-about) .red :focus-visible,:where(body.pg-about) .dark :focus-visible{outline-color:#fff}
:where(body.pg-about) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-about) .red{background:var(--red);color:#fff}
:where(body.pg-about) .dark{background:var(--ink);color:#fff}
:where(body.pg-about) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-about) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-about) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-about) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-about) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-about) .pill.r{background:var(--red);color:#fff}
:where(body.pg-about) .pill.r:hover{background:var(--ink)}
:where(body.pg-about) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-about) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-about) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-about) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-about) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-about) .logo i{font-style:normal}
:where(body.pg-about) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-about) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-about) #fhd .lm,:where(body.pg-about) #menu .lm,:where(body.pg-about) .ft .lm{color:var(--red)}
:where(body.pg-about) #fhd .logo i,:where(body.pg-about) #menu .logo i,:where(body.pg-about) .ft .logo i{color:var(--red)}
:where(body.pg-about) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-about) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-about) #fhd.on{transform:none}
:where(body.pg-about) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-about) #fhd nav{display:flex;gap:8px}
:where(body.pg-about) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-about) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-about) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-about) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-about) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-about) #fhd .ghost{display:none}}
:where(body.pg-about) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-about) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-about) .ft>*{position:relative}
:where(body.pg-about) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-about) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-about) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-about) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-about) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-about) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-about) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-about) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-about) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-about) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-about) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-about) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-about) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-about) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-about) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-about) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-about) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-about) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-about) .ft-studio p+p{margin-top:14px}
:where(body.pg-about) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-about) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-about) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-about) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-about) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-about) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-about) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-about) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-about) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-about) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-about) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-about) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-about) .legal{display:flex;gap:22px}
:where(body.pg-about) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-about) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-about) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-about) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-about) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-about) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-about) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-about) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-about) #menu nav{display:grid}
:where(body.pg-about) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-about) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-about) #menu nav a:hover span{color:var(--red)}
:where(body.pg-about) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-about) #menu .mfoot a:hover{color:#fff}
@media (max-width:820px){:where(body.pg-about) .hd .ghost{display:none}
:where(body.pg-about) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-about) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-about) .ft-brand{grid-column:1/-1}
:where(body.pg-about) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-about) .ft-studio h3{display:none}}
:where(body.pg-about) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-about) .hero.short{min-height:min(620px,72svh)}
:where(body.pg-about) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(24px,5vh,70px);position:relative;z-index:2}
:where(body.pg-about) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-about) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,9.4vw,210px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-about) .hero.short .hh{font-size:clamp(40px,7.4vw,150px)}
:where(body.pg-about) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-about) .w>span{display:block}
:where(body.pg-about) .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(18px,2.4vw,40px)}
:where(body.pg-about) .hp{max-width:34ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5}
:where(body.pg-about) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-about) .mq{overflow:hidden;padding:clamp(14px,2vw,28px) 0;margin:0 calc(var(--pad)*-1);position:relative;z-index:2}
@keyframes mq{to{transform:translateX(-50%)}}
:where(body.pg-about) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-about) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
@media (max-width:820px){:where(body.pg-about) .hh{font-size:13vw}
:where(body.pg-about) .hero.short .hh{font-size:11.6vw}}
@media (prefers-reduced-motion:reduce){body:where(.pg-about),:where(body.pg-about) *{transition:none!important}}
:where(body.pg-about) .hero.short .hrow{margin-top:clamp(18px,2vw,34px)}
:where(body.pg-about) .mst{margin:var(--gap);height:calc(100svh - var(--gap)*2);min-height:520px;display:grid;place-items:center;padding:var(--pad);background:var(--surf)}
:where(body.pg-about) .mst .cons{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(body.pg-about) .mst .gl{stroke:#D5D7DC;stroke-width:1;fill:none}
:where(body.pg-about) .mst .ol{stroke:#B9BCC3;stroke-width:1.2;fill:none}
:where(body.pg-about) .mst .rf{fill:#E3E4E8}
:where(body.pg-about) .mst .nd{fill:var(--surf);stroke:#A9ADB5;stroke-width:1}
:where(body.pg-about) .mst .pie{fill:none;stroke:#E3E4E8}
:where(body.pg-about) .sbox{display:grid;position:relative;z-index:1;perspective:1600px;perspective-origin:50% 50%}
:where(body.pg-about) .st{grid-area:1/1;align-self:center;font-family:"Lexend",sans-serif;font-weight:350;font-size:clamp(30px,5vw,118px);line-height:1.06;letter-spacing:-.02em;text-align:center;max-width:11em;margin:0 auto;color:var(--ink);transform-style:preserve-3d}
:where(body.pg-about) .st em{font-style:normal;color:var(--red)}
:where(body.pg-about) .st .sw{display:inline-block}
:where(body.pg-about) .st .ln{display:block;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
:where(body.pg-about) .vals{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin:clamp(20px,2.4vw,40px) var(--gap) var(--gap)}
:where(body.pg-about) .val{border-radius:var(--rad);padding:clamp(22px,2.4vw,44px);min-height:clamp(300px,24vw,420px);display:flex;flex-direction:column;justify-content:space-between;gap:36px;transition:transform .6s var(--ease)}
:where(body.pg-about) .val:hover{transform:translateY(-8px)}
:where(body.pg-about) .val:nth-child(1){background:var(--ink);color:#fff}
:where(body.pg-about) .val:nth-child(2){background:var(--red);color:#fff}
:where(body.pg-about) .val:nth-child(3){background:var(--pink)}
:where(body.pg-about) .val:nth-child(4){background:var(--surf)}
:where(body.pg-about) .val i{font-style:normal;font:500 13px ui-monospace,Menlo,monospace;opacity:.7}
:where(body.pg-about) .val b{display:block;font-weight:500;font-stretch:106%;font-size:clamp(28px,2.8vw,54px);letter-spacing:-.045em;line-height:.95;margin-bottom:12px}
:where(body.pg-about) .val p{font-size:clamp(14px,1vw,17px);line-height:1.45;opacity:.8;max-width:28ch}
:where(body.pg-about) .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin:var(--gap)}
:where(body.pg-about) .num{border-radius:var(--rad);background:var(--surf);padding:clamp(22px,2.4vw,44px);min-height:clamp(180px,16vw,280px);display:flex;flex-direction:column;justify-content:space-between;transition:background .5s var(--ease),color .5s}
:where(body.pg-about) .num b{font-weight:500;font-stretch:110%;font-size:clamp(50px,7vw,140px);letter-spacing:-.05em;line-height:.9}
:where(body.pg-about) .num span{font-size:clamp(14px,1vw,18px);color:var(--mute);transition:color .5s}
:where(body.pg-about) .num:hover{background:var(--red);color:#fff}
:where(body.pg-about) .num:hover span{color:rgba(255,255,255,.8)}
:where(body.pg-about) .team{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:clamp(24px,3.4vw,56px) var(--gap) 0}
:where(body.pg-about) .tc{display:block}
:where(body.pg-about) .tp{aspect-ratio:4/5;border-radius:var(--rad);overflow:hidden;background:var(--surf)}
:where(body.pg-about) .tp img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
:where(body.pg-about) a.tc:hover .tp img,:where(body.pg-about) .tc:hover .tp img{transform:scale(1.05)}
:where(body.pg-about) .tm{padding:16px 6px 0}
:where(body.pg-about) .tm small{display:block;font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--red)}
:where(body.pg-about) .tm h3{font-weight:500;font-stretch:104%;font-size:clamp(26px,2.4vw,46px);letter-spacing:-.035em;line-height:1.1;margin-top:6px}
:where(body.pg-about) .tm p{color:var(--mute);margin-top:6px;max-width:34ch;font-size:clamp(14px,1vw,17px)}
:where(body.pg-about) .tm span{display:inline-block;margin-top:10px;font-size:15px;border-bottom:1px solid currentColor;transition:color .3s}
:where(body.pg-about) a.tc:hover .tm span{color:var(--red)}
:where(body.pg-about) .find{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--gap);margin:var(--gap)}
:where(body.pg-about) .fnd{border-radius:var(--rad);padding:clamp(24px,3vw,56px);min-height:clamp(260px,24vw,420px);display:flex;flex-direction:column;justify-content:space-between}
:where(body.pg-about) .fnd.a{background:var(--ink);color:#fff}
:where(body.pg-about) .fnd.b{background:var(--surf)}
:where(body.pg-about) .fnd h3{font-weight:500;font-stretch:106%;font-size:clamp(30px,3.6vw,70px);letter-spacing:-.045em;line-height:.95}
:where(body.pg-about) .fnd p{max-width:42ch;opacity:.78;font-size:clamp(15px,1.1vw,19px);margin-top:14px}
:where(body.pg-about) .fnd .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
:where(body.pg-about) .fnd .pill.r:hover{background:#fff;color:var(--red)}
:where(body.pg-about) .fnd.b .pill.r:hover{background:var(--ink);color:#fff}
:where(body.pg-about) .fnd dl{display:grid;gap:14px;margin-top:20px}
:where(body.pg-about) .fnd dt{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}
:where(body.pg-about) .fnd dd{font-size:clamp(17px,1.3vw,22px);letter-spacing:-.02em}
@media (max-width:980px){:where(body.pg-about) .vals,:where(body.pg-about) .nums{grid-template-columns:1fr 1fr}
:where(body.pg-about) .find{grid-template-columns:1fr}
:where(body.pg-about) .mst{min-height:480px}}
@media (max-width:820px){:where(body.pg-about) .team{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
:where(body.pg-about) .tc{flex:0 0 78%;scroll-snap-align:center}}
@media (max-width:560px){:where(body.pg-about) .vals,:where(body.pg-about) .nums{grid-template-columns:1fr}}
/* ===== projects ===== */
:root:where(:has(body.pg-projects)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-projects),:where(body.pg-projects) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-projects)),html.lenis:where(:has(body.pg-projects)) body{height:auto}
:where(body.pg-projects) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-projects) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-projects){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-projects) a{color:inherit;text-decoration:none}
:where(body.pg-projects) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-projects) img{display:block;max-width:100%}
:where(body.pg-projects) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-projects) .red :focus-visible,:where(body.pg-projects) .dark :focus-visible{outline-color:#fff}
:where(body.pg-projects) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-projects) .red{background:var(--red);color:#fff}
:where(body.pg-projects) .dark{background:var(--ink);color:#fff}
:where(body.pg-projects) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-projects) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-projects) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-projects) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-projects) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-projects) .pill.k{background:var(--ink);color:#fff}
:where(body.pg-projects) .pill.k:hover{background:var(--red)}
:where(body.pg-projects) .pill.r{background:var(--red);color:#fff}
:where(body.pg-projects) .pill.r:hover{background:var(--ink)}
:where(body.pg-projects) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-projects) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-projects) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-projects) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-projects) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-projects) .logo i{font-style:normal}
:where(body.pg-projects) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-projects) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-projects) #fhd .lm,:where(body.pg-projects) #menu .lm,:where(body.pg-projects) .ft .lm{color:var(--red)}
:where(body.pg-projects) #fhd .logo i,:where(body.pg-projects) #menu .logo i,:where(body.pg-projects) .ft .logo i{color:var(--red)}
:where(body.pg-projects) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-projects) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-projects) #fhd.on{transform:none}
:where(body.pg-projects) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-projects) #fhd nav{display:flex;gap:8px}
:where(body.pg-projects) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-projects) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-projects) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-projects) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-projects) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-projects) #fhd .ghost{display:none}}
:where(body.pg-projects) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-projects) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-projects) .ft>*{position:relative}
:where(body.pg-projects) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-projects) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-projects) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-projects) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-projects) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-projects) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-projects) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-projects) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-projects) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-projects) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-projects) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-projects) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-projects) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-projects) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-projects) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-projects) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-projects) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-projects) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-projects) .ft-studio p+p{margin-top:14px}
:where(body.pg-projects) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-projects) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-projects) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-projects) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-projects) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-projects) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-projects) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-projects) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-projects) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-projects) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-projects) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-projects) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-projects) .legal{display:flex;gap:22px}
:where(body.pg-projects) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-projects) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-projects) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-projects) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-projects) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-projects) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-projects) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-projects) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-projects) #menu nav{display:grid}
:where(body.pg-projects) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-projects) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-projects) #menu nav a:hover span{color:var(--red)}
:where(body.pg-projects) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-projects) #menu .mfoot a:hover{color:#fff}
@media (max-width:820px){:where(body.pg-projects) .hd .ghost{display:none}
:where(body.pg-projects) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-projects) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-projects) .ft-brand{grid-column:1/-1}
:where(body.pg-projects) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-projects) .ft-studio h3{display:none}}
:where(body.pg-projects) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-projects) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(24px,5vh,70px);position:relative;z-index:2}
:where(body.pg-projects) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-projects) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,8.4vw,190px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-projects) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-projects) .w>span{display:block}
:where(body.pg-projects) .hrow{display:flex;justify-content:flex-start;align-items:flex-end;gap:clamp(24px,5vw,90px);flex-wrap:wrap;margin-top:clamp(18px,2.4vw,40px)}
:where(body.pg-projects) .hp{max-width:32ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5}
:where(body.pg-projects) .count{display:flex;align-items:flex-end;gap:14px;line-height:.8}
:where(body.pg-projects) .count b{font-weight:500;font-stretch:112%;font-size:clamp(70px,11vw,220px);letter-spacing:-.05em}
:where(body.pg-projects) .count span{font-size:clamp(13px,.9vw,16px);text-transform:uppercase;line-height:1.25;padding-bottom:.9em;max-width:12ch}
:where(body.pg-projects) .stick{position:absolute;z-index:1;width:clamp(180px,21vw,400px);aspect-ratio:4/3;border-radius:clamp(12px,1.1vw,20px);overflow:hidden;box-shadow:0 30px 60px rgba(90,0,20,.35);background:var(--ink);will-change:transform}
:where(body.pg-projects) .stick img{width:100%;height:100%;object-fit:cover}
:where(body.pg-projects) .stick.s1{right:3%;top:17%;transform:rotate(6deg)}
:where(body.pg-projects) .stick.s2{right:15%;top:37%;transform:rotate(-5deg)}
:where(body.pg-projects) .stick.s3{right:2%;top:57%;transform:rotate(3deg);width:clamp(150px,17vw,320px)}
:where(body.pg-projects) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-projects) .mq{overflow:hidden;padding:clamp(14px,2vw,28px) 0;margin:0 calc(var(--pad)*-1);position:relative;z-index:2}
:where(body.pg-projects) .mq-t{display:flex;width:max-content;animation:mq 46s linear infinite}
:where(body.pg-projects) .mq:hover .mq-t{animation-play-state:paused}
:where(body.pg-projects) .mq-t span{display:inline-flex;align-items:center;gap:clamp(18px,2vw,34px);padding-right:clamp(18px,2vw,34px);font-weight:500;font-stretch:108%;font-size:clamp(34px,4.6vw,86px);letter-spacing:-.035em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.85);transition:color .3s,-webkit-text-stroke-color .3s}
:where(body.pg-projects) .mq-t span:hover{color:#fff}
:where(body.pg-projects) .mq-t svg{width:.62em;height:.62em;color:#fff;flex:none}
@keyframes mq{to{transform:translateX(-50%)}}
:where(body.pg-projects) .feat{height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;justify-content:center}
:where(body.pg-projects) .fbg{position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:500;font-stretch:112%;text-transform:uppercase;white-space:nowrap;font-size:clamp(160px,30vw,620px);line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.1);pointer-events:none;will-change:transform}
:where(body.pg-projects) .fhead{position:absolute;left:var(--pad);right:var(--pad);top:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:13px}
:where(body.pg-projects) .fhead b{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--red)}
:where(body.pg-projects) .fhead span{font:500 13px ui-monospace,Menlo,monospace;color:rgba(255,255,255,.6)}
:where(body.pg-projects) .ftrack{display:flex;gap:clamp(20px,3vw,60px);padding:0 var(--pad) 0 var(--pad);width:max-content;position:relative;z-index:2;will-change:transform}
:where(body.pg-projects) .fc{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,2.6vw,50px);align-items:center;width:min(1180px,82vw);height:min(68vh,640px)}
:where(body.pg-projects) .fm{position:relative;height:100%;border-radius:clamp(16px,1.6vw,30px);overflow:hidden;display:block}
:where(body.pg-projects) .fm img{position:absolute;left:50%;top:50%;width:84%;border-radius:clamp(8px,.8vw,14px);box-shadow:0 30px 70px rgba(0,0,0,.4);transform:translate(-50%,-50%);will-change:transform}
:where(body.pg-projects) .fm .shot{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
:where(body.pg-projects) .fm .shot img{position:relative;left:auto;top:auto;transform:none;width:84%}
:where(body.pg-projects) .fx{display:flex;flex-direction:column;gap:clamp(12px,1.2vw,22px)}
:where(body.pg-projects) .fn{font:500 13px ui-monospace,Menlo,monospace;color:var(--red)}
:where(body.pg-projects) .fx h3{font-weight:500;font-stretch:108%;font-size:clamp(38px,5vw,100px);line-height:.92;letter-spacing:-.045em}
:where(body.pg-projects) .fx small{font-size:clamp(14px,.95vw,17px);color:rgba(255,255,255,.55)}
:where(body.pg-projects) .fx p{max-width:34ch;color:rgba(255,255,255,.72);font-size:clamp(15px,1vw,18px)}
:where(body.pg-projects) .tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
:where(body.pg-projects) .tags li{border-radius:99px;padding:6px 14px;font-size:clamp(13px,.85vw,15px);line-height:1.2;background:rgba(255,255,255,.1);color:#fff}
:where(body.pg-projects) .fprog{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);height:2px;background:rgba(255,255,255,.14);z-index:3;border-radius:2px;overflow:hidden}
:where(body.pg-projects) .fprog i{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:0 50%}
:where(body.pg-projects) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-projects) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
:where(body.pg-projects) .fbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:clamp(24px,3.4vw,56px) var(--gap) 0;padding:0 var(--pad)}
:where(body.pg-projects) .chips{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-projects) .chip{border-radius:99px;padding:10px 20px;font-size:clamp(15px,1vw,18px);letter-spacing:-.01em;box-shadow:inset 0 0 0 1.5px rgba(22,29,37,.25);transition:background .3s var(--ease),color .3s,box-shadow .3s}
:where(body.pg-projects) .chip sup{font-size:.62em;margin-left:5px;opacity:.6;vertical-align:top}
:where(body.pg-projects) .chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
:where(body.pg-projects) .chip.on{background:var(--ink);color:#fff;box-shadow:none}
:where(body.pg-projects) .views{display:flex;gap:6px;padding:5px;border-radius:99px;background:var(--surf)}
:where(body.pg-projects) .views button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;font-size:15px;transition:background .3s,color .3s}
:where(body.pg-projects) .views button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
:where(body.pg-projects) .views button.on{background:var(--red);color:#fff}
:where(body.pg-projects) .showing{margin:14px calc(var(--gap) + var(--pad)) 0;font-size:14px;color:var(--mute)}
:where(body.pg-projects) .pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(22px,2.2vw,44px) var(--gap);margin:clamp(20px,2.4vw,40px) var(--gap) 0}
:where(body.pg-projects) .pc{display:block;grid-column:span 4;position:relative}
:where(body.pg-projects) .pc[data-s="7"]{grid-column:span 7}
:where(body.pg-projects) .pc[data-s="5"]{grid-column:span 5}
:where(body.pg-projects) .pc[data-s="4"]{grid-column:span 4}
:where(body.pg-projects) .pc[hidden],:where(body.pg-projects) .pgrid[hidden],:where(body.pg-projects) .plist[hidden]{display:none}
:where(body.pg-projects) .pm{position:relative;height:clamp(250px,27vw,520px);border-radius:var(--rad);overflow:hidden;background:var(--ink);transform-style:preserve-3d;will-change:transform;transition:box-shadow .5s var(--ease)}
:where(body.pg-projects) .pc:hover .pm{box-shadow:0 40px 80px rgba(22,29,37,.22)}
:where(body.pg-projects) .pm .shot{position:absolute;inset:0;display:grid;place-items:center}
:where(body.pg-projects) .pm .shot img{width:84%;border-radius:clamp(8px,.8vw,14px);box-shadow:0 30px 60px rgba(0,0,0,.35);transition:transform 1.1s var(--ease)}
:where(body.pg-projects) .pm .pst{position:absolute;inset:0}
:where(body.pg-projects) .pm .pst svg{width:100%;height:100%;display:block;transition:transform 1.1s var(--ease)}
:where(body.pg-projects) .pc:hover .pm .shot img{transform:scale(1.06) rotate(-1deg)}
:where(body.pg-projects) .pc:hover .pm .pst svg{transform:scale(1.07)}
:where(body.pg-projects) .pn{position:absolute;left:clamp(14px,1.4vw,24px);top:clamp(14px,1.4vw,24px);z-index:3;font:500 13px ui-monospace,Menlo,monospace;color:#fff;background:var(--ink);border-radius:99px;padding:6px 12px}
:where(body.pg-projects) .gl{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),rgba(255,255,255,0) 46%);mix-blend-mode:soft-light}
:where(body.pg-projects) .pc:hover .gl{opacity:1}
:where(body.pg-projects) .pt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:clamp(14px,1.2vw,20px) 6px 0}
:where(body.pg-projects) .pt h3{font-weight:500;font-stretch:104%;font-size:clamp(26px,2.4vw,46px);letter-spacing:-.035em;line-height:1.1;transition:color .3s}
:where(body.pg-projects) .pt small{font-size:clamp(13px,.85vw,15px);color:var(--mute);text-align:right}
:where(body.pg-projects) .pc:hover .pt h3{color:var(--red)}
:where(body.pg-projects) .ptags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:12px 6px 0}
:where(body.pg-projects) .ptags li{border-radius:99px;padding:5px 13px;font-size:clamp(12px,.8vw,14px);line-height:1.2;background:var(--surf)}
:where(body.pg-projects) .plist{margin:clamp(20px,2.4vw,40px) var(--gap) 0;border-radius:var(--rad);background:var(--surf);padding:clamp(10px,1.4vw,24px) 0;overflow:hidden}
:where(body.pg-projects) .lr{display:grid;grid-template-columns:clamp(38px,4vw,70px) 1.6fr 1.2fr 1.4fr auto;align-items:center;gap:16px;padding:clamp(14px,1.5vw,26px) var(--pad);position:relative;transition:background .35s var(--ease)}
:where(body.pg-projects) .lr+.lr{border-top:1px solid var(--line)}
:where(body.pg-projects) .lr[hidden]{display:none}
:where(body.pg-projects) .lr .ln{font:500 13px ui-monospace,Menlo,monospace;color:var(--mute)}
:where(body.pg-projects) .lr h3{font-weight:500;font-stretch:104%;font-size:clamp(26px,3.6vw,64px);letter-spacing:-.04em;line-height:1;transition:transform .5s var(--ease),color .3s}
:where(body.pg-projects) .lr .lt{font-size:clamp(14px,1vw,18px);color:var(--mute)}
:where(body.pg-projects) .lr .lg{font-size:clamp(13px,.9vw,16px);color:var(--mute)}
:where(body.pg-projects) .lr .la{width:clamp(36px,3vw,52px);aspect-ratio:1;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background .3s,transform .5s var(--ease)}
:where(body.pg-projects) .lr .la svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-projects) .plist:hover .lr h3,:where(body.pg-projects) .plist:hover .lr .lt,:where(body.pg-projects) .plist:hover .lr .lg,:where(body.pg-projects) .plist:hover .lr .ln{opacity:.28}
:where(body.pg-projects) .plist .lr:hover h3,:where(body.pg-projects) .plist .lr:hover .lt,:where(body.pg-projects) .plist .lr:hover .lg,:where(body.pg-projects) .plist .lr:hover .ln{opacity:1}
:where(body.pg-projects) .lr:hover{background:rgba(255,255,255,.75)}
:where(body.pg-projects) .lr:hover h3{transform:translateX(12px);color:var(--red)}
:where(body.pg-projects) .lr:hover .la{background:var(--red);transform:rotate(-45deg)}
:where(body.pg-projects) #lpv{position:fixed;left:0;top:0;z-index:60;width:clamp(240px,20vw,380px);height:clamp(190px,15vw,290px);border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 30px 60px rgba(22,29,37,.28);background:var(--ink)}
:where(body.pg-projects) #lpv>*{position:absolute;inset:0}
:where(body.pg-projects) #lpv .shot{display:grid;place-items:center}
:where(body.pg-projects) #lpv .shot img{width:84%;border-radius:8px}
:where(body.pg-projects) #lpv .pst svg{width:100%;height:100%;display:block}
:where(body.pg-projects) .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:var(--gap)}
:where(body.pg-projects) .st{border-radius:var(--rad);background:var(--surf);padding:clamp(22px,2.4vw,44px);min-height:clamp(180px,16vw,280px);display:flex;flex-direction:column;justify-content:space-between;transition:background .5s var(--ease),color .5s}
:where(body.pg-projects) .st b{font-weight:500;font-stretch:110%;font-size:clamp(54px,7.4vw,150px);letter-spacing:-.05em;line-height:.9}
:where(body.pg-projects) .st span{font-size:clamp(14px,1vw,18px);color:var(--mute);transition:color .5s}
:where(body.pg-projects) .st:hover{background:var(--red);color:#fff}
:where(body.pg-projects) .st:hover span{color:rgba(255,255,255,.8)}
:where(body.pg-projects) #qv{position:fixed;inset:0;z-index:85;pointer-events:none;visibility:hidden}
:where(body.pg-projects) #qv.on{pointer-events:auto;visibility:visible}
:where(body.pg-projects) .qbg{position:absolute;inset:0;background:rgba(10,13,17,.6);opacity:0;backdrop-filter:blur(6px)}
:where(body.pg-projects) .qp{position:absolute;right:var(--gap);top:var(--gap);bottom:var(--gap);width:min(620px,calc(100vw - var(--gap)*2));border-radius:var(--rad);background:#fff;color:var(--ink);padding:clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(14px,1.4vw,24px);transform:translateX(110%);overflow:auto}
:where(body.pg-projects) .qm{position:relative;border-radius:clamp(14px,1.4vw,24px);overflow:hidden;background:var(--ink);aspect-ratio:4/3;flex:none}
:where(body.pg-projects) .qm .shot{position:absolute;inset:0;display:grid;place-items:center}
:where(body.pg-projects) .qm .shot img{width:84%;border-radius:10px;box-shadow:0 24px 50px rgba(0,0,0,.35)}
:where(body.pg-projects) .qm .pst{position:absolute;inset:0}
:where(body.pg-projects) .qm .pst svg{width:100%;height:100%;display:block}
:where(body.pg-projects) .qh{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
:where(body.pg-projects) .qh small{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--red)}
:where(body.pg-projects) .qh h3{font-weight:500;font-stretch:108%;font-size:clamp(34px,3.6vw,64px);letter-spacing:-.045em;line-height:.95;margin-top:6px}
:where(body.pg-projects) .qx{flex:none;width:44px;aspect-ratio:1;border-radius:50%;background:var(--surf);display:grid;place-items:center;transition:background .3s,color .3s,transform .5s var(--ease)}
:where(body.pg-projects) .qx:hover{background:var(--red);color:#fff;transform:rotate(90deg)}
:where(body.pg-projects) .qx svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
:where(body.pg-projects) .qd{color:var(--mute);font-size:clamp(15px,1.05vw,18px);max-width:46ch}
:where(body.pg-projects) .qp .tags li{background:var(--surf);color:var(--ink)}
:where(body.pg-projects) .qa{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;align-items:center}
:where(body.pg-projects) .qn{display:flex;gap:8px;margin-left:auto}
:where(body.pg-projects) .qn button{width:46px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(22,29,37,.25);display:grid;place-items:center;transition:background .3s,color .3s,box-shadow .3s}
:where(body.pg-projects) .qn button:hover{background:var(--ink);color:#fff;box-shadow:none}
:where(body.pg-projects) .qn svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-projects) #cur{position:fixed;left:0;top:0;z-index:90;width:86px;aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:14px;letter-spacing:-.01em;pointer-events:none;opacity:0;scale:.4;mix-blend-mode:normal}
@media (max-width:980px){:where(body.pg-projects) .stats{grid-template-columns:1fr}
:where(body.pg-projects) .stick{display:none}}
@media (max-width:820px){:where(body.pg-projects) .hh{font-size:13vw}
:where(body.pg-projects) .count b{font-size:28vw}
:where(body.pg-projects) .pgrid{grid-template-columns:1fr}
:where(body.pg-projects) .pc,:where(body.pg-projects) .pc[data-s]{grid-column:1/-1}
:where(body.pg-projects) .pm{height:68vw}
:where(body.pg-projects) .feat{height:auto;padding:calc(var(--pad)*2.6) 0 calc(var(--pad)*1.4)}
:where(body.pg-projects) .fbg,:where(body.pg-projects) .fprog{display:none}
:where(body.pg-projects) .fhead{position:absolute}
:where(body.pg-projects) .ftrack{overflow-x:auto;width:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
:where(body.pg-projects) .fc{grid-template-columns:1fr;height:auto;width:84vw;flex:none;scroll-snap-align:center}
:where(body.pg-projects) .fm{height:62vw}
:where(body.pg-projects) .lr{grid-template-columns:34px 1fr auto;gap:10px}
:where(body.pg-projects) .lr .lt,:where(body.pg-projects) .lr .lg{display:none}
:where(body.pg-projects) .views button span{display:none}}
@media (prefers-reduced-motion:reduce){body:where(.pg-projects),:where(body.pg-projects) *{transition:none!important}
:where(body.pg-projects) .mq-t{animation:none}}
/* ===== contact ===== */
:root:where(:has(body.pg-contact)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-contact),:where(body.pg-contact) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-contact)),html.lenis:where(:has(body.pg-contact)) body{height:auto}
:where(body.pg-contact) .lenis.lenis-smooth{scroll-behavior:auto!important}
body:where(.pg-contact){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-contact) a{color:inherit;text-decoration:none}
:where(body.pg-contact) button,:where(body.pg-contact) input,:where(body.pg-contact) select,:where(body.pg-contact) textarea{font:inherit;color:inherit}
:where(body.pg-contact) button{background:none;border:0;cursor:pointer}
:where(body.pg-contact) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-contact) .red :focus-visible,:where(body.pg-contact) .dark :focus-visible{outline-color:#fff}
:where(body.pg-contact) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-contact) .red{background:var(--red);color:#fff}
:where(body.pg-contact) .dark{background:var(--ink);color:#fff}
:where(body.pg-contact) .surf{background:var(--surf)}
:where(body.pg-contact) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-contact) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-contact) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-contact) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-contact) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-contact) .pill.k{background:var(--ink);color:#fff}
:where(body.pg-contact) .pill.k:hover{background:var(--red)}
:where(body.pg-contact) .pill.r{background:var(--red);color:#fff}
:where(body.pg-contact) .pill.r:hover{background:var(--ink)}
:where(body.pg-contact) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-contact) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-contact) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-contact) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-contact) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-contact) .logo i{font-style:normal}
:where(body.pg-contact) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-contact) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-contact) #fhd .lm,:where(body.pg-contact) #menu .lm,:where(body.pg-contact) .ft .lm{color:var(--red)}
:where(body.pg-contact) #fhd .logo i,:where(body.pg-contact) #menu .logo i,:where(body.pg-contact) .ft .logo i{color:var(--red)}
:where(body.pg-contact) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-contact) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-contact) #fhd.on{transform:none}
:where(body.pg-contact) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-contact) #fhd nav{display:flex;gap:8px}
:where(body.pg-contact) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-contact) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-contact) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-contact) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-contact) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-contact) #fhd .ghost{display:none}}
:where(body.pg-contact) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-contact) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-contact) .ft>*{position:relative}
:where(body.pg-contact) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-contact) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-contact) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-contact) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-contact) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-contact) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-contact) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-contact) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-contact) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-contact) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-contact) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-contact) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-contact) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-contact) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-contact) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-contact) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-contact) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-contact) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-contact) .ft-studio p+p{margin-top:14px}
:where(body.pg-contact) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-contact) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-contact) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-contact) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-contact) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-contact) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-contact) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-contact) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-contact) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-contact) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-contact) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-contact) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-contact) .legal{display:flex;gap:22px}
:where(body.pg-contact) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-contact) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-contact) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-contact) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-contact) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-contact) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-contact) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-contact) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-contact) #menu nav{display:grid}
:where(body.pg-contact) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-contact) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-contact) #menu nav a:hover span{color:var(--red)}
:where(body.pg-contact) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-contact) #menu .mfoot a:hover{color:#fff}
@media (max-width:820px){:where(body.pg-contact) .hd .ghost{display:none}
:where(body.pg-contact) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-contact) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-contact) .ft-brand{grid-column:1/-1}
:where(body.pg-contact) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-contact) .ft-studio h3{display:none}}
:where(body.pg-contact) .pill.big{height:clamp(52px,4vw,68px);padding:0 clamp(26px,2.4vw,40px);font-size:clamp(17px,1.3vw,22px)}
:where(body.pg-contact) .hero{min-height:min(calc(100svh - var(--gap)*2),780px);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-contact) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(120px,18vh,200px);position:relative;z-index:2}
:where(body.pg-contact) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-contact) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,10.4vw,230px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-contact) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-contact) .w>span{display:block}
:where(body.pg-contact) .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
:where(body.pg-contact) .hp{max-width:30ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5;margin-bottom:.5em}
:where(body.pg-contact) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-contact) .hfoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-top:clamp(20px,3vh,40px);font-size:clamp(13px,.78vw,16px);text-transform:uppercase;color:rgba(255,255,255,.78)}
:where(body.pg-contact) .hfoot b,:where(body.pg-contact) .hfoot a{font-weight:400;color:#fff}
:where(body.pg-contact) .hfoot a:hover{text-decoration:underline;text-underline-offset:3px}
:where(body.pg-contact) .reach{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:var(--gap);margin:var(--gap)}
:where(body.pg-contact) .rc-info{position:relative;overflow:hidden;border-radius:var(--rad);background:var(--ink);color:#fff;padding:clamp(24px,2.6vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:clamp(420px,36vw,600px)}
:where(body.pg-contact) .rc-info:before{content:"";position:absolute;right:-30%;top:-20%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.45),rgba(255,0,61,0) 65%);pointer-events:none}
:where(body.pg-contact) .rc-info>*{position:relative}
:where(body.pg-contact) .live{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 16px 8px 12px;border-radius:99px;background:rgba(255,255,255,.1);font-size:clamp(13px,.9vw,15px)}
:where(body.pg-contact) .live i{width:10px;height:10px;border-radius:50%;background:#7a828c;position:relative}
:where(body.pg-contact) .live.on i{background:var(--red)}
:where(body.pg-contact) .live.on i:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--red);animation:ping 2s ease-out infinite}
@keyframes ping{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.6);opacity:0}}
:where(body.pg-contact) .rc-info h2{font-weight:500;font-stretch:108%;font-size:clamp(36px,4.2vw,84px);line-height:.95;letter-spacing:-.045em}
:where(body.pg-contact) .rc-info h2 em{font-style:normal;color:var(--red)}
:where(body.pg-contact) .rc-info p{color:rgba(255,255,255,.7);max-width:32ch;font-size:clamp(14px,1.05vw,18px);line-height:1.5;margin-top:16px}
:where(body.pg-contact) .rc-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
:where(body.pg-contact) .rc-meta small{display:block;font:500 11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.5);margin-bottom:4px}
:where(body.pg-contact) .rc-meta b{font-weight:400;font-size:clamp(15px,1.1vw,19px)}
:where(body.pg-contact) .rc-list{display:grid;gap:var(--gap);grid-template-rows:repeat(4,1fr)}
:where(body.pg-contact) .rc{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,36px);padding:clamp(18px,1.8vw,32px) clamp(20px,2.4vw,44px);border-radius:var(--rad);background:var(--surf);min-height:clamp(110px,9vw,150px);transition:color .5s var(--ease)}
:where(body.pg-contact) .rc:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--red);transform:translateX(-101%);transition:transform .7s var(--ease);border-radius:inherit}
:where(body.pg-contact) .rc.wa:before{background:var(--ink)}
:where(body.pg-contact) .rc.up:before{background:var(--ink)}
:where(body.pg-contact) .rc.ml:before{background:var(--red-d)}
:where(body.pg-contact) .rc:hover{color:#fff}
:where(body.pg-contact) .rc:hover:before{transform:none}
:where(body.pg-contact) .rc-n{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);transition:color .5s;align-self:start;padding-top:.5em}
:where(body.pg-contact) .rc:hover .rc-n{color:rgba(255,255,255,.8)}
:where(body.pg-contact) .rc-ic{flex:none;width:clamp(44px,3.6vw,64px);aspect-ratio:1;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:background .5s,color .5s,transform .6s var(--ease)}
:where(body.pg-contact) .rc-ic svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-contact) .rc-ic svg.fl{fill:currentColor;stroke:none}
:where(body.pg-contact) .rc:hover .rc-ic{background:#fff;color:var(--ink);transform:rotate(-12deg) scale(1.06)}
:where(body.pg-contact) .rc-t{display:flex;align-items:center;gap:clamp(14px,1.6vw,28px);min-width:0}
:where(body.pg-contact) .rc-t div{min-width:0}
:where(body.pg-contact) .rc-t small{display:block;font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);margin-bottom:6px;transition:color .5s}
:where(body.pg-contact) .rc:hover small{color:rgba(255,255,255,.8)}
:where(body.pg-contact) .rc-t strong{display:block;font-weight:500;font-stretch:104%;font-size:clamp(22px,2.6vw,52px);letter-spacing:-.04em;line-height:1;overflow-wrap:anywhere;transition:transform .6s var(--ease)}
:where(body.pg-contact) .rc:hover .rc-t strong{transform:translateX(8px)}
:where(body.pg-contact) .rc-go{white-space:nowrap;display:flex;align-items:center;gap:12px;font-size:clamp(13px,.9vw,15px);color:var(--mute);transition:color .5s;text-align:right}
:where(body.pg-contact) .rc:hover .rc-go{color:#fff}
:where(body.pg-contact) .rc-go svg{box-sizing:border-box;flex:none;width:clamp(40px,3.2vw,56px);height:clamp(40px,3.2vw,56px);border-radius:50%;background:var(--ink);color:#fff;padding:clamp(11px,.95vw,17px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:background .5s,color .5s,transform .6s var(--ease)}
:where(body.pg-contact) .rc:hover .rc-go svg{background:#fff;color:var(--ink);transform:rotate(-45deg)}
@media (max-width:1300px){:where(body.pg-contact) .rc-go span{display:none}}
@media (max-width:1000px){:where(body.pg-contact) .reach{grid-template-columns:minmax(0,1fr)}
:where(body.pg-contact) .rc-info{min-height:0}
:where(body.pg-contact) .rc-list{grid-template-rows:none}}
@media (max-width:640px){:where(body.pg-contact) .rc{grid-template-columns:minmax(0,1fr) auto;padding:20px}
:where(body.pg-contact) .rc-n{display:none}
:where(body.pg-contact) .rc-go span{display:none}
:where(body.pg-contact) .rc-t strong{font-size:clamp(20px,6vw,28px)}}
:where(body.pg-contact) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-contact) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
:where(body.pg-contact) .main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--gap);margin:var(--gap);align-items:start}
:where(body.pg-contact) .main>.card{margin:0}
:where(body.pg-contact) .form{padding:clamp(24px,3.4vw,64px)}
:where(body.pg-contact) .form h2{font-weight:500;font-stretch:108%;font-size:clamp(30px,3.6vw,64px);letter-spacing:-.04em;line-height:.98}
:where(body.pg-contact) .form .lead{color:var(--mute);margin:clamp(12px,1.2vw,20px) 0 clamp(26px,3vw,52px);max-width:46ch}
:where(body.pg-contact) .fs{border:0;margin:0 0 clamp(26px,2.8vw,46px)}
:where(body.pg-contact) .fs legend{display:block;font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);margin-bottom:14px;padding:0}
:where(body.pg-contact) .fs legend b{color:var(--red);font-weight:500}
:where(body.pg-contact) .row2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,36px)}
:where(body.pg-contact) .fld{position:relative;margin-bottom:clamp(18px,2vw,30px)}
:where(body.pg-contact) .fld input,:where(body.pg-contact) .fld select,:where(body.pg-contact) .fld textarea{width:100%;background:transparent;border:0;border-bottom:1.5px solid rgba(22,29,37,.25);padding:26px 0 10px;font-size:clamp(18px,1.3vw,23px);letter-spacing:-.015em;border-radius:0;outline:0;transition:border-color .3s;appearance:none;-webkit-appearance:none}
:where(body.pg-contact) .fld textarea{resize:vertical;min-height:140px;line-height:1.45}
:where(body.pg-contact) .fld select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23161D25' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E") right 2px center no-repeat;padding-right:28px;cursor:pointer}
:where(body.pg-contact) .fld label{position:absolute;left:0;top:26px;font-size:clamp(18px,1.3vw,23px);letter-spacing:-.015em;color:var(--mute);pointer-events:none;transform-origin:0 0;transition:transform .35s var(--ease),color .3s}
:where(body.pg-contact) .fld input:focus,:where(body.pg-contact) .fld select:focus,:where(body.pg-contact) .fld textarea:focus{border-color:var(--red)}
:where(body.pg-contact) .fld input:not(:placeholder-shown)+label,:where(body.pg-contact) .fld input:focus+label,:where(body.pg-contact) .fld textarea:not(:placeholder-shown)+label,:where(body.pg-contact) .fld textarea:focus+label,:where(body.pg-contact) .fld select:valid+label,:where(body.pg-contact) .fld select:focus+label{transform:translateY(-22px) scale(.62);color:var(--ink)}
:where(body.pg-contact) .fld input:focus+label,:where(body.pg-contact) .fld textarea:focus+label,:where(body.pg-contact) .fld select:focus+label{color:var(--red)}
:where(body.pg-contact) .fld.bad input,:where(body.pg-contact) .fld.bad textarea{border-color:var(--red)}
:where(body.pg-contact) .err{display:none;color:var(--red-d);font-size:14px;margin-top:8px}
:where(body.pg-contact) .fld.bad .err{display:block}
:where(body.pg-contact) .chips{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-contact) .chips label{position:relative;cursor:pointer}
:where(body.pg-contact) .chips input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
:where(body.pg-contact) .chips span{display:inline-block;border:1.5px solid rgba(22,29,37,.28);border-radius:99px;padding:10px 20px;font-size:clamp(15px,1vw,18px);letter-spacing:-.01em;transition:background .25s,color .25s,border-color .25s,transform .35s var(--ease)}
:where(body.pg-contact) .chips label:hover span{border-color:var(--ink)}
:where(body.pg-contact) .chips input:checked+span{background:var(--red);border-color:var(--red);color:#fff}
:where(body.pg-contact) .chips input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-contact) .chips input:active+span{transform:scale(.96)}
:where(body.pg-contact) .hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
:where(body.pg-contact) .consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--mute);cursor:pointer;margin-bottom:clamp(22px,2.4vw,40px)}
:where(body.pg-contact) .consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--red);flex:none}
:where(body.pg-contact) .submit{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
:where(body.pg-contact) .submit .note{font-size:14px;color:var(--mute);max-width:34ch}
:where(body.pg-contact) .submit .pill:disabled{opacity:.55;cursor:progress}
:where(body.pg-contact) .status{margin-top:18px;font-size:15px;color:var(--red-d);min-height:1.2em}
:where(body.pg-contact) .done{display:none;text-align:left;padding:clamp(10px,2vw,30px) 0}
:where(body.pg-contact) .done .tick{width:clamp(64px,6vw,96px);aspect-ratio:1;border-radius:50%;background:var(--red);display:grid;place-items:center;margin-bottom:clamp(20px,2.4vw,36px)}
:where(body.pg-contact) .done .tick svg{width:44%;height:44%;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-contact) .done h2{margin-bottom:16px}
:where(body.pg-contact) .done p{color:var(--mute);max-width:44ch}
:where(body.pg-contact) .done dl{margin:clamp(22px,2.6vw,40px) 0;display:grid;gap:12px;font-size:16px;border-top:1px solid var(--line);padding-top:20px}
:where(body.pg-contact) .done dl div{display:flex;gap:16px}
:where(body.pg-contact) .done dt{flex:0 0 120px;color:var(--mute)}
:where(body.pg-contact) .done dd{word-break:break-word}
:where(body.pg-contact) .form.sent form,:where(body.pg-contact) .form.sent .head{display:none}
:where(body.pg-contact) .form.sent .done{display:block}
:where(body.pg-contact) .aside{position:sticky;top:calc(var(--gap) + 16px);padding:clamp(24px,2.6vw,48px)}
:where(body.pg-contact) .aside:before{content:"";position:absolute;right:-30%;top:-25%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.24),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-contact) .aside>*{position:relative}
:where(body.pg-contact) .aside h3{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.5);margin-bottom:clamp(16px,1.6vw,26px)}
:where(body.pg-contact) .steps{list-style:none;display:grid;gap:clamp(18px,1.8vw,30px);counter-reset:s}
:where(body.pg-contact) .steps li{display:grid;grid-template-columns:auto 1fr;gap:16px;counter-increment:s}
:where(body.pg-contact) .steps li:before{content:counter(s);display:grid;place-items:center;width:34px;aspect-ratio:1;border-radius:50%;background:var(--red);font-weight:500;font-size:15px}
:where(body.pg-contact) .steps b{display:block;font-weight:500;font-size:clamp(18px,1.4vw,24px);letter-spacing:-.025em;line-height:1.15}
:where(body.pg-contact) .steps p{color:rgba(255,255,255,.62);font-size:15px;margin-top:4px}
:where(body.pg-contact) .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:clamp(26px,3vw,46px) 0;padding:clamp(20px,2vw,32px) 0;border-block:1px solid rgba(255,255,255,.14)}
:where(body.pg-contact) .stats b{display:block;font-weight:500;font-stretch:108%;font-size:clamp(26px,2.6vw,46px);letter-spacing:-.04em;line-height:1}
:where(body.pg-contact) .stats span{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.58);line-height:1.3}
:where(body.pg-contact) .dl{display:grid;gap:16px;font-size:16px}
:where(body.pg-contact) .dl div small{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:2px}
:where(body.pg-contact) .dl a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease)}
:where(body.pg-contact) .dl a:hover{background-size:100% 1px}
:where(body.pg-contact) .faq{padding:clamp(6px,1vw,16px) 0}
:where(body.pg-contact) .faq details{border-top:1px solid var(--line)}
:where(body.pg-contact) .faq details:first-child{border-top:0}
:where(body.pg-contact) .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(20px,2.2vw,34px) clamp(22px,3vw,56px);font-weight:500;font-size:clamp(20px,2vw,36px);letter-spacing:-.03em;line-height:1.15}
:where(body.pg-contact) .faq summary::-webkit-details-marker{display:none}
:where(body.pg-contact) .faq summary i{flex:none;position:relative;width:clamp(34px,2.8vw,46px);aspect-ratio:1;border-radius:50%;background:var(--ink);transition:background .35s,transform .5s var(--ease)}
:where(body.pg-contact) .faq summary i:before,:where(body.pg-contact) .faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:40%;height:2px;margin:-1px 0 0 -20%;background:#fff;border-radius:2px;transition:transform .5s var(--ease)}
:where(body.pg-contact) .faq summary i:after{transform:rotate(90deg)}
:where(body.pg-contact) .faq details[open] summary i{background:var(--red);transform:rotate(180deg)}
:where(body.pg-contact) .faq details[open] summary i:after{transform:rotate(0)}
:where(body.pg-contact) .faq summary:hover{color:var(--red)}
:where(body.pg-contact) .faq .ans{padding:0 clamp(22px,3vw,56px) clamp(22px,2.4vw,38px);max-width:64ch;color:var(--mute);font-size:clamp(16px,1.1vw,19px)}
@media (max-width:980px){:where(body.pg-contact) .main{grid-template-columns:1fr}
:where(body.pg-contact) .aside{position:relative;top:0}}
@media (max-width:820px){:where(body.pg-contact) .hh{font-size:13.4vw}
:where(body.pg-contact) .hrow{margin-top:26px}
:where(body.pg-contact) .hmain{padding-bottom:40px}
:where(body.pg-contact) .row2{grid-template-columns:1fr;gap:0}
:where(body.pg-contact) .stats{grid-template-columns:1fr 1fr 1fr}}
@media (prefers-reduced-motion:reduce){body:where(.pg-contact),:where(body.pg-contact) *{transition:none!important;animation:none!important}}
/* ===== terms ===== */
:root:where(:has(body.pg-terms)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-terms),:where(body.pg-terms) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-terms)),html.lenis:where(:has(body.pg-terms)) body{height:auto}
:where(body.pg-terms) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-terms) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-terms){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-terms) a{color:inherit;text-decoration:none}
:where(body.pg-terms) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-terms) img{display:block;max-width:100%}
:where(body.pg-terms) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-terms) .red :focus-visible,:where(body.pg-terms) .dark :focus-visible{outline-color:#fff}
:where(body.pg-terms) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-terms) .red{background:var(--red);color:#fff}
:where(body.pg-terms) .dark{background:var(--ink);color:#fff}
:where(body.pg-terms) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-terms) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-terms) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-terms) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-terms) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-terms) .pill.r{background:var(--red);color:#fff}
:where(body.pg-terms) .pill.r:hover{background:var(--ink)}
:where(body.pg-terms) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-terms) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-terms) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-terms) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-terms) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-terms) .logo i{font-style:normal}
:where(body.pg-terms) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-terms) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-terms) #fhd .lm,:where(body.pg-terms) #menu .lm,:where(body.pg-terms) .ft .lm{color:var(--red)}
:where(body.pg-terms) #fhd .logo i,:where(body.pg-terms) #menu .logo i,:where(body.pg-terms) .ft .logo i{color:var(--red)}
:where(body.pg-terms) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-terms) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-terms) #fhd.on{transform:none}
:where(body.pg-terms) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-terms) #fhd nav{display:flex;gap:8px}
:where(body.pg-terms) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-terms) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-terms) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-terms) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-terms) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-terms) #fhd .ghost{display:none}}
:where(body.pg-terms) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-terms) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-terms) .ft>*{position:relative}
:where(body.pg-terms) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-terms) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-terms) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-terms) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-terms) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-terms) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-terms) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-terms) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-terms) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-terms) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-terms) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-terms) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-terms) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-terms) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-terms) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-terms) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-terms) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-terms) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-terms) .ft-studio p+p{margin-top:14px}
:where(body.pg-terms) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-terms) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-terms) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-terms) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-terms) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-terms) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-terms) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-terms) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-terms) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-terms) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-terms) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-terms) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-terms) .legal{display:flex;gap:22px}
:where(body.pg-terms) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-terms) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-terms) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-terms) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-terms) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-terms) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-terms) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-terms) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-terms) #menu nav{display:grid}
:where(body.pg-terms) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-terms) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-terms) #menu nav a:hover span{color:var(--red)}
:where(body.pg-terms) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-terms) #menu .mfoot a:hover{color:#fff}
@media (max-width:820px){:where(body.pg-terms) .hd .ghost{display:none}
:where(body.pg-terms) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-terms) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-terms) .ft-brand{grid-column:1/-1}
:where(body.pg-terms) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-terms) .ft-studio h3{display:none}}
:where(body.pg-terms) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-terms) .hero.short{min-height:min(620px,72svh)}
:where(body.pg-terms) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(24px,5vh,70px);position:relative;z-index:2}
:where(body.pg-terms) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-terms) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,9.4vw,210px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-terms) .hero.short .hh{font-size:clamp(40px,7.4vw,150px)}
:where(body.pg-terms) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-terms) .w>span{display:block}
:where(body.pg-terms) .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(18px,2.4vw,40px)}
:where(body.pg-terms) .hp{max-width:34ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5}
:where(body.pg-terms) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-terms) .mq{overflow:hidden;padding:clamp(14px,2vw,28px) 0;margin:0 calc(var(--pad)*-1);position:relative;z-index:2}
@keyframes mq{to{transform:translateX(-50%)}}
:where(body.pg-terms) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-terms) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
@media (max-width:820px){:where(body.pg-terms) .hh{font-size:13vw}
:where(body.pg-terms) .hero.short .hh{font-size:11.6vw}}
@media (prefers-reduced-motion:reduce){body:where(.pg-terms),:where(body.pg-terms) *{transition:none!important}}
:where(body.pg-terms) .lg{display:grid;grid-template-columns:minmax(240px,.32fr) minmax(0,1fr);gap:var(--gap);margin:var(--gap);align-items:start}
:where(body.pg-terms) .toc{position:sticky;top:calc(var(--gap) + 16px);border-radius:var(--rad);background:var(--surf);padding:clamp(18px,1.8vw,30px)}
:where(body.pg-terms) .toc h2{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);margin-bottom:14px}
:where(body.pg-terms) .toc ol{list-style:none;display:grid;gap:2px;counter-reset:t}
:where(body.pg-terms) .toc a{display:flex;gap:12px;align-items:baseline;padding:9px 12px;border-radius:12px;font-size:clamp(14px,.95vw,16px);color:var(--mute);transition:background .3s,color .3s}
:where(body.pg-terms) .toc a:before{counter-increment:t;content:counter(t,decimal-leading-zero);font:500 11px ui-monospace,Menlo,monospace;opacity:.7}
:where(body.pg-terms) .toc a:hover{color:var(--ink)}
:where(body.pg-terms) .toc a.on{background:#fff;color:var(--red)}
:where(body.pg-terms) .doc{border-radius:var(--rad);background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);padding:clamp(24px,4vw,84px)}
:where(body.pg-terms) .doc .lead{font-weight:500;font-stretch:104%;font-size:clamp(22px,2.2vw,40px);letter-spacing:-.035em;line-height:1.15;max-width:30ch;margin-bottom:clamp(30px,4vw,70px)}
:where(body.pg-terms) .doc section{padding:clamp(22px,2.6vw,44px) 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--gap) + 10px);display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(14px,2.4vw,50px)}
:where(body.pg-terms) .doc h2{font-weight:500;font-stretch:104%;font-size:clamp(24px,2.2vw,40px);letter-spacing:-.035em;line-height:1.05;position:sticky;top:calc(var(--gap) + 20px);align-self:start}
:where(body.pg-terms) .doc h2 i{display:block;font:500 12px ui-monospace,Menlo,monospace;color:var(--red);margin-bottom:8px;letter-spacing:.04em;font-style:normal}
:where(body.pg-terms) .doc p{color:#3D4752;font-size:clamp(15px,1.05vw,18px);line-height:1.7;max-width:68ch}
:where(body.pg-terms) .doc p+p{margin-top:14px}
:where(body.pg-terms) .doc a{color:var(--red);border-bottom:1px solid currentColor}
:where(body.pg-terms) .upd{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(16px,2vw,30px);border-radius:99px;padding:8px 16px;background:rgba(255,255,255,.18);font-size:clamp(13px,.9vw,15px)}
:where(body.pg-terms) .upd:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
@media (max-width:980px){:where(body.pg-terms) .lg{grid-template-columns:1fr}
:where(body.pg-terms) .toc{position:relative;top:0}
:where(body.pg-terms) .toc ol{grid-template-columns:1fr 1fr}
:where(body.pg-terms) .doc section{grid-template-columns:1fr}
:where(body.pg-terms) .doc h2{position:static}}
@media (max-width:560px){:where(body.pg-terms) .toc ol{grid-template-columns:1fr}}
/* ===== privacy ===== */
:root:where(:has(body.pg-privacy)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-privacy),:where(body.pg-privacy) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-privacy)),html.lenis:where(:has(body.pg-privacy)) body{height:auto}
:where(body.pg-privacy) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-privacy) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-privacy){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-privacy) a{color:inherit;text-decoration:none}
:where(body.pg-privacy) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-privacy) img{display:block;max-width:100%}
:where(body.pg-privacy) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-privacy) .red :focus-visible,:where(body.pg-privacy) .dark :focus-visible{outline-color:#fff}
:where(body.pg-privacy) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-privacy) .red{background:var(--red);color:#fff}
:where(body.pg-privacy) .dark{background:var(--ink);color:#fff}
:where(body.pg-privacy) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-privacy) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-privacy) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-privacy) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-privacy) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-privacy) .pill.r{background:var(--red);color:#fff}
:where(body.pg-privacy) .pill.r:hover{background:var(--ink)}
:where(body.pg-privacy) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-privacy) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-privacy) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-privacy) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-privacy) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-privacy) .logo i{font-style:normal}
:where(body.pg-privacy) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-privacy) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-privacy) #fhd .lm,:where(body.pg-privacy) #menu .lm,:where(body.pg-privacy) .ft .lm{color:var(--red)}
:where(body.pg-privacy) #fhd .logo i,:where(body.pg-privacy) #menu .logo i,:where(body.pg-privacy) .ft .logo i{color:var(--red)}
:where(body.pg-privacy) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-privacy) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-privacy) #fhd.on{transform:none}
:where(body.pg-privacy) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-privacy) #fhd nav{display:flex;gap:8px}
:where(body.pg-privacy) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-privacy) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-privacy) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-privacy) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-privacy) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-privacy) #fhd .ghost{display:none}}
:where(body.pg-privacy) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-privacy) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-privacy) .ft>*{position:relative}
:where(body.pg-privacy) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-privacy) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-privacy) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-privacy) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-privacy) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-privacy) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-privacy) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-privacy) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-privacy) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-privacy) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-privacy) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-privacy) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-privacy) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-privacy) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-privacy) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-privacy) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-privacy) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-privacy) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-privacy) .ft-studio p+p{margin-top:14px}
:where(body.pg-privacy) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-privacy) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-privacy) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-privacy) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-privacy) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-privacy) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-privacy) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-privacy) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-privacy) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-privacy) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-privacy) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-privacy) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-privacy) .legal{display:flex;gap:22px}
:where(body.pg-privacy) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-privacy) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-privacy) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-privacy) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-privacy) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-privacy) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-privacy) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-privacy) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-privacy) #menu nav{display:grid}
:where(body.pg-privacy) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-privacy) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-privacy) #menu nav a:hover span{color:var(--red)}
:where(body.pg-privacy) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-privacy) #menu .mfoot a:hover{color:#fff}
@media (max-width:820px){:where(body.pg-privacy) .hd .ghost{display:none}
:where(body.pg-privacy) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-privacy) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-privacy) .ft-brand{grid-column:1/-1}
:where(body.pg-privacy) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-privacy) .ft-studio h3{display:none}}
:where(body.pg-privacy) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-privacy) .hero.short{min-height:min(620px,72svh)}
:where(body.pg-privacy) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(24px,5vh,70px);position:relative;z-index:2}
:where(body.pg-privacy) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-privacy) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,9.4vw,210px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-privacy) .hero.short .hh{font-size:clamp(40px,7.4vw,150px)}
:where(body.pg-privacy) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-privacy) .w>span{display:block}
:where(body.pg-privacy) .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(18px,2.4vw,40px)}
:where(body.pg-privacy) .hp{max-width:34ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5}
:where(body.pg-privacy) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-privacy) .mq{overflow:hidden;padding:clamp(14px,2vw,28px) 0;margin:0 calc(var(--pad)*-1);position:relative;z-index:2}
@keyframes mq{to{transform:translateX(-50%)}}
:where(body.pg-privacy) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-privacy) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
@media (max-width:820px){:where(body.pg-privacy) .hh{font-size:13vw}
:where(body.pg-privacy) .hero.short .hh{font-size:11.6vw}}
@media (prefers-reduced-motion:reduce){body:where(.pg-privacy),:where(body.pg-privacy) *{transition:none!important}}
:where(body.pg-privacy) .lg{display:grid;grid-template-columns:minmax(240px,.32fr) minmax(0,1fr);gap:var(--gap);margin:var(--gap);align-items:start}
:where(body.pg-privacy) .toc{position:sticky;top:calc(var(--gap) + 16px);border-radius:var(--rad);background:var(--surf);padding:clamp(18px,1.8vw,30px)}
:where(body.pg-privacy) .toc h2{font:500 12px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);margin-bottom:14px}
:where(body.pg-privacy) .toc ol{list-style:none;display:grid;gap:2px;counter-reset:t}
:where(body.pg-privacy) .toc a{display:flex;gap:12px;align-items:baseline;padding:9px 12px;border-radius:12px;font-size:clamp(14px,.95vw,16px);color:var(--mute);transition:background .3s,color .3s}
:where(body.pg-privacy) .toc a:before{counter-increment:t;content:counter(t,decimal-leading-zero);font:500 11px ui-monospace,Menlo,monospace;opacity:.7}
:where(body.pg-privacy) .toc a:hover{color:var(--ink)}
:where(body.pg-privacy) .toc a.on{background:#fff;color:var(--red)}
:where(body.pg-privacy) .doc{border-radius:var(--rad);background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);padding:clamp(24px,4vw,84px)}
:where(body.pg-privacy) .doc .lead{font-weight:500;font-stretch:104%;font-size:clamp(22px,2.2vw,40px);letter-spacing:-.035em;line-height:1.15;max-width:30ch;margin-bottom:clamp(30px,4vw,70px)}
:where(body.pg-privacy) .doc section{padding:clamp(22px,2.6vw,44px) 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--gap) + 10px);display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(14px,2.4vw,50px)}
:where(body.pg-privacy) .doc h2{font-weight:500;font-stretch:104%;font-size:clamp(24px,2.2vw,40px);letter-spacing:-.035em;line-height:1.05;position:sticky;top:calc(var(--gap) + 20px);align-self:start}
:where(body.pg-privacy) .doc h2 i{display:block;font:500 12px ui-monospace,Menlo,monospace;color:var(--red);margin-bottom:8px;letter-spacing:.04em;font-style:normal}
:where(body.pg-privacy) .doc p{color:#3D4752;font-size:clamp(15px,1.05vw,18px);line-height:1.7;max-width:68ch}
:where(body.pg-privacy) .doc p+p{margin-top:14px}
:where(body.pg-privacy) .doc a{color:var(--red);border-bottom:1px solid currentColor}
:where(body.pg-privacy) .upd{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(16px,2vw,30px);border-radius:99px;padding:8px 16px;background:rgba(255,255,255,.18);font-size:clamp(13px,.9vw,15px)}
:where(body.pg-privacy) .upd:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
@media (max-width:980px){:where(body.pg-privacy) .lg{grid-template-columns:1fr}
:where(body.pg-privacy) .toc{position:relative;top:0}
:where(body.pg-privacy) .toc ol{grid-template-columns:1fr 1fr}
:where(body.pg-privacy) .doc section{grid-template-columns:1fr}
:where(body.pg-privacy) .doc h2{position:static}}
@media (max-width:560px){:where(body.pg-privacy) .toc ol{grid-template-columns:1fr}}
/* ===== 404 ===== */
:root:where(:has(body.pg-404)){--red:#FF003D;--red-d:#D90033;--ink:#161D25;--surf:#F1F1F3;--line:#D8D9DE;--mute:#5E6670;--pink:#FFC6D3;--white:#fff;
  --gap:clamp(10px,1vw,20px);--rad:clamp(22px,2vw,40px);--pad:clamp(20px,2vw,42px);--ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;}
body:where(.pg-404),:where(body.pg-404) *{box-sizing:border-box;margin:0;padding:0}
html.lenis:where(:has(body.pg-404)),html.lenis:where(:has(body.pg-404)) body{height:auto}
:where(body.pg-404) .lenis.lenis-smooth{scroll-behavior:auto!important}
:where(body.pg-404) .lenis.lenis-stopped{overflow:hidden}
body:where(.pg-404){background:var(--white);color:var(--ink);font:400 17px/1.5 "Archivo",system-ui,sans-serif;font-stretch:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(body.pg-404) a{color:inherit;text-decoration:none}
:where(body.pg-404) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(body.pg-404) img{display:block;max-width:100%}
:where(body.pg-404) :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:where(body.pg-404) .red :focus-visible,:where(body.pg-404) .dark :focus-visible{outline-color:#fff}
:where(body.pg-404) .card{margin:var(--gap);border-radius:var(--rad);position:relative;overflow:hidden}
:where(body.pg-404) .red{background:var(--red);color:#fff}
:where(body.pg-404) .dark{background:var(--ink);color:#fff}
:where(body.pg-404) .pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:clamp(38px,2.6vw,48px);padding:0 clamp(18px,1.4vw,28px);border-radius:99px;font-size:clamp(15px,1vw,19px);white-space:nowrap;letter-spacing:-.01em;transition:background .35s var(--ease),color .35s var(--ease)}
:where(body.pg-404) .pill.ghost{background:rgba(255,255,255,.3);color:#fff}
:where(body.pg-404) .pill.ghost:hover{background:#fff;color:var(--red)}
:where(body.pg-404) .pill.solid{background:#fff;color:var(--red)}
:where(body.pg-404) .pill.solid:hover{background:var(--ink);color:#fff}
:where(body.pg-404) .pill.r{background:var(--red);color:#fff}
:where(body.pg-404) .pill.r:hover{background:var(--ink)}
:where(body.pg-404) .burger{display:grid;gap:4px;width:16px}
:where(body.pg-404) .burger i{display:block;height:1.5px;background:currentColor;border-radius:2px}
:where(body.pg-404) .burger i:last-child{width:70%;justify-self:end}
:where(body.pg-404) .hd{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
:where(body.pg-404) .logo{display:inline-flex;align-items:center;gap:.34em;font-size:clamp(24px,2vw,42px);font-weight:500;font-stretch:108%;letter-spacing:-.045em;line-height:1;white-space:nowrap}
:where(body.pg-404) .logo i{font-style:normal}
:where(body.pg-404) .lm{width:1.3em;height:1.3em;flex:none;color:currentColor;transition:transform .7s var(--ease)}
:where(body.pg-404) .logo:hover .lm{transform:rotate(-14deg) scale(1.06)}
:where(body.pg-404) #fhd .lm,:where(body.pg-404) #menu .lm,:where(body.pg-404) .ft .lm{color:var(--red)}
:where(body.pg-404) #fhd .logo i,:where(body.pg-404) #menu .logo i,:where(body.pg-404) .ft .logo i{color:var(--red)}
:where(body.pg-404) .hd nav{display:flex;gap:clamp(8px,.6vw,12px)}
:where(body.pg-404) #fhd{position:fixed;z-index:80;top:var(--gap);left:var(--gap);right:var(--gap);display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px var(--pad);background:#fff;color:var(--ink);border-radius:clamp(14px,1.2vw,22px);box-shadow:0 10px 30px rgba(22,29,37,.1),0 0 0 1px rgba(22,29,37,.06);transform:translateY(calc(-100% - var(--gap) - 10px));transition:transform .6s var(--ease)}
:where(body.pg-404) #fhd.on{transform:none}
:where(body.pg-404) #fhd .logo{font-size:clamp(20px,1.5vw,30px)}
:where(body.pg-404) #fhd nav{display:flex;gap:8px}
:where(body.pg-404) #fhd .pill{height:clamp(34px,2.3vw,42px)}
:where(body.pg-404) #fhd .pill.ghost{background:var(--surf);color:var(--ink)}
:where(body.pg-404) #fhd .pill.ghost:hover{background:var(--ink);color:#fff}
:where(body.pg-404) #fhd .pill.solid{background:var(--red);color:#fff}
:where(body.pg-404) #fhd .pill.solid:hover{background:var(--ink)}
@media (max-width:820px){:where(body.pg-404) #fhd .ghost{display:none}}
:where(body.pg-404) .ft{padding:clamp(30px,4vw,76px) var(--pad) clamp(18px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(28px,3.6vw,64px);background:var(--ink)}
:where(body.pg-404) .ft:before{content:"";position:absolute;right:-8%;top:-30%;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,61,.2),rgba(255,0,61,0) 66%);pointer-events:none}
:where(body.pg-404) .ft>*{position:relative}
:where(body.pg-404) .ft-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,72px);align-items:end}
:where(body.pg-404) .ft-eyebrow{font:500 13px ui-monospace,Menlo,monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.4vw,26px)}
:where(body.pg-404) .ft-h{font-weight:500;font-stretch:108%;font-size:clamp(42px,6.4vw,128px);line-height:.92;letter-spacing:-.04em}
:where(body.pg-404) .ft-act{display:grid;gap:clamp(18px,1.8vw,32px);justify-items:start}
:where(body.pg-404) .ft-mail{font-size:clamp(22px,2.3vw,44px);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat;padding-bottom:6px;transition:background-size .5s var(--ease),color .3s}
:where(body.pg-404) .ft-mail:hover{background-size:100% 100%;color:#fff}
:where(body.pg-404) .ft-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-404) .pill.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
:where(body.pg-404) .pill.line:hover{background:#fff;color:var(--ink)}
:where(body.pg-404) .ft .pill.solid{background:var(--red);color:#fff}
:where(body.pg-404) .ft .pill.solid:hover{background:#fff;color:var(--red)}
:where(body.pg-404) .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(24px,2.6vw,48px);padding-top:clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.12)}
:where(body.pg-404) .ft-brand p{margin-top:18px;max-width:30ch;color:rgba(255,255,255,.62);font-size:clamp(14px,.9vw,16px)}
:where(body.pg-404) .ft-col h3{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:clamp(14px,1.4vw,22px)}
:where(body.pg-404) .ft-col ul{list-style:none;display:grid;gap:10px;font-size:clamp(15px,1vw,18px)}
:where(body.pg-404) .ft-col a{display:inline-block;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-404) .ft-col a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-404) .ft-studio p{font-size:clamp(14px,.9vw,16px);color:rgba(255,255,255,.55);line-height:1.4}
:where(body.pg-404) .ft-studio p+p{margin-top:14px}
:where(body.pg-404) .ft-studio b{font-weight:400;color:#fff;font-size:clamp(15px,1vw,18px)}
:where(body.pg-404) .ft .logo{font-size:clamp(22px,1.7vw,32px)}
:where(body.pg-404) .bigmark{overflow:hidden;line-height:.8;padding:.04em 0 0;margin:calc(clamp(10px,1.4vw,24px)*-1) -.01em calc(clamp(6px,1vw,16px)*-1)}
:where(body.pg-404) .bigmark span{display:inline-block;white-space:nowrap;font-weight:500;font-stretch:112%;letter-spacing:-.05em;line-height:.86;padding-bottom:.08em;background:linear-gradient(180deg,#34404D 8%,#1B232C 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:100px}
:where(body.pg-404) .bigmark i{font-style:normal;-webkit-text-fill-color:var(--red);color:var(--red)}
:where(body.pg-404) .soc{list-style:none;display:flex;gap:10px;margin-top:clamp(18px,1.8vw,30px)}
:where(body.pg-404) .soc a{width:clamp(42px,3vw,50px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .4s var(--ease),transform .5s var(--ease),box-shadow .4s}
:where(body.pg-404) .soc a:hover{background:var(--red);box-shadow:none;transform:translateY(-5px) rotate(-8deg)}
:where(body.pg-404) .soc svg{width:46%;height:46%;fill:currentColor}
:where(body.pg-404) .soc svg.stk{fill:none;stroke:currentColor;stroke-width:1.9}
:where(body.pg-404) .soc svg.stk .dt{fill:currentColor;stroke:none}
:where(body.pg-404) .ft-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
:where(body.pg-404) .legal{display:flex;gap:22px}
:where(body.pg-404) .legal a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease),color .3s}
:where(body.pg-404) .legal a:hover{color:#fff;background-size:100% 1px}
:where(body.pg-404) .ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.55)}
:where(body.pg-404) .totop{display:grid;place-items:center;width:clamp(44px,3.4vw,58px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;transition:transform .5s var(--ease),background .3s,color .3s}
:where(body.pg-404) .totop svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(body.pg-404) .totop:hover{background:#fff;color:var(--red);transform:translateY(-4px)}
:where(body.pg-404) #menu{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--gap) + var(--pad));clip-path:inset(0 0 100% 0)}
:where(body.pg-404) #menu .mtop{display:flex;justify-content:space-between;align-items:center}
:where(body.pg-404) #menu nav{display:grid}
:where(body.pg-404) #menu nav a{display:block;overflow:hidden;font-size:clamp(46px,8.4vw,150px);font-weight:500;font-stretch:110%;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em}
:where(body.pg-404) #menu nav a span{display:block;transition:color .3s}
:where(body.pg-404) #menu nav a:hover span{color:var(--red)}
:where(body.pg-404) #menu .mfoot{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.7)}
:where(body.pg-404) #menu .mfoot a:hover{color:#fff}
@media (max-width:820px){:where(body.pg-404) .hd .ghost{display:none}
:where(body.pg-404) .ft-top{grid-template-columns:1fr;align-items:start}
:where(body.pg-404) .ft-grid{grid-template-columns:1fr 1fr}
:where(body.pg-404) .ft-brand{grid-column:1/-1}
:where(body.pg-404) .ft-studio{grid-column:1/-1;display:flex;gap:32px}
:where(body.pg-404) .ft-studio h3{display:none}}
:where(body.pg-404) .hero{min-height:calc(100svh - var(--gap)*2);display:flex;flex-direction:column;padding:var(--pad)}
:where(body.pg-404) .hmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,120px) 0 clamp(24px,5vh,70px);position:relative;z-index:2}
:where(body.pg-404) .eyebrow{font:500 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:clamp(14px,1.6vw,28px)}
:where(body.pg-404) .hh{font-weight:400;font-stretch:112%;text-transform:uppercase;font-size:clamp(46px,9.4vw,210px);line-height:1.02;letter-spacing:-.01em}
:where(body.pg-404) .w{display:block;overflow:hidden;padding:.02em .02em 0}
:where(body.pg-404) .w>span{display:block}
:where(body.pg-404) .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(18px,2.4vw,40px)}
:where(body.pg-404) .hp{max-width:34ch;font-size:clamp(15px,1.1vw,20px);line-height:1.5}
:where(body.pg-404) .hline{height:1px;background:rgba(255,255,255,.55)}
:where(body.pg-404) .mq{overflow:hidden;padding:clamp(14px,2vw,28px) 0;margin:0 calc(var(--pad)*-1);position:relative;z-index:2}
@keyframes mq{to{transform:translateX(-50%)}}
:where(body.pg-404) .sh{overflow:hidden;text-align:center;line-height:.9;padding:clamp(56px,7vw,130px) var(--gap) 0}
:where(body.pg-404) .sh span{display:inline-block;font-weight:500;font-stretch:110%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,8vw,170px)}
:where(body.pg-404) .pill.big{height:clamp(52px,4vw,68px);padding:0 clamp(26px,2.4vw,40px);font-size:clamp(17px,1.3vw,22px)}
@media (max-width:820px){:where(body.pg-404) .hh{font-size:13vw}}
@media (prefers-reduced-motion:reduce){body:where(.pg-404),:where(body.pg-404) *{transition:none!important}}
:where(body.pg-404) .nf{min-height:calc(100svh - var(--gap)*2)}
:where(body.pg-404) .nf .hmain{justify-content:center;gap:clamp(8px,1.4vw,24px)}
:where(body.pg-404) .nf-num{display:flex;align-items:center;justify-content:flex-start;gap:clamp(6px,1.4vw,28px);font-weight:500;font-stretch:112%;line-height:.8;letter-spacing:-.05em;font-size:clamp(130px,26vw,560px);margin:-.04em 0 0 -.04em;user-select:none}
:where(body.pg-404) .nf-num span{display:block;overflow:hidden;padding:.04em .02em .06em}
:where(body.pg-404) .nf-num span i{display:block;font-style:normal}
:where(body.pg-404) .nf-logo{width:.82em;height:.82em;flex:none;color:#fff;will-change:transform;filter:drop-shadow(0 .03em 0 rgba(90,0,20,.25))}
:where(body.pg-404) .nf .hh{font-size:clamp(30px,4.6vw,96px);line-height:1.04;margin-top:clamp(6px,1vw,18px)}
:where(body.pg-404) .nf-btns{display:flex;flex-wrap:wrap;gap:10px}
:where(body.pg-404) .nf .pill.big{background:#fff;color:var(--red)}
:where(body.pg-404) .nf .pill.big:hover{background:var(--ink);color:#fff}
:where(body.pg-404) .nf .pill.line{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);color:#fff;background:transparent}
:where(body.pg-404) .nf .pill.line:hover{background:#fff;color:var(--red);box-shadow:none}
:where(body.pg-404) .nf-links{display:flex;flex-wrap:wrap;gap:6px 22px}
:where(body.pg-404) .nf-links a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--ease)}
:where(body.pg-404) .nf-links a:hover{background-size:100% 1px}
@media (max-width:700px){:where(body.pg-404) .nf-num{font-size:clamp(96px,34vw,200px)}}
