

:root{
  --ink:#0b0b0c;        
  --frame:#121214;      
  --rule:#26262a;
  --paper:#ece9e4;      
  --dim:#8d8a86;
  --tungsten:#d9a25f;   
  --f-display:"Archivo","Unbounded","Noto Kufi Arabic","Arial Black",Impact,sans-serif;
  --f-body:"Instrument Sans","Onest","IBM Plex Sans Arabic","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono","IBM Plex Sans Arabic",ui-monospace,Menlo,monospace;
  --gut:clamp(16px,4vw,48px);
  --dk:1;--dkm:1;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.wrap{padding-inline:var(--gut)}
:focus-visible{outline:2px solid var(--tungsten);outline-offset:3px}



.nav{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:calc(18px + env(safe-area-inset-top,0px)) var(--gut) 18px;transition:background .4s,backdrop-filter .4s}
.nav.solid{background:color-mix(in srgb,var(--ink) 82%,transparent);backdrop-filter:blur(10px)}
.brand{font-family:var(--f-display);font-weight:900;font-size:20px;letter-spacing:.01em;font-stretch:112%}
.links{display:flex;gap:clamp(16px,3vw,40px)}
.links a{opacity:.8;transition:opacity .2s,color .2s}
.links a:hover{opacity:1;color:var(--tungsten)}
.lang{display:flex;gap:6px;align-items:center}
.lang button{background:none;border:0;color:var(--dim);cursor:pointer;padding:4px;font:inherit;letter-spacing:inherit}
.lang button[aria-pressed="true"]{color:var(--paper)}
.brand,.links a{white-space:nowrap}
@media (max-width:1360px){.links{gap:16px}.links a{letter-spacing:.1em}}
@media (max-width:1100px){.links{gap:12px}.links a{letter-spacing:.06em}}
@media (max-width:960px){.links{display:none}}
.mm-btn{display:none;background:none;border:1px solid var(--rule);color:var(--paper);padding:10px 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;min-height:40px}
.mm-btn:hover,.mm-btn[aria-expanded="true"]{border-color:var(--tungsten);color:var(--tungsten)}
.mm{position:fixed;inset:0;z-index:39;background:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:calc(96px + env(safe-area-inset-top,0px)) var(--gut) calc(28px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.mm[hidden]{display:none}
.mm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.mm-list li{border-bottom:1px solid var(--rule);animation:mmIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*40ms)}
.mm-list a{display:flex;align-items:baseline;gap:18px;padding-block:14px}
.mm-n{color:var(--tungsten);font-size:11px;letter-spacing:.18em;min-width:22px}
.mm-t{font-family:var(--f-display);font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:calc(clamp(24px,7vw,40px)*var(--dk));line-height:1.05;transition:color .2s}
.mm-list a:hover .mm-t,.mm-list a:focus-visible .mm-t,.mm-list a[aria-current="true"] .mm-t{color:var(--tungsten)}
.mm-foot{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;justify-content:space-between}
.mm-lang{display:flex;gap:6px;align-items:center;color:var(--dim)}
.mm-lang button{background:none;border:0;color:var(--dim);cursor:pointer;padding:8px 4px;font:inherit;letter-spacing:inherit}
.mm-lang button[aria-pressed="true"]{color:var(--paper)}
@keyframes mmIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.mm-open{overflow:hidden}
@media (max-width:960px){.mm-btn{display:inline-flex;align-items:center}.nav .lang{display:none}}
@media (min-width:961px){.mm{display:none!important}}
@media (max-width:640px){.scene-head{flex-direction:column;align-items:flex-start;gap:10px}.ct-body .qz-chip{padding:8px 12px;font-size:13px}.ct-body .qz-chips{gap:6px}}



.hero{position:relative;min-height:min(92vh,860px);display:grid;align-items:end;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset-block:0 0;inset-inline:auto 0;width:min(68%,1100px);height:100%;z-index:-2}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:42% 22%;animation:kb 22s ease-out both}
.hero-img::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 70%,transparent) 22%,transparent 55%),
  linear-gradient(0deg,var(--ink) 0%,transparent 35%),
  radial-gradient(ellipse at 70% 30%,transparent 40%,color-mix(in srgb,var(--ink) 55%,transparent) 100%)}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.letterbox{position:absolute;inset-inline-start:0;inset-inline-end:0;height:0;background:#000;z-index:-1;animation:lb 1.6s cubic-bezier(.7,0,.2,1) both}
.letterbox.t{top:0}.letterbox.b{bottom:0}
@keyframes lb{from{height:16vh}to{height:0}}
.hero-inner{padding:140px var(--gut) clamp(40px,7vh,80px);display:grid;gap:28px;max-width:1500px}
.eyebrow{color:var(--dim)}
.eyebrow b{color:var(--tungsten);font-weight:500}
h1{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;
  font-size:clamp(calc(52px*var(--dkm)),calc(10.4vw*var(--dk)),calc(168px*var(--dk)));line-height:.86;letter-spacing:-.015em}
h1 span{display:block;animation:rise 1.1s cubic-bezier(.2,.7,.1,1) both}
h1 span:nth-child(2){animation-delay:.12s}h1 span:nth-child(3){animation-delay:.24s}
@keyframes rise{from{transform:translateY(.35em);opacity:.0001;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}
.lede{max-width:34ch;font-size:clamp(14px,1.3vw,17px);letter-spacing:.14em;text-transform:uppercase;line-height:1.7;color:color-mix(in srgb,var(--paper) 85%,var(--ink))}
.cta{display:inline-flex;align-items:center;gap:18px}
.ring{width:48px;height:48px;border:1px solid color-mix(in srgb,var(--paper) 60%,transparent);border-radius:50%;display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.cta:hover .ring{background:var(--tungsten);border-color:var(--tungsten);color:var(--ink);transform:rotate(-45deg)}
.ring svg{width:16px;height:16px}
.hero-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cta-brief .ring{border-color:var(--tungsten);color:var(--tungsten)}
.cta-brief:hover .ring{color:var(--ink);transform:none}
.slate{position:absolute;inset-inline-end:var(--gut);top:50%;transform:translateY(-50%);display:grid;gap:10px;padding-inline-start:22px;border-inline-start:1px solid var(--rule)}
.slate li{list-style:none;transition:color .3s}
.slate li.on{color:var(--tungsten)}
.tc{position:absolute;inset-inline-end:var(--gut);bottom:clamp(40px,7vh,80px);color:var(--dim);display:flex;gap:14px;align-items:center}
.rec{width:7px;height:7px;border-radius:50%;background:#d6453a;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
@media (max-width:900px){.slate{display:none}.hero-img{width:100%;opacity:.55}.tc{display:none}}


.scene{border-top:1px solid var(--rule)}
.scene-head{display:flex;justify-content:space-between;gap:16px;padding-block:22px;color:var(--dim)}
.scene-head .n{color:var(--tungsten)}


.brands{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.brand-list{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding-block:8px 36px}
.brand-list li{list-style:none;display:flex;align-items:center;min-height:72px;padding:6px clamp(16px,2.4vw,34px);border-inline-end:1px solid var(--rule)}
.brand-list img{width:auto;max-width:none;opacity:.78;transition:opacity .3s}
.brand-list li:hover img{opacity:1}
@media (max-width:560px){.brand-list li{border-inline-end:0;padding-inline-start:0}.brand-list img{transform:scale(.8);transform-origin:left center}}
.brand-list li:first-child{padding-inline-start:0}
.brand-list li:last-child{border-inline-end:0}
.still{position:relative;overflow:hidden;min-height:220px;border-inline-start:1px solid var(--rule)}
.still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:grayscale(1) contrast(1.05);transition:transform 1.2s cubic-bezier(.2,.7,.1,1),filter .8s}
.still:hover img{transform:scale(1.05);filter:grayscale(.3)}
.still .cap{position:absolute;inset-inline-start:18px;inset-inline-end:18px;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.still::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--ink) 75%,transparent),transparent 60%);pointer-events:none}
.still .cap{z-index:1}
@media (max-width:900px){.brands{grid-template-columns:1fr}.still{border-inline-start:0;border-top:1px solid var(--rule)}}


.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.05fr)}
.panel{padding:36px var(--gut) 44px;display:flex;flex-direction:column;gap:22px;min-width:0}
.split .panel h2{font-size:clamp(calc(22px*var(--dkm)),calc(1.85vw*var(--dk)),calc(40px*var(--dk)))}
@media (max-width:1180px){.split .panel h2{font-size:clamp(calc(26px*var(--dkm)),calc(4vw*var(--dk)),calc(40px*var(--dk)))}}
h2{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(28px*var(--dkm)),calc(2.9vw*var(--dk)),calc(52px*var(--dk)));line-height:.92;letter-spacing:-.01em;text-wrap:balance}
.panel p{margin:0;max-width:44ch;font-size:15px;color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.65}
.panel .tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tungsten)}
.panel .cta{margin-top:auto}
.photo{position:relative;overflow:hidden;min-height:340px}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 55%;transition:transform 1.4s cubic-bezier(.2,.7,.1,1)}
.photo:hover img{transform:scale(1.04)}
.ventures{border-inline-start:1px solid var(--rule);padding-block:20px 20px;padding-inline:24px var(--gut);display:flex;flex-direction:column}
.v{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:18px;align-items:center;padding-block:12px;border-bottom:1px solid var(--rule)}
.v:last-child{border-bottom:0}
.v img{width:116px;height:58px;object-fit:cover;filter:grayscale(1);transition:filter .4s}
.v:hover img{filter:none}
.v h3{margin:0 0 4px;font-family:var(--f-body);font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}
.v>div{min-width:0}
@media (min-width:1181px) and (max-width:1440px){.v{grid-template-columns:84px minmax(0,1fr) auto;gap:12px}.v img{width:84px;height:42px}.v h3{font-size:13px;letter-spacing:.02em}}
.v small{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);line-height:1.5}
.v .arr{color:var(--dim);transition:transform .3s,color .3s}
.v:hover .arr{transform:translateX(4px);color:var(--tungsten)}
@media (max-width:1180px){.split{grid-template-columns:1fr 1fr}.ventures{border-inline-start:0}}
@media (max-width:680px){.split{grid-template-columns:1fr}.photo{min-height:300px}}


