@font-face{font-family:Boldonse;src:url(fonts/boldonse.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#050506;--box:#17171A;--mark:#2E2E33;--chip:#2A2A2E;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.11);--light:#EFEFEF;--red:#E90520;--hot:#FF4D5E;--mute:#B5B5BA;--ink:#FAF7F7;
 --gut:clamp(16px,3vw,40px);--wrap:min(1280px,calc(100vw - 2*var(--gut)));--d:Boldonse,Impact,sans-serif;--b:Inter,system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--b);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,iframe{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{padding-left:1.25em}
:focus-visible{outline:2px solid var(--hot);outline-offset:3px;border-radius:3px}
.wrap{width:var(--wrap);margin-inline:auto}
.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{position:fixed;z-index:99;top:8px;left:8px;width:auto;height:auto;clip-path:none;background:var(--red);padding:8px 14px}

/* type */
.d,.giant,.t2,.t1,.ph-t,.pc h4,.menu-main a,.logo,.next-t,.foot-n,.t3,.pct{font-family:var(--d);font-weight:400;text-transform:uppercase}
.giant{font-size:12vw;line-height:1.5;letter-spacing:-.01em;white-space:nowrap}
.t1{font-size:clamp(38px,7.2vw,100px);line-height:1.75;letter-spacing:-.012em}
.t2{font-size:clamp(25px,3.7vw,52px);line-height:1.68;letter-spacing:-.008em}
.t2 .r,.t1 .r,.giant .r{color:var(--red)}
.t3{font-size:clamp(14px,1.25vw,18px);line-height:1.8;color:var(--ink)}
.eye{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--b);color:inherit}
.eye:before{content:"";width:11px;height:11px;background:currentColor;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.w-o{display:inline-block;white-space:nowrap}.ch-o{display:inline-block;will-change:transform}
mark{background:none;color:var(--hot)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:13px;background:var(--red);color:#fff;padding:5px 18px 5px 5px;border:1px solid var(--red);border-radius:4px;font:600 14px/1 var(--b);transition:transform .25s,background .25s}
.btn i{width:34px;height:34px;display:grid;place-items:center;background:var(--bg);border-radius:3px;overflow:hidden}
.btn svg{width:15px;height:15px;transition:transform .3s}
.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translateX(3px)}.btn:active{transform:translateY(0) scale(.98)}
.mlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px}
.mlink:hover{color:var(--hot)}

/* nav */
.nav{position:fixed;z-index:50;top:18px;left:var(--gut);right:var(--gut);display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.nav>*{pointer-events:auto}
html.nav-hide .nav{transform:translateY(-90px)}
.logo{color:var(--red);font-size:clamp(17px,1.75vw,26px);line-height:1.6;white-space:nowrap}
.chips{display:flex;gap:7px;list-style:none;padding:0;align-items:center}
.chip{border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;gap:6px;background:var(--chip);border-radius:6px;padding:0 15px;height:44px;font:500 15px/1 var(--b);color:#fff;white-space:nowrap;transition:background .2s}
.chip:hover,.chip[aria-current=page]{background:var(--red)}
.dd{position:relative}.dd>.chip:after{content:"";width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translate(-2px,-2px)}
.dd ul{position:absolute;top:100%;right:0;min-width:270px;padding:12px 0 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.dd ul:before{content:"";position:absolute;inset:6px 0 0;background:var(--chip);border-radius:8px;z-index:-1}
.dd ul li a{display:block;padding:10px 18px;font:500 15px/1.3 var(--b);color:#fff}
.dd ul li a:hover{color:var(--hot)}.dd ul li:last-child a{padding-bottom:14px}
.dd:hover ul,.dd:focus-within ul{opacity:1;visibility:visible;transform:none}
.burger{width:44px;padding:0;justify-content:center;flex-direction:column;gap:3.5px}.burger:hover{background:var(--red)}
.burger b{display:block;width:17px;height:1.5px;background:#fff;transition:.3s}
html.menu-open .burger b:first-child{transform:translateY(2.5px) rotate(45deg)}html.menu-open .burger b:last-child{transform:translateY(-2.5px) rotate(-45deg)}
.menu{position:fixed;z-index:45;inset:0;background:var(--bg);visibility:hidden;clip-path:inset(0 0 100% 0);overflow:auto;padding:96px var(--gut) 32px}
.menu-in{width:var(--wrap);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.menu-main{list-style:none;padding:0}.menu-main a{display:block;font-size:clamp(26px,4.4vw,58px);line-height:1.7}.menu-main a:hover{color:var(--red)}
.menu-g{display:grid;gap:26px}.menu-g ul{list-style:none;padding:8px 0 0}.menu-g li a{display:block;padding:3px 0;color:var(--mute);font-weight:500}.menu-g li a:hover{color:#fff}
html.menu-open{overflow:hidden}

/* curtain */
.curtain{position:fixed;z-index:60;inset:0;background:var(--red);transform:translateY(-101%);pointer-events:none}
.curtain.is-on{transform:none}
html:not(.js) .curtain{display:none}

/* home hero */
.hero{position:relative;height:100svh;min-height:540px;overflow:hidden;background:#000;display:grid;place-items:center;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(38% 42% at 68% 40%,#e90520,transparent 72%),radial-gradient(30% 34% at 24% 26%,rgba(233,5,32,.7),transparent 72%),radial-gradient(44% 26% at 46% 76%,rgba(233,5,32,.55),transparent 74%);-webkit-mask:repeating-linear-gradient(#000 0 6px,transparent 6px 11px);mask:repeating-linear-gradient(#000 0 6px,transparent 6px 11px)}
.psp-po{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(66vw,118vh);max-width:none;height:auto;transition:opacity .7s}
.hero.live .psp-po{opacity:0}
#psp-c{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s}
#psp-c.on{opacity:1}


/* sections */
.sec{position:relative;padding:clamp(72px,10vw,130px) 0;isolation:isolate}
.sec-c{text-align:center}.sec-c .t2{margin-top:6px}
.lite{--ink:#0A0A0C;--mute:#3F3F44;--hot:#B50019;--line:rgba(5,5,6,.13);--card:rgba(5,5,6,.04);--chip:#0A0A0C;--box:#fff;--mark:#0A0A0C;background:var(--light);color:var(--ink);border-radius:clamp(16px,2vw,28px);margin-inline:clamp(0px,.6vw,10px)}
.lite .t2,.lite .t3{color:var(--ink)}.lite .t2 .r{color:var(--red)}
.sbg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.sbg img{width:100%;height:100%;object-fit:cover;opacity:.16}
.sbg:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg),transparent 18%,transparent 82%,var(--bg))}

/* hello block */
.ab2{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,6vw,96px);align-items:start}
.ab2-l{display:grid;justify-items:start;gap:10px;position:sticky;top:96px}.ab2-l .btn{margin-top:14px}
.ab2-r{display:grid;gap:clamp(20px,2.4vw,32px)}.ab2-r .tx.lead{color:var(--ink)}


/* project grid */
.grp{padding-top:clamp(54px,8vw,110px)}
.grp-h{text-align:center;margin-bottom:clamp(30px,5vw,64px)}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,92px) clamp(24px,5vw,72px);align-items:start}
.pc{display:block}
.pc:nth-child(even){margin-top:clamp(0px,10vw,150px)}
.pc:nth-child(4n+1) .pc-m{width:86%}.pc:nth-child(4n+3) .pc-m{width:92%;margin-left:auto}
.pc-m{display:block;aspect-ratio:1.42;border-radius:14px;overflow:hidden;background:var(--chip)}
.pc-m img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pc:hover .pc-m img{transform:scale(1.035)}
.pc h4{font-size:clamp(16px,1.75vw,25px);line-height:1.7;margin-top:12px}.pc:hover h4{color:var(--hot)}
.pc p{font-size:13.5px;line-height:1.5;color:var(--mute)}

/* journey rows */
.acc{display:grid;gap:12px}
.acc-i{background:var(--box);border:1px solid var(--line);border-radius:16px;padding-inline:clamp(16px,2.4vw,30px);transition:border-color .25s}
.acc-i:hover,.acc-i.open{border-color:rgba(238,6,33,.55)}
.acc-b{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:clamp(18px,2.2vw,28px) 0;text-align:left}
.acc-n{font:400 clamp(17px,2.2vw,31px)/1.65 var(--d);text-transform:uppercase;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .25s}
.acc-b:hover .acc-n{transform:translateX(8px);color:var(--hot)}
.acc-x{flex:none;position:relative;width:38px;height:38px;border-radius:50%;background:var(--mark);transition:background .25s,transform .45s}
.acc-x:before,.acc-x:after{content:"";position:absolute;left:12px;right:12px;top:18px;height:2px;background:#fff}
.acc-x:after{transform:rotate(90deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.acc-i.open .acc-x{background:var(--red)}.acc-i.open .acc-x:after{transform:rotate(0)}
.acc-p{display:grid;grid-template-rows:1fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}
html.js .acc-i:not(.open) .acc-p{grid-template-rows:0fr}
.acc-c{overflow:hidden;min-height:0}
.acc-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(22px,4vw,48px);align-items:start;padding-bottom:clamp(22px,3vw,36px)}
.acc-m{display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--chip)}.acc-m img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}a.acc-m:hover img{transform:scale(1.03)}
.acc-t{display:grid;gap:14px;justify-items:start}
.acc-t p{color:var(--ink);font-size:clamp(16px,1.3vw,18px);max-width:60ch}

/* statement */
.state{font:600 clamp(21px,2.6vw,36px)/1.32 var(--b);letter-spacing:-.015em}
.state .w{transition:none}
.ab{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:end}
.ab-p{border-radius:18px;overflow:hidden;aspect-ratio:.85}.ab-p img{width:100%;height:100%;object-fit:cover}
.ab-m{margin-top:26px;color:var(--mute);display:grid;gap:14px;max-width:70ch}

/* contact panel */
.cta-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.form{display:grid;gap:12px}.form-f{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-f:empty{min-height:290px}.ff{min-width:0}.ff.wide{grid-column:1/-1}
.ferr{color:var(--hot);font-size:13px;margin-top:4px}.ferr:empty,.form-m:empty{display:none}.form-m{color:var(--hot);font-size:14px}
.form [aria-invalid=true]{border-color:var(--hot)}.form .btn:disabled{opacity:.5;cursor:wait}.form-ok{padding:28px 0;font:600 clamp(19px,2vw,26px)/1.35 var(--b)}
.form input,.form textarea{width:100%;padding:14px 15px;border:1px solid var(--line);background:#fff;color:#0A0A0C;font:inherit;font-size:15px;border-radius:6px}
.form textarea{min-height:128px;resize:vertical}.form .btn{justify-self:start;margin-top:6px}
.cta-side{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap}

/* footer */
.foot{padding:clamp(48px,7vw,80px) 0 24px}
.foot-g{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}
.foot-n{color:var(--red);font-size:clamp(20px,2.7vw,38px);line-height:1.6}
.foot-r{color:var(--mute);margin-top:4px;font-size:14px}
.foot h5{font:400 15px/1.8 var(--d);text-transform:uppercase;margin-bottom:6px}
.foot ul{list-style:none;padding:0;color:var(--mute);font-size:14px}.foot li a{display:inline-block;padding:2px 0}.foot li a:hover{color:#fff}
.foot-b a{text-decoration:underline;text-underline-offset:2px}.foot-b a:hover{color:#fff}
.foot-b{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:44px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}

/* project hero */
.ph{position:relative;height:100svh;min-height:520px;overflow:hidden;display:flex;align-items:flex-end;background:var(--bg);isolation:isolate}
.hv{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--bg)}
.hv-p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.hv-m{position:absolute;inset:0;opacity:0;transition:opacity 1s}
.hv.live .hv-m{opacity:1}
.hv-m iframe,.hv-m video{position:absolute;top:50%;left:50%;border:0;pointer-events:none;width:max(100%,calc(100svh*var(--r,1.778)));height:max(100%,calc(100vw/var(--r,1.778)));transform:translate(-50%,-50%) scale(1.16);object-fit:cover}
.hv.mp4 .hv-m iframe,.hv.mp4 .hv-m video{transform:translate(-50%,-50%)}
.hv.port .hv-m.back{filter:blur(26px) brightness(.55)}
.hv-f{position:absolute;top:50%;right:clamp(24px,9vw,150px);height:min(76svh,720px);aspect-ratio:var(--r);transform:translateY(-50%);border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6);opacity:0;transition:opacity 1s;background:#000}
.hv.live .hv-f{opacity:1}
.hv-f iframe,.hv-f video{width:100%;height:100%;border:0;pointer-events:none;object-fit:cover}
.ph-sh{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(5,5,6,.56),rgba(5,5,6,.14) 24%,rgba(5,5,6,.34) 50%,rgba(5,5,6,.94) 90%)}
.ph-in{position:relative;z-index:1;pointer-events:none;width:var(--wrap);margin:0 auto clamp(26px,5vh,54px)}
.hv.port~.ph-in{padding-right:min(38vw,520px)}
.ph-t{font-size:clamp(30px,8vw,112px);line-height:1.6;letter-spacing:-.012em;color:#fff}
.hv-c{position:absolute;right:var(--gut);bottom:clamp(26px,5vh,54px);display:flex;gap:6px;z-index:3}
.hv-b{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:rgba(26,29,36,.85);transition:background .2s}
.hv-b:hover{background:var(--red)}.hv-b svg{width:16px;height:16px;fill:#fff}
.hv-b .on{display:none}.hv-b[aria-pressed=true] .on{display:block}.hv-b[aria-pressed=true] .off{display:none}
html:not(.js) .hv-c{display:none}
.hv.tap{z-index:0}.hv.tap .hv-m{opacity:1}.hv.tap~.ph-sh{z-index:1}.hv.tap:not(.mp4) .hv-m iframe{pointer-events:auto;transform:translate(-50%,-50%)}.hv.tap~.hv-c{display:none}
.hv-play{display:none;position:absolute;z-index:3;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--red);place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45)}.hv-play svg{width:34px;height:34px;fill:#fff}
.hv.tap~.hv-play{display:grid}

/* project body: rows, columns and cards keep the live page's arrangement */
.pb{display:grid;gap:clamp(22px,2.6vw,36px)}
.pb-sec{padding:clamp(56px,7vw,100px) 0}
.pb-sec.lite{margin-block:clamp(14px,2vw,28px)}
.st{display:grid;gap:clamp(16px,1.8vw,26px);min-width:0}
.co{display:grid;gap:clamp(18px,2.6vw,40px);align-items:start;min-width:0}
.co.imgs{gap:clamp(10px,1.6vw,22px)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,2.6vw,36px);display:grid;min-width:0;backdrop-filter:blur(8px)}
.card .card{background:rgba(255,255,255,.03);border-radius:12px}
.tx{min-width:0;color:var(--mute);font-size:15.5px;line-height:1.68}
.tx strong,.tx b{color:var(--ink);font-weight:600}.tx mark strong,.tx strong mark,.tx mark{color:var(--hot)}
.tx>*+*{margin-top:.62em}.tx ul,.tx ol{display:grid;gap:.4em}.tx ul ul,.tx ol ul{margin-top:.4em}
.tx li::marker{color:var(--hot)}
.tx h1,.tx h2,.tx h3,.tx h4,.tx h5,.tx h6{font:inherit}
.tx a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.tx a:hover{color:var(--hot)}
.tx.lead{font-size:clamp(16.5px,1.45vw,20px);line-height:1.6;color:var(--ink)}
.tx.c{text-align:center}.tx.blk{max-width:min(860px,100%);justify-self:center;width:100%}
.lab{display:block;color:var(--hot);font-weight:700}
.t2.c,.t3.c{text-align:center}.t2.c{justify-self:center}
.t3{min-width:0}
.pct{font-size:clamp(26px,3vw,44px);line-height:1.7;color:var(--hot);text-align:center}
.fig{min-width:0;width:100%;justify-self:center;margin:0}
.fr{display:block;aspect-ratio:var(--ar);overflow:hidden;border-radius:10px;background:rgba(127,127,127,.1)}
.fr img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
a.fr:hover img{transform:scale(1.03)}
.fig.ic .fr{background:none;border-radius:0}.fig.ic img{object-fit:contain}
.fig figcaption{margin-top:9px;text-align:center;font-size:13px;line-height:1.4;font-weight:500;color:var(--ink)}
.fig figcaption p{margin:0}
.ics{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ics .fig{margin:0}.ics .fr{transition:transform .2s}.ics .fr:hover{transform:translateY(-2px)}.ics .fig.sm .fr{background:#fff;border-radius:8px;padding:5px;box-sizing:content-box}
.lk{display:flex;flex-wrap:wrap;gap:10px}.lk.c{justify-content:center}
.lk a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;background:var(--chip);color:#fff;font-weight:500;font-size:14px;transition:background .2s}
.lk a:after{content:"\2197"}.lk a:hover{background:var(--red)}
.emb{position:relative;width:100%;aspect-ratio:var(--ar);border-radius:12px;overflow:hidden;background:#000;justify-self:center}
.emb iframe,.emb video{position:absolute;inset:0;width:100%;height:100%;border:0}
.emb.steam{aspect-ratio:auto;height:190px;max-width:646px;background:none}.emb.steam iframe{position:static}
.emb.full{aspect-ratio:auto;height:min(640px,78svh)}
.gal{width:100%;display:grid;gap:10px}.gal-m{position:relative;aspect-ratio:var(--ar);border-radius:18px;overflow:hidden;background:#000}
.gal-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}.gal-m img.on{opacity:1}
html:not(.js) .gal-m img:first-child{opacity:1}
.gal-t{display:flex;gap:8px;flex-wrap:wrap}
.gal-t button{width:clamp(56px,9vw,104px);aspect-ratio:1.5;border-radius:8px;overflow:hidden;padding:0;opacity:.55;transition:opacity .2s}
.gal-t button.on,.gal-t button:hover{opacity:1}.gal-t img{width:100%;height:100%;object-fit:cover}
.gal-a{position:absolute;right:12px;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;background:rgba(5,5,6,.75);display:grid;place-items:center}.gal-a.prev{right:auto;left:12px}.gal-a svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2}.gal-a:hover{background:var(--red)}

/* project details: the same on every project */
.det{padding:clamp(56px,7vw,96px) 0 clamp(36px,4vw,60px)}
.det-t{color:var(--ink);font-size:clamp(16px,1.4vw,19px);margin-top:2px}
.det-q{color:var(--ink);font-weight:600;font-size:clamp(17px,1.5vw,21px);line-height:1.45;margin-top:14px;max-width:70ch}
.det .ics{margin-top:16px}
.det-g{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);margin-top:clamp(26px,3vw,40px);align-items:start}
.det-f{margin:0;display:grid;gap:14px}
.det-f dt,.det-l{color:var(--hot);font:700 15px/1.4 var(--b);margin:0}
.det-f dd{margin:3px 0 0;color:var(--ink);font-size:16px;line-height:1.5}
.det-r{display:grid;gap:10px;min-width:0}.det-r .det-l:not(:first-child){margin-top:14px}
.tx.det-d{color:var(--ink);font-size:clamp(16px,1.4vw,19px);line-height:1.6}
.det-r .emb{justify-self:start;margin-top:14px}

/* next */
.next{display:block;position:relative;overflow:hidden;padding:clamp(64px,10vw,130px) 0;text-align:center;isolation:isolate}
.next-bg{position:absolute;inset:0;z-index:-1}.next-bg img{width:100%;height:100%;object-fit:cover;opacity:.26;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .5s}
.next:hover .next-bg img{transform:scale(1.04);opacity:.38}
.next-t{display:block;font-size:clamp(26px,6vw,84px);line-height:1.65;margin-top:6px}.next:hover .next-t{color:var(--red)}

/* about page */
.pgh{padding:clamp(120px,17vh,180px) 0 clamp(36px,5vw,60px)}
.pgh-g{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.pgh-g p{color:var(--mute);max-width:52ch}
.ab-one{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.ab-ph{display:block;border-radius:18px;overflow:hidden;background:var(--chip)}.ab-ph img{width:100%;height:auto}
.ab-t{position:sticky;top:110px}
.pdf{width:100%;height:min(1000px,120svh);border:0;border-radius:12px;background:#fff}

/* lightbox */
.lb{position:fixed;z-index:70;inset:0;display:none;place-items:center;background:rgba(5,5,6,.93);padding:3vw;cursor:zoom-out}
.lb.on{display:grid}.lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}

@media (max-width:1240px){.chips li:not(.keep){display:none}}
@media (max-width:900px){
 .co:not(.imgs){grid-template-columns:1fr!important}
 .cta-g,.ab,.pgh-g,.foot-g,.menu-in,.ab-one,.det-g,.acc-g{grid-template-columns:1fr}
 .foot-g{gap:24px}
 .hv.port .hv-f{display:none}.hv.port .hv-m.back{filter:none}.hv.port~.ph-in{padding-right:0}
 .psp-po{width:94vw}
 .ab-ph{max-width:460px}.ab-t{position:static}
 .ab2{grid-template-columns:1fr}.ab2-l{position:static}
 .emb.full{height:70svh}
}
@media (max-width:600px){
 .pg{grid-template-columns:1fr}.pc:nth-child(even){margin-top:0}.pc .pc-m{width:100%!important}
 .form-f{grid-template-columns:1fr}.btn{justify-content:flex-start}
 .role{font-size:12.6vw;line-height:1.32}.rl{white-space:normal;width:auto}
 .fig.pt{max-width:64vw}.co.imgs .fig.pt{max-width:none}
 .hv-c{bottom:14px;right:14px}.ph-in{padding-bottom:42px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,.fr img,.pc-m img{transition:none}}