/* ========================================================================== */
/* ALIFY v1.3 — Refined Studio Polish                                         */
/* Quiet confidence: sharper hierarchy, richer depth, cleaner spacing,        */
/* distinct page character, and more deliberate media/card proportions.       */
/* Loaded after phase12 and designed to preserve the ACF/theme-options layer.  */
/* ========================================================================== */

:root{
  --p13-hairline:color-mix(in srgb,var(--text) 9%,transparent);
  --p13-hairline-strong:color-mix(in srgb,var(--text) 15%,transparent);
  --p13-soft:color-mix(in srgb,var(--panel) 88%,transparent);
  --p13-soft-2:color-mix(in srgb,var(--panel-2) 82%,transparent);
  --p13-glow-green:color-mix(in srgb,var(--green) 10%,transparent);
  --p13-glow-teal:color-mix(in srgb,var(--teal-2) 10%,transparent);
  --p13-glow-navy:color-mix(in srgb,var(--navy) 22%,transparent);
  --p13-ease:cubic-bezier(.22,.61,.36,1);
  --p13-ease-snappy:cubic-bezier(.7,0,.2,1);
  --p13-shadow:0 34px 100px rgba(0,0,0,.22);
}

/* -------------------------------------------------------------------------- */
/* Global composition                                                         */
/* -------------------------------------------------------------------------- */
html{background:var(--bg)}
body{background:var(--bg);text-rendering:optimizeLegibility}
main{position:relative;isolation:isolate}
.container{width:min(100% - (var(--gutter) * 2),var(--container))}
.container--wide{width:min(100% - (var(--gutter) * 2),var(--container-w))}
.section{position:relative;padding-block:clamp(5.75rem,9vw,8.75rem)}
.section--ink2,.section--panel,.section--navy{isolation:isolate}
.section--ink2{background:linear-gradient(180deg,#0e0f13 0%,#0b0c0f 100%)}
.section--panel{background:
  radial-gradient(48rem 28rem at 90% 0%,color-mix(in srgb,var(--navy) 11%,transparent),transparent 72%),
  linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,#0b0c10 6%),#0c0d11)}
.section--navy{background:
  radial-gradient(46rem 32rem at 88% 10%,color-mix(in srgb,var(--navy) 25%,transparent),transparent 70%),
  radial-gradient(34rem 26rem at 4% 100%,color-mix(in srgb,var(--teal) 8%,transparent),transparent 72%),
  linear-gradient(160deg,#111522 0%,#0b0d12 62%,#090a0d 100%)}
.section--rule::before{height:1px;opacity:.68}

/* section heads: editorial, not billboard */
.section__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.25rem,3vw,3rem);align-items:end;margin-bottom:clamp(3.5rem,6vw,5.5rem)}
.section__head-main{grid-column:1/9}
.section__head-side{grid-column:10/13;align-self:end;padding-top:0}
.section__head-main h2{max-width:10.8ch;margin-top:.4rem}
.section__head-side p{font-size:.95rem;line-height:1.75;max-width:31ch}
.section__head-side .link-arrow{margin-top:1.2rem}

.eyebrow{gap:.75rem;font-size:.7rem;letter-spacing:.2em}
.eyebrow::before{width:2rem;opacity:.75}
.eyebrow::after{width:5px;height:5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 8%,transparent)}

h1,h2,h3,h4{font-kerning:normal}
h1{letter-spacing:-.038em}
h2{letter-spacing:-.035em}
h3{letter-spacing:-.025em}
.lead{color:color-mix(in srgb,var(--text) 66%,transparent)}
.prose{color:color-mix(in srgb,var(--text) 76%,transparent)}

/* More premium focus and links. */
a{transition:color .25s ease}
.link-arrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);gap:.6rem}
.link-arrow span{transition:transform .35s var(--p13-ease),color .25s}
.link-arrow:hover{color:var(--off)}
.link-arrow:hover span{transform:translateX(5px);color:var(--green)}

/* Buttons: less bulky, more intentional. */
.btn{min-height:46px;padding:.95rem 1.35rem;letter-spacing:.135em;border-radius:max(var(--r),4px);box-shadow:none;transition:transform .35s var(--p13-ease),box-shadow .35s,border-color .25s,background .25s,color .25s}
.btn--primary{box-shadow:0 12px 38px color-mix(in srgb,var(--green) 11%,transparent)}
.btn:hover{transform:translateY(-2px)}
.btn--primary:hover{box-shadow:0 16px 50px color-mix(in srgb,var(--green) 17%,transparent)}
.btn--ghost{background:rgba(247,247,245,.015)}
.btn--ghost:hover{background:color-mix(in srgb,var(--green) 5%,transparent)}