.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,5vw,80px);padding-block:clamp(56px,9vw,120px)}
.about blockquote{margin:0;align-self:start;position:sticky;top:100px;font-family:var(--f-display);font-weight:800;font-stretch:100%;font-size:clamp(calc(26px*var(--dkm)),calc(3.2vw*var(--dk)),calc(46px*var(--dk)));line-height:1.08;text-wrap:balance}
.about blockquote em{font-style:normal;color:var(--tungsten)}
.about .body{display:grid;gap:18px;max-width:62ch;color:color-mix(in srgb,var(--paper) 82%,var(--ink))}
.about .body p{margin:0}
.disciplines{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.disciplines span{border:1px solid var(--rule);padding:6px 12px;border-radius:999px}
@media (max-width:820px){.about{grid-template-columns:1fr}}


.contact{padding-block:clamp(64px,10vw,140px) 40px;display:grid;gap:36px}
.big{font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(44px*var(--dkm)),calc(9vw*var(--dk)),calc(150px*var(--dk)));line-height:.88;margin:0;letter-spacing:-.02em}
.big .o{-webkit-text-stroke:1.5px var(--paper);color:transparent;transition:color .5s}
.big:hover .o{color:var(--tungsten);-webkit-text-stroke-color:var(--tungsten)}
.contact-row{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between}
.ct-ways{border-top:1px solid var(--rule)}
.ct-w{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:8px 28px;align-items:center;padding-block:28px;border-bottom:1px solid var(--rule)}
.ct-w1{grid-template-columns:56px minmax(0,1fr)}
.ct-n{color:var(--tungsten);font-size:12px;letter-spacing:.18em;align-self:start;padding-top:10px}
.ct-w h3{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(20px*var(--dkm)),calc(2.4vw*var(--dk)),calc(32px*var(--dk)));line-height:1.08;letter-spacing:-.01em;transition:color .3s}
.ct-w p{margin:8px 0 0;color:var(--dim);font-size:15px;line-height:1.5}
.ct-w .ct-pick{margin-top:22px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.ct-body .qz-chips{margin-top:12px}
#ct-go{margin-top:20px}
.ct-meta{color:var(--dim);font-size:12px;letter-spacing:.1em;white-space:nowrap}
.ct-arr{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--rule);border-radius:50%;transition:border-color .3s,color .3s,transform .3s}
.ct-link:hover h3,.ct-link:focus-visible h3{color:var(--tungsten)}
.ct-link:hover .ct-arr,.ct-link:focus-visible .ct-arr{border-color:var(--tungsten);color:var(--tungsten);transform:rotate(45deg)}
.ct-clock{color:var(--dim)}
.ct-clock b{color:var(--paper);font-weight:500}
@media (max-width:640px){.ct-w{grid-template-columns:32px minmax(0,1fr) auto;gap:6px 14px;padding-block:22px}.ct-w1{grid-template-columns:32px minmax(0,1fr)}.ct-meta{display:none}}
.pv-upd{color:var(--dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:14px}
.pv-body{max-width:960px;border-top:1px solid var(--rule);margin-top:clamp(32px,5vw,64px)}
.pv-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 28px;padding-block:28px;border-bottom:1px solid var(--rule)}
.pv-n{color:var(--tungsten);font-size:12px;letter-spacing:.18em;padding-top:6px}
.pv-row h2{margin:0 0 12px;font-family:var(--f-display);font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(18px*var(--dkm)),calc(2vw*var(--dk)),calc(26px*var(--dk)));line-height:1.15}
.pv-row p{margin:0 0 10px;line-height:1.75;color:color-mix(in srgb,var(--paper) 84%,var(--ink));max-width:72ch}
.pv-row a,.qz-consent a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.pv-row a:hover,.qz-consent a:hover{color:var(--tungsten)}
.pv-note{color:var(--dim);margin-top:20px}
.pv-body[dir="ltr"] .pv-row,.pv-body[dir="ltr"] .pv-row *{text-align:left;direction:ltr}
.pv-foot{color:var(--dim);transition:color .2s}.pv-foot:hover{color:var(--tungsten)}
@media (max-width:640px){.pv-row{grid-template-columns:32px minmax(0,1fr);gap:6px 14px;padding-block:22px}}
.kunye{margin:0;color:var(--dim);font-size:13px;line-height:1.6;max-width:70ch}.kunye-d{display:inline-block;margin-top:4px;font-size:12px}.kunye b{color:color-mix(in srgb,var(--paper) 80%,var(--ink));font-weight:500}
.hz-crumb{display:none;gap:6px;align-items:center;color:var(--dim);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-top:clamp(28px,4vw,48px)}
.hz-crumb a{color:var(--paper)}.hz-crumb a:hover{color:var(--tungsten)}
#hizmetler[data-one] .hz-crumb{display:flex;flex-wrap:wrap}
#hizmetler[data-one] .hz-hero{display:none}
#hizmetler[data-one] .hz-sec:not(.one){display:none}
#hizmetler[data-one] .hz-index{margin-top:20px}
.mail{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mail code{font-family:var(--f-mono);font-size:clamp(15px,1.8vw,20px);user-select:all}
.btn{background:none;border:1px solid var(--rule);color:var(--paper);padding:10px 16px;cursor:pointer;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:border-color .3s,color .3s}
.btn:hover{border-color:var(--tungsten);color:var(--tungsten)}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:28px;border-top:1px solid var(--rule);color:var(--dim)}


