/* Built by _dev/bin/build-css.php from: portfolio, page-home, megamenu, typography, utilities. Edit the sources. */
.work-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.work-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.work-tags li{--fs:var(--text-sm);padding:var(--space-1) .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--foreground-secondary)}
.work-tags li.pf{color:var(--accent);border-color:rgba(212,175,106,0.35);background:var(--accent-subtle)}
.work-go{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);color:var(--foreground);transition:background-color 260ms,color 260ms,border-color 260ms,transform 260ms}
.work-go svg{width:18px;height:18px;transform:scaleX(-1)}
.pf-card{position:relative;display:flex;flex-direction:column;gap:1.1rem}
.pf-card .liquid{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}
.pf-card .liquid-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.03);filter:saturate(.78) brightness(.96);transition:transform 900ms var(--ease-expo),filter 600ms var(--ease-out)}
.pf-card:hover .liquid-media{transform:scale(1.075);filter:none}
.pf-card .liquid-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(11,12,14,0.35),transparent 45%)}
.pf-card .liquid-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(212,175,106,0.16) 50%,transparent 70%);transition:opacity 340ms var(--ease-out)}
.pf-card h3{font-family:var(--font-num);font-weight:700;direction:ltr;text-align:right;unicode-bidi:isolate}
.pf-card h3 a::after{content:"";position:absolute;inset:0}
.pf-card:hover .liquid-glow,.pf-card .liquid.is-hover .liquid-glow{opacity:1}
.pf-card p{margin-top:.6rem;color:var(--foreground-secondary);--fs:var(--type-body);max-width:46ch}
.pf-card:hover .work-go,.pf-card:focus-within .work-go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:translate(-3px,-3px)}
section[id]{scroll-margin-top:var(--header-h)}
.line{display:block;overflow:hidden;padding:.3em .15em;margin:-.3em -.15em}
.line-in{display:block;white-space:nowrap;transition:transform var(--dur,900ms) var(--ease-expo),opacity var(--dur,900ms) var(--ease-expo)}
html.js [data-reveal="lines"]:not(.in) .line-in{transform:translateY(110%);opacity:0}
[data-reveal="fade"]{transition:opacity var(--dur,640ms) var(--ease-expo),transform var(--dur,640ms) var(--ease-expo)}
html.js [data-reveal="fade"]:not(.in,[data-timed],:is(.hero,.page-hero) *,:has(> :nth-child(13))){opacity:0;transform:translateY(var(--y,18px))}
[data-reveal="scale"]{transition:opacity 760ms var(--ease-expo),transform 760ms var(--ease-expo)}
html.js [data-reveal="scale"]:not(.in,[data-timed],:is(.hero,.page-hero) *,:has(> :nth-child(13))){opacity:0;transform:scale(1.04)}
.is-instant,.is-instant>*,.is-instant .line-in{transition:none!important}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links .sub-toggle:hover,.nav-links .sub-toggle:focus-visible,.nav-links li.is-open>.sub-toggle,.nav-links a.is-active{color:var(--foreground)}
.nav-links a:hover::after,.nav-links a.is-active::after,.nav-links li.is-open>.sub-toggle::after,.nav-links li:hover>.sub-toggle::after{transform:scaleX(1)}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--header-h)}
.hero .hero-bg{-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.hero-grid{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1fr;gap:var(--space-10);align-content:center;padding-top:var(--space-12);padding-bottom:4.5rem}
.hero-copy{max-width:40rem}
.hero-kicker{display:flex;align-items:center;gap:.8rem;--fs:var(--text-base);font-weight:500;color:var(--foreground-secondary)}
.hero-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:var(--ring-accent)}
.hero-kicker b{font-weight:600;color:var(--foreground)}
.hero-title{margin-top:1.2rem;font-family:var(--font-display);font-weight:800;color:var(--foreground)}
.hero-title .line-in{--dur:1000ms}
.hero-title-static{display:block}
.hero-title-line2{display:block}
.rotate{display:inline-grid;vertical-align:top;color:var(--accent);line-height:inherit}
.rotate-word{grid-area:1/1;display:block;opacity:0;transform:translateY(.45em);transition:opacity 520ms var(--ease-expo),transform 520ms var(--ease-expo)}
.rotate-word.is-active{opacity:1;transform:none}
.rotate-word.is-leaving{opacity:0;transform:translateY(-.45em)}
.hero-desc{margin-top:var(--space-6);max-width:34rem;--fs:var(--text-xl);color:var(--foreground-secondary)}
.hero-actions{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:var(--space-3)}
.hero-meta{margin-top:var(--space-10);display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-10)}
.hero-meta div{display:flex;flex-direction:column;gap:.1rem}
.hero-meta .num{font-weight:700;--fs:var(--text-2xl);line-height:1.1;color:var(--foreground)}
.hero-meta small{--fs:var(--text-sm);color:var(--foreground-muted)}
.hero-note{margin-top:.85rem;--fs:var(--text-sm);color:var(--foreground-muted)}
.hero-portrait{
  position:relative;width:min(100%,20rem);aspect-ratio:1;margin-inline:auto;
  border-radius:50%;overflow:hidden;background:var(--surface);
  border:1px solid var(--border-strong);box-shadow:0 0 0 12px rgba(255,255,255,0.03),0 0 0 1px rgba(255,255,255,0.04),0 40px 80px rgba(0,0,0,0.45);
}
.hero-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.04)}
.hero-portrait::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06),inset 0 -40px 60px rgba(11,12,14,0.35)}
@media (min-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,38rem);gap:var(--space-12);align-items:center;padding-top:4.5rem;padding-bottom:4.5rem}
  .hero-portrait{width:min(100%,24rem);margin-inline:auto}
}
@media (min-width:1200px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,40rem);gap:4rem}
  .hero-portrait{width:min(100%,27rem)}
}
.section{position:relative;padding-block:var(--section)}
.section.tone{--tone-fade:clamp(2.5rem,6vw,5rem);background:linear-gradient(transparent,var(--background-secondary) var(--tone-fade),var(--background-secondary) calc(100% - var(--tone-fade)),transparent)}
.section-head{display:grid;gap:var(--space-5);margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.section-head .heading{margin-top:var(--space-4);font-family:var(--font-display);font-weight:800;max-width:26ch}
.section-head .lead{max-width:40rem;--fs:var(--type-lead);color:var(--foreground-secondary)}
.section-head .heading.heading-sm{max-width:28ch}
@media (min-width:900px){
  .section-head{grid-template-columns:minmax(0,1fr);align-items:start}
  .section-head .lead{justify-self:start;padding-bottom:0}
}
.clients{padding-block:3.5rem;background:linear-gradient(transparent,var(--background-secondary) 2.5rem,var(--background-secondary) calc(100% - 2.5rem),transparent);overflow:hidden}
.clients-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:1.75rem}
.clients .clients-head h2{--fs:clamp(.95rem,1.3vw,1.15rem);font-weight:500;color:var(--foreground-secondary)}
.clients-head .link{--fs:var(--text-base)}
.logo-marquee{
  --card-w:168px;--card-h:88px;--card-gap:14px;
  direction:ltr;overflow:hidden;padding-block:6px;margin-block:-6px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.logo-track{display:flex;width:max-content;animation:logoScroll var(--logo-dur,70s) linear infinite;will-change:transform}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track,.logo-marquee.is-paused .logo-track{animation-play-state:paused}
.logo-set{display:flex;flex:none}
.logo-card{
  flex:none;width:var(--card-w);height:var(--card-h);margin-right:var(--card-gap);
  display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-5);
  border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);
  transition:border-color 260ms var(--ease-out),transform 260ms var(--ease-out),background-color 260ms var(--ease-out);
}
.logo-card:hover,.logo-card:focus-visible{border-color:rgba(212,175,106,0.55);background:var(--surface-elevated);transform:translateY(-3px)}
.logo-card img{display:block;width:auto;height:auto;max-width:100%;max-height:34px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85;transition:opacity 260ms var(--ease-out)}
.logo-card:hover img{opacity:1}
.logo-card.l-wide img{max-height:28px;max-width:88%}
.logo-card.l-tall img{max-height:54px}
.logo-card.l-script img{max-height:40px}
.logo-card.l-mark img{max-height:44px}
@keyframes logoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){.logo-marquee{--card-w:136px;--card-h:72px;--card-gap:10px}.logo-card{padding:.7rem .9rem}.logo-card img{max-height:28px}.logo-card.l-tall img{max-height:44px}}
.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12)}
.about-copy .heading{margin-top:1.1rem;font-family:var(--font-display);font-weight:800;max-width:24ch;text-wrap:balance}
.about-copy .intro{margin-top:1.75rem;--fs:var(--text-2xl);color:var(--foreground);max-width:36rem;font-weight:500}
.about-copy p+p{margin-top:var(--space-5);color:var(--foreground-secondary);max-width:32em}
.about-copy .btn{margin-top:var(--space-8)}
.exp{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background);padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden}
.exp-big{display:flex;align-items:baseline;gap:.6rem}
.exp-big .num{font-weight:700;--fs:var(--text-display);line-height:.95;color:var(--foreground)}
.exp-big .num i{font-style:normal;color:var(--accent)}
.exp-big span{--fs:var(--text-lg);color:var(--foreground-secondary)}
.exp-list{margin-top:var(--space-8);border-top:1px solid var(--border)}
.exp-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}
.exp-list .idx{font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent)}
.exp-list b{font-weight:600}
.exp-list small{--fs:var(--text-sm);color:var(--foreground-muted)}
.exp-foot{margin-top:var(--space-6);--fs:var(--text-sm);color:var(--foreground-muted)}
.home-collaboration h3{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700}
.collaboration-lead{margin-top:.65rem;color:var(--foreground-secondary)}
.collaboration-steps{list-style:none;padding:0;margin:1.75rem 0 0}
.collaboration-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1.1rem;align-items:start;padding-block:1.25rem;border-top:1px solid var(--border)}
.collaboration-steps li:last-child{padding-bottom:0}
.collaboration-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-subtle);color:var(--accent)}
.collaboration-icon svg{width:23px;height:23px}
.collaboration-steps h4{font-size:1rem;font-weight:700;line-height:1.7}
.collaboration-steps p{margin-top:.35rem;color:var(--foreground-secondary);font-size:.875rem;line-height:1.9}
@media (min-width:1024px){
  .about-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start}
  .about-copy{grid-column:span 7}
  .about-visual{grid-column:span 5;position:sticky;top:calc(var(--header-h) + 1.5rem)}
}
.services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}
.service{
  position:relative;display:flex;flex-direction:column;gap:var(--space-5);
  padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--radius-lg);
  background:var(--card-background);border:1px solid var(--border);
  transition:border-color 300ms var(--ease-out),transform 300ms var(--ease-out),background-color 300ms var(--ease-out);
}
.service:hover{border-color:var(--border-strong);background:var(--card-background);transform:translateY(-3px)}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.service-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent)}
.service-ico svg{width:24px;height:24px}
.service-idx{font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--foreground-muted)}
.service h3{font-family:var(--font-display);font-weight:700;}
.service h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.service p{color:var(--foreground-secondary);max-width:44ch}
.caps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}
.service .link{margin-top:var(--space-2);position:relative;z-index:2}
@media (min-width:760px){
  .services-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .service.w7{grid-column:span 7}.service.w5{grid-column:span 5}
}
.work-grid{display:grid;grid-template-columns:1fr;gap:var(--space-10) var(--space-6)}
.work{position:relative;display:flex;flex-direction:column;gap:1.1rem;min-width:0}
.work .liquid{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}
.work .liquid img{transition:transform 900ms var(--ease-expo),filter 600ms var(--ease-out);filter:saturate(.78) brightness(.96)}
.work:hover .liquid img{transform:scale(1.045);filter:none}
.work h3{font-family:var(--font-num);font-weight:700;direction:ltr;text-align:right;unicode-bidi:isolate}
.work h3 a::after{content:"";position:absolute;inset:0}
.work p{margin-top:.6rem;color:var(--foreground-secondary);--fs:var(--type-body);max-width:46ch}
.work:hover .work-go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:translate(-3px,-3px)}
@media (min-width:760px){
  .work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.5rem var(--gutter)}
  .work.w7{grid-column:span 7}.work.w5{grid-column:span 5}
  .work.w5{padding-top:4rem}
}
.section-foot{margin-top:clamp(2.5rem,5vw,4rem);display:flex;justify-content:center}
.tech-wall{
  --tile:84px;--tile-gap:14px;
  position:relative;direction:ltr;display:grid;gap:var(--tile-gap);padding-block:var(--space-3);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
}
.tech-row{overflow:hidden;padding-block:10px;margin-block:-10px}
.tech-track{display:flex;width:max-content;will-change:transform}
.tech-row[data-dir="left"] .tech-track{animation:techLeft var(--tech-dur,42s) linear infinite}
.tech-row[data-dir="right"] .tech-track{animation:techRight var(--tech-dur,48s) linear infinite}
.tech-row:hover .tech-track,.tech-row:focus-within .tech-track,.tech-row.is-paused .tech-track{animation-play-state:paused}
.tech-half,.tech-set{display:flex;flex:none}
.tile{
  position:relative;flex:none;width:var(--tile);height:var(--tile);margin-right:var(--tile-gap);
  border-radius:var(--radius-lg);background:#15171C;border:1px solid rgba(255,255,255,0.05);
  display:grid;place-items:center;overflow:hidden;
  transition:transform 260ms var(--ease-out),border-color 260ms var(--ease-out),filter 260ms var(--ease-out),background-color 260ms var(--ease-out);
}
.tile img{width:48%;height:48%;object-fit:contain;transition:transform 260ms var(--ease-out)}
.tile.wide img{width:72%}
.tile .tip{
  position:absolute;inset-inline:0;bottom:.4rem;text-align:center;
  font-family:var(--font-num);--fs:var(--text-xs);font-weight:500;color:var(--foreground-secondary);
  opacity:0;transform:translateY(6px);transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out);
}
.tile:hover,.tile:focus-visible{transform:scale(1.06);border-color:rgba(255,255,255,0.16);filter:brightness(1.12);background:#1A1D23}
.tile:hover img,.tile:focus-visible img{transform:translateY(-6px)}
.tile:hover .tip,.tile:focus-visible .tip{opacity:1;transform:none}
@keyframes techLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes techRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:1024px){.tech-wall{--tile:72px;--tile-gap:12px}.tile{border-radius:var(--radius-lg)}}
@media (max-width:640px){.tech-wall{--tile:60px;--tile-gap:10px}.tile{border-radius:var(--radius-md)}.tile .tip{display:none}}
@media (hover:none){.tile .tip{display:none}}
.integ-grid{--cols:3;--g:.6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.integ-grid>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));min-width:0}
.integ-card{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:72px;padding:.6rem .7rem;border-radius:var(--radius-md);
  background:var(--surface);border:1px solid rgba(255,255,255,0.04);
  transition:transform 260ms var(--ease-out),background-color 260ms var(--ease-out),border-color 260ms var(--ease-out),box-shadow 260ms var(--ease-out);
}
.integ-card:hover{background:var(--surface-elevated);transform:translateY(-3px);border-color:rgba(212,175,106,0.6);box-shadow:var(--shadow-md)}
.integ-card img{display:block;object-fit:contain;width:auto;height:auto;max-width:100%}
.integ-card.s-icon img{max-height:40px}
.integ-card.s-wide img{max-height:30px;max-width:min(100%,132px)}
.integ-card.s-mark img{max-height:36px;max-width:min(100%,120px)}
.integ-card.s-strip img{width:min(100%,112px)}
.integ-card.s-strip-sm img{width:min(100%,64px)}
.integ-card.s-tall img{max-height:54px}
.integ-card.s-text{font-family:var(--font-num);font-weight:700;--fs:var(--text-xl);color:var(--foreground);letter-spacing:.01em}
.integ-card .cat{position:absolute;top:.5rem;inset-inline-start:.65rem;--fs:var(--text-xs);color:var(--foreground-muted);opacity:0;transition:opacity 220ms}
.integ-card:hover .cat{opacity:1}
.integ-foot{margin-top:2.25rem;display:flex;justify-content:center}
@media (min-width:600px){.integ-grid{--cols:4;--g:.8rem}.integ-card{height:84px;padding:.9rem var(--space-4)}}
@media (min-width:768px){.integ-grid{--cols:5}.integ-card{height:88px}}
@media (min-width:1100px){.integ-grid{--cols:10;--g:.8rem}.integ-card{height:84px;padding:.8rem}}
.steps{display:grid;grid-template-columns:1fr;gap:0;position:relative;counter-reset:step}
.step{position:relative;padding:var(--space-6) 0 var(--space-6) 0;padding-inline-start:3.25rem;border-inline-start:1px solid var(--border)}
.step::before{content:"";position:absolute;inset-inline-start:-6px;top:2.6rem;width:11px;height:11px;border-radius:50%;background:var(--background);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--background);transition:background-color 300ms var(--ease-out)}
.step .num{display:block;font-weight:700;--fs:clamp(2.75rem,4.2vw,3.75rem);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(212,175,106,.6);transition:color 300ms var(--ease-out)}
.step:hover .num{color:var(--accent)}
.step:hover::before{background:var(--accent)}
.step h3{margin-top:var(--space-4);font-family:var(--font-display);font-weight:700;}
.step p{margin-top:var(--space-2);color:var(--foreground-secondary);--fs:var(--type-body);max-width:28ch}
@media (min-width:1024px){
  .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-6)}
  .step{padding:2.25rem 0 0;padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--border)}
  .step::before{inset-inline-start:0;top:-6px;z-index:1}
  .step::after{content:"";position:absolute;top:-1px;inset-inline-start:0;width:2.5rem;height:1px;background:var(--accent);transition:width 500ms var(--ease-out)}
  .step:hover::after{width:100%}
}
.voices{position:relative}
.voice-cols{
  display:grid;grid-template-columns:1fr;gap:var(--space-5);height:560px;overflow:hidden;direction:rtl;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
}
.voice-col{overflow:hidden}
.voice-col-track{display:flex;flex-direction:column;gap:var(--space-5);animation:voiceUp var(--v-dur,38s) linear infinite;will-change:transform}
.voice-col--1{--v-dur:34s}
.voice-col--2{--v-dur:40s}
.voice-col--3{--v-dur:46s}
.voice-col:nth-child(2) .voice-col-track{animation-direction:reverse}
.voice-col:hover .voice-col-track,.voice-col:focus-within .voice-col-track,.voice-col.is-paused .voice-col-track{animation-play-state:paused}
.voice-col-set{display:flex;flex-direction:column;gap:var(--space-5);flex:none}
@keyframes voiceUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - .625rem))}}
.voice-card{
  display:flex;flex-direction:column;gap:1.1rem;padding:var(--space-6);border-radius:var(--radius-lg);
  background:var(--card-background);border:1px solid var(--border);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:border-color 260ms var(--ease-out),transform 260ms var(--ease-out);
}
.voice-card:hover{border-color:rgba(212,175,106,0.45);transform:translateY(-2px)}
.voice-card header{display:flex;align-items:center;gap:.9rem}
.voice-av{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--surface-elevated);border:2px solid rgba(255,255,255,0.12);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:var(--accent)}
.voice-av img{width:100%;height:100%;object-fit:cover}
.voice-who{min-width:0}
.voice-who b{display:block;font-family:var(--font-display);font-weight:700;--fs:var(--text-sm);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-who span{display:block;--fs:var(--text-sm);color:var(--foreground-muted);margin-top:.15rem}
.voice-card blockquote p{--fs:var(--type-body);color:var(--foreground-secondary)}
.voice-card.is-placeholder{border-style:dashed}
.voice-card.is-placeholder blockquote p{color:var(--foreground-muted)}
.voice-card .src{--fs:var(--text-sm);color:var(--accent);display:inline-flex;align-items:center;min-height:24px}
.voice-foot{margin-top:var(--space-8);display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}
.voice-note{margin-top:var(--space-4);text-align:center;--fs:var(--text-sm);color:var(--foreground-muted)}
@media (min-width:760px){.voice-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-col:nth-child(3){display:none}}
@media (min-width:1100px){.voice-cols{grid-template-columns:repeat(3,minmax(0,1fr));height:600px}.voice-col:nth-child(3){display:flex;flex-direction:column}}
.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}
.post{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background);overflow:hidden;transition:border-color 300ms,transform 300ms}
.post:hover{border-color:var(--border-strong);transform:translateY(-3px)}
.post-media{position:relative;aspect-ratio:16/9;background:var(--surface-elevated);overflow:hidden}
.post-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform 900ms var(--ease-expo),filter 500ms var(--ease-out)}
.post:hover .post-media img{transform:scale(1.04);filter:none}
.post-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(11,12,14,0.35),transparent 50%)}
.post-body{padding:clamp(1.25rem,2.5vw,2rem);display:flex;flex-direction:column;gap:var(--space-3);flex:1}
.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);--fs:var(--text-sm);color:var(--foreground-muted)}
.post-meta .cat{color:var(--accent);font-weight:500}
.post h3{font-family:var(--font-display);font-weight:700;}
.post.featured h3{--fs:var(--text-3xl)}
.post h3 a::after{content:"";position:absolute;inset:0}
.post p{color:var(--foreground-secondary);--fs:var(--type-body)}
.post .link{margin-top:auto;--fs:var(--text-base)}
.home-blog-carousel{display:flex;align-items:center;gap:1rem}
.home-blog-track{display:flex;flex:1;min-width:0;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:.3rem .75rem}
.home-blog-track::-webkit-scrollbar{display:none}
.home-blog-track>.post{flex:0 0 calc((100% - 3rem)/3);min-width:0;scroll-snap-align:start}
.home-blog-track .post-media{flex:none;aspect-ratio:16/10}
.home-blog-track .post-body{padding:1.5rem}
.home-blog-track .post h3{font-size:1.25rem;line-height:1.7}
.home-blog-arrow{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--foreground);transition:background-color 220ms,color 220ms}
.home-blog-arrow[hidden]{display:none}
.home-blog-arrow svg{width:20px;height:20px}
.home-blog-arrow.is-prev svg{transform:rotate(-90deg)}
.home-blog-arrow.is-next svg{transform:rotate(90deg)}
.home-blog-arrow:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}
.home-blog-arrow:disabled{opacity:.35;cursor:default}
.home-blog-arrow:focus-visible,.home-blog-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.home-blog-track>.post{flex-basis:calc((100% - 1.5rem)/2)}}
@media(max-width:640px){.home-blog-carousel{gap:.5rem}.home-blog-arrow{width:32px;height:32px}.home-blog-track>.post{flex-basis:100%}.home-blog-track .post-body{padding:1rem}}
.contact{position:relative;overflow:hidden;background:var(--background-secondary);border-top:1px solid var(--border);text-align:center}
.contact-inner{position:relative;z-index:1;max-width:900px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.contact-inner .eyebrow::before{display:none}
.contact-heading{margin-top:var(--space-4);font-family:var(--font-display);font-weight:800;max-width:760px;margin-inline:auto}
.contact-body{margin-top:var(--space-5);max-width:42rem;--fs:var(--text-lg);color:var(--foreground-secondary)}
.contact-actions{margin-top:var(--space-8);display:flex;justify-content:center}
.liquid{position:relative;overflow:hidden;background:var(--surface)}
.liquid-svg{position:absolute;width:0;height:0;overflow:hidden}
.liquid-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.03)}
.liquid-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(11,12,14,0.35),transparent 45%)}
.liquid-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(212,175,106,0.16) 50%,transparent 70%);transition:opacity 340ms var(--ease-out)}
.liquid.is-hover .liquid-glow{opacity:1}
@media (prefers-reduced-motion: reduce){
  .line-in,[data-reveal],.menu,.menu-group{transition:none!important;transform:none!important;opacity:1!important}
      .btn,.work .liquid img,.service,.post,.integ-card,.work-go,.tile,.step .num,.step::before,.step::after{transition:none!important}
  .tech-wall{-webkit-mask-image:none;mask-image:none;padding-inline:var(--gutter)}
  .tech-track{animation:none!important;width:100%}
  .tech-half,.tech-set{flex-wrap:wrap;justify-content:center;width:100%}
  .tile{margin-bottom:var(--tile-gap)}
  .tech-half[aria-hidden],.tech-set.rep{display:none}
  .rotate-word{transition:none}
  .logo-track,.voice-col-track{animation:none!important}
  .logo-marquee{-webkit-mask-image:none;mask-image:none}
  .logo-track{width:100%}
  .logo-set{flex-wrap:wrap;justify-content:center;gap:0 0}
  .logo-card{margin-bottom:var(--card-gap)}
  .logo-set[aria-hidden],.voice-col-set[aria-hidden]{display:none}
  .voice-cols{height:auto;-webkit-mask-image:none;mask-image:none}
}
div[id]{scroll-margin-top:0}
a.stat-hero,a.stat{color:inherit;text-decoration:none;transition:border-color 220ms var(--ease-out)}
a.stat-hero:hover,a.stat-hero:focus-visible,a.stat:hover,a.stat:focus-visible{border-color:var(--accent)}
.integ-heading-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:var(--space-10)}
.integ-heading-row>.section-head{margin-bottom:0;flex:1;min-width:0}
.integ-heading-row>.btn{flex:none}
.integ-disclosure.is-collapsed .integ-preview{max-height:var(--integ-preview-height);overflow:hidden;mask-image:linear-gradient(to bottom,#000 var(--integ-clear-height),rgba(0,0,0,.35) 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 var(--integ-clear-height),rgba(0,0,0,.35) 78%,transparent 100%)}
.integ-more{position:relative;display:flex;justify-content:center;margin-top:1.25rem}
.integ-more button[hidden]{display:none}
@media(max-width:767px){.integ-heading-row{align-items:flex-start;flex-direction:column;gap:1.5rem}.integ-heading-row>.btn{align-self:flex-start}}
.nav{position:relative}
.nav-links>li.has-mega{position:static;display:inline-flex;align-items:center}
.nav-links .sub-link{padding-inline-end:.2rem}
.nav-links .sub-toggle-icon{padding:.55rem .45rem .55rem .6rem;gap:0}
.nav-links .sub-toggle-icon::after{display:none}
.nav-links .sub-link::after{inset-inline-end:-1.3rem}
.sub.mega{background:var(--surface);inset-inline:var(--gutter);top:calc(100% + .25rem);width:auto;min-width:0;padding:var(--space-6) var(--space-6) var(--space-5);display:grid;gap:var(--space-4)}
.mega-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2) var(--space-5)}
.mega-cols.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.mega-col{min-width:0}
.mega-col .mega-h{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem .7rem;margin-bottom:.35rem;border-bottom:1px solid var(--border);font-family:var(--font-display);--fs:var(--text-lg);font-weight:700;color:var(--foreground)}
.mega-col ul{display:grid;gap:.1rem}
.sub.mega a{--fs:var(--text-base);line-height:1.45;align-items:center;gap:.7rem}
.sub.mega .mi{flex:none;width:20px;height:20px;color:var(--accent);opacity:.85}
.sub.mega a:hover .mi,.sub.mega a[aria-current="page"] .mi{opacity:1}
.sub.mega a[aria-current="page"]{color:var(--foreground);background:rgba(255,255,255,0.06);box-shadow:inset 3px 0 0 var(--accent)}
.menu-sub{display:block;margin:.9rem 0 .2rem;--fs:var(--text-sm);font-weight:600;color:var(--foreground-muted)}
.menu-group ul.cols{display:grid;grid-template-columns:1fr;gap:.05rem var(--space-3)}
.menu-group ul.cols a{display:flex;align-items:center;gap:.6rem;--fs:var(--text-base)}
.menu-group ul.cols a[aria-current="page"]{color:var(--accent)}
.menu-group ul.cols .mi{flex:none;width:18px;height:18px;color:var(--accent);opacity:.85}
@media (min-width:480px){.menu-group ul.cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mega-cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-links>li.has-growth-menu{position:relative;display:inline-flex;align-items:center}
.sub.growth-menu{width:18rem;min-width:0;max-width:calc(100vw - 2 * var(--gutter));padding:.45rem}
.sub.growth-menu ul{display:grid;gap:.2rem}
.sub.growth-menu a,.growth-mobile-links a{align-items:center;gap:.7rem}
.sub.growth-menu .mi,.growth-mobile-links .mi{flex:none;width:20px;height:20px;color:var(--accent)}
.sub.growth-menu a[aria-current="page"]{color:var(--foreground);background:var(--accent-subtle)}
.growth-mobile-links{display:grid;gap:.2rem;margin-top:var(--space-2)}
.nav-links>li.portfolio-nav{position:relative;display:inline-flex;align-items:center}
.portfolio-dropdown{width:250px;min-width:0;max-width:calc(100vw - 2 * var(--gutter))}
.portfolio-primary-links{display:grid;gap:.15rem;list-style:none;margin:0;padding:0}
.menu-group .portfolio-primary-links{margin-top:var(--space-2)}
.portfolio-primary-links a{display:flex;align-items:center;gap:.65rem}
.portfolio-primary-links .mi{flex:none;width:20px;height:20px;color:var(--accent)}
.portfolio-menu-label{flex:1;min-width:0}
.portfolio-menu-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:2rem;padding:.1rem .45rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--foreground-secondary);font-family:var(--font-num);--fs:var(--text-xs);line-height:1.5}
body{line-height:var(--leading-body)}
:is(h1,h2,.heading,.page-title,.svc-title,.contact-heading){line-height:var(--leading-heading)}
:is(h3,h4,h5,h6,.h3){line-height:var(--leading-subheading)}
.hero-title{line-height:var(--leading-heading)}
p,:is(.ayman-entry,.answer,.checks,.fit,.deliver,.scope,.process) li{line-height:var(--leading-body)}
:is(.eyebrow,.btn,.chip,.faq summary){line-height:var(--leading-ui)}
small{--fs:var(--type-small)}
:is(h1,h2,h3,h4,.heading,.page-title){text-wrap:balance}
:is(p,li,dd,blockquote){text-wrap:pretty}
:is(.about-copy,.story-copy) :is(p,li){max-width:32em}
:is(.checks,.fit ul,.row-box ul,.deliver .ex ul,.shapes ul)>li{position:relative;padding-inline-start:2rem;--list-color:var(--accent);--list-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:is(.checks,.fit ul,.row-box ul,.deliver .ex ul,.shapes ul)>li::before{content:"";position:absolute;inset-inline-start:0;top:calc((1lh - 1.25rem)/2);width:1.25rem;height:1.25rem;box-sizing:border-box;border-radius:50%;background:var(--accent-subtle);border:1px solid var(--list-color);opacity:.65;pointer-events:none}
:is(.checks,.fit ul,.row-box ul,.deliver .ex ul,.shapes ul)>li::after{content:"";position:absolute;inset-inline-start:.1875rem;top:calc((1lh - .875rem)/2);width:.875rem;height:.875rem;background:var(--list-color);-webkit-mask:var(--list-mark) center/contain no-repeat;mask:var(--list-mark) center/contain no-repeat;pointer-events:none}
:is(.fit .no,.row-box.ex ul,.deliver .ex ul,.checks.is-excluded)>li{--list-color:var(--danger);--list-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E")}
:is(.fit .maybe,.checks.needs-review)>li{--list-color:var(--warning);--list-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v9m0 4h.01' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
@layer ayman-type{*,::before,::after,::placeholder,::marker{font-size:var(--fs,revert-layer)}}
.ayman-form-card .fluentform .ff-el-input--label label{font-size:var(--text-base)}
.ayman-form-card .fluentform .ff-el-form-control{font-size:max(1rem,1em)}
.ayman-form-card .fluentform .ff-el-help-message{font-size:var(--text-sm)}
.ayman-form-card .fluentform .error,.ayman-form-card .fluentform .text-danger{font-size:var(--text-sm)}
.ayman-form-card .fluentform .ff-btn-submit{font-size:var(--text-lg)}
.ayman-form-card .ff-errors-in-stack,.ayman-form-card .ff-message-success{font-size:var(--text-base)}
.ayman-form-card .iti input.iti__search-input{font-size:max(1rem,1em)}
.ayman-form-card .iti .iti__country{font-size:var(--text-sm)}
[data-i="0"]{--i:0}
[data-i="1"]{--i:1}
[data-i="2"]{--i:2}
[data-i="3"]{--i:3}
[data-i="4"]{--i:4}
[data-i="5"]{--i:5}
[data-i="6"]{--i:6}
[data-i="7"]{--i:7}
[data-i="8"]{--i:8}
[data-i="9"]{--i:9}
[data-i="10"]{--i:10}
[data-i="11"]{--i:11}
[data-i="12"]{--i:12}
[data-i="13"]{--i:13}
[data-i="14"]{--i:14}
[data-i="15"]{--i:15}
[data-i="16"]{--i:16}
[data-i="17"]{--i:17}
[data-i="18"]{--i:18}
[data-i="19"]{--i:19}
[data-i="20"]{--i:20}
[data-i="21"]{--i:21}
[data-i="22"]{--i:22}
[data-i="23"]{--i:23}
.rise-12{--y:12px}
.rise-14{--y:14px}
.rise-20{--y:20px}
.rise-24{--y:24px}
.rise-30{--y:30px}
.rise-40{--y:40px}
.rise-50{--y:50px}
.delay-0{transition-delay:0ms}
.delay-80{transition-delay:80ms}
.delay-90{transition-delay:90ms}
.delay-100{transition-delay:100ms}
.delay-120{transition-delay:120ms}
.delay-160{transition-delay:160ms}
.delay-180{transition-delay:180ms}
.delay-200{transition-delay:200ms}
.delay-240{transition-delay:240ms}
.delay-260{transition-delay:260ms}
.delay-270{transition-delay:270ms}
.delay-300{transition-delay:300ms}
.delay-340{transition-delay:340ms}
.delay-360{transition-delay:360ms}
.delay-380{transition-delay:380ms}
.delay-420{transition-delay:420ms}
.delay-440{transition-delay:440ms}
.delay-460{transition-delay:460ms}
.delay-520{transition-delay:520ms}
.delay-560{transition-delay:560ms}
.delay-900{transition-delay:900ms}
.delay-980{transition-delay:980ms}
.delay-1120{transition-delay:1120ms}
.delay-1260{transition-delay:1260ms}
.cols-3{--cols:3}
.cols-4{--cols:4}
.cols-5{--cols:5}
.cols-6{--cols:6}
.logo-dur-76{--logo-dur:76s}
.bar-s-0{--s:0}
.bar-s-18{--s:18}
.bar-s-22{--s:22}
.bar-s-30{--s:30}
.bar-s-34{--s:34}
.bar-s-40{--s:40}
.bar-s-74{--s:74}
.shrink-0{--shrink:0}
.shrink-8{--shrink:8}
.shrink-16{--shrink:16}
.shrink-24{--shrink:24}
.shrink-32{--shrink:32}
.tech-dur-64{--tech-dur:64s}
.tech-dur-72{--tech-dur:72s}
.bar-w-14{--w:14}
.bar-w-16{--w:16}
.bar-w-18{--w:18}
.bar-w-20{--w:20}
.bar-w-28{--w:28}
.bar-w-30{--w:30}
.bar-w-40{--w:40}
.svg-sprite{position:absolute!important}
.flex-1{flex:1!important}
.flex-2{flex:2!important}
.gap-0_5{gap:var(--space-2)!important}
.gap-0_5-0_75{gap:var(--space-2) var(--space-3)!important}
.gap-0_6{gap:.6rem!important}
.m-0{margin:0!important}
.pad-0_2-0_5{padding:.2rem var(--space-2)!important}
.pad-1{padding:var(--space-4)!important}
.pad-1_25{padding:var(--space-5)!important}
.pad-1_5{padding:var(--space-6)!important}
.content-start{align-content:start!important}
.items-center{align-items:center!important}
.items-start{align-items:flex-start!important}
.radius-50p{border-radius:50%!important}
.bt-0{border-top:0!important}
.bottom-1_6{bottom:1.6rem!important}
.bottom-3_4{bottom:3.4rem!important}
.c-accent{color:var(--accent)!important}
.c-fg{color:var(--foreground)!important}
.d-block{display:block!important}
.d-contents{display:contents!important}
.d-flex{display:flex!important}
.d-grid{display:grid!important}
.d-inline-flex{display:inline-flex!important}
.flex-wrap{flex-wrap:wrap!important}
.font-num{font-family:var(--font-num)!important}
.fs-0_72{font-size:var(--text-xs)!important}
.fs-0_74{font-size:var(--text-xs)!important}
.fs-0_9{font-size:var(--text-base)!important}
.fs-0_92{font-size:var(--text-base)!important}
.fs-0_93{font-size:var(--text-base)!important}
.fs-1_05{font-size:var(--text-lg)!important}
.fs-1_1{font-size:var(--text-lg)!important}
.fw-600{font-weight:600!important}
.fw-700{font-weight:700!important}
.gcols-fill-auto{grid-template-columns:minmax(0,1fr) auto!important}
.h-14{height:14px!important}
.h-16{height:16px!important}
.h-34{height:34px!important}
.h-46{height:46px!important}
.h-50{height:50px!important}
.end-0_8{inset-inline-end:.8rem!important}
.start-0_8{inset-inline-start:.8rem!important}
.mb-0_75{margin-bottom:var(--space-3)!important}
.mb-0_8{margin-bottom:.8rem!important}
.mb-1{margin-bottom:var(--space-4)!important}
.mb-1_25{margin-bottom:var(--space-5)!important}
.mb-2_5{margin-bottom:var(--space-10)!important}
.mt-0{margin-top:0!important}
.mt-0_4{margin-top:.4rem!important}
.mt-0_5{margin-top:var(--space-2)!important}
.mt-0_6{margin-top:.6rem!important}
.mt-0_7{margin-top:.7rem!important}
.mt-0_8{margin-top:.8rem!important}
.mt-0_9{margin-top:.9rem!important}
.mt-section{margin-top:clamp(3rem,5vw,4rem)!important}
.mt-section-lg{margin-top:clamp(3rem,6vw,4.5rem)!important}
.mt-1{margin-top:var(--space-4)!important}
.mt-1_25{margin-top:var(--space-5)!important}
.mt-1_5{margin-top:var(--space-6)!important}
.mt-1_75{margin-top:1.75rem!important}
.mt-2_25{margin-top:2.25rem!important}
.mt-2_5{margin-top:var(--space-10)!important}
.maxw-30ch{max-width:30ch!important}
.maxw-36rem{max-width:36rem!important}
.maxw-62ch{max-width:62ch!important}
.minh-36{min-height:36px!important}
.minh-40{min-height:40px!important}
.minw-0{min-width:0!important}
.minw-70{min-width:70px!important}
.overflow-hidden{overflow:hidden!important}
.pt-0{padding-top:0!important}
.ta-center{text-align:center!important}
.top-2_3{top:2.3rem!important}
.top-2_4{top:2.4rem!important}
.w-14px{width:14px!important}
.w-16px{width:16px!important}
.w-34px{width:34px!important}
.w-60{width:60%!important}
.w-70{width:70%!important}
.w-80{width:80%!important}
.w-90{width:90%!important}
.w-100{width:100%!important}
:root h1{--fs:var(--type-h1)}
:root h2{--fs:var(--type-h2)}
:root h3{--fs:var(--type-h3)}
:root h4{--fs:var(--type-h4)}
:is(.inline-cta,.art-cta,.side-cta,#contact.contact,.cta-section){position:relative;isolation:isolate;overflow:hidden;background:var(--background,#0B0C0E);text-align:center}
:is(.inline-cta,.art-cta){grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-6)}
:is(.inline-cta,.art-cta,.side-cta) > *{position:relative;z-index:1;min-width:0;max-width:100%}
:is(.inline-cta,.art-cta,.side-cta) :is(h2,h3,p){margin-inline:auto;text-wrap:balance}
:is(.inline-cta,.art-cta,.side-cta) :is(.actions,.btn){justify-content:center}
.inline-cta > .btn{justify-self:center}
.art-cta .actions{justify-content:center}
@media (max-width:479px){:is(.inline-cta,.art-cta) > .btn,.art-cta .actions,.art-cta .actions .btn{width:100%}}
:root[dir="rtl"] :is(.kpi .k,.dash .kpi .v,.svc-card .num){text-align:right}
body.admin-bar{--ayman-admin-bar-offset:var(--wp-admin--admin-bar--height,32px)}
body.admin-bar .site-header,body.admin-bar .header{top:var(--ayman-admin-bar-offset)}
body.admin-bar .menu{top:var(--ayman-admin-bar-offset)}
@media (max-width:782px){body.admin-bar{--ayman-admin-bar-offset:var(--wp-admin--admin-bar--height,46px)}}