/* -------------------------------------------------------------------------- */
/* Header — premium navigation bar without decorative noise                   */
/* -------------------------------------------------------------------------- */
.site-header{padding-inline:0}
.site-header__inner{position:relative;grid-template-columns:minmax(150px,1fr) auto minmax(180px,1fr);column-gap:clamp(1.4rem,3vw,3.2rem)}
.site-header::after{opacity:.52;background:linear-gradient(90deg,transparent 0%,var(--p13-hairline-strong) 12%,var(--p13-hairline) 78%,transparent 100%)}
.site-header.is-scrolled{box-shadow:0 16px 48px rgba(0,0,0,.12)}
.site-header.is-scrolled::after{opacity:1;background:var(--p13-hairline)}
.site-header .brand{gap:.5rem;font-size:1.35rem;letter-spacing:-.045em}
.brand__dot{border-radius:1px;width:.38em;height:.38em}
.desktop-nav__list,.desktop-nav ul{gap:clamp(1.1rem,2vw,2.15rem)}
.desktop-nav a{position:relative;padding:.9rem 0 .8rem;color:color-mix(in srgb,var(--text) 60%,transparent)}
.desktop-nav a::after{left:0;right:auto;width:100%;transform:scaleX(0);transform-origin:right;background:linear-gradient(90deg,var(--green),var(--teal-2));transition:transform .4s var(--p13-ease)}
.desktop-nav a:hover::after,.desktop-nav .current-menu-item>a::after,.desktop-nav .current_page_item>a::after{transform:scaleX(1);transform-origin:left}
.site-header__actions .header-cta{padding:.82rem 1.08rem;border-radius:999px}
.burger{background:rgba(247,247,245,.025);transition:background .25s,border-color .25s,transform .3s var(--p13-ease)}
.burger:hover{background:rgba(247,247,245,.055);border-color:color-mix(in srgb,var(--text) 26%,transparent);transform:scale(1.03)}

/* Push menu feels like a deliberate secondary experience. */
.pushmenu{background:
  radial-gradient(38rem 28rem at 100% 0%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 68%),
  radial-gradient(28rem 22rem at 0% 100%,color-mix(in srgb,var(--navy) 22%,transparent),transparent 68%),
  linear-gradient(160deg,#11141e,#08090c 72%)}
.pushmenu__list>li>a{letter-spacing:-.04em;transition:color .25s,transform .45s var(--p13-ease)}
.pushmenu__list>li:hover>a{transform:translateX(6px);color:var(--off)}
.pushmenu__list>li:hover .idx{color:var(--green)}

/* -------------------------------------------------------------------------- */
/* Home hero — cleaner, more cinematic, less diagram-like                    */
/* -------------------------------------------------------------------------- */
.home-hero.ui-hero-stage{
  min-height:max(760px,100svh);padding-top:calc(var(--header-h) + clamp(4rem,7vw,7rem));padding-bottom:clamp(3rem,5vw,5rem);
  background:
    radial-gradient(56rem 42rem at 88% 20%,color-mix(in srgb,var(--navy) 27%,transparent),transparent 70%),
    radial-gradient(34rem 28rem at 10% 85%,color-mix(in srgb,var(--teal) 8%,transparent),transparent 72%),
    linear-gradient(145deg,#0d0f15 0%,#090a0d 64%,#0b0c10 100%);
}
.home-hero.ui-hero-stage::before{opacity:.26}
.home-hero.ui-hero-stage::after{opacity:.32!important;-webkit-text-stroke-color:rgba(247,247,245,.026)!important;bottom:-.03em}
.home-hero__chrome{opacity:.48}
.home-hero__axis--h{display:none}
.home-hero__axis--v{left:calc(var(--gutter) + 1px);opacity:.55}
.home-hero__code{top:calc(var(--header-h) + 2rem);right:calc(var(--gutter) - .15rem);opacity:.72}
.home-hero__grid{row-gap:clamp(2rem,4vw,4rem);align-content:center}
.home-hero__copy{grid-column:1/10;padding-top:clamp(1rem,3vw,3rem)}
.home-hero__title{font-size:clamp(4rem,9vw,8.6rem);max-width:9.2ch;line-height:.86;letter-spacing:-.061em;margin-bottom:clamp(2.25rem,4.5vw,4rem)}
.home-hero__intro{grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.4rem)}
.home-hero__intro>.lead{grid-column:1/5;font-size:clamp(1.05rem,1.35vw,1.2rem);max-width:42ch}
.home-hero__actions{grid-column:6/10;border-left:1px solid var(--p13-hairline-strong);padding-left:clamp(1.25rem,2.6vw,2.4rem)}
.hero-trust{margin-top:1.25rem;font-size:.6rem;letter-spacing:.12em;line-height:1.7;color:var(--faint)}
.home-hero__rail{grid-column:11/13;padding-top:3.6rem;padding-left:1.35rem;border-left-color:var(--p13-hairline)}
.home-hero__rail b{color:color-mix(in srgb,var(--text) 56%,transparent);font-size:.62rem}
.home-hero__visual{grid-column:7/13;margin-top:clamp(-2rem,-1.5vw,-.5rem);padding-left:clamp(1.5rem,3vw,3rem)}
.home-hero__visual::before{background:linear-gradient(180deg,transparent,var(--teal-2) 24%,var(--green) 54%,transparent 88%);opacity:.45}
.home-hero__frame::before{inset:-12px 18px 12px -12px;border-color:color-mix(in srgb,var(--teal-2) 15%,transparent)}
.home-hero__visual .media-frame,.home-hero__visual .hero-art{max-width:560px;border-color:var(--p13-hairline-strong);box-shadow:var(--p13-shadow)}
.home-hero__visual .media-frame::before{background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 18%,transparent),transparent 42%,rgba(4,5,8,.26))}
.home-hero__visual .square{aspect-ratio:1.28/1}
.home-hero__visual-index,.media-caption{font-size:.57rem;letter-spacing:.14em}
.home-hero__foot{margin-top:clamp(1.5rem,3.5vw,3.25rem);opacity:.78}
.home-hero__foot-line{background:linear-gradient(90deg,var(--p13-hairline-strong),transparent)}