#services{padding-block:clamp(56px,8vw,112px) clamp(48px,7vw,96px)}
#services .svc-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(24px,5vw,80px);align-items:end;padding-bottom:clamp(32px,5vw,64px)}
#services .svc-head>div:first-child{grid-column:1 / -1;min-width:0}
#services .svc-sub{grid-column:2}
#services .svc-title{margin:14px 0 0;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(34px*var(--dkm)),calc(8.4vw*var(--dk)),calc(128px*var(--dk)));line-height:.86;letter-spacing:-.02em}
#services .svc-sub{margin:0;max-width:42ch;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:color-mix(in srgb,var(--paper) 80%,var(--ink))}
#services .svc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
#services .svc-item{position:relative;border-bottom:1px solid var(--rule)}
#services .svc-item::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;height:1px;width:100%;background:var(--tungsten);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.1,1)}
#services .svc-h{margin:0}
#services .svc-toggle{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,30ch) 40px;gap:20px;align-items:center;padding-block:clamp(20px,2.4vw,30px)}
#services .svc-toggle:focus-visible{outline:2px solid var(--tungsten);outline-offset:4px}
#services .svc-n{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;color:var(--dim);transition:color .3s}
#services .svc-name{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(22px*var(--dkm)),calc(3.1vw*var(--dk)),calc(46px*var(--dk)));line-height:.98;letter-spacing:-.005em;text-wrap:balance;color:color-mix(in srgb,var(--paper) 72%,var(--ink));transition:color .35s,transform .45s cubic-bezier(.2,.7,.1,1)}
#services .svc-name small{display:block;margin-top:8px;font-family:var(--f-mono);font-weight:400;font-stretch:100%;font-size:11px;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
#services .svc-name small:empty{display:none}
#services .svc-peek{font-size:13px;line-height:1.5;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.1,1)}
#services .svc-arrow{justify-self:end;font-family:var(--f-body);font-size:24px;line-height:1;color:var(--dim);transition:transform .45s cubic-bezier(.2,.7,.1,1),color .3s}
#services .svc-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s cubic-bezier(.2,.7,.1,1),visibility 0s linear .5s}
#services .svc-inner{min-height:0;overflow:hidden}
#services .svc-body{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) 40px;gap:20px;padding-bottom:clamp(28px,3vw,40px);opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
#services .svc-desc{grid-column:2;margin:0;max-width:52ch;font-size:16px;line-height:1.65;color:color-mix(in srgb,var(--paper) 84%,var(--ink))}
#services .svc-scope{grid-column:3;margin:0;padding:0;list-style:none}
#services .svc-scope-l{display:block;margin-bottom:10px;color:var(--tungsten)}
#services .svc-scope li{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding-block:9px;border-top:1px solid var(--rule);color:color-mix(in srgb,var(--paper) 80%,var(--ink))}

#services .svc-item.open::after{transform:scaleX(1)}
#services .svc-item.open .svc-n{color:var(--tungsten)}
#services .svc-item.open .svc-name{color:var(--paper)}
#services .svc-item.open .svc-arrow{transform:rotate(90deg);color:var(--tungsten)}
#services .svc-item.open .svc-panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s cubic-bezier(.2,.7,.1,1),visibility 0s}
#services .svc-item.open .svc-body{opacity:1;transform:none;transition-delay:.08s}
#services .svc-item.open .svc-peek{opacity:0!important}
@media (hover:hover) and (pointer:fine){
  #services .svc-item:hover::after{transform:scaleX(1)}
  #services .svc-item:hover .svc-n{color:var(--tungsten)}
  #services .svc-item:hover .svc-name{color:var(--paper);transform:translateX(6px)}
  #services .svc-item:hover .svc-peek{opacity:1;transform:none}
  #services .svc-item:hover:not(.open) .svc-arrow{transform:translate(3px,-3px);color:var(--tungsten)}
  #services .svc-list:hover .svc-item:not(:hover):not(.open) .svc-name{color:color-mix(in srgb,var(--paper) 48%,var(--ink))}
}
#services .svc-note{margin:22px 0 0;max-width:80ch;font-size:13px;line-height:1.6;color:var(--dim)}
#services .svc-note a{color:var(--paper);border-bottom:1px solid var(--rule);transition:border-color .3s}
#services .svc-note a:hover{border-color:var(--tungsten)}
#services .svc-cta{margin-top:clamp(56px,8vw,104px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px clamp(24px,5vw,80px);align-items:end}
#services .svc-cta-t{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(32px*var(--dkm)),calc(5vw*var(--dk)),calc(76px*var(--dk)));line-height:.9;letter-spacing:-.01em;text-wrap:balance}
#services .svc-cta-r{display:grid;gap:22px;justify-items:start}
#services .svc-cta-r p{margin:0;max-width:40ch;color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.6}
#services .svc-link{display:inline-flex;gap:10px;align-items:center;padding-block:12px;border-bottom:1px solid var(--paper);transition:color .3s,border-color .3s,gap .3s}
#services .svc-link:hover{color:var(--tungsten);border-color:var(--tungsten);gap:16px}
@media (max-width:1100px){
  #services .svc-toggle{grid-template-columns:48px minmax(0,1fr) 32px}
  #services .svc-peek{display:none}
  #services .svc-body{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:720px){
  #services .svc-head,#services .svc-cta{grid-template-columns:1fr}
  #services .svc-sub{grid-column:1}
  #services .svc-toggle{grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;align-items:start}
  #services .svc-n{padding-top:6px}
  #services .svc-dash{display:none}
  #services .svc-arrow{font-size:20px;padding-top:2px}
  #services .svc-body{grid-template-columns:1fr;gap:22px;padding-inline-start:46px}
  #services .svc-desc,#services .svc-scope{grid-column:1}
  #services .svc-desc{font-size:15px}
}


.proj{padding-top:calc(76px + env(safe-area-inset-top,0px))}
.proj .wl-back{display:inline-flex;gap:10px;align-items:center;color:var(--dim);padding-block:18px;transition:color .3s}
.proj .wl-back:hover{color:var(--tungsten)}
.proj .wl-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end;padding-block:clamp(20px,4vw,48px) clamp(40px,6vw,80px)}
.proj .wl-title{margin:18px 0 0;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(48px*var(--dkm)),calc(7.2vw*var(--dk)),calc(120px*var(--dk)));line-height:.84;letter-spacing:-.025em;overflow-wrap:anywhere}
.proj .wl-title i{font-style:normal;color:var(--tungsten)}
#wl-title{font-size:clamp(calc(40px*var(--dkm)),calc(5.9vw*var(--dk)),calc(104px*var(--dk)));white-space:nowrap;overflow-wrap:normal}
.proj .wl-icon{display:block;width:clamp(64px,6.5vw,96px);height:auto;aspect-ratio:1;border-radius:22%;margin-bottom:22px;box-shadow:0 0 0 1px var(--rule)}
.proj .wl-tag{margin:18px 0 0;font-family:var(--f-display);font-weight:800;font-size:clamp(calc(20px*var(--dkm)),calc(2.2vw*var(--dk)),calc(30px*var(--dk)));letter-spacing:.02em;text-transform:uppercase}
.proj .wl-lede{margin:16px 0 0;max-width:46ch;font-size:clamp(15px,1.3vw,17px);line-height:1.65;color:color-mix(in srgb,var(--paper) 82%,var(--ink))}
.proj .wl-road{position:relative;aspect-ratio:16/10;max-width:100%;background:#0d0d0f;border:1px solid var(--rule);overflow:hidden}
.proj .wl-road canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.proj .wl-road .cap{position:absolute;inset-inline-start:14px;inset-inline-end:14px;bottom:12px;display:flex;justify-content:space-between;gap:12px;color:var(--dim)}
.proj .wl-spec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.proj .wl-spec div{padding-block:18px 20px;padding-inline:0 18px;display:grid;gap:8px;min-width:0}
.proj .wl-spec div+div{padding-inline-start:18px;border-inline-start:1px solid var(--rule)}
.proj .wl-spec dt{color:var(--dim)}
.proj .wl-spec dd{margin:0;font-size:15px;line-height:1.4}
.proj .wl-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,5vw,80px);padding-block:clamp(48px,7vw,96px);border-bottom:1px solid var(--rule)}
.proj .wl-sec h2{font-size:clamp(calc(28px*var(--dkm)),calc(2.8vw*var(--dk)),calc(48px*var(--dk)))}
.proj .wl-sec .k{color:var(--tungsten);display:block;margin-bottom:14px}
.proj .wl-body{display:grid;gap:28px;min-width:0}
.proj .wl-body>p{margin:0;max-width:62ch;font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--paper) 84%,var(--ink))}
.proj .wl-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--rule)}
.proj .wl-moves div{padding-block:18px 4px;padding-inline:0 16px;display:grid;gap:6px}
.proj .wl-moves div+div{padding-inline-start:16px;border-inline-start:1px solid var(--rule)}
.proj .wl-moves b{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(20px*var(--dkm)),calc(2vw*var(--dk)),calc(28px*var(--dk)))}
.proj .wl-moves span{color:var(--dim);font-size:14px;line-height:1.5}
.proj .wl-routes{display:flex;flex-wrap:wrap;gap:8px}
.proj .wl-routes span{border:1px solid var(--rule);padding:8px 14px;border-radius:999px;font-size:13px}
.proj .wl-routes span.more{color:var(--dim);border-style:dashed}
.proj .wl-mode{border-inline-start:2px solid #d6453a;padding-block:4px 4px;padding-inline:18px 0;display:grid;gap:6px;max-width:60ch}
.proj .wl-mode b{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:22px}
.proj .wl-mode span{color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.6}
.proj .wl-phases{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.proj .wl-phases li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.4fr);gap:20px;padding-block:24px;border-bottom:1px solid var(--rule);transition:background .3s}
.proj .wl-phases .n{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;color:var(--dim);padding-top:4px}
.proj .wl-phases h3{margin:0 0 10px;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(19px*var(--dkm)),calc(1.8vw*var(--dk)),calc(24px*var(--dk)));line-height:1.05}
.proj .wl-phases p{margin:0;color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.65;font-size:15px}
.proj .st{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--rule);color:var(--dim)}
.proj .st.now{border-color:var(--tungsten);color:var(--tungsten)}
.proj .st.now::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tungsten);animation:blink 1.2s steps(2) infinite}
.proj .st.next{border-style:dashed}
.proj .wl-phases li.is-now{background:color-mix(in srgb,var(--tungsten) 6%,transparent)}
.proj .wl-phases li.is-now .n{color:var(--tungsten)}
.proj .wl-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.proj .wl-pillars div{padding-block:20px 6px;padding-inline:0 18px;display:grid;gap:8px;align-content:start}
.proj .wl-pillars div+div{padding-inline-start:18px;border-inline-start:1px solid var(--rule)}
.proj .wl-pillars b{font-size:16px;font-weight:600}
.proj .wl-pillars span{color:var(--dim);font-size:14px;line-height:1.6}
.proj .wl-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;padding-block:clamp(48px,7vw,96px) 48px}
.proj .wl-end p{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(36px*var(--dkm)),calc(6vw*var(--dk)),calc(88px*var(--dk)));line-height:.88}
.proj .wl-links{display:flex;flex-wrap:wrap;gap:16px 32px}
.proj .wl-links a{display:inline-flex;gap:10px;padding-block:10px;border-bottom:1px solid var(--paper);transition:color .3s,border-color .3s}
.proj .wl-links a:hover{color:var(--tungsten);border-color:var(--tungsten)}
@media (max-width:980px){
  .proj .wl-hero,.proj .wl-sec{grid-template-columns:1fr}
  .proj .wl-spec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proj .wl-spec div:nth-child(3){padding-inline-start:0;border-inline-start:0}
  .proj .wl-spec div:nth-child(n+3){border-top:1px solid var(--rule)}
  .proj .wl-phases li{grid-template-columns:40px minmax(0,1fr)}
  .proj .wl-phases li p{grid-column:2}
}
@media (max-width:620px){
  .proj .wl-moves,.proj .wl-pillars{grid-template-columns:1fr}
  .proj .wl-moves div+div,.proj .wl-pillars div+div{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--rule)}
  .proj .wl-spec{grid-template-columns:1fr}
  .proj .wl-spec div+div{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--rule)}
}


