@font-face{font-family:"42dot Sans";src:url(../fonts/42dot-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"42dot Sans";src:url(../fonts/42dot-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"42dot Sans";src:url(../fonts/42dot-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"42dot Sans";src:url(../fonts/42dot-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"XF Display";src:url(../fonts/XFDisplay-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"XF Display";src:url(../fonts/XFDisplay-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"XF Display";src:url(../fonts/XFDisplay-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"XF Display";src:url(../fonts/XFDisplay-700.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"XF Text";src:url(../fonts/XFText-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"XF Text";src:url(../fonts/XFText-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"XF Text";src:url(../fonts/XFText-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
/* Xinfinity Advertising. Monochrome like the 2026 company profile (ink, feathers, one object per studio); Xinfinity blue is the only colour and marks every action. */
:root{--ink:#0A0A0A;--paper:#FFFFFF;--off:#F3F3F1;--off2:#E9E9E6;--mute:#6B6B67;--mute2:#9A9A96;--line:rgba(10,10,10,.12);--line-d:rgba(255,255,255,.16);--blue:#2F5BFF;--blue-d:#1F45E0;
 --d:"42dot Sans","XF Display","Neue Haas Grotesk Display","Helvetica Neue",Arial,sans-serif;--t:"XF Text","Helvetica Neue",Arial,sans-serif;
 --navh:4.75rem;--wrap:105rem;--gut:1.25rem;color-scheme:light}
@media (min-width:900px){:root{--gut:2.5rem}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--t);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
em,i,cite{font-style:normal}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:0.1875rem;border-radius:0.25rem}
::selection{background:var(--blue);color:#fff}
.sel{user-select:text}
.skip{position:fixed;right:1rem;top:-3.75rem;z-index:100;background:var(--blue);color:#fff;padding:0.625rem 1rem;border-radius:62.4375rem}.skip:focus{top:calc(0.625rem + env(safe-area-inset-top,0px))}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-right:max(var(--gut),env(safe-area-inset-right,0px));padding-left:max(var(--gut),env(safe-area-inset-left,0px))}
main{padding-top:calc(var(--navh) + env(safe-area-inset-top,0px));min-height:60vh}

/* type */
.mega,.h1,.h2,.h3x,.statement,.big{font-family:var(--d);font-weight:500;text-wrap:balance}
.mega{font-size:clamp(4rem,13vw,14.75rem);line-height:.86;letter-spacing:-.058em}
.h1{font-size:clamp(3rem,8vw,8.75rem);line-height:.9;letter-spacing:-.052em}
.h2{font-size:clamp(2.375rem,5.2vw,5.5rem);line-height:.94;letter-spacing:-.045em}
.h3x{font-size:clamp(1.75rem,2.8vw,2.75rem);line-height:1;letter-spacing:-.035em}
.big{font-size:clamp(1.625rem,2.6vw,2.625rem);line-height:1.12;letter-spacing:-.03em}
.lead{font-size:clamp(1.125rem,1.4vw,1.375rem);line-height:1.45;color:var(--mute);max-width:46ch}
.lbl{display:flex;gap:0.625rem;align-items:baseline;font-size:0.8125rem;font-weight:500;letter-spacing:.01em;color:var(--mute);margin-bottom:1.375rem}
.lbl span{color:var(--ink)}
.prose p{color:var(--mute);max-width:62ch}.prose p+p{margin-top:1rem}

/* buttons */
.b{display:inline-flex;align-items:center;gap:0.875rem;height:3.375rem;padding:0 1.5rem 0 0.5rem;border-radius:62.4375rem;font-weight:500;font-size:0.9688rem;white-space:nowrap;transition:background .25s,color .25s}
.b i{width:2.375rem;height:2.375rem;border-radius:50%;display:grid;place-items:center;transition:transform .3s}
.b:hover i{transform:translateX(-0.1875rem)}
.b-primary{background:var(--blue);color:#fff}.b-primary i{background:#fff;color:var(--blue)}.b-primary:hover{background:var(--blue-d)}
.b-dark{background:var(--ink);color:#fff}.b-dark i{background:var(--blue);color:#fff}.b-dark:hover{background:#262626}
.b-light{background:#fff;color:var(--ink)}.b-light i{background:var(--blue);color:#fff}
.b-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}.b-ghost i{background:#fff;color:var(--ink)}.b-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}
.b-line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.b-line i{background:var(--ink);color:#fff}.b-line:hover{background:var(--ink);color:#fff}
.b-sm{height:2.75rem;font-size:0.9062rem;padding-right:1.125rem;gap:0.625rem}.b-sm i{width:1.875rem;height:1.875rem}
.acts{display:flex;flex-wrap:wrap;gap:0.625rem}
.ln{display:inline-flex;align-items:center;gap:0.625rem;font-weight:500;font-size:1rem;padding-bottom:0.25rem;border-bottom:1.5px solid currentColor;white-space:nowrap}
.ln i{display:grid;color:var(--blue);transition:transform .3s}.ln:hover i{transform:translateX(-0.25rem)}

/* nav */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:61;background:#fff}
.nav{position:fixed;right:0;left:0;top:env(safe-area-inset-top,0px);z-index:60;height:var(--navh);background:rgba(255,255,255,.94);backdrop-filter:blur(0.875rem);-webkit-backdrop-filter:blur(0.875rem);border-bottom:1px solid var(--line);transition:background .3s,color .3s,border-color .3s}
.nav-in{height:100%;display:flex;align-items:center;gap:1.5rem}
.logo{flex:none;display:grid}.logo img{grid-area:1/1;height:1.875rem;width:auto}.lg-l{opacity:0}
.menu{display:flex;align-items:center;gap:2px;margin-inline:auto}
.menu>a,.dd>button{display:inline-flex;align-items:center;gap:0.375rem;height:2.5rem;padding:0 0.875rem;border-radius:62.4375rem;font-size:0.9375rem;font-weight:500;transition:background .2s}
.menu>a:hover,.dd>button:hover,.dd.open>button{background:var(--off)}
.menu [aria-current]{background:var(--ink);color:#fff}
.dd{position:relative}
.dd-p{position:absolute;top:calc(100% + 0.875rem);right:-0.625rem;min-width:18.75rem;padding:0.625rem;border-radius:1.375rem;background:#fff;color:var(--ink);box-shadow:0 1.875rem 3.75rem -1.875rem rgba(0,0,0,.35),0 0 0 1px var(--line);opacity:0;visibility:hidden;transform:translateY(0.375rem);transition:opacity .2s,transform .2s,visibility .2s}
.dd.open .dd-p{opacity:1;visibility:visible;transform:none}
@media (hover:hover){.dd:hover .dd-p,.dd:focus-within .dd-p{opacity:1;visibility:visible;transform:none}.dd::after{content:"";position:absolute;right:0;left:0;top:100%;height:1rem}}
.dd-about a{display:grid;padding:0.75rem 0.875rem;border-radius:0.875rem}.dd-about a:hover{background:var(--off)}.dd-about b{font-weight:500}.dd-about small{font-size:0.8125rem;color:var(--mute)}
.ddm .dd-p{position:fixed;right:50%;top:calc(var(--navh) + env(safe-area-inset-top,0px) + 0.5rem);transform:translate(50%,0.375rem);width:min(75rem,calc(100vw - 2.5rem));padding:0.75rem}
.ddm.open .dd-p{transform:translate(50%,0)}
@media (hover:hover){.ddm:hover .dd-p,.ddm:focus-within .dd-p{transform:translate(50%,0)}}
.mm{display:grid;grid-template-columns:repeat(5,1fr);gap:0.5rem}
.mm a{display:flex;flex-direction:column;gap:0.25rem;padding:0.625rem 0.625rem 1rem;border-radius:1rem;transition:background .2s}.mm a:hover{background:var(--off)}
.mm-i{aspect-ratio:4/3;border-radius:0.75rem;overflow:hidden;background:var(--ink);margin-bottom:0.625rem}.mm-i img{width:100%;height:100%;object-fit:cover}
.mm a:nth-child(2) .mm-i,.mm a:nth-child(5) .mm-i{background:var(--off2)}.mm a:nth-child(5) .mm-i img{object-fit:contain}.mm a:nth-child(3) .mm-i{background:var(--blue)}
.mm-n{font-size:0.75rem;color:var(--mute)}.mm b{font-family:var(--d);font-weight:500;font-size:1.0625rem;letter-spacing:-.01em;line-height:1.15}.mm small{font-size:0.8125rem;color:var(--mute);line-height:1.4}
.mm-all{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem;padding:0.875rem 1.125rem;border-radius:0.875rem;background:var(--off);font-weight:500}.mm-all:hover{background:var(--ink);color:#fff}
.nav-r{display:flex;align-items:center;gap:0.625rem}
.burger{display:none;width:2.875rem;height:2.875rem;border-radius:50%;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:0.375rem}
.burger span{width:1.125rem;height:1.5px;background:#fff}
body.over-hero::before{background:#000}
body.over-hero .nav{background:transparent;border-color:transparent;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
body.over-hero .lg-d{opacity:0}body.over-hero .lg-l{opacity:1}
body.over-hero .menu>a:hover,body.over-hero .dd>button:hover,body.over-hero .dd.open>button{background:rgba(255,255,255,.14)}
body.over-hero .menu [aria-current]{background:#fff;color:var(--ink)}
body.over-hero .burger{background:#fff}body.over-hero .burger span{background:var(--ink)}
@media (max-width:1180px){.menu{display:none}.burger{display:flex}.nav-in{justify-content:space-between}}
@media (max-width:520px){.nav-r .b-sm{display:none}}
.mnav{position:fixed;inset:0;z-index:80;background:var(--ink);color:#fff;overflow:auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.mnav-top{display:flex;justify-content:space-between;align-items:center;height:var(--navh)}.mlogo{height:1.75rem;width:auto}
.mclose{height:2.75rem;padding:0 1.25rem;border-radius:62.4375rem;background:#fff;color:var(--ink);font-weight:500}
.mnav nav{display:flex;flex-direction:column;padding-block:1.25rem 1.875rem}
.mnav nav a{font-family:var(--d);font-size:clamp(2.125rem,8vw,3.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.12}
.mnav nav a.sub{font-family:var(--t);font-size:1.0625rem;letter-spacing:0;color:var(--mute2);line-height:1.9;padding-right:0.25rem}
.mnav-c{display:grid;gap:0.25rem;color:var(--mute2);padding-bottom:1.875rem}

/* hero */
.hero{position:relative;height:100svh;min-height:35rem;margin-top:calc(-1 * (var(--navh) + env(safe-area-inset-top,0px)));background:#000;color:#fff;overflow:hidden}
.hm{position:absolute;inset:0}
.hm-s img,.hm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-s img{opacity:0;animation:hmf 28s linear infinite}
.hm-s img:nth-child(1){opacity:1}.hm-s img:nth-child(2){animation-delay:7s}.hm-s img:nth-child(3){animation-delay:14s}.hm-s img:nth-child(4){animation-delay:21s}
@keyframes hmf{0%{opacity:0;transform:scale(1.06)}4%{opacity:1}25%{opacity:1}30%{opacity:0;transform:scale(1)}100%{opacity:0}}
.hm-s img:nth-child(3){filter:brightness(.62)}
.hm video{opacity:0;transition:opacity .8s}.hm video.on{opacity:1}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(-180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 62%,rgba(0,0,0,.6) 100%)}
.hero-bar{position:absolute;right:0;left:0;bottom:0;z-index:2;padding-bottom:max(1.625rem,env(safe-area-inset-bottom,0px))}
.hb-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:1.25rem;font-size:0.875rem;font-weight:500;border-top:1px solid rgba(255,255,255,.28);padding-top:1.125rem}
.hb-in small{display:block;color:rgba(255,255,255,.65);font-weight:400}
.hb-mid{color:rgba(255,255,255,.85)}
.hb-r{display:flex;justify-content:flex-end;align-items:center;gap:1.125rem}.hb-r b{font-weight:500;margin-right:0.375rem}
.hb-r button{display:inline-flex;align-items:center;gap:0.5rem;height:2.375rem;padding:0 1rem;border-radius:62.4375rem;background:rgba(255,255,255,.14);backdrop-filter:blur(0.625rem);-webkit-backdrop-filter:blur(0.625rem)}
@media (max-width:760px){.hb-in{grid-template-columns:1fr auto}.hb-mid{display:none}}

/* intro */
.intro{position:relative;padding-block:clamp(4.375rem,10vw,10rem) clamp(3.125rem,6vw,5.625rem)}
.statement{font-size:clamp(2.375rem,5.6vw,6.25rem);line-height:1;letter-spacing:-.048em;max-width:19ch;text-wrap:pretty}
.pill-i{display:inline-block;width:1.5em;height:.78em;border-radius:62.4375rem;overflow:hidden;vertical-align:-.04em;background:var(--ink);margin-inline:.02em}
.pill-i img{width:100%;height:100%;object-fit:cover}
.intro-g{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:clamp(1.5rem,4vw,4.375rem);margin-top:clamp(3.125rem,7vw,6.875rem);padding-top:1.75rem;border-top:1px solid var(--line);align-items:start}
.intro-g>*{min-width:0}
.founder{display:flex;align-items:center;gap:0.875rem}.founder img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;background:var(--off)}
.founder p{display:grid;line-height:1.3}.founder b{font-weight:500}.founder span{font-size:0.875rem;color:var(--mute)}
.intro-p{color:var(--mute);font-size:1.125rem}
.intro-n{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;align-items:end}
.intro-n b{display:block;font-family:var(--d);font-size:clamp(2.25rem,3.4vw,3.375rem);font-weight:500;letter-spacing:-.045em;line-height:1}.intro-n span{font-size:0.875rem;color:var(--mute)}
.intro-n .ln{grid-column:1/-1;justify-self:start}
.feathers{pointer-events:none;opacity:.7;margin-top:calc(-1 * clamp(1.25rem,3vw,3.75rem));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 70%,transparent 100%)}.feathers img{width:100%;mix-blend-mode:multiply}
@media (max-width:900px){.intro-g{grid-template-columns:1fr}}

/* section heads */
.sec{padding-block:clamp(4rem,8vw,8.125rem)}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:clamp(1.875rem,4vw,3.75rem)}
.sh>div:first-child{min-width:0}
.sh-a{max-width:40ch;color:var(--mute)}
.sh-a p{font-size:1rem}

/* deck of studios */
.deck{padding-top:clamp(4rem,8vw,7.5rem);background:var(--paper)}
.deck-h .sh{margin-bottom:clamp(1.875rem,4vw,3.125rem)}
.card{position:sticky;top:calc(var(--navh) + env(safe-area-inset-top,0px) + var(--i) * 0.625rem);min-height:calc(100svh - var(--navh) - 3.125rem);display:flex;border-radius:1.875rem 1.875rem 0 0;overflow:hidden;box-shadow:0 -1.25rem 3.125rem -1.875rem rgba(0,0,0,.4)}
.card-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,4.375rem);align-items:center;width:100%;padding-block:clamp(2.5rem,5vw,4.375rem)}
.card-in>*{min-width:0}
.t-dark{background:#000;color:#fff}.t-off{background:#EDEDEB;color:var(--ink)}.t-blue{background:var(--blue);color:#fff}.t-light{background:#fff;color:var(--ink);box-shadow:0 -1.25rem 3.125rem -1.875rem rgba(0,0,0,.4),inset 0 1px 0 var(--line)}
.card-n{font-size:0.875rem;font-weight:500;opacity:.7;margin-bottom:1.125rem}.card-n span{font-family:var(--d);font-size:0.9375rem;opacity:1}
.card-h{font-family:var(--d);font-weight:500;font-size:clamp(2.75rem,6.2vw,6.75rem);line-height:.92;letter-spacing:-.05em;text-wrap:balance}
.card-l{margin-top:1.375rem;max-width:48ch;opacity:.78}
.card-i{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;margin-block:1.625rem 1.875rem;max-width:32.5rem}
.card-i li{padding:0.625rem 0;border-top:1px solid currentColor;border-color:rgba(127,127,127,.3);font-size:0.9375rem;font-weight:500}
.vis{position:relative;height:min(64vh,38.75rem);border-radius:1.375rem;overflow:hidden}
.vis img{width:100%;height:100%;object-fit:cover}
.vis-branding img{object-fit:contain;transform:rotate(14deg) scale(1.25)}
.vis-digital{background:#EDEDEB}.vis-digital img{object-fit:cover;object-position:80% 50%}
.vis-media img{object-fit:contain}
.vis-production{background:#fff}.vis-production .wedge{position:absolute;inset:0;background:var(--ink);clip-path:polygon(38% 0,100% 0,100% 100%,62% 100%)}
.vis-production img{position:absolute;inset:6% 0 0 8%;width:84%;height:94%;object-fit:contain;transform:rotate(8deg)}
.crack{position:absolute;left:6%;top:0;width:44%;height:100%;opacity:.7}
.vis-web{overflow:visible}
.bf{position:absolute;width:62%;border-radius:0.875rem;overflow:hidden;background:#fff;box-shadow:0 2.5rem 4.375rem -1.875rem rgba(0,0,0,.55)}
.bf img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.bf-bar{display:flex;align-items:center;gap:0.3125rem;padding:0.5625rem 0.75rem;background:#F1F1EF;color:var(--mute)}.bf-bar i{width:0.5625rem;height:0.5625rem;border-radius:50%;background:#D2D2CF}.bf-bar i:first-child{background:var(--blue)}.bf-bar em{margin-right:0.5rem;font-size:0.7188rem}
.bf0{right:0;top:4%;transform:rotate(4deg)}.bf1{left:0;top:22%;transform:rotate(-3deg);z-index:2}.bf2{right:14%;bottom:2%;transform:rotate(1deg);z-index:3}
@media (max-width:900px){.card{position:relative;top:0;min-height:0;border-radius:1.5rem;margin:0 0.5rem 0.5rem}.card-in{grid-template-columns:1fr}.vis{height:22.5rem}.vis-web{height:18.75rem}}
@media (max-width:520px){.card-i{grid-template-columns:1fr}}
.ph-v .vis.big{height:min(70vh,42.5rem)}

/* clients */
.lgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:0.625rem}
.lt{display:grid;place-items:center;aspect-ratio:1;border-radius:0.375rem;background:var(--off);transition:background .3s}
.lt img{max-width:58%;max-height:34%;object-fit:contain;filter:grayscale(1);opacity:.85;mix-blend-mode:multiply;transition:filter .3s,opacity .3s}
.lt:hover{background:var(--off2)}.lt:hover img{filter:none;opacity:1}
@media (max-width:1000px){.lgrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.lgrid{grid-template-columns:repeat(3,1fr);gap:0.375rem}}

/* work */
.feat{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1.25rem,3vw,3.125rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}
.feat>*{min-width:0}
.feat-i{border-radius:0.625rem;overflow:hidden;aspect-ratio:1081/808;background:var(--off)}.feat-i img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.feat:hover .feat-i img{transform:scale(1.03)}
.feat-t h3{font-family:var(--d);font-weight:500;font-size:clamp(2.5rem,4.6vw,4.75rem);letter-spacing:-.05em;line-height:.95;margin-bottom:1.125rem}
.feat-t>p:not(.lbl){color:var(--mute);margin-bottom:1.625rem;max-width:44ch}
@media (max-width:860px){.feat{grid-template-columns:1fr}}
.wlist{border-top:1px solid var(--line)}
.wlist a{position:relative;display:grid;grid-template-columns:3.75rem 1.4fr 1fr .8fr 5.625rem 2.5rem;gap:1.25rem;align-items:center;padding:clamp(1.125rem,2vw,1.75rem) 0;border-bottom:1px solid var(--line);transition:opacity .3s,padding .3s}
.wl-n{font-size:0.875rem;color:var(--mute)}
.wl-name{font-family:var(--d);font-size:clamp(1.75rem,3.4vw,3.5rem);font-weight:500;letter-spacing:-.045em;line-height:1}
.wl-what,.wl-tags,.wl-yr{font-size:0.9375rem;color:var(--mute)}
.wl-ar{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--off);transition:background .3s,color .3s}
.wl-img{display:none}
.wlist a:hover .wl-ar{background:var(--blue);color:#fff}
@media (hover:hover){.wlist:hover li a{opacity:.35}.wlist li a:hover{opacity:1}}
@media (max-width:900px){.wlist a{grid-template-columns:6rem 1fr 2.5rem;grid-template-rows:auto auto;column-gap:1rem;row-gap:0.25rem}.wl-n,.wl-tags,.wl-yr{display:none}.wl-img{display:block;grid-row:1/3;grid-column:1;border-radius:0.5rem;overflow:hidden;aspect-ratio:1}.wl-img img{width:100%;height:100%;object-fit:cover}.wl-name{grid-column:2}.wl-what{grid-column:2;font-size:0.875rem}.wl-ar{grid-row:1/3;grid-column:3}}
.hp{position:fixed;right:0;top:0;z-index:70;width:23.75rem;aspect-ratio:16/10;pointer-events:none;border-radius:0.75rem;overflow:hidden;opacity:0;transition:opacity .25s;will-change:transform;box-shadow:0 1.875rem 3.75rem -1.25rem rgba(0,0,0,.45)}
.hp img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform .5s}
.hp.on{opacity:1}.hp.on img{transform:none}
.strip{margin-top:clamp(3.125rem,6vw,5.625rem)}
.strip-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.125rem}.strip-h .lbl{margin:0}
.car-b{display:flex;gap:0.5rem}.car-b button{width:3.125rem;height:3.125rem;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--ink);transition:background .2s,color .2s}.car-b button:hover{background:var(--ink);color:#fff}
.car-track{display:flex;gap:0.625rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)),env(safe-area-inset-right,0px));padding-left:max(var(--gut),env(safe-area-inset-left,0px));scroll-padding-right:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)))}
.car-track::-webkit-scrollbar{display:none}
.st{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;gap:0.625rem}
.st img{height:clamp(15rem,26vw,23.75rem);width:auto;max-width:none;border-radius:0.5rem;background:var(--off)}
.st span{display:flex;justify-content:space-between;gap:0.75rem;font-size:0.875rem}.st b{font-weight:500}.st small{color:var(--mute);font-size:0.8125rem}

/* numbers */
.nums{position:relative;background:var(--ink);color:#fff;padding-block:clamp(4.375rem,9vw,9.375rem);overflow:hidden;isolation:isolate}
.nums .lbl,.nums .lbl span{color:rgba(255,255,255,.75)}
.nums-bg{position:absolute;inset:0;z-index:-1;opacity:.55}.nums-bg img{width:100%;height:100%;object-fit:cover}
.nums .h2{margin-bottom:clamp(1.875rem,4vw,3.75rem)}
.big4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:clamp(2.5rem,6vw,5.625rem)}
.big4 b{display:block;font-family:var(--d);font-size:clamp(3.5rem,8vw,9.375rem);font-weight:500;letter-spacing:-.06em;line-height:.9}
.big4 span{display:block;margin-top:0.75rem;font-size:0.9375rem;color:rgba(255,255,255,.7)}
.big4>div{border-top:1px solid var(--line-d);padding-top:1.25rem}
.big4>div:first-child b{color:#fff}
@media (max-width:860px){.big4{grid-template-columns:1fr 1fr;row-gap:1.875rem}}
.nums.small{padding-block:clamp(3.125rem,6vw,5.625rem)}.nums.small .big4{margin-bottom:0}
.ledger{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line-d)}
.ledger div{padding:1.125rem 0 1.375rem 0.875rem;border-bottom:1px solid var(--line-d)}
.ledger b{display:block;font-family:var(--d);font-size:clamp(1.5rem,2.2vw,2.25rem);font-weight:500;letter-spacing:-.035em}
.ledger span{font-size:0.8438rem;color:rgba(255,255,255,.62)}
@media (max-width:1100px){.ledger{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.ledger{grid-template-columns:repeat(2,1fr)}}

/* results */
.rss{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(0.75rem,1.6vw,1.5rem)}
.rs-i{aspect-ratio:1;border-radius:0.5rem;overflow:hidden;background:var(--off);margin-bottom:1.375rem}.rs-i img{width:100%;height:100%;object-fit:cover}
.rs b{display:block;font-family:var(--d);font-size:clamp(2.875rem,5vw,5.375rem);font-weight:500;letter-spacing:-.055em;line-height:.95}
.rs p{margin-top:0.625rem;font-size:0.9375rem;color:var(--mute);max-width:30ch}
.rs:nth-child(2) b{color:var(--blue)}
@media (max-width:900px){.rss{grid-template-columns:1fr 1fr;row-gap:2.5rem}}

/* story / timeline */
.story-g{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(1.875rem,6vw,6.875rem);align-items:start}
.story-g>*{min-width:0}
.story-l{position:sticky;top:calc(var(--navh) + 2.5rem)}
.story-l>p:not(.lbl){margin-top:1.5rem;color:var(--mute);max-width:44ch}
.story-i{margin-top:1.875rem;border-radius:0.625rem;overflow:hidden;aspect-ratio:3/2;max-width:32.5rem}.story-i img{width:100%;height:100%;object-fit:cover}
.tl{border-top:1px solid var(--line)}
.tl li{display:grid;grid-template-columns:minmax(9.375rem,.9fr) 1.4fr;column-gap:1.5rem;row-gap:0.375rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}
.tl b{grid-row:1/3;font-family:var(--d);font-size:clamp(2.5rem,4.6vw,4.75rem);font-weight:500;letter-spacing:-.05em;line-height:.9}
.tl li:last-child b{color:var(--blue)}
.tl h3{font-family:var(--d);font-size:1.375rem;font-weight:500;letter-spacing:-.02em;align-self:end}.tl p{color:var(--mute);font-size:0.9688rem}
@media (max-width:900px){.story-g{grid-template-columns:1fr}.story-l{position:static}}
@media (max-width:520px){.tl li{grid-template-columns:1fr}.tl b{grid-row:auto}}

/* people */
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:0.375rem}
.mo{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:0.375rem;background:var(--off)}
.mo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mo span{position:absolute;right:0.375rem;left:0.375rem;bottom:0.375rem;display:grid;padding:0.5rem 0.625rem;border-radius:0.5rem;background:#fff;opacity:0;transform:translateY(0.375rem);transition:opacity .25s,transform .25s;line-height:1.25}
.mo b{font-size:0.8125rem;font-weight:600}.mo small{font-size:0.7188rem;color:var(--mute)}
.mo:hover img{transform:scale(1.06)}.mo:hover span,.mo:focus-visible span{opacity:1;transform:none}
.mosaic .mo:first-child::after{content:"Founder";position:absolute;right:0.375rem;top:0.375rem;font-size:0.6875rem;font-weight:600;padding:0.1875rem 0.5rem;border-radius:62.4375rem;background:var(--blue);color:#fff}
@media (max-width:1100px){.mosaic{grid-template-columns:repeat(8,1fr)}}@media (max-width:640px){.mosaic{grid-template-columns:repeat(4,1fr)}}

/* articles list */
.alist{border-top:1px solid var(--line)}
.alist a{display:grid;grid-template-columns:8.75rem 1fr 9.375rem 2.5rem;gap:1.5rem;align-items:center;padding-block:clamp(1.125rem,2vw,1.625rem);border-bottom:1px solid var(--line);transition:opacity .3s}
.alist time{font-size:0.875rem;color:var(--mute)}
.al-t{font-family:var(--d);font-size:clamp(1.3125rem,1.9vw,1.875rem);font-weight:500;letter-spacing:-.025em;line-height:1.15}
.al-c{font-size:0.875rem;color:var(--mute)}
.al-ar{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--off);transition:background .3s,color .3s}
.alist a:hover .al-ar{background:var(--blue);color:#fff}
.al-img{display:none}
@media (hover:hover){.alist:hover li a{opacity:.4}.alist li a:hover{opacity:1}}
@media (max-width:860px){.alist a{grid-template-columns:5.25rem 1fr;row-gap:0.25rem;column-gap:1rem}.al-img{display:block;grid-row:1/4;border-radius:0.5rem;overflow:hidden;aspect-ratio:1}.al-img img{width:100%;height:100%;object-fit:cover}.alist time,.al-t,.al-c{grid-column:2}.al-ar{display:none}.alist time{order:2;font-size:0.8125rem}}

/* CTA */
.cta{position:relative;background:#000;color:#fff;padding-block:clamp(5rem,10vw,10.625rem);overflow:hidden;isolation:isolate}
.cta .lbl,.cta .lbl span{color:rgba(255,255,255,.75)}
.cta-bg{position:absolute;left:-6%;top:6%;width:min(70%,68.75rem);z-index:-1;opacity:.9}.cta-bg img{width:100%;transform:rotate(8deg)}
.cta .mega{margin-block:0.625rem clamp(2.5rem,5vw,4.375rem)}
.cta-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1.875rem;align-items:end;padding-top:1.625rem;border-top:1px solid var(--line-d)}
.cta-row>*{min-width:0}
.cta-row>p{color:rgba(255,255,255,.72);max-width:38ch}
.cta-c{display:grid;gap:0.625rem;margin:0}.cta-c dt{font-size:0.8125rem;color:rgba(255,255,255,.55)}.cta-c dd{font-family:var(--d);font-size:clamp(1.25rem,1.8vw,1.75rem);letter-spacing:-.02em}
@media (max-width:900px){.cta-row{grid-template-columns:1fr}}

/* footer */
.foot{padding-block:clamp(3.75rem,7vw,6.25rem) 1.625rem;padding-bottom:max(1.625rem,env(safe-area-inset-bottom,0px))}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr .8fr;gap:1.875rem}
.f-grid>*{min-width:0}
.f-lead p{font-family:var(--d);font-size:clamp(1.375rem,1.9vw,1.875rem);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-bottom:1.5rem;max-width:22ch}
.foot h4{font-size:0.8125rem;font-weight:500;color:var(--mute);margin-bottom:1rem}
.foot ul{display:grid;gap:0.375rem}.foot li a,.foot p{font-size:0.9688rem}.foot p{color:var(--ink)}.foot p+p{margin-top:0.375rem}
.foot li a:hover{color:var(--blue)}
.f-soc a{display:inline-flex;align-items:center;gap:0.375rem}
.f-logo{width:100%;height:auto;margin-block:clamp(3.125rem,7vw,6.875rem) 1.375rem}
.f-bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:0.8438rem;color:var(--mute);padding-top:1.125rem;border-top:1px solid var(--line)}
.f-bot b{font-weight:500;color:var(--ink)}.f-bot button{display:inline-flex;align-items:center;gap:0.375rem;color:var(--ink);font-weight:500}.f-bot button svg{transform:rotate(90deg)}
@media (max-width:1000px){.f-grid{grid-template-columns:1fr 1fr}.f-lead{grid-column:1/-1}}

/* page head */
.ph{padding-top:clamp(2.5rem,5vw,5rem)}
.ph-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:0.875rem;margin-bottom:clamp(1.875rem,4vw,3.75rem)}
.crumbs{display:flex;flex-wrap:wrap;gap:0.5rem;color:var(--mute)}.crumbs b{font-weight:500;color:var(--ink)}.crumbs a:hover{color:var(--ink)}
.ph-k{font-weight:500}
.ph .h1{max-width:16ch}
.ph .h1-wide{max-width:10.4em}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.875rem;flex-wrap:wrap;margin-top:clamp(1.875rem,4vw,3.5rem);padding-bottom:clamp(2.5rem,5vw,4.375rem)}
.ph-row .acts{justify-content:flex-end}
.ph-m{margin-inline:max(0.5rem,env(safe-area-inset-left,0px));height:min(72vh,47.5rem);border-radius:0.875rem;overflow:hidden;background:var(--off)}
.ph-m img{width:100%;height:100%;object-fit:cover}
.case-m{height:auto;aspect-ratio:1100/390;max-height:72vh}
.ph-v{border-radius:1.5rem;margin-inline:0.5rem;padding-block:clamp(1.25rem,3vw,2.5rem)}
.chips{display:flex;flex-wrap:wrap;gap:0.5rem;max-width:38.75rem}
.chips li{padding:0.5rem 0.875rem;border-radius:62.4375rem;background:var(--off);font-size:0.9062rem;font-weight:500}

/* shared page blocks */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.875rem,6vw,6.875rem);align-items:start}
.two>*{min-width:0}
.two+.two{margin-top:clamp(2.5rem,5vw,5rem);padding-top:clamp(1.875rem,4vw,3.125rem);border-top:1px solid var(--line)}
.two .prose .chips{margin-top:1.625rem}
.two .founder{margin-top:1.875rem}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.why{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.875rem,5vw,5rem);border-top:1px solid var(--line)}
.why li{display:grid;grid-template-columns:3.5rem 1fr;column-gap:0.75rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}
.why span{grid-row:1/3;font-size:0.875rem;color:var(--mute);padding-top:0.375rem}
.why h3{font-family:var(--d);font-size:clamp(1.5rem,2.2vw,2.125rem);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin-bottom:0.5rem}
.why p{color:var(--mute);font-size:0.9688rem}
@media (max-width:760px){.why{grid-template-columns:1fr}}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(0.75rem,1.6vw,1.5rem);counter-reset:p}
.proc:has(li:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
.proc li{display:flex;flex-direction:column;gap:0.5rem;padding:1.625rem 1.5rem 1.875rem;border-radius:0.875rem;background:var(--off);min-height:17.5rem}
.proc li:first-child{background:var(--ink);color:#fff}.proc li:first-child p{color:rgba(255,255,255,.7)}
.pn{font-family:var(--d);font-size:0.9375rem;margin-bottom:auto;padding-bottom:3.125rem}
.proc h3{font-family:var(--d);font-size:clamp(1.625rem,2.4vw,2.375rem);font-weight:500;letter-spacing:-.04em;line-height:1}
.proc p{color:var(--mute);font-size:0.9375rem}
@media (max-width:900px){.proc,.proc:has(li:nth-child(3):last-child){grid-template-columns:1fr 1fr}.proc li{min-height:13.75rem}}@media (max-width:520px){.proc,.proc:has(li:nth-child(3):last-child){grid-template-columns:1fr}}
.faq{border-top:1px solid var(--line);max-width:68.75rem}
.acc{border-bottom:1px solid var(--line)}
.acc>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 0;text-align:right;font-family:var(--d);font-size:clamp(1.25rem,1.8vw,1.75rem);font-weight:500;letter-spacing:-.025em}
.acc>button i{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:var(--off);transition:transform .3s,background .3s,color .3s}
.acc>button[aria-expanded=true] i{transform:rotate(-45deg);background:var(--blue);color:#fff}
.acc-p{display:none;padding:0 0 1.625rem 4.375rem}.acc-p p{color:var(--mute);max-width:70ch}
.acc>button[aria-expanded=true]+.acc-p{display:block}
.caps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.875rem,5vw,5rem)}
.capg h3{font-size:0.875rem;font-weight:500;color:var(--mute);padding-bottom:0.875rem;border-bottom:1px solid var(--ink)}
.capg li{display:grid;grid-template-columns:1fr 1.3fr;gap:1.25rem;padding-block:1.25rem;border-bottom:1px solid var(--line)}
.capg b{font-family:var(--d);font-size:clamp(1.25rem,1.7vw,1.625rem);font-weight:500;letter-spacing:-.025em;line-height:1.1}.capg span{color:var(--mute);font-size:0.9375rem}
@media (max-width:860px){.caps{grid-template-columns:1fr}}@media (max-width:520px){.capg li{grid-template-columns:1fr;gap:0.25rem}}
.sites{display:grid;grid-template-columns:1fr 1fr;gap:clamp(0.75rem,1.6vw,1.5rem)}
.site{border-radius:0.75rem;overflow:hidden;background:var(--off)}
.site img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.site figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.125rem;font-size:0.9375rem}.site figcaption b{font-weight:500}.site figcaption span{color:var(--mute)}
@media (max-width:760px){.sites{grid-template-columns:1fr}.site figcaption{flex-direction:column;gap:2px}}
.srows{border-top:1px solid var(--line)}
.srows a{display:grid;grid-template-columns:3.75rem 1fr 1fr 2.5rem;gap:1.25rem;align-items:center;padding-block:1.5rem;border-bottom:1px solid var(--line);transition:opacity .3s}
.srows span{font-size:0.875rem;color:var(--mute)}.srows b{font-family:var(--d);font-size:clamp(1.625rem,2.8vw,2.875rem);font-weight:500;letter-spacing:-.04em;line-height:1}.srows em{color:var(--mute);font-size:0.9375rem}
.srows i{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--off)}.srows a:hover i{background:var(--blue);color:#fff}
@media (hover:hover){.srows:hover a{opacity:.4}.srows a:hover{opacity:1}}
@media (max-width:760px){.srows a{grid-template-columns:1fr 2.5rem}.srows span,.srows em{display:none}}
.filters{display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:1.625rem}
.filters button{height:2.625rem;padding:0 1.125rem;border-radius:62.4375rem;font-size:0.9062rem;font-weight:500;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,color .2s}
.filters button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.filters button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.sh .filters{margin-bottom:0}
.gal{columns:4 16.25rem;column-gap:clamp(0.625rem,1.2vw,1.125rem)}
.gal figure{break-inside:avoid;margin-bottom:clamp(0.625rem,1.2vw,1.125rem);cursor:zoom-in}
.gal figure img{width:100%;border-radius:0.5rem;background:var(--off);transition:opacity .3s}
.gal figure:hover img{opacity:.88}
.gal figcaption{display:flex;justify-content:space-between;gap:0.625rem;padding-top:0.625rem;font-size:0.875rem}.gal figcaption b{font-weight:500}.gal figcaption small{color:var(--mute);font-size:0.8125rem}
.gal-pf{columns:2 26.25rem}
.gal-case{columns:2 22.5rem}
.people{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(0.625rem,1.2vw,1.125rem)}
.person img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0.5rem;background:var(--off)}
.person figcaption{display:grid;padding-top:0.75rem;line-height:1.3}.person b{font-weight:500}.person span{font-size:0.875rem;color:var(--mute)}
.person:first-child img{box-shadow:0 0 0 2px var(--blue)}
@media (max-width:1100px){.people{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.people{grid-template-columns:1fr 1fr}}
.join{display:grid;grid-template-columns:1fr 1fr;gap:1.875rem;align-items:end;padding:clamp(1.875rem,5vw,4.375rem);border-radius:1.5rem;background:var(--blue);color:#fff}
.join>*{min-width:0}.join .lbl,.join .lbl span{color:rgba(255,255,255,.8)}.join p{margin-bottom:1.5rem;color:rgba(255,255,255,.88)}
@media (max-width:760px){.join{grid-template-columns:1fr}}
.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(0.75rem,1.6vw,1.5rem)}
.sm-i{aspect-ratio:4/3;border-radius:0.5rem;overflow:hidden;background:var(--off)}.sm-i img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.sample:hover .sm-i img{transform:scale(1.04)}
.sample p{display:grid;grid-template-columns:1fr 1.875rem;padding-top:0.875rem}.sample p span{font-size:0.8125rem;color:var(--mute)}.sample p b{grid-row:2;font-family:var(--d);font-size:1.375rem;font-weight:500;letter-spacing:-.025em}.sample p i{grid-row:1/3;grid-column:2;align-self:center;color:var(--blue)}
@media (max-width:900px){.samples{grid-template-columns:1fr 1fr}}@media (max-width:520px){.samples{grid-template-columns:1fr}}
.wv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.625rem}.wv-h .lbl{margin:0}
.vt{display:flex;padding:0.25rem;border-radius:62.4375rem;background:var(--off)}
.vt button{height:2.375rem;padding:0 1.125rem;border-radius:62.4375rem;font-size:0.9062rem;font-weight:500}.vt button[aria-pressed=true]{background:var(--ink);color:#fff}
#wv .wv-grid{display:none}#wv[data-mode=grid] .wv-grid{display:grid}#wv[data-mode=grid] .wv-list{display:none}
.wv-grid{grid-template-columns:repeat(2,1fr);gap:clamp(0.875rem,2vw,1.875rem) clamp(0.75rem,1.6vw,1.5rem)}
.wcard:first-child{grid-column:1/-1}
.wc-i{border-radius:0.625rem;overflow:hidden;aspect-ratio:1100/390;background:var(--off)}.wc-i img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.wcard:hover .wc-i img{transform:scale(1.03)}
.wcard p{display:grid;grid-template-columns:2.5rem 1fr auto;gap:0.625rem;align-items:baseline;padding-top:0.875rem}.wcard p span{font-size:0.8125rem;color:var(--mute)}.wcard b{font-family:var(--d);font-size:clamp(1.5rem,2.2vw,2.125rem);font-weight:500;letter-spacing:-.035em}.wcard em{color:var(--mute);font-size:0.9062rem}
@media (max-width:700px){.wv-grid{grid-template-columns:1fr}.wcard p{grid-template-columns:1.875rem 1fr}.wcard em{grid-column:2}}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding-bottom:clamp(2.5rem,5vw,5rem);margin-bottom:clamp(2.5rem,5vw,5rem);border-bottom:1px solid var(--line)}
.facts dt{font-size:0.8125rem;color:var(--mute);margin-bottom:0.25rem}.facts dd{font-family:var(--d);font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:500;letter-spacing:-.015em}
@media (max-width:760px){.facts{grid-template-columns:1fr 1fr}}
.sws{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(0.75rem,1.6vw,1.5rem)}
.sw i{display:block;aspect-ratio:4/3;border-radius:0.625rem;margin-bottom:0.875rem}.sw b{display:block;font-family:var(--d);font-size:1.375rem;font-weight:500;letter-spacing:-.02em}.sw span{font-size:0.875rem;color:var(--mute)}
@media (max-width:640px){.sws{grid-template-columns:1fr}}
.next{border-top:1px solid var(--line)}
.next-in{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1.875rem;padding-block:clamp(3.75rem,7vw,6.875rem)}
.next-in .lbl{grid-column:1/-1;margin:0}.next-in .mega{font-size:clamp(3.25rem,9vw,10.625rem);transition:color .3s}.next-in:hover .mega{color:var(--blue)}
.next-i{width:min(22.5rem,30vw);aspect-ratio:1100/390;border-radius:0.5rem;overflow:hidden}.next-i img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.next-in{grid-template-columns:1fr}.next-i{width:100%}}
.afeat{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,4vw,4.375rem);align-items:center}
.afeat>*{min-width:0}
.af-i{border-radius:0.625rem;overflow:hidden;aspect-ratio:16/10;background:var(--off)}.af-i img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.afeat:hover .af-i img{transform:scale(1.03)}
.af-t .h2{font-size:clamp(2rem,3.6vw,3.75rem);margin-bottom:1.25rem}.af-t>p:not(.lbl){color:var(--mute);margin-bottom:1.625rem}
@media (max-width:860px){.afeat{grid-template-columns:1fr}}
.ah{padding-top:clamp(2.5rem,5vw,5rem)}.ah .crumbs{margin-bottom:clamp(1.875rem,4vw,3.125rem);font-size:0.875rem}
.ah-t{font-size:clamp(2.5rem,5.6vw,6rem);max-width:20ch;margin-bottom:clamp(1.875rem,4vw,3.75rem)}
.ah-i{border-radius:0.75rem;overflow:hidden;aspect-ratio:16/8;background:var(--off)}.ah-i img{width:100%;height:100%;object-fit:cover}
.article{max-width:47.5rem;margin-inline:auto}
.article h2{font-family:var(--d);font-size:clamp(1.625rem,2.4vw,2.25rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-block:2.875rem 1rem}
.article p{font-size:1.1875rem;line-height:1.65;color:#2A2A28}.article p+p{margin-top:1.125rem}
.note{padding:1.25rem;border-radius:0.75rem;background:var(--off);color:var(--mute)!important;margin-top:1.25rem}
.a-end{margin-top:3.125rem;padding-top:1.875rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap}.a-end p{font-size:1.0625rem!important}
.contact{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(1.875rem,6vw,6.875rem);align-items:start}
.contact>*{min-width:0}
.cinfo{display:grid;gap:0;border-top:1px solid var(--line);margin:0 0 1.875rem}
.cinfo div{display:grid;grid-template-columns:6.25rem 1fr;gap:1rem;padding-block:1.25rem;border-bottom:1px solid var(--line)}
.cinfo dt{font-size:0.875rem;color:var(--mute)}.cinfo dd{font-family:var(--d);font-size:clamp(1.1875rem,1.6vw,1.5rem);font-weight:500;letter-spacing:-.02em}
.c-soc{display:flex;flex-wrap:wrap;gap:0.5rem 1.125rem;margin-top:1.875rem}.c-soc a{display:inline-flex;align-items:center;gap:0.375rem;font-weight:500}.c-soc a:hover{color:var(--blue)}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.form{border-radius:1.25rem;background:var(--off);padding:clamp(1.375rem,3.4vw,2.875rem)}
.f-fields{display:grid;gap:1.125rem}
.f-fields h2{font-family:var(--d);font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:500;letter-spacing:-.035em}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0.875rem}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.field{display:grid;gap:0.5rem}.field label,.legend{font-size:0.875rem;font-weight:500}
.field input,.field select,.field textarea{width:100%;height:3.375rem;padding:0 1rem;border:1px solid transparent;border-radius:0.625rem;background:#fff;font-size:1rem}
.field textarea{height:8.75rem;padding-top:0.875rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue)}
.tried .field :invalid{border-color:#C8281E}
.pick{display:flex;flex-wrap:wrap;gap:0.5rem}.pick input{position:absolute;opacity:0;width:1px;height:1px}
.pick label{height:2.625rem;display:inline-flex;align-items:center;padding:0 1rem;border-radius:62.4375rem;background:#fff;font-size:0.9062rem;cursor:pointer;transition:background .2s,color .2s}
.pick input:checked+label{background:var(--ink);color:#fff}.pick input:focus-visible+label{outline:2px solid var(--blue);outline-offset:2px}
.agree{display:flex;gap:0.625rem;align-items:flex-start;font-size:0.9062rem;color:var(--mute)}.agree input{margin-top:0.25rem;accent-color:var(--blue)}
.f-err{color:#C8281E;font-size:0.9062rem;min-height:1px}
.btn-submit{justify-self:start;border:0}
.form.done .f-fields{display:none}
.f-ok{display:grid;gap:0.75rem;justify-items:start}.f-ok b{font-family:var(--d);font-size:2rem;font-weight:500;letter-spacing:-.03em}.f-ok p{color:var(--mute)}.f-ok .link{color:var(--blue);font-weight:500}
.lb{position:fixed;inset:0;z-index:90;background:rgba(10,10,10,.95);color:#fff;display:grid;grid-template-columns:4.375rem 1fr 4.375rem;align-items:center;padding:max(1.25rem,env(safe-area-inset-top,0px)) max(0.625rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(0.625rem,env(safe-area-inset-left,0px))}
.lb figure{display:grid;justify-items:center;gap:0.75rem}.lb img{max-height:80vh;max-width:100%;border-radius:0.5rem}
.lb figcaption{display:flex;gap:1rem;font-size:0.875rem}.lb-n{color:rgba(255,255,255,.6)}
.lb-x{position:absolute;left:max(1.25rem,env(safe-area-inset-left,0px));top:max(1.25rem,env(safe-area-inset-top,0px));height:2.75rem;padding:0 1.25rem;border-radius:62.4375rem;background:#fff;color:var(--ink);font-weight:500}
.lb-p,.lb-nx{width:3.25rem;height:3.25rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);justify-self:center}
@media (max-width:600px){.lb{grid-template-columns:1fr;grid-template-rows:1fr auto}.lb figure{grid-column:1}.lb-p,.lb-nx{position:absolute;bottom:max(1.25rem,env(safe-area-inset-bottom,0px))}.lb-p{right:30%}.lb-nx{left:30%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hm-s img:first-child{opacity:1}}

.ph-v .vis-web{overflow:hidden;border-radius:1.125rem}.ph-v .bf{width:54%}.ph-v .bf0{right:3%;top:6%}.ph-v .bf1{left:3%;top:16%}.ph-v .bf2{right:20%;bottom:5%}
.ph-m:has(img[alt=""]){background:#fff}
@media (max-width:900px){.ph-v .vis.big{height:25rem}.ph-v .vis-web.big{height:20rem}.ph-v .bf{width:68%}.ph-v .bf2{right:16%}}

/* hero: the showreel video only */
.hero{background:radial-gradient(120% 90% at 50% 45%,#3A3A3A 0,#1C1C1C 60%,#111 100%)}
.hero::after{background:linear-gradient(-180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 20%)}
/* team ring */
.crew{position:relative;overflow:hidden;min-height:58.75rem;display:flex;align-items:flex-end;justify-content:center;padding-block:7.5rem 6.875rem;isolation:isolate;background:#F2F2F2}
.arc-wrap{position:absolute;inset:0;overflow:hidden;z-index:-1}
.arc{position:absolute;right:50%;top:60rem;width:0;height:0}
.ring{position:absolute;inset:0;animation:spin 200s linear infinite reverse}
@keyframes spin{to{transform:rotate(-360deg)}}
.rc{position:absolute;width:8.5rem;height:10.5rem;margin:-5.25rem -4.25rem 0 0;border-radius:1.625rem;overflow:hidden;transform:rotate(var(--a)) translateY(-40.625rem);box-shadow:0 1.875rem 3.125rem -1.75rem rgba(17,19,22,.5);background:#fff}
.rc img{width:100%;height:100%;object-fit:cover}
.crew-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.375rem;max-width:47.5rem}
.crew-c .lbl{margin:0}.crew-c .h2{text-wrap:balance}.crew-c .lead{max-width:44ch}.crew-c .acts{justify-content:center}
.cpill{display:inline-flex;align-items:center;gap:0.625rem;min-height:2.5rem;padding:0.375rem 0.375rem 0.375rem 1rem;border-radius:62.4375rem;background:#fff;font-size:0.9062rem;box-shadow:0 0.625rem 1.875rem -1.125rem rgba(0,0,0,.3)}
.avs{display:inline-flex}.avs img{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;object-position:top;box-shadow:0 0 0 2px #fff;margin-right:-0.5rem}.avs img:first-child{margin-right:0}
@media (max-width:760px){.crew{min-height:46.25rem;padding-block:5rem 4.5rem}.arc-wrap{height:18.75rem;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}.arc{top:32.5rem}.rc{width:5.625rem;height:7rem;margin:-3.5rem -2.8125rem 0 0;border-radius:1.125rem;transform:rotate(var(--a)) translateY(-22.5rem)}.cpill{font-size:0.7812rem}}

:root{--ease:cubic-bezier(.2,.7,.2,1)}
/* clients: 3 rows */
.cl-s{padding-top:clamp(4rem,8vw,7.5rem)}
/* intro from the liked version */
.hg-top{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.875rem,6vw,5.625rem);align-items:start;max-width:90rem}
.hg-top>*{min-width:0}
.hg-h{font-family:var(--d);font-weight:500;font-size:clamp(2.75rem,5.8vw,6.25rem);line-height:.95;letter-spacing:-.05em;max-width:12ch;text-wrap:balance}
.hg-side p{font-size:1.125rem;line-height:1.55;color:var(--mute);max-width:46ch}
.hg-links{margin-top:1.75rem;border-top:1px solid var(--line)}
.hg-links a{display:flex;justify-content:space-between;align-items:center;padding:0.875rem 0;border-bottom:1px solid var(--line);font-weight:500;transition:padding .35s var(--ease),color .2s}
.hg-links a:hover{padding-right:0.5rem;color:var(--blue)}
.hg-links a span{display:grid;transition:transform .35s var(--ease)}.hg-links a:hover span{transform:translateX(-0.25rem)}
@media (max-width:960px){.hg-top{grid-template-columns:1fr}}
/* five studios side by side; the hovered one opens across the screen */
.deck{padding-bottom:clamp(2.5rem,5vw,5rem)}
.acc5{display:flex;gap:0.5rem;height:min(88vh,53.75rem);min-height:40rem;padding-right:max(0.5rem,env(safe-area-inset-right,0px));padding-left:max(0.5rem,env(safe-area-inset-left,0px))}
.p5{position:relative;flex:1 1 0;min-width:0;border-radius:1.5rem;overflow:hidden;transition:flex-grow .75s var(--ease)}
.p5.on{flex-grow:5.5}
.p5.t-light{box-shadow:inset 0 0 0 1px var(--line)}
.p5-bar{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:0.875rem;padding:1.625rem 1.375rem;text-align:right;color:inherit;transition:opacity .3s}
.p5-n{font-family:var(--d);font-size:0.9375rem;font-weight:500;opacity:.7}
.p5-bar i{width:2.625rem;height:2.625rem;border-radius:50%;display:grid;place-items:center;background:currentColor}
.p5-bar i svg{width:1.125rem;height:1.125rem}
.t-dark .p5-bar i svg,.t-blue .p5-bar i svg{color:#000}.t-blue .p5-bar i svg{color:var(--blue)}.t-off .p5-bar i svg,.t-light .p5-bar i svg{color:#fff}
.p5-v{margin-top:auto;writing-mode:vertical-rl;transform:rotate(-180deg);font-family:var(--d);font-size:clamp(1.625rem,2.3vw,2.5rem);font-weight:500;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.p5:not(.on):hover .p5-bar i{transform:rotate(-90deg)}.p5-bar i{transition:transform .4s var(--ease)}
.p5.on .p5-bar{opacity:0;pointer-events:none}
.p5-o{position:absolute;top:0;bottom:0;right:0;width:calc((100vw - 3rem) * 5.5 / 9.5);display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.5rem,3vw,3.125rem);align-items:center;padding:clamp(1.875rem,3.6vw,3.5rem);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.p5.on .p5-o{opacity:1;visibility:visible;transition:opacity .5s .25s,visibility 0s}
.p5-o>*{min-width:0}
.p5 .card-h{font-size:clamp(2.5rem,4.4vw,5.125rem)}
.p5 .card-l{font-size:1rem}
.p5 .card-i{grid-template-columns:1fr 1fr;margin-block:1.375rem 1.625rem}
.p5-o .vis{height:100%;max-height:42.5rem}
.p5-o .vis-web .bf{width:72%}
@media (max-width:999px){
 .acc5{flex-direction:column;height:auto;min-height:0}
 .p5{flex:none!important}
 .p5-bar{position:relative;flex-direction:row;align-items:center;padding:1.375rem}
 .p5-v{writing-mode:horizontal-tb;transform:none;margin-top:0;font-size:1.625rem;white-space:normal;order:1;flex:1}
 .p5-bar i{order:2}.p5-n{order:0}
 .p5-o{position:static;width:auto;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;padding:1.625rem 1.375rem 1.875rem}
 .p5.on .p5-bar{display:none}.p5.on .p5-o{display:grid}
 .p5-o .vis{height:20rem}
}
@media (max-width:520px){.p5 .card-i{grid-template-columns:1fr}}
/* case studies carousel from the liked version */
@keyframes half{to{transform:translateX(50%)}}
.cshow{position:relative;background:var(--bg-c,#0A0A0A);color:var(--fg-c,#fff);transition:background-color .9s var(--ease),color .6s;overflow:hidden;padding-block:2.25rem;min-height:min(56.25rem,100svh);display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}
.cs-head{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:500;position:relative;z-index:3}
.cs-lab{display:inline-flex;align-items:center;height:2.375rem;padding:0 1.125rem;border-radius:62.4375rem;box-shadow:inset 0 0 0 1.5px currentColor;font-size:0.9375rem}
.cshow .ln i{color:inherit}
.cs-names{position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);overflow:hidden;pointer-events:none;z-index:1}
.cs-track{display:flex;gap:7vw;width:max-content;animation:half 45s linear infinite}
.cs-track span{display:flex;flex-direction:column;opacity:.4;transition:opacity .6s}
.cs-track span.on{opacity:1}
.cs-track b{font-family:var(--d);font-weight:600;font-size:clamp(2.75rem,7vw,7.75rem);letter-spacing:-.055em;line-height:.95;white-space:nowrap}
.cs-track small{font-size:0.9375rem;margin-top:0.5rem;font-weight:500}
.cs-circle{position:relative;z-index:2;align-self:center;width:min(52vh,28.75rem,80vw);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 3.125rem 5.625rem -2.5rem rgba(0,0,0,.55);background:rgba(127,127,127,.2);transition:transform .6s var(--ease)}
.cs-circle:hover{transform:scale(1.04)}
.cs-circle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:circle(0% at 50% 50%);transition:clip-path 1.1s var(--ease)}
.cs-circle img.on{clip-path:circle(72% at 50% 50%);z-index:2}
.cs-circle img.prev{clip-path:circle(72% at 50% 50%);z-index:1;transition:none}
.cs-ui{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;position:relative;z-index:3;width:100%}
.cs-now{display:grid;gap:2px}
.cs-cnt{font-size:0.875rem;font-variant-numeric:tabular-nums;opacity:.75}
.cs-name{font-family:var(--d);font-size:2rem;font-weight:600;letter-spacing:-.035em}
.cs-sub{font-size:0.9375rem;opacity:.8}
.hnav{display:flex;gap:0.5rem}
.rb{width:3.625rem;height:3.625rem;border-radius:50%;display:grid;place-items:center;background:var(--fg-c,#fff);color:var(--bg-c,#000);transition:transform .3s var(--ease)}
.rb:hover{transform:scale(1.06)}
@media (max-width:600px){.cs-track b{font-size:2.5rem}.cs-name{font-size:1.5rem}.rb{width:3rem;height:3rem}}
/* eighteen years, counted honestly */
.bn-h{margin-bottom:clamp(2.25rem,5vw,4.375rem)}
.h2.up{text-transform:uppercase;letter-spacing:-.04em;line-height:.92}
.bn-h .lead{margin-top:1.25rem}
.bento-n{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:minmax(16.25rem,auto);gap:0.875rem}
.nt{border-radius:1.75rem;background:var(--bg,#F2F2F2);padding:1.875rem;display:flex;flex-direction:column;justify-content:space-between;gap:0.875rem;position:relative;overflow:hidden;transition:transform .5s var(--ease)}
.nt:hover{transform:translateY(-0.375rem) rotate(0.6deg)}
.nt b{font-family:var(--d);font-weight:600;font-size:clamp(3rem,5.4vw,6rem);line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.nt span{font-weight:500;font-size:1rem}
.nt p{font-size:0.9375rem;max-width:30ch;color:rgba(255,255,255,.82)}
.nt.big{grid-row:span 2;justify-content:flex-start}
.nt.big b{font-size:clamp(6.25rem,13vw,13.75rem)}
.nt.big .avs{margin-top:auto}
.avs.lg img{width:3.5rem;height:3.5rem;margin-right:-0.75rem;box-shadow:0 0 0 0.1875rem var(--blue)}
@media (max-width:860px){.bento-n{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(11.25rem,auto)}.nt.big{grid-column:1/-1;grid-row:auto}}
@media (max-width:600px){.nt{padding:1.25rem}.nt b{font-size:2.375rem}.nt.big b{font-size:6rem}}
/* footer from the liked version */
.foot{background:#0A0A0A;color:#C9C9C6;padding:0;position:relative;overflow:hidden}
.fband{height:0.625rem;background:var(--blue)}
.fmarq{display:block;overflow:hidden;padding-block:clamp(1.75rem,4vw,3.5rem);border-bottom:1px solid rgba(255,255,255,.1)}
.fm-track{display:flex;align-items:center;gap:.3em;width:max-content;animation:half 32s linear infinite;font-family:var(--d);font-weight:600;font-size:clamp(4rem,10.5vw,11.5rem);letter-spacing:-.055em;line-height:1;color:#fff}
.fm-track span{white-space:nowrap;transition:color .4s}
.fm-track b{display:inline-grid;width:.9em;color:var(--blue)}.fm-track b svg{width:100%}
.fmarq:hover .fm-track{animation-play-state:paused}.fmarq:hover .fm-track span{color:var(--blue)}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;padding-block:clamp(4rem,8vw,6.25rem) 3.5rem}
.foot-top>*{min-width:0}
.f-lg{height:2.625rem;width:auto}
.f-p{margin:1.375rem 0 1.625rem;max-width:32ch;color:#9A9A96!important;font-size:0.9688rem}
.foot h4{font-family:var(--t);font-size:0.875rem;font-weight:500;color:#7F7F7B;margin-bottom:1.125rem}
.foot ul{display:flex;flex-direction:column;gap:0.625rem}
.foot li a{font-size:1rem;transition:color .2s,padding .3s var(--ease)}
.foot li a:hover{color:#fff;padding-right:0.375rem}
.addr{font-size:0.9688rem;line-height:1.75;color:#C9C9C6!important}.addr+.addr{margin-top:1.125rem}.addr .sel{color:#fff}
.foot .soc{flex-direction:row;gap:0.625rem}
.foot .soc a{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:#1C1C1C;color:#fff;padding:0!important;transition:background .2s}
.foot .soc a:hover{background:var(--blue)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-block:1.375rem max(1.875rem,env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.1);font-size:0.875rem;color:#7F7F7B}
.totop{display:inline-flex;align-items:center;gap:0.625rem;color:#fff;font-weight:500}
.totop i{width:2.625rem;height:2.625rem;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;transform:rotate(90deg);transition:transform .4s var(--ease)}
.totop:hover i{transform:rotate(90deg) translateX(-0.25rem)}
@media (max-width:900px){.foot-top{grid-template-columns:1fr 1fr}}@media (max-width:520px){.foot-top{grid-template-columns:1fr}}
.big4 b{font-size:clamp(3.25rem,5.4vw,6.5rem)}
.big4{column-gap:clamp(1.25rem,3vw,3rem)}
.nums .big4 b{font-weight:700;letter-spacing:-.05em}
.nums .ledger b{font-weight:700;letter-spacing:-.03em}
.nums .big4 span,.nums .ledger span{font-weight:500}

/* projects index with filters */
.pj-s{padding-top:0}
.pf{position:sticky;top:calc(var(--navh) + env(safe-area-inset-top,0px));z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(0.75rem);-webkit-backdrop-filter:blur(0.75rem);padding-block:1rem 0.875rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--line)}
.pf-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:0.625rem;align-items:end}
.pf-s{position:relative;display:grid;gap:0.375rem;min-width:0}
.pf-s>span{font-size:0.8125rem;font-weight:500;color:var(--mute)}
.pf-s select{appearance:none;-webkit-appearance:none;width:100%;height:3.25rem;padding:0 1.125rem 0 2.75rem;border-radius:62.4375rem;border:0;background:var(--off);font-size:0.9688rem;font-weight:500;cursor:pointer;text-overflow:ellipsis}
.pf-s::after{content:"";position:absolute;left:1.25rem;bottom:1.3125rem;width:0.5rem;height:0.5rem;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);pointer-events:none}
.pf-s select:hover{background:var(--off2)}
.pf-s select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pf-s.on select{background:var(--ink);color:#fff}.pf-s.on::after{color:#fff}
.pf .vt{height:3.25rem;align-items:center}
.pf-meta{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-top:0.75rem;min-height:2.125rem}
.pf-n{font-size:0.9375rem;color:var(--mute)}.pf-n b{color:var(--ink);font-weight:600}
.pf-chips{display:flex;flex-wrap:wrap;gap:0.375rem}
.pf-chip{display:inline-flex;align-items:center;gap:0.375rem;height:2.125rem;padding:0 0.75rem;border-radius:62.4375rem;background:var(--blue);color:#fff;font-size:0.875rem;font-weight:500}
.pf-chip span{opacity:.75;font-weight:400}.pf-chip i{font-size:1.0625rem;line-height:1}
.pf-clear{margin-right:auto;font-size:0.9062rem;font-weight:500;border-bottom:1.5px solid currentColor}
@media (max-width:860px){.pf{position:static}.pf-row{grid-template-columns:1fr 1fr}.pf-s:first-child{grid-column:1/-1}.pf .vt{justify-self:start}}
@media (max-width:520px){.pf-row{grid-template-columns:1fr}}
.pjs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(0.875rem,1.6vw,1.5rem) clamp(0.625rem,1.2vw,1.125rem)}
.pj{display:flex;flex-direction:column;gap:0.75rem;margin:0;cursor:pointer;min-width:0}
.pj.is-case{grid-column:span 2}
.pj-i{position:relative;aspect-ratio:4/5;border-radius:0.625rem;overflow:hidden;background:var(--off)}
.pj.is-case .pj-i{aspect-ratio:auto;height:100%;min-height:0}
.pj-i img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.pj:hover .pj-i img{transform:scale(1.04)}
.pj-b{position:absolute;right:0.75rem;top:0.75rem;padding:0.3125rem 0.6875rem;border-radius:62.4375rem;background:var(--blue);color:#fff;font-size:0.7812rem;font-weight:500}
.pj-t{display:grid;grid-template-columns:1fr auto;column-gap:0.75rem;row-gap:2px}
.pj-t b{font-family:var(--d);font-size:1.1875rem;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.pj-cl{grid-column:1;font-size:0.875rem;color:var(--ink)}
.pj-m{grid-column:1;font-size:0.8125rem;color:var(--mute)}
.pj-t i{grid-row:1/4;grid-column:2;align-self:start;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--off);transition:background .3s,color .3s}
.pj-t i svg{width:0.9375rem;height:0.9375rem}
.pj:hover .pj-t i{background:var(--blue);color:#fff}
.pj.is-case{display:grid;grid-template-rows:1fr auto}
.pj.is-case .pj-i{aspect-ratio:1.62;height:auto}
.pj.is-case .pj-t b{font-size:1.5rem}
@media (max-width:1100px){.pjs{grid-template-columns:repeat(3,minmax(0,1fr))}.pj.is-case{grid-column:span 3}}
@media (max-width:760px){.pjs{grid-template-columns:repeat(2,minmax(0,1fr))}.pj.is-case{grid-column:span 2}.pj-t b{font-size:1rem}}
/* list view */
.pjs[data-mode=list]{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.pjs[data-mode=list] .pj{display:grid;grid-template-columns:6rem 1fr;align-items:center;gap:1.25rem;padding-block:0.875rem;border-bottom:1px solid var(--line);grid-column:auto}
.pjs[data-mode=list] .pj-i{aspect-ratio:1;height:auto;border-radius:0.5rem}
.pjs[data-mode=list] .pj.is-case .pj-i{aspect-ratio:1}
.pjs[data-mode=list] .pj-b{right:0.375rem;top:0.375rem;padding:0.1875rem 0.4375rem;font-size:0.6562rem}
.pjs[data-mode=list] .pj-t{grid-template-columns:1.3fr 1fr 1fr 2.5rem;align-items:center}
.pjs[data-mode=list] .pj-t b{font-size:clamp(1.1875rem,1.8vw,1.625rem)}
.pjs[data-mode=list] .pj-cl,.pjs[data-mode=list] .pj-m{grid-column:auto;font-size:0.9375rem}
.pjs[data-mode=list] .pj-t i{grid-row:auto;grid-column:auto;justify-self:end;align-self:center}
@media (max-width:760px){.pjs[data-mode=list] .pj{grid-template-columns:4.5rem 1fr;gap:0.875rem}.pjs[data-mode=list] .pj-t{grid-template-columns:1fr 2.25rem}.pjs[data-mode=list] .pj-t b,.pjs[data-mode=list] .pj-cl,.pjs[data-mode=list] .pj-m{grid-column:1}.pjs[data-mode=list] .pj-t i{grid-row:1/4;grid-column:2}}
.pf-empty{display:grid;justify-items:center;gap:0.625rem;text-align:center;padding:4.375rem 1.25rem;border-radius:1rem;background:var(--off)}
.pf-empty b{font-family:var(--d);font-size:1.75rem;font-weight:500;letter-spacing:-.025em}.pf-empty p{color:var(--mute);margin-bottom:0.625rem}
@media (min-width:1200px){.two>.big{margin-inline-end:-1rem}}
@media (min-width:1200px){.crew-home{padding-bottom:5rem}}
.lang{font-size:0.875rem;font-weight:500;padding:0 0.375rem;white-space:nowrap}
.mnav .lang{display:inline-block;margin-top:1.125rem;padding:0;font-size:1.0625rem}
@media (max-width:999px){.nav-r .lang{display:none}}

/* Arabic */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--d:"IBM Plex Sans Arabic","42dot Sans","XF Display",Arial,sans-serif;--t:"IBM Plex Sans Arabic","XF Text",Arial,sans-serif}
*,*::before,*::after{letter-spacing:0!important}
body{line-height:1.7}
.mega{line-height:1.05}.h1{line-height:1.12}.h2{line-height:1.15}.h3x,.big{line-height:1.3}
.hp{right:auto;left:0}
.totop i{transform:rotate(-90deg)}.totop:hover i{transform:rotate(-90deg) translateX(0.25rem)}
svg:has(path[d^="M5 12h14"]),svg:has(path[d^="M7 17 17 7"]),svg:has(path[d^="M19 12H5"]){transform:scaleX(-1)}
.totop svg:has(path){transform:none}
.sel,[href^="tel"]{unicode-bidi:plaintext}
.hm-s img:only-child{opacity:1;animation:none}
.hp-f{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}