/* Stats should feel integrated, not a detached widget. */
.ui-stats-band{background:#090a0d;border-top:1px solid var(--p13-hairline);border-bottom:1px solid var(--p13-hairline)}
.ui-stats-band .stats{background:transparent;gap:0}
.ui-stats-band .stat{min-height:150px;padding:2rem clamp(1rem,2vw,2rem);border-right:1px solid var(--p13-hairline);display:grid;align-content:center;gap:.35rem}
.ui-stats-band .stat:last-child{border-right:0}
.ui-stats-band .stat strong{font-size:clamp(2.35rem,4vw,4.25rem);letter-spacing:-.05em}
.ui-stats-band .stat__idx{position:absolute;top:1rem;left:1rem;color:var(--faint);font-size:.55rem}

/* -------------------------------------------------------------------------- */
/* Home sections — editorial rhythm                                           */
/* -------------------------------------------------------------------------- */
.ui-services{background:
  radial-gradient(38rem 26rem at 0% 20%,color-mix(in srgb,var(--navy) 9%,transparent),transparent 70%),
  #0b0c0f}
.ui-services .service-category{grid-template-columns:minmax(250px,4.2fr) minmax(240px,3.4fr) minmax(260px,4.4fr);padding:clamp(2.8rem,5vw,4.8rem) 0;border-bottom-color:var(--p13-hairline)}
.ui-services .service-category:first-child{border-top:1px solid var(--p13-hairline)}
.ui-services .service-category::before{inset:0 calc(-1 * var(--gutter));background:linear-gradient(90deg,color-mix(in srgb,var(--green) 4%,transparent),color-mix(in srgb,var(--teal-2) 2%,transparent),transparent 68%)}
.service-category__heading h3{font-size:clamp(2.45rem,4.6vw,4.9rem);max-width:7.5ch}
.service-category__heading .idx{padding-top:.2rem}
.service-category__count{margin-top:.4rem}
.ui-services .service-category__links a{padding:1.08rem 0;border-top-color:var(--p13-hairline);font-size:.94rem}
.ui-services .service-category__links a i{transition:transform .35s var(--p13-ease),color .25s,opacity .25s}
.ui-services .service-category__links a:hover i{transform:translate(4px,-4px);opacity:1;color:var(--green)}
.service-hover-preview{border:1px solid var(--p13-hairline-strong);box-shadow:0 24px 70px rgba(0,0,0,.24);background:#101218}

.ui-ai-band{background:
  radial-gradient(40rem 35rem at 84% 50%,color-mix(in srgb,var(--teal) 11%,transparent),transparent 72%),
  linear-gradient(150deg,#101521,#0a0c10 70%)}
.ui-ai-band::after{opacity:.42}
.ai-band__copy{padding-right:clamp(1rem,4vw,4rem)}
.ai-band__copy h2{max-width:9.4ch}
.ai-band__visual{min-height:520px;border-left-color:var(--p13-hairline)}
.ai-band__signal{width:min(68%,390px)}
.ai-band__signal i{border-color:color-mix(in srgb,var(--teal-2) 17%,transparent)}
.ai-band__telemetry{color:color-mix(in srgb,var(--text) 38%,transparent)}

.ui-why .value-list{border-top:1px solid var(--p13-hairline)}
.ui-why .value-row{grid-template-columns:56px minmax(240px,4fr) minmax(280px,5fr) 34px;padding:clamp(2rem,3.2vw,3rem) 0;border-bottom:1px solid var(--p13-hairline)}
.ui-why .value-row::before{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 3.5%,transparent),transparent 60%)}
.ui-why .value-row h3{font-size:clamp(1.8rem,3vw,3.2rem);max-width:12ch}
.ui-why .value-row p{max-width:48ch}

.ui-work{background:#090a0d}
.ui-work .work-list{gap:0}
.ui-work .work-card{margin-bottom:clamp(4.5rem,8vw,8rem)}
.ui-work .work-card__media{border-color:var(--p13-hairline-strong);background:#101116;box-shadow:0 34px 100px rgba(0,0,0,.18)}
.ui-work .work-card__media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(4,5,7,.32));opacity:.7}
.ui-work .work-card__meta{padding-top:1.45rem}
.ui-work .work-card__meta h3{font-size:clamp(2rem,3.7vw,4rem);max-width:11ch}
.ui-work .work-card__number{width:40px;height:40px;left:12px;top:12px;background:rgba(8,9,12,.72);backdrop-filter:blur(8px)}

.ui-process{background:
  radial-gradient(34rem 26rem at 10% 20%,color-mix(in srgb,var(--navy) 10%,transparent),transparent 72%),
  #0c0d10}
.ui-process__grid::before{opacity:.58}
.ui-process .process__step{padding:clamp(2.5rem,4vw,4rem) 0;border-bottom-color:var(--p13-hairline)}
.ui-process .process__num{font-size:clamp(3rem,5.2vw,5.8rem);-webkit-text-stroke-color:color-mix(in srgb,var(--text) 18%,transparent)}

.ui-blog .blog-list{border-top:1px solid var(--p13-hairline)}
.ui-blog .blog-row{grid-template-columns:54px 96px 1fr 42px;padding:clamp(1.65rem,2.7vw,2.5rem) 0;border-bottom:1px solid var(--p13-hairline)}
.ui-blog .blog-row h3{font-size:clamp(1.55rem,2.65vw,2.8rem);max-width:22ch}
.ui-blog .blog-row i{border-radius:50%;border-color:var(--p13-hairline-strong)}

.ui-faq__grid{gap:clamp(3rem,7vw,7rem)}
.ui-faq__intro{top:calc(var(--header-h) + 2.5rem)}
.ui-faq .acc{border-top:1px solid var(--p13-hairline)}
.ui-faq .acc__item{border-bottom-color:var(--p13-hairline)}
.ui-faq .acc__btn{padding:1.65rem 0}
.ui-faq .acc__btn>span:nth-child(2){font-size:clamp(1.15rem,1.6vw,1.42rem)}

.ui-final-cta{position:relative;overflow:hidden;background:
  radial-gradient(45rem 28rem at 90% 10%,rgba(23,23,14,.07),transparent 70%),
  linear-gradient(140deg,#e7dfb2,#dcd39e)!important}
.ui-final-cta::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,23,14,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,14,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%)}
.ui-final-cta .final-cta__inner{position:relative;z-index:2}
.ui-final-cta h2{max-width:9.6ch;letter-spacing:-.058em}
.ui-final-cta__bottom{padding-top:clamp(2rem,4vw,3.5rem);border-top:1px solid rgba(23,23,14,.16)}

/* -------------------------------------------------------------------------- */
/* Inner mastheads — same family, different character by template             */
/* -------------------------------------------------------------------------- */
.hub-hero,.inner-hero,.single-hero,.case-hero,.post-hero,.legal-hero,.industry-hero,.quote-hero{
  padding-top:calc(var(--header-h) + clamp(4.5rem,7.4vw,6.8rem));
  padding-bottom:clamp(4.5rem,7vw,6.6rem);
  border-bottom-color:var(--p13-hairline);
}
.hub-hero h1,.inner-hero h1,.single-hero h1,.case-hero h1,.post-hero h1,.legal-hero h1,.industry-hero h1,.quote-hero h1{
  font-size:clamp(3.35rem,6.3vw,6.55rem);line-height:.95;letter-spacing:-.055em;max-width:10.8ch;
}
.hub-hero .lead,.inner-hero .lead,.single-hero .lead,.case-hero .lead,.post-hero .lead,.legal-hero .lead,.industry-hero .lead,.quote-hero .lead{font-size:clamp(1.05rem,1.35vw,1.2rem)}
.crumbs{color:var(--faint)}
.crumbs a{color:color-mix(in srgb,var(--text) 48%,transparent)}
.crumbs a:hover{color:var(--off)}

/* Services = deep navy + subtle green lift */
body.page-template-template-services .hub-hero{background:
  radial-gradient(38rem 28rem at 12% 100%,color-mix(in srgb,var(--green) 4.5%,transparent),transparent 72%),
  radial-gradient(44rem 34rem at 88% 12%,color-mix(in srgb,var(--navy) 28%,transparent),transparent 70%),
  linear-gradient(160deg,#10131d,#090a0d 72%)}
/* Projects = neutral gallery mood */
body.page-template-template-projects .hub-hero{background:
  radial-gradient(42rem 30rem at 88% 18%,rgba(99,157,117,.07),transparent 70%),
  linear-gradient(150deg,#101116,#08090b 74%)}
/* Industries = cooler technical teal */
body.page-template-template-industries .hub-hero{background:
  radial-gradient(40rem 28rem at 88% 18%,color-mix(in srgb,var(--teal) 13%,transparent),transparent 72%),
  linear-gradient(155deg,#0e1418,#080a0c 76%)}
/* About = warmer editorial tone */
body.page-template-template-about .inner-hero{background:
  radial-gradient(38rem 28rem at 84% 14%,color-mix(in srgb,var(--sand) 5.5%,transparent),transparent 72%),
  radial-gradient(28rem 22rem at 6% 100%,color-mix(in srgb,var(--navy) 13%,transparent),transparent 72%),
  linear-gradient(155deg,#111219,#090a0c 76%)}
/* Pricing = more focused commercial surface */
body.page-template-template-pricing .inner-hero{background:
  radial-gradient(38rem 26rem at 84% 12%,color-mix(in srgb,var(--green) 5%,transparent),transparent 70%),
  linear-gradient(155deg,#10141a,#090a0d 76%)}
/* Blog = editorial paper-at-night mood */
body.page-template-template-blog .inner-hero,body.single-blog .post-hero{background:
  radial-gradient(38rem 28rem at 84% 12%,color-mix(in srgb,var(--sage) 7%,transparent),transparent 72%),
  linear-gradient(155deg,#111216,#090a0c 74%)}
/* Contact / quote = conversion surface */
body.page-template-template-contact .inner-hero,body.page-template-template-quote .quote-hero{background:
  radial-gradient(42rem 30rem at 86% 12%,color-mix(in srgb,var(--teal-2) 9%,transparent),transparent 72%),
  radial-gradient(30rem 24rem at 0% 100%,color-mix(in srgb,var(--green) 4%,transparent),transparent 72%),
  linear-gradient(155deg,#0f1419,#080a0d 76%)}

/* Hero side-note becomes a fine editorial annotation. */
.hub-hero .section__head-side,.inner-hero .section__head-side,.quote-hero .section__head-side{border-left-color:var(--p13-hairline-strong);padding-left:clamp(1.25rem,2.2vw,2.1rem)}
.hub-hero .section__head-side p,.inner-hero .section__head-side p,.quote-hero .section__head-side p{font-size:.9rem;line-height:1.7;color:color-mix(in srgb,var(--text) 50%,transparent)}

/* -------------------------------------------------------------------------- */
/* Hubs and archives                                                          */
/* -------------------------------------------------------------------------- */
.category-stack{border-top:1px solid var(--p13-hairline)}
.category-block{display:grid;grid-template-columns:minmax(220px,3.3fr) minmax(260px,3.5fr) minmax(300px,5.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(2.8rem,4.5vw,4.3rem) 0;border-bottom:1px solid var(--p13-hairline);background:transparent}
.category-block>div:first-child{position:sticky;top:calc(var(--header-h) + 2rem)}
.category-block__index{display:block;margin-bottom:.8rem;font:500 .6rem/1 var(--ff-mono);letter-spacing:.16em;color:var(--teal-2)}
.category-block h3{font-size:clamp(2.1rem,3.6vw,3.8rem);line-height:.96;letter-spacing:-.045em}
.category-block>.lead{font-size:1rem;line-height:1.75;max-width:38ch}
.category-block__services{border-top:1px solid var(--p13-hairline)}
.category-block__services a{padding:1rem 0;border-bottom:1px solid var(--p13-hairline);color:var(--muted);transition:padding .35s var(--p13-ease),color .25s,background .25s}
.category-block__services a:hover{padding-left:.65rem;color:var(--off);background:linear-gradient(90deg,color-mix(in srgb,var(--green) 3%,transparent),transparent)}

.services-grid,.projects-grid,.industries-grid,.team-grid,.blog-grid,.testimonial-grid{gap:clamp(1.1rem,2.2vw,2rem)}
.sv-card,.industry-card,.price-card,.value-card,.aside-card,.related-card,.resource-card,.platform-card,.result-card,.video-card,.contact-card,.form-panel,.cap{
  border-color:var(--p13-hairline);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 93%,var(--navy) 7%),#0b0c10);
}
.sv-card,.industry-card,.resource-card,.contact-card{transition:transform .45s var(--p13-ease),border-color .3s,background .3s,box-shadow .45s}
.sv-card:hover,.industry-card:hover,.resource-card:hover,.contact-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--teal-2) 27%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 89%,var(--navy) 11%),#0a0c0f);box-shadow:0 28px 76px rgba(0,0,0,.18)}
.sv-card h3,.industry-card h3,.resource-card h3{letter-spacing:-.03em}

.filterbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,4vw,4rem);padding-bottom:1.25rem;border-bottom:1px solid var(--p13-hairline)}
.filterbar__btn{border-radius:999px;padding:.72rem 1rem;border:1px solid var(--p13-hairline);background:rgba(247,247,245,.018);color:var(--muted);font-size:.62rem;letter-spacing:.13em}
.filterbar__btn:hover{border-color:var(--p13-hairline-strong);color:var(--off)}
.filterbar__btn.is-active{background:var(--green);border-color:var(--green);color:var(--ink)}

/* Project presentation: bigger media, calmer meta. */
.project-card{border:0;background:transparent;padding:0}
.project-card .media-frame{border-color:var(--p13-hairline-strong);box-shadow:0 28px 76px rgba(0,0,0,.16)}
.project-card__body,.project-card__meta{padding-top:1.15rem}
.project-card h3{font-size:clamp(1.55rem,2.3vw,2.3rem);letter-spacing:-.035em}

/* Team: portrait-led and less boxed. */
.team-card{background:transparent;border:0;overflow:visible}
.team-card::before{display:none!important}
.team-card__media,.team-card>.media-frame{display:block;overflow:hidden;border:1px solid var(--p13-hairline-strong);background:var(--panel)}
.team-card .square{aspect-ratio:4/5}
.team-card__body{padding:1.15rem .15rem 0}
.team-card__body h3,.team-card__body .h3{font-size:clamp(1.45rem,2vw,2rem);margin:.3rem 0 .45rem}
.team-card__body p{color:var(--muted);max-width:34ch}

/* About page: story reads like a magazine spread. */
.about-story{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(320px,4.8fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.about-story__copy h2{max-width:10ch}
.about-story__copy .prose{max-width:60ch}
.about-story__media{position:sticky;top:calc(var(--header-h) + 2rem)}
.about-story__media .media-frame{box-shadow:var(--p13-shadow);border-color:var(--p13-hairline-strong)}
.mvv-grid{gap:1px;background:var(--p13-hairline);border:1px solid var(--p13-hairline)}
.mvv-grid .value-card{border:0;border-radius:0;background:#101116;min-height:320px;padding:clamp(2rem,4vw,3.5rem)}
.mvv-grid .value-card--wide{background:linear-gradient(145deg,#11151d,#0c0d11)}

/* Pricing: featured plan is elevated by hierarchy, not gimmicks. */
.price-card{padding:clamp(2rem,3.4vw,3rem);border-radius:12px}
.price-card--featured{transform:translateY(-10px);border-color:color-mix(in srgb,var(--green) 30%,transparent);background:
  radial-gradient(28rem 20rem at 100% 0%,color-mix(in srgb,var(--green) 5%,transparent),transparent 70%),
  linear-gradient(145deg,#151a20,#0c0e12)}
.price-card--featured:hover{transform:translateY(-14px)}
.price-card h3{font-size:1.6rem}
.price-card .price,.price-card__price{letter-spacing:-.05em}

/* Blog cards: image and type feel like a publication. */
.blog-card{background:transparent;border:0;padding:0}
.blog-card .media-frame{border-color:var(--p13-hairline-strong);box-shadow:0 24px 68px rgba(0,0,0,.14)}
.blog-card__body{padding:1.2rem .1rem 0}
.blog-card h2,.blog-card h3{font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1.08;letter-spacing:-.032em}
.blog-card__meta{color:var(--faint)}

/* Singles: more space around proof/content. */
.single-hero__grid{gap:clamp(2.5rem,6vw,6rem)}
.single-hero__visual{max-width:440px}
.single-hero__visual .media-frame{border-color:var(--p13-hairline-strong);box-shadow:var(--p13-shadow)}
.case-hero .media-frame,.post-hero__fig .media-frame{border-color:var(--p13-hairline-strong);box-shadow:var(--p13-shadow)}
.post-layout{gap:clamp(3rem,7vw,7rem)}
.post-sidebar .aside-card{background:#0f1014}
.post-content.prose{font-size:1.075rem;line-height:1.84}
.post-content.prose h2{margin-top:2.5em}
.post-content.prose h3{margin-top:2em}

/* -------------------------------------------------------------------------- */
/* Forms / contact / quote — premium utility                                  */
/* -------------------------------------------------------------------------- */
.form-panel{padding:clamp(2rem,4vw,3.5rem);border-radius:14px;background:
  radial-gradient(32rem 22rem at 100% 0%,color-mix(in srgb,var(--navy) 11%,transparent),transparent 70%),
  linear-gradient(145deg,#14161d,#0c0e12);box-shadow:0 32px 96px rgba(0,0,0,.22)}
.form-panel::before{height:1px;background:linear-gradient(90deg,var(--green),var(--teal-2),transparent 68%)}
.field{margin-bottom:1.25rem}
.field__label,.field label{font-size:.67rem;letter-spacing:.13em;color:var(--sage-2)}
.field input,.field textarea,.field select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select{border-radius:9px;background:rgba(247,247,245,.035);border-color:var(--p13-hairline-strong);transition:border-color .25s,box-shadow .25s,background .25s}
.field input:focus,.field textarea:focus,.field select:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="url"]:focus,textarea:focus,select:focus{background:rgba(247,247,245,.052)}
.choice{border-color:var(--p13-hairline-strong);background:rgba(247,247,245,.025);border-radius:10px}
.choice:hover{border-color:color-mix(in srgb,var(--teal-2) 30%,transparent);background:rgba(247,247,245,.04)}
.contact-card{padding:1.5rem 0;border-width:0 0 1px;background:transparent!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.contact-card:first-child{border-top:1px solid var(--p13-hairline)}

/* Accordion polish everywhere. */
.acc{border-top:1px solid var(--p13-hairline)}
.acc__item{border-bottom:1px solid var(--p13-hairline)}
.acc__btn{padding:1.5rem 0;gap:1rem;color:var(--off)}
.acc__btn i{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--p13-hairline-strong);border-radius:50%;font-style:normal;transition:transform .35s var(--p13-ease),border-color .25s,color .25s}
.acc__btn[aria-expanded="true"] i{transform:rotate(45deg);border-color:color-mix(in srgb,var(--green) 35%,transparent);color:var(--green)}
.acc__body{padding-bottom:1.65rem;color:var(--muted);max-width:70ch}

/* -------------------------------------------------------------------------- */
/* Footer — elegant utility, subtle visual finish                             */
/* -------------------------------------------------------------------------- */
.site-footer{background:
  radial-gradient(48rem 28rem at 8% 0%,color-mix(in srgb,var(--navy) 16%,transparent),transparent 74%),
  radial-gradient(34rem 24rem at 96% 100%,color-mix(in srgb,var(--teal) 5%,transparent),transparent 74%),
  #090a0d!important}
.site-footer::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(var(--p13-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--p13-hairline) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.34),transparent 60%)}
.site-footer>.container{position:relative;z-index:2}
.footer-main{grid-template-columns:minmax(0,4.6fr) minmax(140px,1.7fr) minmax(170px,2fr) minmax(220px,2.7fr);gap:clamp(2.25rem,5vw,5.5rem);padding-bottom:clamp(4rem,7vw,6rem)}
.footer-brand>.brand{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:1.5rem}
.footer-brand__copy{max-width:40ch;color:color-mix(in srgb,var(--text) 58%,transparent);font-size:.98rem;line-height:1.75}
.footer-social{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;margin-top:1.8rem}
.footer-social a{font:500 .62rem/1 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.footer-social a:hover{color:var(--green)}
.footer-head{font:500 .63rem/1 var(--ff-mono);letter-spacing:.17em;text-transform:uppercase;color:var(--sage-2);margin:0 0 1.35rem;display:flex;align-items:center;gap:.7rem}
.footer-head::after{content:"";height:1px;width:28px;background:var(--p13-hairline-strong)}
.footer-navcol ul{list-style:none;margin:0;padding:0}
.footer-navcol li{margin:.72rem 0}
.footer-navcol a{font-size:.92rem;color:color-mix(in srgb,var(--text) 56%,transparent)}
.footer-navcol a:hover{color:var(--off)}
.footer-contact .footer-email{display:inline-block;font-family:var(--ff-display);font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:1.02;letter-spacing:-.04em;color:var(--off);max-width:12ch;overflow-wrap:anywhere}
.footer-contact .footer-email:hover{color:var(--green)}
.footer-contact p{margin-top:1.2rem;color:var(--muted);line-height:1.65}
.footer-newsletter{display:grid;grid-template-columns:minmax(0,5fr) minmax(320px,4fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(2.4rem,4vw,3.5rem) 0;border-top:1px solid var(--p13-hairline);border-bottom:1px solid var(--p13-hairline)}
.footer-newsletter h2{font-size:clamp(1.8rem,3vw,3rem);max-width:16ch;margin:.75rem 0 0}
.footer-bottom{padding-top:1.6rem;color:var(--faint)}
.footer-bottom a,.footer-cookie-link{color:color-mix(in srgb,var(--text) 46%,transparent)}

/* Empty states should look intentional. */
.empty-state,.no-results{padding:clamp(2rem,4vw,3.5rem);border:1px solid var(--p13-hairline);background:linear-gradient(145deg,#101116,#0b0c0f);color:var(--muted);line-height:1.75}
.empty-state strong{color:var(--off);font-size:1.15rem}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */
@media(max-width:1199px){
  .home-hero__title{font-size:clamp(4rem,8.6vw,7.7rem)}
  .category-block{grid-template-columns:2.7fr 3.3fr 4fr}
  .footer-main{grid-template-columns:minmax(0,4fr) repeat(3,minmax(150px,1fr))}
}

@media(max-width:1023px){
  .section{padding-block:clamp(5rem,10vw,7rem)}
  .section__head{grid-template-columns:1fr;margin-bottom:3.25rem}
  .section__head-main,.section__head-side{grid-column:1}
  .section__head-side{max-width:560px;border-left:0!important;padding-left:0!important}
  .home-hero.ui-hero-stage{min-height:auto;padding-top:calc(var(--header-h) + 4rem)}
  .home-hero__copy{grid-column:1/10}
  .home-hero__rail{grid-column:10/13}
  .home-hero__visual{grid-column:6/13}
  .home-hero__intro>.lead{grid-column:1/6}
  .home-hero__actions{grid-column:6/10}
  .ui-services .service-category{grid-template-columns:minmax(220px,4fr) minmax(180px,3fr) minmax(240px,5fr);gap:2rem}
  .category-block{grid-template-columns:1fr 1fr}.category-block>div:first-child{position:static}.category-block__services{grid-column:1/-1}
  .about-story{grid-template-columns:1fr 1fr;gap:3rem}.about-story__media{position:static}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1;max-width:640px}.footer-newsletter{grid-template-columns:1fr 1fr}
}

@media(max-width:767px){
  :root{--p13-shadow:0 24px 68px rgba(0,0,0,.18)}
  .section{padding-block:4.5rem}
  .section__head{margin-bottom:2.75rem}
  .section__head-main h2{max-width:12ch}
  .site-header__actions{gap:.5rem}
  .burger{width:42px;height:42px}
  .home-hero.ui-hero-stage{padding-top:calc(var(--header-h) + 3.2rem);padding-bottom:2.75rem}
  .home-hero__chrome,.home-hero__rail{display:none}
  .home-hero__grid{display:block}
  .home-hero__copy{padding-top:0}
  .home-hero__title{font-size:clamp(3.55rem,17vw,5.5rem);line-height:.88;max-width:9.2ch;margin-bottom:2rem}
  .home-hero__intro{display:block}.home-hero__intro>.lead{max-width:36ch}.home-hero__actions{border-left:0;padding:1.5rem 0 0;margin-top:1.5rem;border-top:1px solid var(--p13-hairline)}
  .home-hero__visual{padding:0;margin:3rem 0 0}.home-hero__visual::before{display:none}.home-hero__visual .media-frame,.home-hero__visual .hero-art{max-width:100%}.home-hero__visual-index{text-align:left}.home-hero__frame::before{inset:-8px 8px 8px -8px}
  .home-hero__foot{display:none}
  .ui-stats-band .stats{grid-template-columns:1fr 1fr}.ui-stats-band .stat{min-height:125px;border-bottom:1px solid var(--p13-hairline)}
  .ui-services .service-category{display:block;padding:2.7rem 0}.service-category__heading h3{max-width:none}.service-category__count{margin-bottom:1.5rem}.service-hover-preview{display:none!important}.ui-services .service-category__links{margin-top:1.75rem}
  .ai-band__visual{min-height:360px;border-left:0;border-top:1px solid var(--p13-hairline);margin-top:2.5rem}
  .ui-why .value-row{grid-template-columns:40px 1fr 30px;gap:1rem}.ui-why .value-row p{grid-column:2/4;margin-top:.7rem}.ui-why .value-row h3{max-width:none}
  .ui-work .work-card,.ui-work .work-card:nth-child(even),.ui-work .work-card:nth-child(3n){grid-column:1/-1;margin:0 0 4rem}.ui-work .work-card__meta h3{font-size:clamp(1.8rem,8vw,2.9rem)}
  .ui-blog .blog-row{grid-template-columns:38px 1fr 38px;gap:.75rem}.ui-blog .blog-row__date{display:none}.ui-blog .blog-row h3{font-size:1.45rem}
  .hub-hero,.inner-hero,.single-hero,.case-hero,.post-hero,.legal-hero,.industry-hero,.quote-hero{padding-top:calc(var(--header-h) + 3.2rem);padding-bottom:3.7rem}
  .hub-hero h1,.inner-hero h1,.single-hero h1,.case-hero h1,.post-hero h1,.legal-hero h1,.industry-hero h1,.quote-hero h1{font-size:clamp(3rem,13.5vw,4.8rem);max-width:11ch}
  .category-block{display:block;padding:2.7rem 0}.category-block>.lead{margin:1rem 0 2rem}.category-block__services{margin-top:1.5rem}
  .services-grid,.projects-grid,.industries-grid,.team-grid,.blog-grid,.testimonial-grid{grid-template-columns:1fr!important}
  .about-story{display:block}.about-story__media{margin-top:2.75rem}
  .mvv-grid{display:block;background:transparent;border:0}.mvv-grid .value-card{min-height:0;margin-bottom:1px;border:1px solid var(--p13-hairline)}
  .price-card--featured{transform:none}.price-card--featured:hover{transform:translateY(-4px)}
  .post-layout{display:block}.post-sidebar{position:static;margin-bottom:2.5rem}
  .form-panel{padding:1.5rem;border-radius:11px}
  .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem 1.4rem}.footer-brand,.footer-contact{grid-column:1/-1}.footer-brand>.brand{font-size:2.8rem}.footer-newsletter{display:block}.footer-newsletter__form{margin-top:2rem}.footer-bottom{display:block}.footer-bottom nav{margin:1rem 0}
}

@media(max-width:420px){
  .home-hero__title{font-size:clamp(3.3rem,17.5vw,4.8rem)}
  .ui-stats-band .stats{grid-template-columns:1fr}.ui-stats-band .stat{border-right:0}
  .footer-main{display:block}.footer-main>div{margin-bottom:2.3rem}.footer-contact{margin-bottom:0}
}

@media(prefers-reduced-motion:reduce){
  .btn,.sv-card,.industry-card,.resource-card,.contact-card,.desktop-nav a::after,.pushmenu__list>li>a{transition:none!important}
}