.proj .ra-logo{margin:18px 0 0;width:min(100%,460px)}
.proj .ra-logo img{width:100%;height:auto}
.proj .ra-photo{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;border:1px solid var(--rule)}
.proj .ra-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.proj .ra-photo .cap{position:absolute;inset-inline-start:14px;inset-inline-end:14px;bottom:12px;display:flex;justify-content:space-between;gap:12px;color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.proj .ra-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.proj .ra-svc div{padding-block:22px 22px;padding-inline:0 20px;display:grid;gap:10px;align-content:start;border-bottom:1px solid var(--rule)}
.proj .ra-svc div:nth-child(even){padding-inline-start:20px;border-inline-start:1px solid var(--rule)}
.proj .ra-svc .n{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--tungsten)}
.proj .ra-svc b{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(20px*var(--dkm)),calc(2vw*var(--dk)),calc(28px*var(--dk)));line-height:1}
.proj .ra-svc p{margin:0;color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.6;font-size:15px}
.proj .ra-svc small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);line-height:1.8}
.proj .ra-brands{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding-block:8px}
.proj .ra-brands img{width:auto;max-width:none;opacity:.85}
.proj .ra-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.proj .ra-steps li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.4fr);gap:20px;padding-block:22px;border-bottom:1px solid var(--rule)}
.proj .ra-steps .n{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;color:var(--dim);padding-top:4px}
.proj .ra-steps h3{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(19px*var(--dkm)),calc(1.8vw*var(--dk)),calc(24px*var(--dk)));line-height:1.05}
.proj .ra-steps p{margin:0;color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.65;font-size:15px}
.proj .ra-steps li:hover .n{color:var(--tungsten)}
@media (max-width:980px){.proj .ra-steps li{grid-template-columns:40px minmax(0,1fr)}.proj .ra-steps li p{grid-column:2}}
@media (max-width:620px){
  .proj .ra-svc{grid-template-columns:1fr}
  .proj .ra-svc div:nth-child(even){padding-inline-start:0;border-inline-start:0}
  .proj .ra-brands img{transform:scale(.8);transform-origin:left center}
}


.proj .es{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,5vw,80px);padding-block:clamp(48px,7vw,96px)}
.proj .es-side{align-self:start;position:sticky;top:96px;display:grid;gap:22px}
.proj .es-side h2{font-size:clamp(calc(30px*var(--dkm)),calc(3.4vw*var(--dk)),calc(52px*var(--dk)))}
.proj .es-toc{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.proj .es-toc li{border-bottom:1px solid var(--rule)}
.proj .es-toc button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding-block:10px;font-size:13px;line-height:1.4;color:var(--dim);transition:color .3s}
.proj .es-toc button span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;padding-top:2px}
.proj .es-toc button:hover,.proj .es-toc button.on{color:var(--paper)}
.proj .es-toc button.on span{color:var(--tungsten)}
.proj .es-toc button:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.proj .es-body{min-width:0;display:grid;gap:0}
.proj .es-lead{margin:0 0 clamp(32px,4vw,56px);font-family:var(--f-display);font-weight:800;font-size:clamp(calc(22px*var(--dkm)),calc(2.4vw*var(--dk)),calc(34px*var(--dk)));line-height:1.18;text-wrap:balance;max-width:30ch}
.proj .es-ch{padding-block:clamp(28px,3.5vw,44px);border-top:1px solid var(--rule);display:grid;gap:18px;scroll-margin-top:90px}
.proj .es-ch h3{margin:0 0 4px;display:flex;gap:14px;align-items:baseline;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(20px*var(--dkm)),calc(2vw*var(--dk)),calc(28px*var(--dk)));line-height:1.05}
.proj .es-ch h3 span{font-family:var(--f-mono);font-weight:400;font-size:11px;letter-spacing:.18em;color:var(--tungsten);font-stretch:100%}
.proj .es-ch p{margin:0;max-width:62ch;font-size:16.5px;line-height:1.75;color:color-mix(in srgb,var(--paper) 84%,var(--ink))}
.proj .es-ch blockquote{margin:10px 0;padding-inline-start:22px;border-inline-start:2px solid var(--tungsten);max-width:34ch;font-family:var(--f-display);font-weight:800;font-size:clamp(calc(20px*var(--dkm)),calc(2.2vw*var(--dk)),calc(30px*var(--dk)));line-height:1.2;text-wrap:balance;color:var(--paper)}
.proj .es-sign{border-top:1px solid var(--rule);padding-top:28px;display:grid;gap:6px}
.proj .es-sign b{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:22px}
.proj .es-sign span{color:var(--dim)}
@media (max-width:980px){.proj .es{grid-template-columns:1fr}.proj .es-side{position:static}.proj .es-toc{display:none}}


#experience{padding-block:clamp(48px,7vw,96px)}
#experience .xp-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,5vw,80px);align-items:end}
#experience .xp-big{display:grid;gap:10px}
#experience .xp-big b{font-family:var(--f-display);font-weight:900;font-stretch:125%;font-size:clamp(calc(120px*var(--dkm)),calc(19vw*var(--dk)),calc(300px*var(--dk)));line-height:.78;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--paper)}
#experience .xp-big b i{font-style:normal;color:var(--tungsten)}
#experience .xp-big span{color:var(--dim)}
#experience h2{font-size:clamp(calc(28px*var(--dkm)),calc(3.2vw*var(--dk)),calc(48px*var(--dk)));margin-bottom:20px}
#experience .xp-text{display:grid;gap:14px;max-width:60ch}
#experience .xp-text p{margin:0;font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--paper) 82%,var(--ink))}
#experience .xp-bar{display:flex;height:6px;margin-top:clamp(36px,5vw,64px);gap:3px}
#experience .xp-bar span{display:block;height:100%}
#experience .xp-split{display:flex;gap:clamp(28px,5vw,72px)}
#experience .xp-split>div:first-child{flex:1}
#experience .xp-l{white-space:nowrap}
#experience .xp-split>div{padding-top:16px;min-width:0}
#experience .xp-n{display:block;font-family:var(--f-display);font-weight:900;font-stretch:112%;font-size:clamp(calc(36px*var(--dkm)),calc(4.4vw*var(--dk)),calc(64px*var(--dk)));line-height:1;font-variant-numeric:tabular-nums}
#experience .xp-l{display:block;margin-top:8px;color:var(--dim)}
#experience .xp-legend{display:none}
#experience .xp-sectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(28px,4vw,48px);align-items:center}
#experience .xp-sectors>span:first-child{color:var(--dim);margin-inline-end:8px}
#experience .xp-sectors span.c{border:1px solid var(--rule);padding:7px 14px;border-radius:999px;font-size:13px;transition:border-color .3s,color .3s}
#experience .xp-sectors span.c:hover{border-color:var(--tungsten);color:var(--tungsten)}
@media (max-width:900px){#experience .xp-top{grid-template-columns:1fr}}
@media (max-width:1000px){
  #experience .xp-split{flex-direction:column;gap:0}
  #experience .xp-l{white-space:normal}
  #experience .xp-split>div{display:flex;align-items:baseline;gap:14px;padding-block:14px;border-bottom:1px solid var(--rule)}
  #experience .xp-l{margin-top:0}
  #experience .xp-split>div::before{content:"";flex:none;width:10px;height:10px;align-self:center}
  #experience .xp-split>div:nth-child(1)::before{background:var(--paper)}
  #experience .xp-split>div:nth-child(2)::before{background:var(--tungsten)}
  #experience .xp-split>div:nth-child(3)::before{background:var(--dim)}
}


.li-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;padding-block:clamp(20px,4vw,48px) clamp(36px,5vw,64px)}
.li-title{margin:16px 0 0;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(52px*var(--dkm)),calc(9vw*var(--dk)),calc(140px*var(--dk)));line-height:.84;letter-spacing:-.025em}
.li-intro{display:grid;gap:14px;max-width:60ch}
.li-intro p{margin:0;font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--paper) 82%,var(--ink))}
.li-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.li-sum button{all:unset;box-sizing:border-box;cursor:pointer;padding-block:18px 20px;padding-inline:0 18px;display:grid;gap:6px;min-width:0;transition:background .3s}
.li-sum button+button,.li-sum>div+div{padding-inline-start:18px;border-inline-start:1px solid var(--rule)}
.li-sum>div{padding-block:18px 20px;padding-inline:0 18px;display:grid;gap:6px;min-width:0}
.li-sum button:hover b,.li-sum button[aria-pressed="true"] b{color:var(--tungsten)}
.li-sum button:focus-visible{outline:2px solid var(--tungsten);outline-offset:-2px}
.li-sum b{font-family:var(--f-display);font-weight:900;font-stretch:112%;font-size:clamp(calc(36px*var(--dkm)),calc(4.4vw*var(--dk)),calc(64px*var(--dk)));line-height:1;font-variant-numeric:tabular-nums;transition:color .3s}
.li-sum span{color:var(--dim)}
.li-ctrl{display:grid;gap:18px;padding-block:28px 22px;position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:5;background:var(--ink);border-bottom:1px solid var(--rule)}
.li-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.li-seg{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--rule)}
.li-seg button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);transition:color .2s,background .2s}
.li-seg button+button{border-inline-start:1px solid var(--rule)}
.li-seg button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.li-seg button:hover:not([aria-pressed="true"]){color:var(--paper)}
.li-seg button:focus-visible,.li-chips button:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.li-seg sup{font-size:9px;margin-inline-start:5px;vertical-align:top}
.li-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.li-tools input,.li-tools select{background:transparent;color:var(--paper);border:0;border-bottom:1px solid var(--rule);padding:9px 2px;font:inherit;font-size:14px;min-width:0}
.li-tools input{width:min(240px,60vw)}
.li-tools input:focus,.li-tools select:focus{outline:0;border-bottom-color:var(--tungsten)}
.li-tools select option{background:var(--ink)}
.li-ctrl>*{min-width:0}
.li-chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;min-width:0;scrollbar-width:thin;padding-bottom:2px}
.li-chips button{all:unset;box-sizing:border-box;cursor:pointer;flex:none;border:1px solid var(--rule);padding:7px 13px;border-radius:999px;font-size:13px;color:color-mix(in srgb,var(--paper) 80%,var(--ink));transition:border-color .2s,color .2s}
.li-chips button small{color:var(--dim);margin-inline-start:6px;font-family:var(--f-mono);font-size:10px}
.li-chips button[aria-pressed="true"]{border-color:var(--tungsten);color:var(--tungsten)}
.li-chips button[disabled]{opacity:.35;cursor:default}
.li-status{color:var(--dim);padding-block:16px}
.li-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-flow:dense;border-top:1px solid var(--rule);border-inline-start:1px solid var(--rule)}
.li-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:18px;min-height:210px;padding:16px 18px 18px;border-inline-end:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background .35s;min-width:0}
.li-card:hover{background:color-mix(in srgb,var(--paper) 4%,var(--ink))}
.li-card:focus-visible{outline:2px solid var(--tungsten);outline-offset:-2px}
.li-top{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.li-name{align-self:end;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;line-height:.95;letter-spacing:-.005em;overflow-wrap:anywhere;transition:color .3s,transform .45s cubic-bezier(.2,.7,.1,1)}
.li-card:hover .li-name{transform:translateX(4px)}
.li-logo{align-self:end;max-height:64px;width:auto;max-width:80%;opacity:.92}
.li-foot{display:grid;gap:6px}
.li-sec{font-size:13px;line-height:1.45;color:color-mix(in srgb,var(--paper) 72%,var(--ink))}
.li-svc{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.li-card .arr{position:absolute;inset-inline-end:16px;bottom:16px;color:var(--dim);transition:transform .3s,color .3s}
.li-card:hover .arr{transform:translate(3px,-3px);color:var(--tungsten)}
.li-card.t-venture .li-top .ty{color:var(--tungsten)}
.li-card.t-venture:hover .li-name{color:var(--tungsten)}
.li-card.t-partner .li-name{color:transparent;-webkit-text-stroke:1.2px var(--paper)}
.li-card.t-partner:hover .li-name{color:var(--paper)}
.li-card.t-partner .li-top .ty{color:var(--paper)}
.li-card.feat{grid-column:span 2;min-height:250px}
.li-svcl{display:flex;flex-wrap:wrap;gap:6px;padding-inline-end:22px}
.li-svcl span{border:1px solid var(--rule);padding:3px 8px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 72%,var(--ink))}
.li-empty{padding:48px 0;color:var(--dim)}
.li-comp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,5vw,80px);padding-block:clamp(48px,7vw,96px);border-bottom:1px solid var(--rule)}
.li-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.li-comp>*{min-width:0}
.li-bars li{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;gap:16px;align-items:center}
.li-bars .l{font-size:14px}
.li-bars .b{height:6px;background:var(--rule);position:relative}
.li-bars .b i{position:absolute;inset-block:0 0;inset-inline:0 auto;background:var(--paper)}
.li-bars li:first-child .b i{background:var(--tungsten)}
.li-bars .v{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--dim);text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}

.ld-head{padding-block:clamp(20px,4vw,48px) clamp(28px,4vw,48px);display:grid;gap:18px}
.ld-name{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(44px*var(--dkm)),calc(8.4vw*var(--dk)),calc(136px*var(--dk)));line-height:.86;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}
.ld-name.t-partner{color:transparent;-webkit-text-stroke:2px var(--paper)}
.ld-logo{max-height:180px;width:auto;max-width:min(100%,520px)}
.ld-svcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.ld-svcs li{padding:12px 0;border-bottom:1px solid var(--rule);font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 84%,var(--ink))}
.ld-svcs li:nth-child(even){padding-inline-start:16px;border-inline-start:1px solid var(--rule)}
.ld-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:clamp(40px,6vw,72px)}
.ld-nav a{display:grid;gap:6px;padding-block:22px 22px;padding-inline:0 18px;transition:color .3s;min-width:0}
.ld-nav a+a{text-align:end;padding-inline-start:18px;padding-inline-end:0;border-inline-start:1px solid var(--rule)}
.ld-nav a span{color:var(--dim)}
.ld-nav a b{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(18px*var(--dkm)),calc(2vw*var(--dk)),calc(26px*var(--dk)));overflow-wrap:anywhere}
.ld-nav a:hover b{color:var(--tungsten)}
@media (max-width:980px){
  .li-hero,.li-comp{grid-template-columns:1fr}
  .li-sum{grid-template-columns:1fr}
  .li-sum button+button,.li-sum>div+div{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--rule)}
  .li-ctrl{position:static}
}
@media (max-width:620px){
  .li-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .li-card{min-height:170px;padding:14px}
  .li-card.feat{grid-column:span 2;min-height:200px}
  .li-bars li{grid-template-columns:minmax(0,1fr) auto}
  .li-bars .b{grid-column:1 / -1;grid-row:2}
  .ld-svcs{grid-template-columns:1fr}
  .ld-svcs li:nth-child(even){padding-inline-start:0;border-inline-start:0}
  .ld-nav{grid-template-columns:1fr}
  .ld-nav a+a{text-align:start;padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--rule)}
  .li-tools input{width:100%}
  .li-tools{width:100%}
}
@media (max-width:380px){.li-grid{grid-template-columns:1fr}.li-card.feat{grid-column:auto}}


.gl-sw{display:inline-flex;margin-block:18px 0;border:1px solid var(--rule)}
.gl-sw a{padding:9px 14px;color:var(--dim);transition:color .2s,background .2s}
.gl-sw a+a{border-inline-start:1px solid var(--rule)}
.gl-sw a[aria-current="page"]{background:var(--paper);color:var(--ink)}
.gl-sw a:not([aria-current]):hover{color:var(--paper)}
#gl-title{font-size:clamp(calc(44px*var(--dkm)),calc(7.6vw*var(--dk)),calc(124px*var(--dk)))}
.gl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-grid .li-card.feat{grid-column:1 / -1}}
.gl-grid .li-card{min-height:240px}
@media (max-width:620px){.gl-grid{grid-template-columns:1fr}}


.hz-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,48px) clamp(24px,5vw,80px);align-items:start;padding-block:clamp(20px,4vw,48px) clamp(36px,5vw,64px)}
.hz-top{grid-column:1 / -1;min-width:0}
.hz-title{margin:16px 0 0;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(calc(46px*var(--dkm)),calc(10.4vw*var(--dk)),calc(176px*var(--dk)));line-height:.84;letter-spacing:-.025em}
.hz-left{display:grid;gap:14px;align-content:start;min-width:0}
.hz-sub{margin:0;max-width:24ch;font-family:var(--f-display);font-weight:800;font-size:clamp(calc(20px*var(--dkm)),calc(2.1vw*var(--dk)),calc(30px*var(--dk)));line-height:1.18;text-wrap:balance}
.hz-motto{margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tungsten)}
.hz-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);position:sticky;top:calc(64px + env(safe-area-inset-top,0px));background:var(--ink);z-index:5}
.hz-index a{display:grid;gap:6px;align-content:start;padding-block:14px 14px;padding-inline:0 14px;min-width:0;color:var(--dim);transition:color .3s}
.hz-index a+a{padding-inline-start:14px;border-inline-start:1px solid var(--rule)}
.hz-index a b{font-family:var(--f-body);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;line-height:1.3;color:color-mix(in srgb,var(--paper) 80%,var(--ink));transition:color .3s}
.hz-index a:hover b,.hz-index a.on b{color:var(--paper)}
.hz-index a.on span{color:var(--tungsten)}
.hz-index a:focus-visible{outline:2px solid var(--tungsten);outline-offset:-2px}
.hz-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding-block:clamp(56px,8vw,112px);border-bottom:1px solid var(--rule);scroll-margin-top:130px}
.hz-sec:nth-of-type(even) .hz-vis{order:-1}
.hz-text{display:grid;gap:22px;align-content:start;min-width:0}
.hz-n{font-family:var(--f-display);font-weight:900;font-stretch:125%;font-size:clamp(calc(64px*var(--dkm)),calc(8vw*var(--dk)),calc(120px*var(--dk)));line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--tungsten)}
.hz-text :is(h2,h1.hz-h){font-size:clamp(calc(30px*var(--dkm)),calc(3.6vw*var(--dk)),calc(56px*var(--dk)));line-height:.94}
.hz-lede{margin:0;max-width:52ch;font-size:17px;line-height:1.65;color:color-mix(in srgb,var(--paper) 86%,var(--ink))}
.hz-appr{margin:0;padding-inline-start:18px;border-inline-start:2px solid var(--tungsten);max-width:52ch;display:grid;gap:8px}
.hz-appr span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--tungsten)}
.hz-appr p{margin:0;font-size:15px;line-height:1.65;color:color-mix(in srgb,var(--paper) 80%,var(--ink))}
.hz-note{margin:0;font-size:13px;line-height:1.6;color:var(--dim);max-width:56ch}
.hz-vis{display:grid;gap:24px;align-content:start;min-width:0}
.hz-img{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;border:1px solid var(--rule);background:#0d0d0f}
.hz-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.1,1)}
.hz-sec:hover .hz-img img{transform:scale(1.03)}
.hz-img svg{position:absolute;inset:0;width:100%;height:100%}
.hz-img .cap{position:absolute;inset-inline-start:14px;bottom:12px;color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.7)}
.hz-scope h3{margin:0 0 10px;font-family:var(--f-mono);font-weight:400;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.hz-scope ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px;border-top:1px solid var(--rule)}
.hz-scope li{break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.4;color:color-mix(in srgb,var(--paper) 84%,var(--ink))}
.hz-refs h3{margin:0 0 10px;font-family:var(--f-mono);font-weight:400;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.hz-refs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-inline-start:1px solid var(--rule)}
.hz-refs li{border-inline-end:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}
.hz-refs a,.hz-refs .plain{display:grid;gap:4px;padding:12px 14px;min-width:0}
.hz-refs b{font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:16px;line-height:1.05;overflow-wrap:anywhere;transition:color .3s}
.hz-refs small{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.hz-refs a:hover b{color:var(--tungsten)}
.hz-refs a:focus-visible{outline:2px solid var(--tungsten);outline-offset:-2px}
@media (max-width:980px){
  .hz-hero,.hz-sec{grid-template-columns:1fr}
  .hz-sec:nth-of-type(even) .hz-vis{order:0}
  .hz-index{position:static}
}
@media (max-width:760px){
  .hz-index{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .hz-index::-webkit-scrollbar{display:none}
  .hz-index a{flex:0 0 auto;min-width:44%;scroll-snap-align:start}
}
@media (max-width:560px){.hz-scope ul{columns:1}}


#hz-slider{padding-bottom:clamp(40px,6vw,72px)}
.hs-stage{position:relative;aspect-ratio:2.39/1;min-height:440px;max-width:100%;overflow:hidden;background:#000;touch-action:pan-y;outline:none}
.hs-stage:focus-visible{outline:2px solid var(--tungsten);outline-offset:-2px}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.hs-slide.on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.hs-media{position:absolute;inset:0;overflow:hidden}
.hs-media img,.hs-media svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hs-slide.on .hs-media img{animation:hsKB 9s ease-out both}
@keyframes hsKB{from{transform:scale(1.07)}to{transform:scale(1)}}
.hs-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.88) 0%,rgba(5,5,6,.55) 38%,rgba(5,5,6,0) 70%),linear-gradient(0deg,rgba(5,5,6,.75) 0%,rgba(5,5,6,0) 45%)}
.hs-copy{position:absolute;inset-inline-start:var(--gut);inset-inline-end:var(--gut);bottom:clamp(24px,4vw,52px);display:grid;gap:14px;max-width:min(640px,calc(100% - 2*var(--gut)));color:#ece9e4}
.hs-copy .ey{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d9a25f}
.hs-copy h3{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(calc(28px*var(--dkm)),calc(4.2vw*var(--dk)),calc(64px*var(--dk)));line-height:.92;letter-spacing:-.01em;text-wrap:balance}
.hs-copy p{margin:0;max-width:52ch;font-size:clamp(14px,1.2vw,16px);line-height:1.6;color:rgba(236,233,228,.82)}
.hs-copy a{justify-self:start;display:inline-flex;gap:10px;padding-block:10px;border-bottom:1px solid #ece9e4;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:color .3s,border-color .3s,gap .3s}
.hs-copy a:hover{color:#d9a25f;border-color:#d9a25f;gap:16px}
.hs-slide.on .hs-copy>*{animation:hsUp .9s cubic-bezier(.2,.7,.1,1) both}
.hs-slide.on .hs-copy>*:nth-child(2){animation-delay:.08s}.hs-slide.on .hs-copy>*:nth-child(3){animation-delay:.16s}.hs-slide.on .hs-copy>*:nth-child(4){animation-delay:.24s}
@keyframes hsUp{from{transform:translateY(14px);opacity:.0001}to{transform:none;opacity:1}}
.hs-tc{position:absolute;top:16px;inset-inline-end:var(--gut);display:flex;gap:12px;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:rgba(236,233,228,.75)}
.hs-ctrl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding-top:18px}
.hs-count{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--dim)}
.hs-count b{color:var(--paper);font-weight:500}
.hs-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.hs-bars button{all:unset;cursor:pointer;height:22px;display:flex;align-items:center}
.hs-bars button span{display:block;height:2px;width:100%;background:var(--rule);position:relative;overflow:hidden}
.hs-bars button span i{position:absolute;inset:0;background:var(--paper);transform:scaleX(0);transform-origin:left}
.hs-bars button.done span i{transform:scaleX(1);background:color-mix(in srgb,var(--paper) 45%,var(--ink))}
.hs-bars button.on span i{transform:scaleX(1)}
.hs-bars button.on.run span i{transform:scaleX(0);animation:hsBar var(--hs-dur,6.5s) linear forwards}
.hs-bars button.on.run.paused span i{animation-play-state:paused}
@keyframes hsBar{to{transform:scaleX(1)}}
.hs-bars button:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.hs-btns{display:flex;gap:10px;align-items:center}
.hs-btns button{all:unset;cursor:pointer;width:44px;height:44px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;color:var(--paper);transition:border-color .3s,background .3s,color .3s}
.hs-btns button:hover{border-color:var(--tungsten);color:var(--tungsten)}
.hs-btns button:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.hs-btns svg{width:15px;height:15px}
.hs-slide.r .hs-copy{inset-inline-start:auto;inset-inline-end:var(--gut);width:min(560px,46%)}
.hs-slide.r .hs-media::after{background:linear-gradient(270deg,rgba(5,5,6,.82) 0%,rgba(5,5,6,.45) 40%,rgba(5,5,6,0) 62%),linear-gradient(0deg,rgba(5,5,6,.6) 0%,rgba(5,5,6,0) 40%)}
@media (max-width:760px){
  .hs-stage{aspect-ratio:4/5;min-height:0}
  .hs-slide.r .hs-copy{inset-inline-start:var(--gut);inset-inline-end:var(--gut);width:auto}
  .hs-slide.r .hs-media::after{background:linear-gradient(0deg,rgba(5,5,6,.92) 0%,rgba(5,5,6,.6) 45%,rgba(5,5,6,0) 75%)}
  .hs-slide.r .hs-media img{object-position:16% 0%!important}
  .hs-media::after{background:linear-gradient(0deg,rgba(5,5,6,.92) 0%,rgba(5,5,6,.6) 45%,rgba(5,5,6,0) 75%)}
  .hs-ctrl{grid-template-columns:auto auto;justify-content:space-between}
  .hs-bars{grid-column:1 / -1;grid-row:1}
}
@media (prefers-reduced-motion:reduce){.hs-slide.on .hs-media img,.hs-slide.on .hs-copy>*{animation:none}}


#set-arkasi .sa-title{font-size:clamp(calc(40px*var(--dkm)),calc(7.2vw*var(--dk)),calc(118px*var(--dk)))}
.sa-filters{display:flex;flex-wrap:wrap;gap:8px;padding-block:28px 24px}
.sa-filters button{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--rule);padding:8px 14px;border-radius:999px;font-size:13px;color:color-mix(in srgb,var(--paper) 80%,var(--ink));transition:border-color .2s,color .2s}
.sa-filters button small{margin-inline-start:6px;font-family:var(--f-mono);font-size:10px;color:var(--dim)}
.sa-filters button[aria-pressed="true"]{border-color:var(--tungsten);color:var(--tungsten)}
.sa-filters button:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.sa-grid{display:flex;gap:14px;align-items:flex-start}
.sa-col{flex:1;min-width:0;display:grid;gap:14px;align-content:start}
.sa-item{margin:0;position:relative}
.sa-item button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:zoom-in;position:relative;overflow:hidden;background:#111}
.sa-item button:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.sa-item img{display:block;width:100%;height:auto;transition:transform 1.1s cubic-bezier(.2,.7,.1,1),filter .6s}
.sa-item button::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.78) 0%,rgba(5,5,6,0) 42%);opacity:.85;transition:opacity .4s}
.sa-item button:hover img{transform:scale(1.035)}
.sa-cap{position:absolute;inset-inline-start:14px;inset-inline-end:14px;bottom:12px;z-index:1;display:grid;gap:4px;color:#ece9e4}
.sa-cap .fr{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:#d9a25f}
.sa-cap b{font-family:var(--f-body);font-weight:500;font-size:14px;line-height:1.35}
.sa-item.hide{display:none}
.sa-note{color:var(--dim);font-size:13px;margin:6px 0 0}

.sa-lb{position:fixed;inset:0;z-index:80;background:rgba(5,5,6,.96);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gut) calc(14px + env(safe-area-inset-bottom,0px))}
.sa-lb[hidden]{display:none}
.sa-lb-top,.sa-lb-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#ece9e4}
.sa-lb-top .mono{color:#8d8a86}
.sa-lb-fig{margin:0;min-height:0;display:grid;place-items:center;padding-block:12px;touch-action:pan-y}
.sa-lb-fig img{max-width:100%;max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);width:auto;height:auto;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.sa-lb button{all:unset;cursor:pointer;width:44px;height:44px;border:1px solid #2a2a2e;border-radius:50%;display:grid;place-items:center;color:#ece9e4;transition:border-color .3s,color .3s}
.sa-lb button:hover{border-color:#d9a25f;color:#d9a25f}
.sa-lb button:focus-visible{outline:2px solid #d9a25f;outline-offset:2px}
.sa-lb button svg{width:15px;height:15px}
.sa-lb-cap{display:grid;gap:4px;min-width:0}
.sa-lb-cap .fr{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:#d9a25f}
.sa-lb-cap b{font-weight:500;font-size:15px}
.sa-lb-nav{display:flex;gap:10px}
@media (max-width:420px){.sa-grid,.sa-col{gap:10px}.sa-cap .fr .c{display:none}.sa-cap{inset-inline-start:10px;inset-inline-end:10px;bottom:9px}.sa-cap b{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.sa-item img{transition:none}}


:root[lang="ru"]{--dk:.6;--dkm:.8}
:root[lang="ar"]{--dk:.8;--dkm:.9}
:root[lang="ar"] body *{letter-spacing:0!important}
:root[lang="ar"] :is(h1,h2,h3,.big,.li-title,.hz-title,.svc-title,.wl-title,.ld-name,.svc-name,.li-name,.es-lead,.about blockquote,.wl-end p,.svc-cta-t,.hs-copy h3,.hz-sub,.wl-tag,.v h3):not([lang="en"]){line-height:1.35!important}
:root[lang="ar"] body{line-height:1.8}
[dir="rtl"] .bk{display:inline-block;scale:-1 1}
[dir="rtl"] [lang="en"],[dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] :is(h1,h2,h3,p,b,div)[lang="en"]{text-align:right}
[dir="rtl"] :is(.ring svg,.hs-btns svg,.sa-lb-nav svg){scale:-1 1}
[dir="rtl"] .hero-img::after{background:linear-gradient(270deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 70%,transparent) 22%,transparent 55%),linear-gradient(0deg,var(--ink) 0%,transparent 35%),radial-gradient(ellipse at 30% 30%,transparent 40%,color-mix(in srgb,var(--ink) 55%,transparent) 100%)}
[dir="rtl"] .hs-media::after{background:linear-gradient(270deg,rgba(5,5,6,.88) 0%,rgba(5,5,6,.55) 38%,rgba(5,5,6,0) 70%),linear-gradient(0deg,rgba(5,5,6,.75) 0%,rgba(5,5,6,0) 45%)}
[dir="rtl"] .hs-slide.r .hs-copy{inset-inline-start:var(--gut);inset-inline-end:auto}
@media (max-width:760px){[dir="rtl"] .hs-media::after,[dir="rtl"] .hs-slide.r .hs-media::after{background:linear-gradient(0deg,rgba(5,5,6,.92) 0%,rgba(5,5,6,.6) 45%,rgba(5,5,6,0) 75%)}[dir="rtl"] .hs-slide.r .hs-copy{inset-inline-end:var(--gut)}}
[dir="rtl"] #services .svc-item::after{transform-origin:right}
[dir="rtl"] input[type="search"]{text-align:right}
.lang{gap:4px}


.qz{position:relative;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px);padding-block:clamp(28px,4vw,56px) clamp(48px,6vw,88px);border-top:1px solid var(--rule)}
.qz-side{display:grid;gap:18px;align-content:start;position:sticky;top:110px}
.qz-n{font-family:var(--f-display);font-weight:900;font-stretch:125%;font-size:calc(clamp(72px,9vw,140px)*var(--dk));line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--tungsten)}
.qz-take{color:var(--dim)}
.qz-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin-top:10px}
.qz-bars i{display:block;height:2px;background:var(--rule);transition:background .4s}
.qz-bars i.on{background:color-mix(in srgb,var(--paper) 55%,var(--ink))}
.qz-bars i.cur{background:var(--tungsten)}
.qz-step{display:grid;gap:22px;align-content:start;min-width:0;animation:qzIn .5s cubic-bezier(.2,.7,.1,1) both}
@keyframes qzIn{from{opacity:.0001;transform:translateY(10px)}to{opacity:1;transform:none}}
.qz-q{margin:0;font-size:calc(clamp(28px,3.4vw,52px)*var(--dk));outline:none}
.qz-hint{margin:0;color:var(--dim);font-size:14px}
.qz-opts{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.qz-opts li{border-bottom:1px solid var(--rule)}
.qz-opt{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;gap:16px;align-items:center;padding-block:16px;transition:padding .3s}
.qz-opt .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--dim);border:1px solid var(--rule);width:26px;height:26px;display:grid;place-items:center;transition:color .25s,border-color .25s}
.qz-opt b{font-family:var(--f-body);font-weight:500;font-size:clamp(16px,1.5vw,20px);line-height:1.35;color:color-mix(in srgb,var(--paper) 80%,var(--ink));transition:color .25s}
.qz-opt .ck{width:18px;height:18px;border:1px solid var(--rule);border-radius:50%;transition:background .25s,border-color .25s}
.qz-opt.multi .ck{border-radius:3px}
.qz-opt:hover b,.qz-opt[aria-pressed="true"] b{color:var(--paper)}
.qz-opt:hover{padding-inline-start:6px}
.qz-opt[aria-pressed="true"] .k{border-color:var(--tungsten);color:var(--tungsten)}
.qz-opt[aria-pressed="true"] .ck{background:var(--tungsten);border-color:var(--tungsten);box-shadow:inset 0 0 0 4px var(--ink)}
.qz-opt:focus-visible,.qz-chip:focus-visible{outline:2px solid var(--tungsten);outline-offset:2px}
.qz-chips{display:flex;flex-wrap:wrap;gap:8px}
.qz-chip{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--rule);padding:10px 16px;border-radius:999px;font-size:14px;color:color-mix(in srgb,var(--paper) 82%,var(--ink));transition:border-color .2s,color .2s}
.qz-chip:hover{color:var(--paper)}
.qz-chip[aria-pressed="true"]{border-color:var(--tungsten);color:var(--tungsten)}
.qz-field{display:grid;gap:6px;min-width:0}
.qz-field label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.qz-field input,.qz-field textarea{background:transparent;color:var(--paper);border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:10px 2px;font:inherit;font-size:17px;min-width:0}
.qz-field textarea{min-height:140px;resize:vertical;border:1px solid var(--rule);padding:14px;line-height:1.6}
.qz-field input:focus,.qz-field textarea:focus{outline:0;border-color:var(--tungsten)}
.qz-field input[aria-invalid="true"]{border-bottom-color:#e06a5e}
.qz-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.qz-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--paper) 80%,var(--ink));cursor:pointer}
.qz-consent input{accent-color:var(--tungsten);width:18px;height:18px;margin:2px 0 0;flex:none}
.qz-err{margin:0;min-height:1.3em;font-size:13px;color:#e06a5e}
.qz-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:6px}
.qz-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;gap:10px;align-items:center;padding:14px 22px;border:1px solid var(--paper);font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);transition:background .25s,color .25s,border-color .25s}
.qz-btn.pri{background:var(--paper);color:var(--ink)}
.qz-btn.pri:hover{background:var(--tungsten);border-color:var(--tungsten);color:var(--ink)}
.qz-btn.ghost{border-color:var(--rule);color:var(--dim)}
.qz-btn.ghost:hover{border-color:var(--paper);color:var(--paper)}
.qz-btn:focus-visible{outline:2px solid var(--tungsten);outline-offset:3px}
.qz-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.qz-res{display:grid;gap:26px;min-width:0;animation:qzIn .6s cubic-bezier(.2,.7,.1,1) both}
.qz-prof{margin:0;font-family:var(--f-display);font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:calc(clamp(36px,5.2vw,84px)*var(--dk));line-height:.9;letter-spacing:-.01em}
.qz-prof-p{margin:0;max-width:52ch;font-size:17px;line-height:1.6;color:color-mix(in srgb,var(--paper) 84%,var(--ink))}
.qz-lbl{display:block;margin-bottom:10px;color:var(--dim)}
.qz-svcs{display:flex;flex-wrap:wrap;gap:8px}
.qz-svcs a{border:1px solid var(--rule);padding:8px 14px;border-radius:999px;font-size:13px;transition:border-color .2s,color .2s}
.qz-svcs a:hover{border-color:var(--tungsten);color:var(--tungsten)}
.qz-svcs span{border:1px solid var(--rule);padding:8px 14px;border-radius:999px;font-size:13px}
.qz-ctx{display:block;color:var(--tungsten);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:-6px}
.qz-sum .qz-gh{display:block;padding-block:16px 6px;border-bottom:0}
.qz-sum .qz-gh dt{color:var(--tungsten)}
.qz-sum .qz-in{padding-inline-start:14px;grid-template-columns:136px minmax(0,1fr)}
.qz-bars{gap:3px}
#qz-title{font-size:clamp(calc(44px*var(--dkm)),calc(6.4vw*var(--dk)),calc(110px*var(--dk)))}
.qz-sum{margin:0;border-top:1px solid var(--rule)}
.qz-sum div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding-block:11px;border-bottom:1px solid var(--rule)}
.qz-sum dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding-top:3px}
.qz-sum dd{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}
.qz-done{display:grid;gap:8px;border-inline-start:2px solid var(--tungsten);padding-inline-start:18px}
.qz-done b{font-family:var(--f-display);font-weight:800;font-size:calc(clamp(20px,2vw,28px)*var(--dk));line-height:1.2}
.qz-done p{margin:0;color:color-mix(in srgb,var(--paper) 80%,var(--ink));line-height:1.6}
.qz-done code{font-family:var(--f-mono);font-size:15px;user-select:all;overflow-wrap:anywhere}
.qz-done.warn{border-inline-start-color:#e0a95e}
.qz-acts{display:flex;flex-wrap:wrap;gap:12px}
.qz-pre{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden;white-space:pre}
@media (max-width:980px){.qz{grid-template-columns:1fr}.qz-side{position:static;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:20px}}
@media (max-width:560px){.qz-grid2{grid-template-columns:1fr}.qz-sum div{grid-template-columns:1fr;gap:4px}.qz-nav .qz-btn{flex:1;justify-content:center}}
@media (prefers-reduced-motion:reduce){.qz-step,.qz-res{animation:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
