:root {
  --brand-navy: #1c100d;
  --brand-slate: #5b2b22;
  --brand-teal: #d92d1f;
  --brand-orange: #ff8800;
  --brand-paper: #f7f2ec;
  --brand-white: #ffffff;
  --brand-ink: #24110d;
  --brand-muted: #75645d;
  --brand-teal-on-light: #c8271b;
  --brand-orange-on-light: #a33a00;
  --brand-line: rgba(28, 16, 13, .17);
  --bs-primary: #d92d1f;
  --bs-primary-rgb: 217, 45, 31;
  --bs-dark: #1c100d;
  --bs-dark-rgb: 28, 16, 13;
}

/* Regional pricing, locations and legal pages */
.market-selector { display: flex; flex-wrap: wrap; gap: .45rem; }
.market-selector a { padding: .55rem .72rem; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: .82rem; font-weight: 850; letter-spacing: .04em; }
.market-selector a:hover,.market-selector a.active { color: var(--brand-navy); background: var(--brand-orange); border-color: var(--brand-orange); }
.regional-contact-section { padding: 0 0 6rem; color: #fff; background: #1c0e0b; }
.regional-contact-panel { display: grid; grid-template-columns: 1.3fr .7fr; gap: 3rem; padding: 2.4rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); }
.regional-contact-panel h2 { margin: .75rem 0 1rem; color: #fff; font-size: clamp(2.1rem,4vw,4rem); font-weight: 850; letter-spacing: -.05em; }
.regional-contact-panel p { max-width: 760px; color: rgba(255,255,255,.78); line-height: 1.75; }
.regional-contact-panel address { display: flex; flex-direction: column; gap: .35rem; margin: 0; padding-left: 1.5rem; border-left: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.78); font-style: normal; }
.regional-contact-panel address strong { color: #fff; }
.regional-contact-panel address a { margin-top: .4rem; color: #ffc069; overflow-wrap: anywhere; }
.contact-locations-section { padding: 6rem 0; background: #f6efe7; }
.contact-location-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--brand-line); background: #fff; }
.contact-location-grid article { min-height: 280px; padding: 1.8rem; border-right: 1px solid var(--brand-line); }
.contact-location-grid article:last-child { border-right: 0; }
.contact-location-grid article > span { color: var(--brand-teal); font: .78rem/1 ui-monospace,monospace; letter-spacing: .11em; text-transform: uppercase; }
.contact-location-grid h3 { margin: 2.7rem 0 1rem; color: var(--brand-navy); font-size: 1.6rem; font-weight: 850; }
.contact-location-grid p,.contact-location-grid address { min-height: 76px; color: #645048; font-style: normal; line-height: 1.65; }
.contact-location-grid a { color: #8d2419; font-weight: 800; overflow-wrap: anywhere; }
.contact-social-links { display: flex; flex-wrap: wrap; gap: .55rem; }
.contact-social-links a { display: inline-flex; align-items: center; gap: .45rem; min-height: 42px; padding: .65rem .85rem; color: #fff; background: var(--brand-navy); border: 1px solid var(--brand-navy); font-size: .88rem; transition: color .2s ease, background .2s ease, transform .2s ease; }
.contact-social-links a:hover,.contact-social-links a:focus-visible { color: var(--brand-navy); background: var(--brand-orange); border-color: var(--brand-orange); transform: translateY(-2px); }
.footer-contact-list { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.25rem; }
.footer-contact-list > div { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; }
.footer-contact-list small { color: #ffc069; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.footer-contact-list a { color: rgba(255,255,255,.86); overflow-wrap: anywhere; }
.footer-contact-list span { color: rgba(255,255,255,.68); line-height: 1.45; }
.footer-legal-links { display: flex; flex-wrap: wrap; gap: 1rem; }
.footer-social-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-top: 2rem; }
.footer-social-link { position: relative; display: grid; grid-template-columns: minmax(76px,.35fr) 1fr auto; align-items: center; gap: 1rem; min-height: 72px; padding: .85rem 1rem; color: #fff; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.14); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.footer-social-link span { color: #ffc069; font: 800 .78rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.footer-social-link strong { min-width: 0; color: rgba(255,255,255,.92); font-size: .96rem; overflow-wrap: anywhere; }
.footer-social-link b { color: var(--brand-orange); font-size: 1.25rem; }
.footer-social-link:hover,.footer-social-link:focus-visible { color: #fff; background: rgba(255,136,0,.1); border-color: rgba(255,192,105,.7); transform: translateY(-2px); }
.legal-hero { padding: 11rem 0 5rem; color: #fff; background: linear-gradient(135deg,#1c100d,#4b2017); }
.legal-hero h1 { max-width: 900px; margin: 1rem 0; font-size: clamp(3rem,7vw,6.5rem); font-weight: 850; line-height: .95; letter-spacing: -.06em; }
.legal-hero > p,.legal-hero .container-xl > p:last-child { color: rgba(255,255,255,.75); }
.legal-content { background: #f6efe7; }
.legal-content article { max-width: 900px; margin: 0 auto; padding: clamp(1.5rem,4vw,4rem); background: #fff; box-shadow: 0 24px 70px rgba(35,16,12,.08); }
.legal-content h2 { margin: 2.2rem 0 .75rem; color: var(--brand-navy); font-size: 1.65rem; font-weight: 850; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p,.legal-content address { color: #5f4a42; line-height: 1.8; }
.legal-content a,.consent-check a { color: #8d2419; text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 991.98px) {
  .regional-contact-panel { grid-template-columns: 1fr; }
  .regional-contact-panel address { padding: 1.4rem 0 0; border-top: 1px solid rgba(255,255,255,.22); border-left: 0; }
  .contact-location-grid { grid-template-columns: 1fr; }
  .contact-location-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--brand-line); }
  .contact-location-grid article:last-child { border-bottom: 0; }
  .footer-contact-list { grid-template-columns: 1fr; }
  .footer-social-links { grid-template-columns: 1fr; }
}

html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body {
  color: var(--brand-ink);
  background: var(--brand-paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { color: #fff; background: var(--brand-teal); }
a { text-decoration: none; }
.skip-link {
  position: fixed; left: 1rem; top: -5rem; z-index: 9999;
  padding: .8rem 1rem; background: var(--brand-orange); color: var(--brand-navy); font-weight: 800;
}
.skip-link:focus { top: 1rem; }

.navbar {
  min-height: 86px;
  padding-block: .9rem;
  background: rgba(28, 16, 13, .2);
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  backdrop-filter: blur(14px);
  transition: background .25s ease, box-shadow .25s ease;
}
.navbar.nav-scrolled { background: rgba(28, 16, 13, .96); box-shadow: 0 12px 36px rgba(23, 10, 8, .16); }
.site-logo {
  width: 124px;
  height: 64px;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 4px 8px rgba(15, 7, 5, .3));
}
.site-logo--footer { width: 150px; height: 78px; }
.nav-link { color: rgba(255, 255, 255, .76); font-size: 1rem; font-weight: 700; padding-inline: .8rem !important; }
.nav-link:hover, .nav-link.active { color: var(--brand-orange); }
.service-nav-menu {
  --bs-dropdown-min-width: 650px;
  right: 0;
  left: auto;
  width: min(720px, calc(100vw - 2rem));
  margin-top: .75rem !important;
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #180b08;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 3px;
  box-shadow: 0 28px 70px rgba(18, 7, 5, .42);
}
.service-nav-overview {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1.5rem;
  padding: 1.15rem 1.25rem;
  color: var(--brand-navy);
  background: var(--brand-orange);
}
.service-nav-overview:hover, .service-nav-overview:focus-visible { color: var(--brand-navy); background: #ffac33; }
.service-nav-overview span, .service-nav-overview small, .service-nav-overview strong { display: block; }
.service-nav-overview small { font: 800 1rem/1.2 ui-monospace, monospace; letter-spacing: .11em; text-transform: uppercase; }
.service-nav-overview strong { margin-top: .3rem; font-size: 1.2rem; line-height: 1.2; }
.service-nav-overview b { font-size: 1.35rem; }
.service-nav-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-nav-grid a {
  min-height: 92px;
  padding: 1rem 1.15rem;
  color: #fff;
  background: transparent;
  border-right: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  transition: color .2s ease, background .2s ease;
}
.service-nav-grid a:nth-child(even) { border-right: 0; }
.service-nav-grid a:nth-last-child(-n + 2) { border-bottom: 0; }
.service-nav-grid a:hover, .service-nav-grid a:focus-visible { color: #fff; background: rgba(255, 136, 0, .13); }
.service-nav-grid small, .service-nav-grid strong { display: block; font-size: 1rem; }
.service-nav-grid small { color: var(--brand-orange); font-family: ui-monospace, monospace; font-weight: 800; letter-spacing: .08em; }
.service-nav-grid strong { margin-top: .45rem; line-height: 1.35; }
.nav-home-link { position: relative; width: 34px; height: 42px; display: grid; place-items: center; color: rgba(255,255,255,.82); background: transparent; border: 0; transform: none; transition: color .22s ease, transform .22s ease; }
.nav-home-link::after { content: "Home"; position: absolute; top: calc(100% + .65rem); left: 50%; padding: .42rem .55rem; color: var(--brand-navy); background: var(--brand-orange); border-radius: 2px; opacity: 0; pointer-events: none; transform: translate(-50%,-5px) rotate(3deg); transition: opacity .18s ease, transform .18s ease; font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .09em; text-transform: uppercase; }
.nav-home-link:hover,.nav-home-link:focus-visible,.nav-home-link.active { color: var(--brand-orange); background: transparent; transform: translateY(-2px); box-shadow: none; }
.nav-home-link:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 4px; }
.nav-home-link:hover::after,.nav-home-link:focus-visible::after { opacity: 1; transform: translate(-50%,0) rotate(0); }
.home-nav-icon { position: relative; width: 14px; height: 11px; margin-top: 5px; border: 2px solid currentColor; border-top: 0; }
.home-nav-icon::before { content: ""; position: absolute; top: -7px; left: 0; width: 10px; height: 10px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(45deg); transform-origin: center; }
.home-nav-icon::after { content: ""; position: absolute; bottom: -2px; left: 4px; width: 4px; height: 7px; background: currentColor; }
.btn {
  border-radius: 3px;
  padding: .83rem 1.25rem;
  font-size: 1rem;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-brand { background: var(--brand-orange); border-color: var(--brand-orange); color: var(--brand-navy); }
.btn-brand:hover, .btn-brand:focus { background: #ffac33; border-color: #ffac33; color: var(--brand-navy); box-shadow: 0 10px 24px rgba(255, 136, 0, .24); }

.hero-section {
  min-height: 760px;
  color: #fff;
  background-color: #160b09;
  background-image:
    linear-gradient(90deg, rgba(22,10,8,.96) 0%, rgba(29,13,10,.9) 38%, rgba(29,13,10,.52) 68%, rgba(16,7,5,.3) 100%),
    linear-gradient(180deg, rgba(16,7,5,.25), rgba(16,7,5,.58)),
    url("../images/hero-integrated-services-v2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.hero-grid {
  position: absolute; z-index: 1; inset: 0; opacity: .13;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size: 44px 44px;
}
.hero-section .container-xxl, .hero-index { z-index: 2; }
.hero-content { text-shadow: 0 3px 28px rgba(0,0,0,.42); }
.eyebrow, .section-label {
  margin: 0 0 1.2rem; color: var(--brand-muted);
  font-size: 1rem; font-weight: 850; letter-spacing: .2em; text-transform: uppercase;
}
.eyebrow { display: flex; align-items: center; color: rgba(255,255,255,.64); }
.eyebrow span { width: 28px; height: 2px; margin-right: .65rem; background: var(--brand-orange); }
.display-hero {
  max-width: 900px; margin: 0;
  font-size: clamp(3.6rem, 7vw, 7.7rem);
  font-weight: 800; line-height: .88; letter-spacing: -.07em;
}
.hero-line { display: block; width: max-content; max-width: 100%; white-space: nowrap; font-size: .68em; line-height: 1.05; letter-spacing: -.055em; }
.hero-line--accent { font-size: 1em; line-height: .92; letter-spacing: -.07em; }
.display-hero em { color: var(--brand-orange); font-family: Georgia, serif; font-weight: 400; }
.hero-lead { max-width: 720px; margin: 2rem 0 0; color: rgba(255,255,255,.72); font-size: 1.08rem; line-height: 1.72; }
.text-link { color: #fff; font-size: 1rem; font-weight: 750; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: .3rem; }
.text-link:hover { color: var(--brand-orange); }
.hero-index { position: absolute; left: 4vw; bottom: 1.35rem; color: rgba(255,255,255,.35); font: 1rem/1 ui-monospace, monospace; letter-spacing: .16em; }

.hero-discipline-list { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 2.6rem; }
.hero-discipline-list span { padding: .65rem .8rem; color: #fff; background: rgba(29,13,10,.64); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; backdrop-filter: blur(10px); font-size: 1rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; text-shadow: none; }
.hero-discipline-list b { margin-right: .4rem; color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; }

.client-bar { overflow: hidden; background: #fff; border-bottom: 1px solid var(--brand-line); }
.client-track { display: flex; align-items: center; gap: 2.4rem; min-width: max-content; }
.client-track span { color: var(--brand-navy); font-size: clamp(1rem, 1.5vw, 1.35rem); font-weight: 800; letter-spacing: -.035em; }

.about-section { background: #f6efe7; }
.about-copy { max-width: 900px; }
.about-copy p { color: #6b554d; font-size: 1rem; line-height: 1.85; }
.about-copy p + p { margin-top: 1.25rem; }
.about-copy strong { color: var(--brand-navy); }
.about-tags span { color: var(--brand-slate); background: rgba(255,255,255,.55); }
.founder-card { position: relative; overflow: hidden; padding: 3rem; color: #fff; background: var(--brand-navy); box-shadow: 24px 24px 0 rgba(217,45,31,.2); }
.founder-card::after { content: ""; position: absolute; right: -90px; top: -90px; width: 230px; height: 230px; border: 1px solid rgba(255,136,0,.5); border-radius: 50%; }
.founder-photo { position: relative; z-index: 1; aspect-ratio: 4 / 3; overflow: hidden; margin: -3rem -3rem 2rem; background: #d9d7d6; }
.founder-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 66%,rgba(28,16,13,.32)); pointer-events: none; }
.founder-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 28%; }
.founder-monogram { position: relative; z-index: 1; width: 78px; height: 78px; display: grid; place-items: center; margin-bottom: 3.2rem; color: var(--brand-navy); background: var(--brand-orange); font-size: 1.65rem; font-weight: 950; letter-spacing: -.06em; transform: rotate(-5deg); }
.founder-card h3 { position: relative; z-index: 1; margin: 0; font-size: clamp(2.6rem,4vw,4.2rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.founder-card > p:not(.section-label) { position: relative; z-index: 1; margin: 1.15rem 0 0; color: rgba(255,255,255,.62); line-height: 1.65; }
.founder-details { position: relative; z-index: 1; margin-top: 2rem; border-top: 1px solid rgba(255,255,255,.14); }
.founder-details > div { padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.founder-details small, .founder-details strong { display: block; }
.founder-details small { color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.founder-details strong { margin-top: .45rem; color: rgba(255,255,255,.8); font-size: 1rem; line-height: 1.5; }
.founder-card .btn { position: relative; z-index: 1; }
.career-metrics { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--brand-line); background: rgba(255,255,255,.58); }
.career-metrics article { min-height: 190px; padding: 1.45rem; border-right: 1px solid var(--brand-line); }
.career-metrics article:last-child { border-right: 0; }
.career-metrics strong, .career-metrics span { display: block; }
.career-metrics strong { color: var(--brand-orange-on-light); font-size: clamp(2.6rem,4vw,4.5rem); font-weight: 900; letter-spacing: -.07em; }
.career-metrics span { margin-top: 1.8rem; color: var(--brand-slate); font-size: 1rem; font-weight: 720; line-height: 1.55; }
.experience-block { border-top: 1px solid var(--brand-line); }
.experience-heading { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.4rem 0; }
.experience-heading > p:last-child { margin: 0; color: var(--brand-muted); font-size: 1rem; }
.experience-rail { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--brand-line); background: #fff; }
.experience-rail article { min-height: 210px; padding: 1.25rem; border-right: 1px solid var(--brand-line); }
.experience-rail article:last-child { border-right: 0; }
.experience-rail span { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.experience-rail h3 { margin: 3rem 0 .8rem; color: var(--brand-navy); font-size: 1rem; font-weight: 820; line-height: 1.3; letter-spacing: -.025em; }
.experience-rail p { margin: 0; color: var(--brand-muted); font-size: 1rem; line-height: 1.55; }

.section-space { padding: 7.8rem 0; }
.section-intro { margin-bottom: 3.6rem; }
.section-title { margin: 0; color: var(--brand-navy); font-size: clamp(3rem, 5.4vw, 5.8rem); font-weight: 800; line-height: .96; letter-spacing: -.06em; }
.section-copy { color: var(--brand-muted); font-size: 1.04rem; line-height: 1.7; }

.service-grid { border: 1px solid var(--brand-line); }
.service-grid > div { border-right: 1px solid var(--brand-line); border-bottom: 1px solid var(--brand-line); }
.service-grid > div:nth-child(4n) { border-right: 0; }
.service-grid > div:nth-child(n+5) { border-bottom: 0; }
.service-card { min-height: 410px; display: flex; flex-direction: column; padding: 1.8rem; transition: background .25s ease, color .25s ease, transform .25s ease; }
.service-card:hover { color: #fff; background: var(--brand-navy); transform: translateY(-3px); }
.card-index { display: flex; align-items: center; justify-content: space-between; color: var(--brand-muted); font: 1rem/1 ui-monospace, monospace; }
.card-index b { color: var(--brand-teal-on-light); font-size: 1rem; letter-spacing: .12em; }
.service-card h3 { max-width: 275px; margin: 4.4rem 0 1.1rem; color: var(--brand-navy); font-size: 1.55rem; font-weight: 800; letter-spacing: -.04em; }
.service-card:hover h3 { color: #fff; }
.service-card p { color: var(--brand-muted); font-size: 1rem; line-height: 1.7; }
.service-card:hover p { color: rgba(255,255,255,.62); }
.service-card:hover .card-index b { color: #ffb24a; }
.tag-list { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.5rem; }
.tag-list span { padding: .4rem .58rem; border: 1px solid currentColor; border-radius: 999px; color: var(--brand-slate); font-size: 1rem; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; opacity: .78; }
.service-card:hover .tag-list span { color: var(--brand-orange); }
.service-card-link { align-self: flex-start; margin-top: auto; padding-top: 1.5rem; color: var(--brand-navy); border-bottom: 1px solid var(--brand-teal); font-size: 1rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.service-card:hover .service-card-link { color: var(--brand-orange); border-bottom-color: var(--brand-orange); }

.pricing-section { color: #fff; background: #1c0e0b; }
.pricing-section .section-copy { color: rgba(255,255,255,.62); }
.region-switcher { display: flex; flex-wrap: wrap; gap: .45rem; }
.region-btn {
  padding: .62rem .85rem; border: 1px solid rgba(255,255,255,.22); border-radius: 999px;
  color: rgba(255,255,255,.72); background: transparent; font-size: 1rem; font-weight: 850; letter-spacing: .065em; text-transform: uppercase;
}
.region-btn:hover, .region-btn.active, .region-btn[aria-pressed="true"] { color: var(--brand-navy); background: var(--brand-orange); border-color: var(--brand-orange); }
.region-lock { display: inline-flex; align-items: center; gap: .55rem; padding: .68rem .9rem; color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; font-size: 1rem; font-weight: 780; }
.region-lock span { color: var(--brand-orange); }
.region-status { color: rgba(255,255,255,.74); font-size: 1rem; }
.pricing-grid { margin-top: .4rem; }
.pricing-grid .col { display: flex; }
.pricing-card { position: relative; width: 100%; display: flex; flex-direction: column; min-height: 620px; padding: 2rem; overflow: hidden; background: linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.022)); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 22px 55px rgba(12,5,4,.18); transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.pricing-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: rgba(217,45,31,.55); }
.pricing-card:hover { transform: translateY(-6px); background: linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); border-color: rgba(255,136,0,.52); box-shadow: 0 30px 70px rgba(12,5,4,.3); }
.pricing-card--featured { background: linear-gradient(155deg,rgba(217,45,31,.2),rgba(217,45,31,.08)); border-color: rgba(217,45,31,.68); }
.pricing-card--featured::before { background: var(--brand-orange); }
.package-number { color: rgba(255,255,255,.7); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.package-badge { position: absolute; top: 1.35rem; right: 1.35rem; padding: .48rem .7rem; color: var(--brand-navy); background: var(--brand-orange); font-size: 1rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.pricing-card h3 { margin: 2.8rem 0 .85rem; font-size: clamp(1.7rem,2.2vw,2.2rem); font-weight: 820; letter-spacing: -.045em; }
.package-summary { min-height: 3.4rem; margin: 0 0 1.5rem; color: rgba(255,255,255,.74); font-size: 1rem; line-height: 1.65; }
.package-price { margin: 0 0 1.75rem; padding: 1.25rem 0; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.package-price strong, .package-price small { display: block; }
.package-price strong { color: var(--brand-orange); font-size: clamp(2rem,3vw,3rem); line-height: 1; letter-spacing: -.055em; white-space: nowrap; }
.package-price small { margin-top: .55rem; color: rgba(255,255,255,.7); font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; }
.pricing-card ul { margin: 0 0 2rem; padding: 0; list-style: none; }
.pricing-card li { position: relative; padding: .85rem 0 .85rem 1.35rem; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.72); font-size: 1rem; line-height: 1.5; }
.pricing-card li::before { content: "+"; position: absolute; left: 0; color: var(--brand-orange); }
.package-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding: 1rem 1.1rem; color: var(--brand-navy); background: var(--brand-orange); border: 1px solid var(--brand-orange); font-size: 1rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; transition: color .2s ease, background .2s ease, transform .2s ease; }
.package-link:hover { color: #fff; background: transparent; transform: translateY(-2px); }
.pricing-note { margin-top: 2rem; color: rgba(255,255,255,.74); font-size: 1rem; line-height: 1.6; }

.projects-section { background: #f2e9df; }
.project-filters { margin-top: 1.4rem; }
.filter-btn { border: 1px solid var(--brand-line); border-radius: 999px; padding: .45rem .85rem; color: var(--brand-slate); background: transparent; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.filter-btn:hover, .filter-btn.active, .filter-btn[aria-pressed="true"] { color: #fff; background: var(--brand-slate); border-color: var(--brand-slate); }
.project-list { perspective: 1600px; }
.project-item { transition: opacity .22s ease, transform .22s ease; }
.project-item.is-hidden { display: none; }
.project-card { height: 100%; display: grid; grid-template-columns: .9fr 1.1fr; color: var(--brand-ink); background: #fff; border: 1px solid var(--brand-line); transition: transform .25s ease, box-shadow .25s ease; }
.project-card--website { grid-template-columns: 1fr; }
.project-card:hover { color: var(--brand-ink); transform: translateY(-6px); box-shadow: 0 24px 55px rgba(28,16,13,.14); }
.project-visual { position: relative; min-height: 315px; display: grid; place-items: center; overflow: hidden; color: var(--brand-navy); }
.project-visual::after { content: ""; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(28,16,13,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(28,16,13,.22) 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(135deg,transparent,#000); }
.visual-aqua { background: #ffad3d; }
.visual-navy { color: #fff; background: var(--brand-slate); }
.visual-orange { background: var(--brand-orange); }
.visual-slate { color: #fff; background: var(--brand-navy); }
.visual-teal { background: var(--brand-teal); }
.project-card--website .project-visual { width: 100%; min-height: 0; aspect-ratio: 16 / 10; }
.project-visual--website { background: #ded4ca; }
.project-visual--website::after { opacity: .24; background: linear-gradient(180deg,transparent 76%,rgba(26,12,9,.72) 100%); mask-image: none; pointer-events: none; }
.project-visual--website img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: top center; background: #ded4ca; filter: saturate(.92); transition: filter .35s ease; }
.project-card:hover .project-visual--website img { filter: saturate(1); }
.project-visual--website .project-no, .project-visual--website .project-link { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.7); }
.project-visual--model { background: var(--brand-navy); }
.project-visual--model::before { content: ""; position: absolute; z-index: 2; width: 72%; aspect-ratio: 1; border: 1px solid rgba(217,45,31,.58); border-radius: 50%; opacity: .6; box-shadow: 0 0 36px rgba(217,45,31,.17), inset 0 0 22px rgba(255,136,0,.12); transform: rotateX(68deg) rotateZ(-12deg); transition: transform .65s cubic-bezier(.2,.65,.25,1), opacity .3s ease; pointer-events: none; }
.project-visual--model::after { z-index: 1; opacity: .54; background: linear-gradient(180deg, rgba(29,14,10,.02) 38%, rgba(19,9,7,.9) 100%); mask-image: none; pointer-events: none; }
.project-visual--model img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 315px; object-fit: cover; transition: transform .65s cubic-bezier(.2,.65,.25,1), filter .3s ease; }
.project-card--model { --tilt-x: 0deg; --tilt-y: 0deg; position: relative; grid-template-columns: 1.08fr .92fr; color: #fff; background: linear-gradient(145deg, #21120f, #130907 72%); border-color: rgba(217,45,31,.35); box-shadow: 0 22px 48px rgba(33,15,12,.18); transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; will-change: transform; }
.project-card--model:hover { color: #fff; box-shadow: 0 34px 70px rgba(22,10,8,.33), 0 0 0 1px rgba(217,45,31,.2); transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px); }
.project-card--model .project-visual { min-height: 350px; margin: .65rem 0 .65rem .65rem; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 18px 38px rgba(0,0,0,.32); transform: translateZ(28px); }
.project-card--model .project-content { min-width: 0; transform: translateZ(18px); }
.project-card--model .project-content h3 { color: #fff; }
.project-card--model .project-content small, .project-card--model .project-content p { color: rgba(255,255,255,.62); }
.project-card--model .tag-list span { color: #ffb24a; border-color: rgba(255,174,70,.46); }
.project-card--model:hover .project-visual--model img { filter: saturate(1.08) contrast(1.04); transform: scale(1.075); }
.project-card--model:hover .project-visual--model::before { opacity: .92; transform: rotateX(68deg) rotateZ(12deg) scale(1.08); }
.project-visual--model .project-no, .project-visual--model .project-link, .model-view-label { z-index: 3; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.65); }
.model-view-label { position: absolute; right: 1rem; bottom: 1rem; padding: .45rem .58rem; background: rgba(24,11,8,.7); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; backdrop-filter: blur(8px); font: 1rem/1 ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }
.project-card--interactive { cursor: default; }
.project-visual--interactive::before { display: none; }
.project-visual--interactive::after { z-index: 2; background: linear-gradient(180deg,transparent 62%,rgba(14,6,5,.76)); }
.project-visual--interactive model-viewer { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; background: radial-gradient(circle at 50% 44%,#4a2b22 0%,#21100c 48%,#0d0504 100%); --progress-bar-color: var(--brand-orange); --progress-bar-height: 4px; }
.project-card--interactive:hover { transform: translateY(-6px); }
.interactive-project-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding-top: 1rem; color: #ffb24a; border-top: 1px solid rgba(255,255,255,.14); font-size: 1rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.interactive-project-link:hover { color: #fff; }
.project-visual strong { position: relative; z-index: 2; font-size: clamp(4.5rem, 7vw, 7.5rem); font-weight: 950; letter-spacing: -.1em; transform: rotate(-7deg); text-shadow: 5px 5px 0 rgba(255,255,255,.28); }
.project-no, .project-link { position: absolute; z-index: 2; top: 1rem; padding: .4rem .48rem; color: #fff; background: rgba(28,16,13,.82); border: 1px solid rgba(255,255,255,.28); font: 1rem/1 ui-monospace, monospace; text-shadow: none; }
.project-no { left: 1rem; }
.project-link { right: 1rem; font-size: 1.25rem; }
.project-content { padding: 1.8rem; display: flex; flex-direction: column; }
.project-content small { color: var(--brand-muted); font-size: 1rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.project-content h3 { margin: 1.1rem 0 .9rem; color: var(--brand-navy); font-size: 1.8rem; font-weight: 800; letter-spacing: -.04em; }
.project-content p { color: var(--brand-muted); font-size: 1rem; line-height: 1.65; }
.project-content .tag-list { margin-top: auto; padding-top: 1.2rem; }

.model-page { background: #f2e9df; }
.model-page .navbar { background: rgba(35,16,12,.96); }
.model-detail-hero { --model-banner-image: url("../images/hero-integrated-services-v2.jpg"); position: relative; isolation: isolate; overflow: hidden; padding: 10rem 0 6.5rem; color: #fff; background: radial-gradient(circle at 72% 42%, rgba(217,45,31,.22), transparent 28%), linear-gradient(135deg, #21120f, #120806 76%); }
.model-detail-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(90deg,rgba(14,6,5,.95),rgba(14,6,5,.78) 55%,rgba(14,6,5,.88)),var(--model-banner-image); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; filter: saturate(.72); transform: scale(1.025); }
.model-detail-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 74% 40%,rgba(217,45,31,.22),transparent 28%); pointer-events: none; }
.model-detail-grid { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px); background-size: 42px 42px; }
.model-back-link { display: inline-flex; align-items: center; gap: .55rem; color: rgba(255,255,255,.65); font-size: 1rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.model-back-link:hover { color: var(--brand-orange); }
.model-detail-number { display: block; margin-bottom: 1.35rem; color: rgba(255,255,255,.35); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.model-detail-copy h1 { margin: 0; font-size: clamp(3.4rem, 6vw, 6.8rem); font-weight: 850; line-height: .88; letter-spacing: -.065em; }
.model-detail-copy > p:not(.section-label) { margin: 2rem 0 0; color: rgba(255,255,255,.67); font-size: 1rem; line-height: 1.75; }
.model-detail-copy .tag-list span { color: #ffc069; border-color: rgba(255,192,105,.45); }
.model-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; margin-top: 2rem; }
.model-detail-actions .text-link { color: #fff; }
.model-hero-proof { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.model-hero-proof span { padding: .55rem .7rem; color: rgba(255,255,255,.65); border: 1px solid rgba(255,192,105,.32); font: 700 1rem/1 ui-monospace,monospace; letter-spacing: .07em; text-transform: uppercase; }
.model-detail-stage { --tilt-x: 0deg; --tilt-y: 0deg; position: relative; min-height: 570px; overflow: hidden; background: #0e0604; border: 1px solid rgba(255,255,255,.22); box-shadow: 0 42px 90px rgba(0,0,0,.38); transform: perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; transition: transform .24s ease, box-shadow .3s ease; will-change: transform; }
.model-detail-stage::before { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; width: 76%; aspect-ratio: 1; border: 1px solid rgba(217,45,31,.62); border-radius: 50%; box-shadow: 0 0 62px rgba(217,45,31,.22), inset 0 0 34px rgba(255,136,0,.13); transform: translate(-50%,-50%) rotateX(70deg) rotateZ(-14deg); pointer-events: none; }
.model-detail-stage::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, transparent 48%, rgba(14,6,5,.82) 100%); pointer-events: none; }
.model-detail-stage:hover { box-shadow: 0 52px 110px rgba(0,0,0,.48), 0 0 0 1px rgba(217,45,31,.24); }
.model-detail-stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transform: translateZ(24px) scale(1.01); }
.model-detail-stage model-viewer { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; background: radial-gradient(circle at 50% 43%,#4a2b22 0%,#21100c 50%,#0d0504 100%); --progress-bar-color: var(--brand-orange); --progress-bar-height: 4px; }
.model-detail-stage model-viewer[hidden] { display: none; }
.model-detail-stage.has-interactive-model { transform: none; will-change: auto; }
.model-detail-stage.has-interactive-model::before { display: none; }
.model-detail-stage.has-interactive-model::after { z-index: 2; background: linear-gradient(180deg,transparent 68%,rgba(14,6,5,.72)); }
.model-detail-stage.has-interactive-model .model-detail-view-label { pointer-events: none; }
.model-detail-view-label { position: absolute; z-index: 3; right: 1.1rem; bottom: 1.1rem; padding: .5rem .65rem; color: #fff; background: rgba(24,11,8,.72); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; backdrop-filter: blur(8px); font: 1rem/1 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.model-detail-axis { position: absolute; z-index: 3; color: rgba(255,255,255,.42); font: 1rem/1 ui-monospace, monospace; }
.model-detail-axis::after { content: ""; position: absolute; background: rgba(255,255,255,.22); }
.model-detail-axis.axis-x { left: 1rem; bottom: 1.1rem; }
.model-detail-axis.axis-x::after { left: 1rem; bottom: .2rem; width: 55px; height: 1px; }
.model-detail-axis.axis-y { top: 1rem; left: 1.1rem; }
.model-detail-axis.axis-y::after { top: 1rem; left: .2rem; width: 1px; height: 55px; }
.model-detail-overview { padding: 7.5rem 0; background: #f2e9df; }
.model-detail-overview h2 { margin: 0; color: var(--brand-navy); font-size: clamp(3rem,5vw,5.4rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.model-detail-description { max-width: 800px; }
.model-detail-description p { color: #6b554d; font-size: 1.02rem; line-height: 1.85; }
.model-detail-description p + p { margin-top: 1.4rem; }
.model-meta-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(28,16,13,.18); background: rgba(255,255,255,.48); }
.model-meta-grid > div { padding: 1.4rem; }
.model-meta-grid > div + div { border-left: 1px solid rgba(28,16,13,.18); }
.model-meta-grid small, .model-meta-grid strong { display: block; }
.model-meta-grid small { color: var(--brand-muted); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.model-meta-grid strong { margin-top: .75rem; color: var(--brand-navy); font-size: 1rem; line-height: 1.45; }
.model-content-section { padding: 7rem 0; background: #fff; }
.model-content-section h2, .model-faq-section h2 { margin: 0; color: var(--brand-navy); font-size: clamp(3rem,5vw,5.4rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.model-content-lead { max-width: 760px; color: #6b554d; font-size: 1.08rem; line-height: 1.8; }
.model-use-card { height: 100%; min-height: 230px; padding: 1.5rem; border: 1px solid var(--brand-line); background: #f7f2ec; }
.model-use-card span { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.model-use-card h3 { margin: 3rem 0 .8rem; color: var(--brand-navy); font-size: 1.3rem; font-weight: 820; letter-spacing: -.035em; }
.model-use-card p { margin: 0; color: var(--brand-muted); font-size: 1rem; line-height: 1.65; }
.delivery-strip { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--brand-line); }
.delivery-strip > div { min-height: 205px; padding: 1.35rem; border-right: 1px solid var(--brand-line); }
.delivery-strip > div:last-child { border-right: 0; }
.delivery-strip span, .delivery-strip strong { display: block; }
.delivery-strip span { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; }
.delivery-strip strong { margin-top: 3rem; color: var(--brand-navy); font-size: 1.18rem; }
.delivery-strip p { margin: .65rem 0 0; color: var(--brand-muted); font-size: 1rem; line-height: 1.55; }
.model-faq-section { padding: 7rem 0; background: #f2e9df; border-top: 1px solid var(--brand-line); }
.model-faq-section .col-lg-5 > p:last-child { max-width: 520px; margin-top: 1.7rem; color: var(--brand-muted); line-height: 1.75; }
.model-project-nav { padding: 3rem 0; color: #fff; background: var(--brand-navy); border-top: 1px solid rgba(255,255,255,.14); }
.model-project-nav a { min-width: 250px; color: #fff; }
.model-project-nav a:hover { color: var(--brand-orange); }
.model-project-nav small, .model-project-nav strong { display: block; }
.model-project-nav small { color: rgba(255,255,255,.42); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.model-project-nav strong { margin-top: .65rem; font-size: 1.25rem; }
.model-not-found { min-height: 70vh; display: grid; place-items: center; padding: 10rem 0 5rem; color: #fff; background: var(--brand-navy); }

.performance-section { overflow: hidden; color: #fff; background: var(--brand-navy); }
.performance-intro { padding: 7rem 4vw; border-right: 1px solid rgba(255,255,255,.14); }
.performance-intro .section-title { color: #fff; font-size: clamp(3rem, 5vw, 5.3rem); }
.performance-intro > p:not(.section-label) { max-width: 620px; margin: 2rem 0 0; color: rgba(255,255,255,.62); line-height: 1.7; }
.text-brand { color: var(--brand-orange) !important; }
.performance-note { margin-top: 2.3rem; color: var(--brand-orange); font-size: 1rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.performance-project-spotlight { display: block; max-width: 640px; margin-top: 2.8rem; color: #fff; border: 1px solid rgba(255,178,74,.3); background: #130a08; overflow: hidden; }
.performance-project-spotlight figure { margin: 0; }
.performance-project-spotlight img { width: 100%; height: auto; display: block; object-fit: contain; object-position: top center; background: #f5f0ea; filter: saturate(.86) contrast(1.02); transition: filter .3s ease; }
.performance-project-spotlight figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border-top: 1px solid rgba(255,255,255,.12); }
.performance-project-spotlight figcaption span { color: var(--brand-orange); font: 1rem/1.35 ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.performance-project-spotlight figcaption strong { color: #fff; font-size: 1rem; text-align: right; }
.performance-project-spotlight:hover { color: #fff; border-color: rgba(255,178,74,.62); }
.performance-project-spotlight:hover img { filter: saturate(1) contrast(1.02); }
.growth-panel { min-height: 0; padding: 7rem 3vw; border-right: 1px solid rgba(255,255,255,.14); }
.growth-panel:last-child { border-right: 0; }
.growth-number { color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.growth-panel h3 { margin: 4.8rem 0 1.2rem; font-size: 1.8rem; font-weight: 800; letter-spacing: -.04em; }
.growth-panel p { color: rgba(255,255,255,.55); font-size: 1rem; line-height: 1.7; }
.growth-panel ul { margin: 2rem 0 0; padding: 0; list-style: none; }
.growth-panel li { padding: .85rem 0; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.78); font-size: 1rem; }
.growth-panel li::before { content: "+"; margin-right: .55rem; color: var(--brand-orange); }

.scroll-showcase { position: relative; scroll-margin-top: 105px; background: linear-gradient(180deg,#f6efe7 0%,#eee2d5 100%); }
.scroll-showcase::before { content: ""; position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(28,16,13,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(28,16,13,.07) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg,#000,transparent 68%); pointer-events: none; }
.scroll-showcase .container-xxl { position: relative; }
.scroll-showcase-sidebar { align-self: stretch; }
.scroll-showcase-copy { position: sticky; top: 128px; height: max-content; padding-right: 2rem; }
.scroll-showcase-copy .section-title { max-width: 600px; }
.scroll-showcase-copy > p:not(.section-label) { max-width: 620px; margin: 2rem 0 0; color: var(--brand-muted); font-size: 1rem; line-height: 1.8; }
.scroll-cue { display: flex; align-items: center; gap: 1rem; margin: 2.2rem 0; color: var(--brand-teal); font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.scroll-cue i { position: relative; width: 94px; height: 1px; display: block; overflow: visible; background: linear-gradient(90deg,var(--brand-teal),rgba(217,45,31,.1)); }
.scroll-cue i::after { content: "↓"; position: absolute; right: -3px; top: -9px; color: var(--brand-teal); font-style: normal; }
.scroll-project-stack { position: relative; }
.scroll-project-card { position: sticky; top: var(--stack-offset); display: block; overflow: hidden; margin-bottom: 15vh; color: #fff; background: #120806; border: 1px solid rgba(28,16,13,.28); box-shadow: 0 28px 70px rgba(28,16,13,.2); }
.scroll-project-card:last-child { margin-bottom: 0; }
.scroll-project-card::before { content: ""; position: absolute; z-index: 3; top: 0; right: 0; left: 0; height: 6px; background: var(--scroll-accent,var(--brand-orange)); }
.scroll-project-card--red { --scroll-accent: var(--brand-teal); }
.scroll-project-card--gold { --scroll-accent: #e7b55d; }
.scroll-project-card--cream { --scroll-accent: #f6d8b7; }
.scroll-project-image { width: 100%; aspect-ratio: 16 / 10; display: grid; place-items: center; overflow: hidden; background: #eee5db; border-bottom: 1px solid rgba(255,255,255,.14); }
.scroll-project-card--gold .scroll-project-image,.scroll-project-card--cream .scroll-project-image { background: #090504; }
.scroll-project-image img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; filter: saturate(.9) contrast(1.02); transition: filter .35s ease; }
.scroll-project-card:hover { color: #fff; }
.scroll-project-card:hover .scroll-project-image img { filter: saturate(1) contrast(1.02); }
.scroll-project-meta { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 1.4rem; padding: 1.35rem 1.5rem 1.5rem; background: linear-gradient(135deg,#1a0c09,#100705); }
.scroll-project-meta small { color: var(--scroll-accent,var(--brand-orange)); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.scroll-project-meta h3 { margin: .7rem 0 .5rem; color: #fff; font-size: clamp(2rem,3.4vw,3.4rem); font-weight: 850; line-height: .94; letter-spacing: -.055em; }
.scroll-project-meta p { max-width: 620px; margin: 0; color: rgba(255,255,255,.7); font-size: 1rem; line-height: 1.55; }
.scroll-project-meta > span { color: var(--scroll-accent,var(--brand-orange)); font-size: 2rem; line-height: 1; }

.studio-section { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: linear-gradient(135deg,#120806 0%,#24100c 54%,#170a07 100%); }
.studio-section::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(110deg,#000,transparent 66%); }
.studio-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.studio-glow--one { top: -260px; right: -190px; width: 640px; height: 640px; background: radial-gradient(circle,rgba(217,45,31,.3),transparent 68%); }
.studio-glow--two { bottom: -320px; left: -230px; width: 700px; height: 700px; background: radial-gradient(circle,rgba(255,136,0,.16),transparent 68%); }
.studio-section .section-label { color: var(--brand-orange); }
.studio-section .section-title { max-width: 630px; color: #fff; }
.studio-section .section-title em { display: block; color: #ffb24a; font-style: normal; }
.studio-section .section-copy { max-width: 650px; color: rgba(255,255,255,.68); line-height: 1.8; }
.dark-tags span { color: #f7d4a3; border-color: rgba(255,178,74,.42); background: rgba(255,136,0,.055); }
.studio-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.4rem; margin-top: 2rem; }
.studio-actions .text-link { color: #fff; }
.render-board { position: relative; color: #fff; background: #0e0705; border: 1px solid rgba(255,178,74,.34); box-shadow: 20px 20px 0 rgba(217,45,31,.2),0 32px 80px rgba(0,0,0,.34); }
.render-board::before { content: ""; position: absolute; z-index: 2; top: -1px; left: -1px; width: 115px; height: 6px; background: var(--brand-orange); }
.render-header { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.58); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; }
.render-body { position: relative; height: 430px; overflow: hidden; margin: 0; background: #090504; }
.render-body::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(10,4,3,.84)),linear-gradient(90deg,rgba(217,45,31,.08),transparent 45%); pointer-events: none; }
.render-body img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.86) contrast(1.06); transition: transform .65s cubic-bezier(.2,.65,.25,1),filter .35s ease; }
.render-board:hover .render-body img { transform: scale(1.025); filter: saturate(1) contrast(1.06); }
.render-body figcaption { position: absolute; z-index: 2; right: 1.2rem; bottom: 1.2rem; left: 1.2rem; }
.render-body figcaption small,.render-body figcaption strong { display: block; }
.render-body figcaption small { color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.render-body figcaption strong { margin-top: .55rem; color: #fff; font-size: 1.55rem; font-weight: 850; letter-spacing: -.035em; }
.render-status { position: absolute; z-index: 2; top: 1rem; right: 1rem; display: inline-flex; align-items: center; gap: .55rem; padding: .65rem .8rem; color: #fff; background: rgba(14,7,5,.8); border: 1px solid rgba(255,255,255,.2); font: 750 1rem/1 ui-monospace,monospace; backdrop-filter: blur(10px); }
.render-status i { width: 10px; height: 10px; display: block; border-radius: 50%; background: var(--brand-orange); box-shadow: 0 0 16px rgba(255,136,0,.85); }
.render-footer { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.13); }
.render-footer > div { padding: .9rem 1rem; border-right: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.42); }
.render-footer > div:last-child { border-right: 0; }
.render-footer small,.render-footer strong { display: block; font-size: 1rem; }
.render-footer small { font-family: ui-monospace,monospace; }
.render-footer strong { margin-top: .35rem; color: rgba(255,255,255,.7); text-transform: uppercase; }
.render-footer .active { background: rgba(255,136,0,.08); }
.render-footer .active small,.render-footer .active strong { color: var(--brand-orange); }
.studio-card { position: relative; min-height: 270px; display: flex; flex-direction: column; padding: 1.5rem; color: #fff; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.15); transition: transform .3s ease,border-color .3s ease,background .3s ease; }
.studio-card::before { content: ""; position: absolute; top: -1px; right: -1px; left: -1px; height: 5px; background: var(--studio-card-accent,var(--brand-orange)); }
.studio-card--red { --studio-card-accent: var(--brand-teal); }
.studio-card--gold { --studio-card-accent: #e7b55d; }
.studio-card:hover { color: #fff; border-color: rgba(255,178,74,.48); background: rgba(255,255,255,.065); transform: translateY(-6px); }
.studio-card > div { display: flex; justify-content: space-between; gap: 1rem; color: var(--studio-card-accent,var(--brand-orange)); }
.studio-card span { font: 1rem/1 ui-monospace,monospace; letter-spacing: .08em; }
.studio-card b { font-size: 1.2rem; font-weight: 500; }
.studio-card h3 { margin: 3.8rem 0 .85rem; color: #fff; font-size: 1.42rem; font-weight: 820; line-height: 1.2; }
.studio-card p { margin: 0; color: rgba(255,255,255,.62); font-size: 1rem; line-height: 1.65; }
.studio-card > small { margin-top: auto; padding-top: 1.3rem; color: #f6bd6f; font-size: 1rem; font-weight: 820; text-transform: uppercase; letter-spacing: .06em; }

.process-row { border-top: 1px solid var(--brand-line); }
.process-row > div { border-right: 1px solid var(--brand-line); }
.process-row > div:last-child { border-right: 0; }
.process-row article { min-height: 235px; padding: 1.6rem; display: flex; flex-direction: column; justify-content: space-between; }
.process-row article > span { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; }
.process-row h3 { color: var(--brand-navy); font-size: 1.45rem; font-weight: 800; }
.process-row p { margin: 0; color: var(--brand-muted); font-size: 1rem; }

.brief-section { background: #fff; }
.brief-shell { border: 1px solid var(--brand-line); box-shadow: 0 28px 70px rgba(36,17,13,.1); }
.brief-intro { padding: 4rem 3rem; color: #fff; background: var(--brand-navy); }
.brief-intro h2 { margin: 0; font-size: clamp(2.7rem,4.4vw,4.7rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.brief-intro > p:not(.section-label) { margin: 2rem 0 0; color: rgba(255,255,255,.62); line-height: 1.75; }
.brief-contact { display: grid; gap: .7rem; margin-top: 2.2rem; }
.brief-contact a { display: block; padding: .85rem 0; border-top: 1px solid rgba(255,255,255,.14); color: #fff; overflow-wrap: anywhere; }
.brief-contact small, .brief-contact strong { display: block; }
.brief-contact small { color: var(--brand-orange); font-size: 1rem; letter-spacing: .1em; text-transform: uppercase; }
.brief-contact strong { margin-top: .35rem; font-size: 1rem; }
.brief-steps { display: grid; gap: .8rem; margin-top: 2.3rem; }
.brief-steps span { color: rgba(255,255,255,.72); font-size: 1rem; }
.brief-steps b { display: inline-block; min-width: 2rem; color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; }
.brief-form-wrap { padding: 4rem 3.5rem; background: #faf6f1; }
.project-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.project-form .form-label, .project-form legend { margin-bottom: .6rem; color: var(--brand-navy); font-size: 1rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.project-form .form-label span, .project-form legend span { color: var(--brand-muted); font-size: 1rem; font-weight: 650; letter-spacing: .02em; text-transform: none; }
.project-form .form-control, .project-form .form-select { min-height: 52px; border: 1px solid rgba(28,16,13,.22); border-radius: 2px; color: var(--brand-ink); background-color: #fff; box-shadow: none; }
.project-form textarea.form-control { min-height: 150px; padding-top: .9rem; resize: vertical; }
.project-form .form-control:focus, .project-form .form-select:focus { border-color: var(--brand-teal); box-shadow: 0 0 0 .2rem rgba(217,45,31,.12); }
.service-checks { display: grid; grid-template-columns: repeat(2,1fr); gap: .55rem; }
.service-checks label { display: flex; align-items: center; gap: .6rem; min-height: 48px; padding: .7rem .8rem; color: var(--brand-slate); background: #fff; border: 1px solid rgba(28,16,13,.16); cursor: pointer; font-size: 1rem; font-weight: 700; }
.service-checks input, .consent-check input { accent-color: var(--brand-teal); }
.consent-check { display: flex; align-items: flex-start; gap: .7rem; color: var(--brand-muted); font-size: 1rem; line-height: 1.55; }
.consent-check input { margin-top: .22rem; }
.form-note { color: var(--brand-muted); font-size: 1rem; }
.form-status { margin-bottom: 1.4rem; padding: 1rem; border-left: 4px solid var(--brand-teal); color: var(--brand-navy); background: rgba(217,45,31,.1); font-size: 1rem; }
.form-status.is-error { border-left-color: #c63a24; background: rgba(177,68,54,.09); }

.quick-enquiry-section { padding: 5.5rem 0; background: #fff; }
.quick-enquiry-shell { border: 1px solid var(--brand-line); background: #faf6f1; }
.quick-enquiry-copy { padding: 3rem; color: #fff; background: var(--brand-navy); }
.quick-enquiry-copy h2 { margin: 0; font-size: clamp(2.4rem,4vw,4.2rem); font-weight: 850; line-height: .95; letter-spacing: -.055em; }
.quick-enquiry-copy p { margin: 1.5rem 0 0; color: rgba(255,255,255,.62); line-height: 1.7; }
.quick-enquiry-copy a { color: var(--brand-orange); overflow-wrap: anywhere; }
.quick-enquiry-form { padding: 3rem; }

.faq-section { border-top: 1px solid var(--brand-line); }
.accordion { --bs-accordion-bg: transparent; --bs-accordion-border-color: var(--brand-line); --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg: transparent; --bs-accordion-active-color: var(--brand-teal-on-light); }
.accordion-button { padding: 1.5rem 0; color: var(--brand-navy); background: transparent; font-weight: 780; }
.accordion-body { padding: 0 0 1.5rem; color: var(--brand-muted); line-height: 1.7; }
.accordion-button:not(.collapsed) { box-shadow: none; }

.closing-section { padding: 7.5rem 0; background: var(--brand-orange); }
.closing-section .section-label { color: var(--brand-navy); }
.closing-section h2 { max-width: 1100px; margin: 1.5rem auto 2.4rem; color: var(--brand-navy); font-size: clamp(3rem, 5.8vw, 6.5rem); font-weight: 850; line-height: .94; letter-spacing: -.065em; }
.closing-section .btn-dark { background: var(--brand-navy); border-color: var(--brand-navy); }
.site-footer { padding: 3.3rem 0 2rem; color: #fff; background: #271510; }
.site-footer p { color: rgba(255,255,255,.76); font-size: 1rem; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1.3rem; }
.footer-links a, .footer-bottom a { color: rgba(255,255,255,.82); font-size: 1rem; }
.footer-links a:hover, .footer-bottom a:hover { color: var(--brand-orange); }
.footer-bottom { margin-top: 2.2rem; padding-top: 1.3rem; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.68); font-size: 1rem; }
.whatsapp-float { position: fixed; z-index: 1080; right: clamp(1rem,2vw,1.6rem); bottom: clamp(1rem,2vw,1.6rem); min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .75rem 1.05rem; color: #fff; background: #0b6b36; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; box-shadow: 0 15px 38px rgba(7,82,38,.34); font-size: 1rem; font-weight: 850; letter-spacing: .015em; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; }
.whatsapp-float:hover { color: #fff; background: #07572c; box-shadow: 0 19px 44px rgba(7,82,38,.42); transform: translateY(-3px); }
.whatsapp-float:focus-visible { color: #fff; outline: 3px solid rgba(255,136,0,.7); outline-offset: 4px; }
.whatsapp-float__icon { width: 30px; height: 30px; display: inline-grid; place-items: center; color: #0b6b36; background: #fff; border-radius: 50%; font-size: 1.05rem; line-height: 1; }

.inner-page { background: var(--brand-paper); }
.inner-page .navbar { background: rgba(35,16,12,.97); }
.inner-hero { --banner-image: url("../images/hero-integrated-services-v2.jpg"); --banner-position: center; position: relative; isolation: isolate; overflow: hidden; padding: 12rem 0 6rem; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(217,45,31,.28), transparent 27%), linear-gradient(135deg,#25110d,#120806 78%); }
.inner-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(90deg,rgba(14,6,5,.95) 0%,rgba(14,6,5,.8) 52%,rgba(14,6,5,.87) 100%),linear-gradient(180deg,rgba(42,20,15,.2),rgba(12,5,4,.72)),var(--banner-image); background-position: center,center,var(--banner-position); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; filter: saturate(.78) contrast(1.06); transform: scale(1.025); }
.inner-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 78% 24%,rgba(217,45,31,.2),transparent 28%); pointer-events: none; }
.inner-grid { position: absolute; inset: 0; opacity: .1; background-image: linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size: 44px 44px; }
.inner-hero h1 { margin: 0; font-size: clamp(4rem,8vw,8.6rem); font-weight: 850; line-height: .86; letter-spacing: -.075em; }
.inner-hero-lead { margin: 0 0 2rem; color: rgba(255,255,255,.66); font-size: 1rem; line-height: 1.75; }
.inner-hero--about { --banner-image: url("../images/hero-integrated-services-v2.jpg"); --banner-position: center; min-height: min(900px,100vh); display: flex; align-items: center; padding: 10rem 0 5rem; background: radial-gradient(circle at 12% 18%, rgba(217,45,31,.22), transparent 30%), radial-gradient(circle at 86% 72%, rgba(255,136,0,.1), transparent 22%), linear-gradient(135deg,#25110d,#110806 78%); }
.inner-hero--about h1 { max-width: 760px; margin-top: 1.35rem; font-size: clamp(4.25rem,6.2vw,7.1rem); line-height: .89; }
.inner-hero--about h1 em { display: block; color: var(--brand-orange); font-style: normal; }
.about-hero-lead { max-width: 700px; margin: 1.8rem 0 0; color: rgba(255,255,255,.72); font-size: clamp(1rem,1.12vw,1.1rem); line-height: 1.75; }
.about-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.about-hero-actions .text-link { color: #fff; }
.about-hero-proof { display: grid; grid-template-columns: repeat(3,1fr); max-width: 720px; margin-top: 2.5rem; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.about-hero-proof > div { min-height: 105px; padding: 1.15rem 1rem 1rem 0; border-right: 1px solid rgba(255,255,255,.16); }
.about-hero-proof > div + div { padding-left: 1rem; }
.about-hero-proof > div:last-child { border-right: 0; }
.about-hero-proof strong,.about-hero-proof span { display: block; }
.about-hero-proof strong { color: var(--brand-orange); font-size: 1.55rem; font-weight: 900; letter-spacing: -.045em; }
.about-hero-proof span { margin-top: .3rem; color: rgba(255,255,255,.56); font-size: 1rem; line-height: 1.45; }
.about-hero-stage { position: relative; min-height: 650px; margin-left: 1rem; }
.about-hero-main-image { position: absolute; inset: 0 0 105px 8%; overflow: hidden; margin: 0; border: 1px solid rgba(255,192,105,.28); box-shadow: 0 36px 80px rgba(0,0,0,.34); }
.about-hero-main-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(16,7,5,.48)); }
.about-hero-main-image img { width: 100%; height: 100%; object-fit: cover; }
.about-hero-work-grid { position: absolute; right: 5%; bottom: 0; left: 0; display: grid; grid-template-columns: 1.12fr .88fr; gap: .8rem; width: 82%; }
.about-hero-work-grid figure { position: relative; height: 175px; overflow: hidden; margin: 0; border: 5px solid #1b0d0a; box-shadow: 0 20px 50px rgba(0,0,0,.3); }
.about-hero-work-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.about-hero-work-grid figure:hover img { transform: scale(1.04); }
.about-hero-work-grid figcaption { position: absolute; right: .8rem; bottom: .7rem; left: .8rem; color: #fff; font: 700 1rem/1.2 ui-monospace,monospace; letter-spacing: .09em; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0,0,0,.9); }
.about-hero-studio-note { position: absolute; top: 2rem; left: 0; z-index: 2; padding: .9rem 1.05rem; color: var(--brand-navy); background: var(--brand-orange); box-shadow: 12px 12px 0 rgba(23,10,8,.75); }
.about-hero-studio-note span,.about-hero-studio-note strong { display: block; }
.about-hero-studio-note span { font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .12em; text-transform: uppercase; }
.about-hero-studio-note strong { margin-top: .38rem; font-size: 1rem; }
.inner-hero--rich { min-height: min(900px,100vh); display: flex; align-items: center; padding: 10rem 0 5rem; }
.inner-hero--rich h1 { max-width: 760px; margin-top: 1.35rem; font-size: clamp(3.8rem,4.8vw,5.75rem); line-height: .91; }
.inner-hero--rich h1 em { display: block; color: var(--brand-orange); font-style: normal; }
.inner-hero--services { --banner-image: url("../images/services-growth-studio-v2.webp"); --banner-position: center; background: radial-gradient(circle at 86% 22%, rgba(217,45,31,.25), transparent 28%), linear-gradient(135deg,#25110d,#100705 78%); }
.inner-hero--work { --banner-image: url("../images/website-projects/aquabuild.png"); --banner-position: 68% center; background: radial-gradient(circle at 15% 78%, rgba(255,136,0,.11), transparent 24%), radial-gradient(circle at 83% 30%, rgba(217,45,31,.2), transparent 27%), linear-gradient(135deg,#25110d,#0f0705 78%); }
.inner-hero--packages { --banner-image: url("../images/hero-integrated-services-v2.jpg"); --banner-position: 72% center; background: radial-gradient(circle at 84% 20%, rgba(255,136,0,.12), transparent 25%), linear-gradient(135deg,#25110d,#110806 78%); }
.inner-hero--contact { --banner-image: url("../images/website-projects/mongrila.png"); --banner-position: center top; background: radial-gradient(circle at 18% 75%, rgba(217,45,31,.22), transparent 25%), linear-gradient(135deg,#25110d,#100705 78%); }
.rich-hero-lead { max-width: 700px; margin: 1.7rem 0 0; color: rgba(255,255,255,.7); font-size: clamp(1rem,1.08vw,1.08rem); line-height: 1.75; }
.rich-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.rich-hero-actions .text-link { color: #fff; }
.rich-hero-proof { display: grid; grid-template-columns: repeat(3,1fr); max-width: 720px; margin-top: 2.45rem; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.rich-hero-proof > div { min-height: 102px; padding: 1.1rem 1rem 1rem 0; border-right: 1px solid rgba(255,255,255,.16); }
.rich-hero-proof > div + div { padding-left: 1rem; }
.rich-hero-proof > div:last-child { border-right: 0; }
.rich-hero-proof strong,.rich-hero-proof span { display: block; }
.rich-hero-proof strong { color: var(--brand-orange); font-size: 1.5rem; font-weight: 900; letter-spacing: -.045em; }
.rich-hero-proof span { margin-top: .35rem; color: rgba(255,255,255,.55); font-size: 1rem; line-height: 1.42; }
.rich-hero-media { position: relative; min-height: 650px; margin-left: 1rem; }
.rich-hero-media figure { position: absolute; inset: 0 0 82px 7%; overflow: hidden; margin: 0; border: 1px solid rgba(255,192,105,.28); box-shadow: 0 36px 80px rgba(0,0,0,.34); }
.rich-hero-media figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(15,7,5,.62)); }
.rich-hero-media figure img { width: 100%; height: 100%; object-fit: cover; }
.rich-hero-float-card { position: absolute; left: 0; bottom: 0; z-index: 2; width: 66%; padding: 1.2rem 1.3rem; color: var(--brand-navy); background: var(--brand-orange); box-shadow: 14px 14px 0 rgba(16,7,5,.8); }
.rich-hero-float-card span,.rich-hero-float-card strong { display: block; }
.rich-hero-float-card span { font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .11em; text-transform: uppercase; }
.rich-hero-float-card strong { margin-top: .6rem; font-size: 1rem; line-height: 1.45; }
.service-hero-capabilities { position: absolute; top: 2rem; right: -1rem; z-index: 2; display: grid; grid-template-columns: repeat(2,1fr); width: 210px; padding: .45rem; background: rgba(18,8,6,.9); border: 1px solid rgba(255,192,105,.35); backdrop-filter: blur(12px); }
.service-hero-capabilities span { padding: .65rem .55rem; color: #ffd18a; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); font: 750 1rem/1 ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.service-hero-capabilities span:nth-child(2n) { border-right: 0; }
.service-hero-capabilities span:nth-child(n+7) { border-bottom: 0; }
.work-hero-showcase { position: relative; min-height: 650px; margin-left: 1rem; }
.work-hero-showcase figure { position: absolute; overflow: hidden; margin: 0; border: 5px solid #150b09; box-shadow: 0 28px 70px rgba(0,0,0,.35); }
.work-hero-showcase figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(13,6,4,.72)); }
.work-hero-showcase img { width: 100%; height: 100%; object-fit: cover; }
.work-hero-site { background: #ded4ca; }
.work-hero-site img { object-fit: cover; object-position: top center; }
.work-hero-showcase figcaption { position: absolute; right: 1rem; bottom: .9rem; left: 1rem; z-index: 2; color: #fff; font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .09em; text-transform: uppercase; }
.work-hero-site { top: 0; right: 16%; left: 0; height: auto; aspect-ratio: 1425 / 780; }
.work-hero-model { top: 175px; right: 0; width: 43%; height: 280px; }
.work-hero-detail { right: 7%; bottom: 0; width: 34%; height: 185px; }
.work-hero-label { position: absolute; left: 3%; bottom: 58px; z-index: 3; padding: 1rem 1.1rem; color: var(--brand-navy); background: var(--brand-orange); box-shadow: 10px 10px 0 rgba(15,7,5,.78); }
.work-hero-label span,.work-hero-label strong { display: block; }
.work-hero-label span { font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .11em; text-transform: uppercase; }
.work-hero-label strong { margin-top: .45rem; font-size: 1rem; }
.pricing-market-status { display: inline-flex; align-items: center; gap: .75rem; margin-top: 2.4rem; padding: .8rem 1rem; color: #fff; border: 1px solid rgba(255,192,105,.35); background: rgba(217,45,31,.09); }
.pricing-market-status > span { color: #75d48b; font-size: 1rem; }
.pricing-market-status small,.pricing-market-status strong { display: block; }
.pricing-market-status small { color: rgba(255,255,255,.48); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.pricing-market-status strong { margin-top: .35rem; color: #fff; font-size: 1rem; }
.pricing-hero-card { position: relative; min-height: 610px; margin-left: 1rem; padding: 2rem; color: var(--brand-navy); background: #f3ebe2; box-shadow: 22px 22px 0 rgba(217,45,31,.2), 0 40px 90px rgba(0,0,0,.28); }
.pricing-hero-card::before { content: ""; position: absolute; top: 0; right: 0; width: 86px; height: 8px; background: var(--brand-orange); }
.pricing-hero-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding-bottom: 1.3rem; border-bottom: 1px solid rgba(28,16,13,.22); }
.pricing-hero-heading span,.pricing-hero-heading strong { display: block; }
.pricing-hero-heading span,.pricing-hero-heading > small { color: var(--brand-muted); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.pricing-hero-heading strong { margin-top: .5rem; font-size: 1.25rem; }
.pricing-hero-list a { display: grid; grid-template-columns: 1fr auto; gap: .25rem 1rem; align-items: center; padding: 1.05rem 0; color: var(--brand-navy); border-bottom: 1px solid rgba(28,16,13,.16); }
.pricing-hero-list a > span { font-size: 1rem; font-weight: 780; }
.pricing-hero-list a > strong { color: var(--brand-teal); font-size: 1.22rem; font-weight: 900; letter-spacing: -.04em; }
.pricing-hero-list a > small { grid-column: 2; color: var(--brand-muted); font-size: 1rem; text-align: right; }
.pricing-hero-card > p { margin: 1.3rem 0 0; color: var(--brand-muted); font-size: 1rem; line-height: 1.55; }
.contact-hero-card { position: relative; min-height: 610px; margin-left: 1rem; padding: 2.25rem; color: #fff; background: rgba(18,8,6,.78); border: 1px solid rgba(255,192,105,.3); box-shadow: 0 36px 80px rgba(0,0,0,.32); backdrop-filter: blur(10px); }
.contact-hero-card::after { content: ""; position: absolute; top: -1px; right: -1px; width: 110px; height: 8px; background: var(--brand-orange); }
.contact-hero-card h2 { max-width: 520px; margin: 1.4rem 0 2rem; font-size: clamp(2.4rem,3.3vw,3.8rem); font-weight: 850; line-height: .95; letter-spacing: -.055em; }
.contact-hero-card ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.13); }
.contact-hero-card li { display: grid; grid-template-columns: 44px 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.13); }
.contact-hero-card li > span { color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; }
.contact-hero-card li strong { display: block; font-size: 1rem; }
.contact-hero-card li p { margin: .3rem 0 0; color: rgba(255,255,255,.5); font-size: 1rem; line-height: 1.45; }
.contact-hero-direct { display: grid; grid-template-columns: .8fr 1.2fr; margin-top: 1.3rem; border: 1px solid rgba(255,255,255,.13); }
.contact-hero-direct a { min-width: 0; padding: .9rem; color: #fff; border-right: 1px solid rgba(255,255,255,.13); }
.contact-hero-direct a:last-child { border-right: 0; }
.contact-hero-direct small,.contact-hero-direct strong { display: block; }
.contact-hero-direct small { color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.contact-hero-direct strong { margin-top: .45rem; overflow-wrap: anywhere; font-size: 1rem; }
.about-story-section { background: #f6efe7; }
.about-signature-card { position: sticky; top: 120px; overflow: hidden; padding: 2.4rem; color: #fff; background: var(--brand-navy); box-shadow: 18px 18px 0 rgba(217,45,31,.22); }
.about-signature-photo { position: relative; aspect-ratio: 4 / 3; overflow: hidden; margin: -2.4rem -2.4rem 2rem; background: #d9d7d6; }
.about-signature-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 66%,rgba(28,16,13,.32)); pointer-events: none; }
.about-signature-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 28%; }
.about-signature-mark { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 3rem; color: var(--brand-navy); background: var(--brand-orange); font-size: 1.55rem; font-weight: 950; transform: rotate(-5deg); }
.about-signature-card h2 { margin: 0; font-size: clamp(3.3rem,5vw,5.2rem); font-weight: 850; line-height: .88; letter-spacing: -.07em; }
.about-signature-card > p:not(.section-label) { margin: 1.4rem 0; color: rgba(255,255,255,.62); line-height: 1.65; }
.about-signature-card > a { color: var(--brand-orange); font-size: 1rem; overflow-wrap: anywhere; }
.about-signature-card--statement { min-height: 570px; display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate; background: linear-gradient(155deg,#1b0d0a 0%,#28120e 58%,#5c1c12 100%); }
.about-signature-card--statement::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(180deg,#000,transparent 78%); }
.about-signature-card--statement::after { content: ""; position: absolute; z-index: -1; top: -85px; right: -75px; width: 250px; height: 250px; border: 1px solid rgba(255,192,105,.34); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,136,0,.045),0 0 0 76px rgba(217,45,31,.04); }
.about-signature-card--statement .about-signature-mark { width: 86px; height: 86px; margin-bottom: auto; color: var(--brand-navy); background: var(--brand-orange); font-size: 1.05rem; letter-spacing: -.02em; box-shadow: 12px 12px 0 rgba(0,0,0,.28); }
.about-signature-card--statement h2 { font-size: clamp(2.8rem,4.4vw,4.7rem); line-height: .91; }
.about-signature-contact { display: grid; gap: .5rem; margin-top: 1.4rem; padding-top: 1.25rem; border-top: 1px solid rgba(255,255,255,.16); }
.about-signature-contact span { color: rgba(255,255,255,.55); font: 800 .78rem/1.45 ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.about-signature-contact a { color: #ffc069; overflow-wrap: anywhere; }
.about-editorial-title { margin: 0; color: var(--brand-navy); font-size: clamp(3rem,5.2vw,5.8rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.about-editorial-copy { max-width: 880px; margin-top: 2.2rem; }
.about-editorial-copy p { color: #6b554d; font-size: 1.03rem; line-height: 1.9; }
.about-editorial-copy p + p { margin-top: 1.35rem; }
.about-proof-section { padding: 5.5rem 0; color: #fff; background: #150b09; }
.career-metrics--dark { background: transparent; border-color: rgba(255,255,255,.14); }
.career-metrics--dark article { border-color: rgba(255,255,255,.14); }
.career-metrics--dark strong { color: var(--brand-orange); }
.career-metrics--dark span { color: rgba(255,255,255,.65); }
.founder-dossier { --dossier-sky: #82d5ff; --dossier-ink: #071522; --dossier-paper: #fff3df; position: relative; isolation: isolate; overflow: clip; padding: 0 0 7rem; color: #fff; background: var(--dossier-ink); }
.founder-dossier::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(rgba(130,213,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(130,213,255,.16) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,transparent 7%,#000 24%,#000 82%,transparent 98%); }
.founder-dossier::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(circle at 76% 38%,rgba(87,190,255,.2),transparent 26%),radial-gradient(circle at 4% 74%,rgba(255,136,0,.16),transparent 27%),linear-gradient(112deg,transparent 42%,rgba(255,255,255,.025) 42.15%,transparent 42.3%); }
.founder-dossier__ticker { position: relative; z-index: 4; width: 104%; margin: 0 -2%; overflow: hidden; color: var(--dossier-ink); background: var(--brand-orange); border-block: 1px solid rgba(255,255,255,.5); box-shadow: 0 18px 44px rgba(0,0,0,.24); transform: rotate(-1deg); }
.founder-dossier__ticker-track { width: max-content; display: flex; align-items: center; gap: 1.5rem; padding: .95rem 0; font: 900 .78rem/1 ui-monospace,monospace; letter-spacing: .13em; white-space: nowrap; animation: dossier-ticker 32s linear infinite; }
.founder-dossier__ticker-track i { font-size: .95rem; font-style: normal; }
.founder-dossier__header { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); align-items: end; gap: clamp(2rem,7vw,7.5rem); padding-top: 5.25rem; }
.founder-dossier__header > * { min-width: 0; }
.founder-dossier__header .section-label { color: var(--dossier-sky); }
.founder-dossier__header h2 { max-width: 1080px; margin: .85rem 0 0; color: #fff; font-size: clamp(4rem,7.35vw,8.2rem); font-weight: 870; line-height: .84; letter-spacing: -.075em; text-wrap: balance; }
.founder-dossier__header h2 em { display: inline-block; color: var(--dossier-sky); font-family: Georgia,"Times New Roman",serif; font-weight: 500; }
.founder-dossier__header > p { max-width: 510px; margin: 0 0 .7rem; color: rgba(233,246,255,.7); font-size: 1.06rem; line-height: 1.8; }
.founder-dossier__stage { position: relative; z-index: 2; min-height: 690px; display: grid; grid-template-columns: minmax(340px,.78fr) minmax(0,1.22fr); margin-top: 3rem; border-block: 1px solid rgba(130,213,255,.24); }
.founder-dossier__stage > * { min-width: 0; }
.founder-dossier__watermark { position: absolute; z-index: 0; top: 3%; right: -1.2%; color: transparent; font-size: clamp(8rem,16vw,18rem); font-weight: 950; line-height: .8; letter-spacing: -.08em; -webkit-text-stroke: 1px rgba(130,213,255,.2); writing-mode: vertical-rl; transform: rotate(180deg); pointer-events: none; user-select: none; }
.founder-dossier__copy { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem,5vw,5.9rem) clamp(2rem,5vw,5.5rem) clamp(3rem,5vw,5.9rem) 0; }
.founder-dossier__kicker { margin: 0; color: var(--brand-orange); font: 900 .76rem/1.3 ui-monospace,monospace; letter-spacing: .13em; text-transform: uppercase; }
.founder-dossier__copy h3 { margin: 1.15rem 0 1.5rem; color: #fff; font-size: clamp(3.5rem,5.8vw,6.7rem); font-weight: 880; line-height: .88; letter-spacing: -.07em; }
.founder-dossier__bio { max-width: 670px; margin: 0; color: rgba(235,247,255,.72); font-size: 1.04rem; line-height: 1.78; }
.founder-dossier__statement { max-width: 670px; margin: 1.8rem 0 0; color: var(--dossier-sky); font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.75rem,2.45vw,2.45rem); font-style: italic; line-height: 1.16; letter-spacing: -.035em; }
.founder-dossier__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.35rem; margin-top: 2.1rem; }
.founder-dossier__actions .text-link { color: #fff; }
.founder-dossier__trust { display: flex; align-items: center; gap: .65rem; margin: 1.45rem 0 0; color: rgba(255,255,255,.58); font-size: .86rem; }
.founder-dossier__trust span { width: 9px; height: 9px; flex: 0 0 auto; background: #62e59c; border-radius: 50%; box-shadow: 0 0 0 6px rgba(98,229,156,.1); }
.founder-dossier__portrait { position: relative; min-height: 690px; margin: 0; overflow: hidden; }
.founder-dossier__portrait::after { content: ""; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 30%; pointer-events: none; background: linear-gradient(transparent,rgba(7,21,34,.88)); }
.founder-dossier__portrait picture { position: absolute; z-index: 2; right: -1%; bottom: -2%; width: min(96%,760px); display: flex; justify-content: flex-end; }
.founder-dossier__portrait img { width: 100%; height: auto; display: block; filter: drop-shadow(0 34px 38px rgba(0,0,0,.36)); transform-origin: center bottom; transition: transform .8s cubic-bezier(.2,.75,.2,1); }
.founder-dossier__halo { position: absolute; z-index: 0; top: 8%; right: 2%; width: min(83%,650px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 45%,rgba(130,213,255,.36),rgba(45,141,201,.13) 53%,transparent 54%),conic-gradient(from 30deg,rgba(130,213,255,.28),transparent 24%,rgba(255,136,0,.22) 45%,transparent 68%,rgba(130,213,255,.28)); filter: blur(.1px); box-shadow: inset 0 0 70px rgba(130,213,255,.13),0 0 90px rgba(45,141,201,.08); }
.founder-dossier__orbit { position: absolute; z-index: 1; top: 15%; right: -1%; width: min(88%,690px); aspect-ratio: 1; border: 1px solid rgba(130,213,255,.35); border-radius: 50%; transform: rotate(-18deg); animation: dossier-orbit 28s linear infinite; }
.founder-dossier__orbit::before,.founder-dossier__orbit::after { content: ""; position: absolute; width: 12px; height: 12px; background: var(--brand-orange); border-radius: 50%; box-shadow: 0 0 0 7px rgba(255,136,0,.13); }
.founder-dossier__orbit::before { top: 16%; right: 12%; }
.founder-dossier__orbit::after { bottom: 18%; left: 8%; background: var(--dossier-sky); box-shadow: 0 0 0 7px rgba(130,213,255,.12); }
.founder-dossier__portrait figcaption { position: absolute; z-index: 4; right: 1.4rem; bottom: 1.35rem; padding: .85rem 1rem; color: #fff; background: rgba(7,21,34,.72); border: 1px solid rgba(130,213,255,.28); backdrop-filter: blur(14px); }
.founder-dossier__portrait figcaption strong,.founder-dossier__portrait figcaption span { display: block; }
.founder-dossier__portrait figcaption strong { font-size: .94rem; }
.founder-dossier__portrait figcaption span { margin-top: .25rem; color: var(--dossier-sky); font: 800 .68rem/1.3 ui-monospace,monospace; letter-spacing: .09em; text-transform: uppercase; }
.founder-dossier__experience { position: absolute; z-index: 4; top: 15%; left: 2%; width: 132px; aspect-ratio: 1; display: grid; place-content: center; color: var(--dossier-ink); background: var(--brand-orange); border-radius: 50%; box-shadow: 0 20px 42px rgba(0,0,0,.28),0 0 0 10px rgba(255,136,0,.08); transform: rotate(-8deg); text-align: center; }
.founder-dossier__experience strong { font-size: 2.55rem; font-weight: 950; line-height: .8; letter-spacing: -.08em; }
.founder-dossier__experience span { margin-top: .5rem; font: 900 .64rem/1.25 ui-monospace,monospace; letter-spacing: .09em; text-transform: uppercase; }
.founder-dossier__signal { position: absolute; z-index: 4; top: 8%; right: 1.2rem; display: flex; align-items: center; gap: .55rem; padding: .74rem .95rem; color: rgba(255,255,255,.83); background: rgba(7,21,34,.72); border: 1px solid rgba(130,213,255,.28); font: 800 .73rem/1.35 ui-monospace,monospace; letter-spacing: .06em; text-transform: uppercase; backdrop-filter: blur(12px); }
.founder-dossier__signal span { width: 7px; height: 7px; flex: 0 0 auto; background: #62e59c; border-radius: 50%; box-shadow: 0 0 0 5px rgba(98,229,156,.1); }
.founder-dossier__results { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 2px; box-shadow: 0 34px 80px rgba(0,0,0,.26); }
.founder-dossier__result { min-width: 0; min-height: 205px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.35rem; }
.founder-dossier__result > span { font: 900 .68rem/1 ui-monospace,monospace; letter-spacing: .1em; }
.founder-dossier__result strong { font-size: clamp(3.4rem,5vw,5.6rem); font-weight: 950; line-height: .82; letter-spacing: -.08em; }
.founder-dossier__result p { margin: 0; font-size: .9rem; font-weight: 800; line-height: 1.32; text-transform: uppercase; }
.founder-dossier__result--sky { color: var(--dossier-ink); background: var(--dossier-sky); }
.founder-dossier__result--orange { color: var(--dossier-ink); background: var(--brand-orange); }
.founder-dossier__result--ink { color: #fff; background: #122b40; border: 1px solid rgba(130,213,255,.22); }
.founder-dossier__result--paper { color: var(--dossier-ink); background: var(--dossier-paper); }
.founder-dossier a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (hover:hover) and (pointer:fine) { .founder-dossier__portrait:hover img { transform: scale(1.025) translateY(-4px); } .founder-dossier__result { transition: transform .25s ease,filter .25s ease; } .founder-dossier__result:hover { z-index: 2; filter: saturate(1.08); transform: translateY(-8px); } }
@keyframes dossier-ticker { to { transform: translateX(-50%); } }
@keyframes dossier-orbit { to { transform: rotate(342deg); } }
.leadership-section { background: #fff; }
.career-timeline { border-top: 1px solid var(--brand-line); }
.career-timeline article { display: grid; grid-template-columns: 170px 1fr; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--brand-line); }
.career-timeline time { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.career-timeline h3 { margin: 0; color: var(--brand-navy); font-size: 1.45rem; font-weight: 820; letter-spacing: -.035em; }
.career-timeline p { margin: .45rem 0 .7rem; color: var(--brand-orange); font-size: 1rem; font-weight: 820; letter-spacing: .055em; text-transform: uppercase; }
.career-timeline div > span { color: var(--brand-muted); font-size: 1rem; line-height: 1.65; }
.team-career-summary { border-top: 1px solid var(--brand-line); }
.team-career-heading { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 1.4rem 0; }
.team-career-heading > p:last-child { margin: 0; color: var(--brand-muted); font-size: 1rem; }
.team-career-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--brand-line); }
.team-career-grid article { min-height: 230px; padding: 1.25rem; border-right: 1px solid var(--brand-line); }
.team-career-grid article:last-child { border-right: 0; }
.team-career-grid span { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.team-career-grid h3 { margin: 3rem 0 .8rem; color: var(--brand-navy); font-size: 1.08rem; font-weight: 820; line-height: 1.3; }
.team-career-grid p { color: var(--brand-muted); font-size: 1rem; line-height: 1.6; }
.principles-section { color: #fff; background: linear-gradient(135deg,#d92d1f,#8f140d); }
.principles-section h2 { margin: 0; color: #fff; font-size: clamp(3rem,5vw,5.4rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.2); }
.principle-grid article { min-height: 320px; padding: 1.5rem; border-right: 1px solid rgba(255,255,255,.2); }
.principle-grid article:last-child { border-right: 0; }
.principle-grid span { color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; }
.principle-grid h3 { margin: 4.2rem 0 1rem; color: #fff; font-size: 1.42rem; font-weight: 830; }
.principle-grid p { margin: 0; color: rgba(255,255,255,.72); font-size: 1rem; line-height: 1.7; }
.about-tools-section { padding: 4rem 0; background: var(--brand-navy); }
.about-tools-section .section-label { color: var(--brand-orange); }
.tool-cloud { display: flex; flex-wrap: wrap; gap: .6rem; }
.tool-cloud span { padding: .75rem .9rem; color: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.19); border-radius: 999px; font-size: 1rem; font-weight: 750; }

.service-index-section { padding: 2.4rem 0; background: var(--brand-orange); }
.service-index-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(28,16,13,.28); }
.service-index-grid a { position: relative; min-height: 118px; padding: 1rem; color: var(--brand-navy); border-right: 1px solid rgba(28,16,13,.28); border-bottom: 1px solid rgba(28,16,13,.28); }
.service-index-grid a:nth-child(4n) { border-right: 0; }
.service-index-grid a:nth-child(n+5) { border-bottom: 0; }
.service-index-grid span, .service-index-grid small { font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.service-index-grid strong { display: block; margin-top: 2.4rem; font-size: 1rem; }
.service-index-grid small { position: absolute; top: 1rem; right: 1rem; opacity: .55; }
.service-detail { padding: 6.5rem 0; background: #fff; border-bottom: 1px solid var(--brand-line); }
.service-detail--alt { background: #f2e9df; }
.service-detail-number { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.service-detail h2 { max-width: 620px; margin: 2.5rem 0 1.5rem; color: var(--brand-navy); font-size: clamp(3rem,5vw,5.4rem); font-weight: 850; line-height: .93; letter-spacing: -.06em; }
.service-detail .col-lg-5 > p { max-width: 580px; color: var(--brand-muted); line-height: 1.78; }
.service-detail-link { display: inline-block; margin-top: 1.4rem; color: var(--brand-navy); border-bottom: 1px solid var(--brand-teal); padding-bottom: .35rem; font-size: 1rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.service-deliverables { display: grid; grid-template-columns: 1.15fr .85fr; border: 1px solid var(--brand-line); background: rgba(255,255,255,.58); }
.service-deliverables > div { padding: 1.6rem; }
.service-deliverables > div + div { border-left: 1px solid var(--brand-line); }
.service-deliverables small { color: var(--brand-teal); font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.service-deliverables ul { margin: 2rem 0 0; padding: 0; list-style: none; }
.service-deliverables li { padding: 1rem 0; border-top: 1px solid var(--brand-line); color: var(--brand-slate); font-size: 1rem; }
.service-deliverables li::before { content: "+"; margin-right: .55rem; color: var(--brand-orange); }
.integrated-process-section { color: #fff; background: var(--brand-navy); }
.integrated-process-section .col-lg-5 > p { color: rgba(255,255,255,.58); line-height: 1.75; }
.integrated-process-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.14); }
.integrated-process-grid article { min-height: 250px; padding: 1.5rem; border-right: 1px solid rgba(255,255,255,.14); }
.integrated-process-grid article:last-child { border-right: 0; }
.integrated-process-grid span { color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; }
.integrated-process-grid h3 { margin: 4.5rem 0 1rem; font-size: 1.45rem; font-weight: 820; }
.integrated-process-grid p { color: rgba(255,255,255,.55); font-size: 1rem; line-height: 1.65; }

.home-project-preview .project-item:not(.home-featured-project) { display: none; }
.projects-view-all { display: flex; justify-content: center; margin-top: 3rem; }
.project-anchor { scroll-margin-top: 120px; }

.service-page-hero { --banner-position: center top; min-height: min(860px,100vh); }
.service-page-hero::before { background-image: linear-gradient(90deg,rgba(14,6,5,.97) 0%,rgba(14,6,5,.86) 48%,rgba(14,6,5,.45) 72%,rgba(14,6,5,.68) 100%),linear-gradient(180deg,rgba(42,20,15,.16),rgba(12,5,4,.66)),var(--banner-image); filter: saturate(.9) contrast(1.04); }
.service-hero-visual { position: relative; margin: 0; padding: .65rem; background: rgba(17,7,5,.72); border: 1px solid rgba(255,255,255,.22); box-shadow: 24px 24px 0 rgba(217,45,31,.2),0 28px 65px rgba(0,0,0,.36); backdrop-filter: blur(8px); }
.service-hero-visual::before { content: ""; position: absolute; z-index: 2; top: -.1rem; right: 2.2rem; width: 42%; height: 5px; background: var(--brand-orange); }
.service-hero-image-wrap { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #0b0504; border: 1px solid rgba(255,255,255,.12); }
.service-hero-image-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.service-hero-visual figcaption { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem .3rem .25rem; color: rgba(255,255,255,.8); }
.service-hero-visual figcaption span { color: var(--brand-orange); font: 800 1rem/1 ui-monospace,monospace; letter-spacing: .09em; }
.service-hero-visual figcaption strong { font-size: 1rem; text-align: right; }
.service-page-overview { background: #f6efe7; }
.service-page-overview .section-title { max-width: 650px; }
.service-page-lead { max-width: 850px; margin: 0; color: var(--brand-slate); font-size: clamp(1.25rem,2vw,1.75rem); line-height: 1.55; }
.service-outcome-list { margin-top: 2.5rem; border-top: 1px solid var(--brand-line); }
.service-outcome-list > div { display: grid; grid-template-columns: 42px 1fr; gap: .7rem; padding: 1rem 0; color: var(--brand-navy); border-bottom: 1px solid var(--brand-line); font-size: 1rem; font-weight: 760; }
.service-outcome-list span { color: var(--brand-teal); }
.service-page-deliverables { color: #fff; background: #150b09; }
.service-page-deliverables .section-intro .col-lg-5 > p { color: rgba(255,255,255,.6); line-height: 1.75; }
.service-page-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); }
.service-page-grid article { min-height: 230px; padding: 1.5rem; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.service-page-grid span { color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; }
.service-page-grid h3 { max-width: 360px; margin: 4rem 0 0; color: #fff; font-size: 1.35rem; font-weight: 800; line-height: 1.35; }
.service-page-process { background: #f2e9df; }
.service-process-grid { border-color: var(--brand-line); }
.service-process-grid article { border-color: var(--brand-line); }
.service-process-grid h3 { color: var(--brand-navy); }
.service-process-grid p { color: var(--brand-muted); }
.service-page-faq { background: #fff; }
.service-related-section { padding: 2.5rem 0; color: #fff; background: var(--brand-navy); }
.service-related-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); }
.service-related-grid > div,.service-related-grid > a { position: relative; min-height: 150px; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.2rem; color: #fff; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.service-related-grid > div { background: rgba(255,255,255,.04); }
.service-related-grid > div span,.service-related-grid small { color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.service-related-grid strong { margin-top: .8rem; font-size: 1rem; line-height: 1.4; }
.service-related-grid > a > span { position: absolute; top: 1rem; right: 1rem; color: var(--brand-orange); font-size: 1.2rem; }
.service-related-grid > a:hover { color: var(--brand-navy); background: var(--brand-orange); }
.service-related-grid > a:hover small,.service-related-grid > a:hover > span { color: var(--brand-navy); }
.service-related-all { background: rgba(217,45,31,.16); }

.work-intro-band { padding: 2.2rem 0; color: #fff; background: var(--brand-navy); border-top: 1px solid rgba(255,255,255,.12); }
.work-intro-grid { display: grid; grid-template-columns: repeat(3,1fr) auto; align-items: stretch; border: 1px solid rgba(255,255,255,.14); }
.work-intro-grid > div, .work-intro-grid > a { min-height: 112px; padding: 1rem 1.2rem; border-right: 1px solid rgba(255,255,255,.14); }
.work-intro-grid > div { display: flex; align-items: flex-end; gap: .8rem; }
.work-intro-grid strong { color: var(--brand-orange); font-size: 2rem; line-height: 1; }
.work-intro-grid span { color: rgba(255,255,255,.55); font-size: 1rem; line-height: 1.4; }
.work-intro-grid > a { display: grid; place-items: center; color: var(--brand-navy); background: var(--brand-orange); font-size: 1rem; font-weight: 850; text-transform: uppercase; letter-spacing: .055em; border-right: 0; }
.work-page-section { background: #f2e9df; }
.models-work-section { color: #fff; background: #150b09; }
.models-work-section .col-lg-5 > p { color: rgba(255,255,255,.58); line-height: 1.7; }

.package-page-section { background: #1c0e0b; }
.package-page-section .section-title { color: #fff; }
.package-page-section .section-copy { color: rgba(255,255,255,.58); }
.package-page-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem; }
.package-page-card { position: relative; flex: 0 1 calc(33.333% - .85rem); display: flex; flex-direction: column; min-width: 320px; min-height: 660px; padding: 2rem; color: #fff; border: 1px solid rgba(255,255,255,.15); background: linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); box-shadow: 0 22px 55px rgba(12,5,4,.17); }
.package-page-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: rgba(217,45,31,.55); }
.package-page-card--featured { background: rgba(217,45,31,.13); border-color: rgba(217,45,31,.55); }
.package-page-card--featured::before { background: var(--brand-orange); }
.package-page-card h2 { margin: 2.8rem 0 1.2rem; font-size: clamp(1.7rem,2.2vw,2.2rem); font-weight: 830; }
.package-page-price strong, .package-page-price small { display: block; }
.package-page-price strong { color: var(--brand-orange); font-size: clamp(2rem,3vw,3rem); line-height: 1; letter-spacing: -.05em; white-space: nowrap; }
.package-page-price small { margin-top: .55rem; color: rgba(255,255,255,.4); font-size: 1rem; letter-spacing: .07em; text-transform: uppercase; }
.package-onboarding { margin: .85rem 0 0; color: rgba(255,255,255,.62); font-size: 1rem; line-height: 1.45; }
.package-onboarding strong { color: var(--brand-orange); font-weight: 850; }
.package-page-description { color: rgba(255,255,255,.56); font-size: 1rem; line-height: 1.62; }
.package-page-card ul { margin: 1rem 0 1.5rem; padding: 0; list-style: none; }
.package-page-card li { padding: .7rem 0; border-top: 1px solid rgba(255,255,255,.11); color: rgba(255,255,255,.68); font-size: 1rem; }
.package-page-card li::before { content: "+"; margin-right: .45rem; color: var(--brand-orange); }
.package-page-card .btn { width: 100%; margin-top: auto; padding: 1rem; }
.package-page-note { margin-top: 2rem; }
.market-preview-switcher { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-top: 1.3rem; }
.market-preview-switcher small { margin-right: .3rem; color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.market-preview-switcher a { padding: .45rem .65rem; color: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 1rem; font-weight: 780; }
.market-preview-switcher a:hover, .market-preview-switcher a.active { color: var(--brand-navy); background: var(--brand-orange); border-color: var(--brand-orange); }
.package-custom-section { padding: 6.5rem 0; color: #fff; background: var(--brand-teal); }
.package-custom-section h2 { margin: 0; color: var(--brand-navy); font-size: clamp(3rem,5vw,5.4rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.package-custom-section .col-lg-6 > p:not(.section-label) { margin-top: 1.7rem; color: rgba(28,16,13,.78); line-height: 1.75; }
.custom-scope-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid rgba(28,16,13,.28); }
.custom-scope-grid span { min-height: 92px; display: flex; align-items: flex-end; padding: 1rem; color: var(--brand-navy); border-right: 1px solid rgba(28,16,13,.28); border-bottom: 1px solid rgba(28,16,13,.28); font-size: 1rem; font-weight: 780; }
.custom-scope-grid span:nth-child(2n) { border-right: 0; }
.custom-scope-grid span:nth-child(n+5) { border-bottom: 0; }
.package-faq-section { background: #f2e9df; }

.contact-page-section { background: #f2e9df; }
.selected-package-panel { display: grid; grid-template-columns: 1fr auto; gap: 1rem 2rem; margin-bottom: 2rem; padding: 1.35rem; color: #fff; background: var(--brand-navy); border-left: 6px solid var(--brand-orange); }
.selected-package-panel small,.selected-package-panel strong { display: block; }
.selected-package-panel small { color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; letter-spacing: .1em; text-transform: uppercase; }
.selected-package-panel strong { margin-top: .55rem; font-size: 1.35rem; font-weight: 850; letter-spacing: -.035em; }
.selected-package-panel p { max-width: 720px; margin: .65rem 0 0; color: rgba(255,255,255,.58); font-size: 1rem; line-height: 1.6; }
.selected-package-panel > a { align-self: start; color: #fff; font-size: 1rem; font-weight: 780; border-bottom: 1px solid rgba(255,255,255,.35); }
.selected-package-flow { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.14); border-left: 1px solid rgba(255,255,255,.14); }
.selected-package-flow span { padding: .85rem; color: rgba(255,255,255,.65); border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); font-size: 1rem; }
.selected-package-flow b { margin-right: .4rem; color: var(--brand-orange); font: 1rem/1 ui-monospace,monospace; }
.contact-expectations-section { padding: 6.5rem 0; color: #fff; background: var(--brand-navy); }
.contact-expectations-section h2 { margin: 0; font-size: clamp(3rem,5vw,5.3rem); font-weight: 850; line-height: .94; letter-spacing: -.06em; }
.contact-expectations-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.14); }
.contact-expectations-grid article { min-height: 260px; padding: 1.4rem; border-right: 1px solid rgba(255,255,255,.14); }
.contact-expectations-grid article:last-child { border-right: 0; }
.contact-expectations-grid span { color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; }
.contact-expectations-grid h3 { margin: 4rem 0 1rem; font-size: 1.25rem; font-weight: 820; }
.contact-expectations-grid p { color: rgba(255,255,255,.55); font-size: 1rem; line-height: 1.65; }

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .container-xxl > .row.g-5 { margin-right: 0; margin-left: 0; }
}

@media (max-width: 1199.98px) {
  .container-xxl > .row.g-5 { margin-right: 0; margin-left: 0; }
  .inner-hero--about, .inner-hero--rich { min-height: 0; }
  .about-hero-stage, .rich-hero-media, .work-hero-showcase { min-height: 600px; margin: 1rem 0 0; }
  .about-hero-main-image { inset: 0 0 100px 5%; }
  .about-hero-work-grid { width: 70%; }
  .pricing-hero-card, .contact-hero-card { min-height: 0; margin: 1rem 0 0; }
  .service-grid > div:nth-child(4n) { border-right: 1px solid var(--brand-line); }
  .service-grid > div:nth-child(2n) { border-right: 0; }
  .service-grid > div:nth-child(n+5) { border-bottom: 1px solid var(--brand-line); }
  .service-grid > div:nth-child(n+7) { border-bottom: 0; }
  .performance-intro { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .pricing-card { min-height: 600px; }
  .experience-rail { grid-template-columns: repeat(2,1fr); }
  .experience-rail article { border-bottom: 1px solid var(--brand-line); }
  .experience-rail article:nth-child(2n) { border-right: 0; }
  .experience-rail article:last-child { border-bottom: 0; }
  .package-page-card { flex-basis: calc(50% - .7rem); min-height: 620px; }
  .service-hero-visual { max-width: 850px; margin: 1.25rem 0 0; }
}

@media (max-width: 991.98px) {
  .inner-hero::before, .model-detail-hero::before { background-attachment: scroll; }
  .navbar-collapse { max-height: calc(100vh - 105px); margin-top: .8rem; padding: 1rem; overflow-y: auto; overscroll-behavior: contain; background: rgba(28,16,13,.98); border: 1px solid rgba(255,255,255,.12); }
  .navbar .btn-brand { margin-top: .7rem; }
  .nav-home-link { margin: .25rem .8rem .6rem; }
  .nav-home-link::after { display: none; }
  .service-nav-menu { position: static !important; width: 100%; min-width: 0; margin: .35rem 0 .75rem !important; transform: none !important; box-shadow: none; }
  .service-nav-grid a { min-height: 86px; }
  .hero-section { background-attachment: scroll; background-position: 58% center; }
  .hero-section .min-vh-100 { min-height: auto !important; padding-top: 9rem !important; padding-bottom: 6rem !important; }
  .section-space { padding: 6rem 0; }
  .project-card { grid-template-columns: 1fr; }
  .project-card--model .project-visual { margin: .65rem .65rem 0; }
  .project-visual { min-height: 245px; }
  .scroll-showcase-sidebar { align-self: auto; }
  .scroll-showcase-copy { position: relative; top: auto; height: auto; padding-right: 0; }
  .scroll-project-card { position: relative; top: auto !important; height: auto; min-height: 0; margin-bottom: 1.5rem; }
  .model-detail-stage { min-height: 500px; }
  .career-metrics { grid-template-columns: repeat(2,1fr); }
  .career-metrics article { border-bottom: 1px solid var(--brand-line); }
  .career-metrics article:nth-child(2n) { border-right: 0; }
  .career-metrics article:nth-child(n+3) { border-bottom: 0; }
  .delivery-strip { grid-template-columns: repeat(2,1fr); }
  .delivery-strip > div:nth-child(2) { border-right: 0; }
  .delivery-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--brand-line); }
  .service-page-grid { grid-template-columns: repeat(2,1fr); }
  .footer-links { justify-content: flex-start; }
  .brief-intro, .brief-form-wrap { padding: 3rem 2rem; }
  .about-signature-card { position: relative; top: auto; }
  .about-signature-card--statement { min-height: 500px; }
  .founder-dossier { padding-bottom: 5.5rem; }
  .founder-dossier__header { grid-template-columns: 1fr; gap: 1.4rem; padding-top: 5rem; }
  .founder-dossier__header > p { max-width: 700px; }
  .founder-dossier__stage { grid-template-columns: 1fr; min-height: 0; margin-top: 2.6rem; }
  .founder-dossier__portrait { grid-row: 1; min-height: 560px; }
  .founder-dossier__copy { grid-row: 2; padding: 3.5rem 2rem; }
  .founder-dossier__watermark { top: 2%; right: 0; font-size: clamp(7rem,24vw,13rem); writing-mode: horizontal-tb; transform: none; }
  .founder-dossier__results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-grid article { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(28,16,13,.28); }
  .principle-grid article:last-child { border-bottom: 0; }
  .service-index-grid { grid-template-columns: repeat(2,1fr); }
  .service-index-grid a:nth-child(4n) { border-right: 1px solid rgba(28,16,13,.28); }
  .service-index-grid a:nth-child(2n) { border-right: 0; }
  .service-index-grid a:nth-child(n+5) { border-bottom: 1px solid rgba(28,16,13,.28); }
  .service-index-grid a:nth-child(n+7) { border-bottom: 0; }
  .work-intro-grid { grid-template-columns: repeat(2,1fr); }
  .work-intro-grid > div:nth-child(2) { border-right: 0; }
  .work-intro-grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.14); }
  .work-intro-grid > a { border-top: 1px solid rgba(255,255,255,.14); }
  .team-career-grid { grid-template-columns: repeat(2,1fr); }
  .team-career-grid article { border-bottom: 1px solid var(--brand-line); }
  .team-career-grid article:nth-child(2n) { border-right: 0; }
  .team-career-grid article:nth-child(n+3) { border-bottom: 0; }
}

@media (max-width: 991.98px) and (max-height: 520px) {
  .navbar-collapse { max-height: calc(100vh - 105px); overflow-y: auto; overscroll-behavior: contain; }
}

@media (max-width: 767.98px) {
  .navbar { min-height: 84px; }
  .row.g-5 { --bs-gutter-x: 1.5rem; }
  .site-logo { width: 108px; height: 56px; }
  .site-logo--footer { width: 132px; height: 68px; }
  .pricing-card { min-height: 0; padding: 1.5rem; }
  .package-summary { min-height: 0; }
  .package-page-card { flex-basis: 100%; min-width: 0; min-height: 0; padding: 1.5rem; }
  .display-hero { font-size: clamp(3.35rem, 15.5vw, 5.5rem); }
  .hero-line { width: auto; white-space: normal; font-size: .78em; }
  .hero-line--accent { width: max-content; white-space: nowrap; font-size: .72em; }
  .hero-lead { font-size: 1rem; }
  .hero-discipline-list { gap: .45rem; }
  .hero-discipline-list span { padding: .55rem .68rem; font-size: 1rem; }
  .founder-card { padding: 2rem 1.4rem; box-shadow: 12px 12px 0 rgba(217,45,31,.2); }
  .founder-photo { margin: -2rem -1.4rem 1.6rem; }
  .about-signature-card { padding: 2rem 1.4rem; }
  .about-signature-photo { margin: -2rem -1.4rem 1.7rem; }
  .about-signature-card--statement { min-height: 460px; }
  .founder-dossier { padding-bottom: 4rem; }
  .founder-dossier__ticker { width: 100%; margin-inline: 0; transform: none; }
  .founder-dossier__ticker-track { gap: 1rem; padding: .8rem 1rem; font-size: .68rem; animation: none; }
  .founder-dossier__header { gap: 1.15rem; padding-top: 4rem; }
  .founder-dossier__header h2 { font-size: clamp(2.95rem,12.5vw,4.45rem); line-height: .88; }
  .founder-dossier__header > p { margin-bottom: 0; font-size: 1rem; line-height: 1.68; }
  .founder-dossier__stage { margin-top: 2.2rem; }
  .founder-dossier__portrait { min-height: 440px; }
  .founder-dossier__portrait picture { right: -8%; bottom: -1%; width: 116%; }
  .founder-dossier__halo { top: 10%; right: -8%; width: 112%; }
  .founder-dossier__orbit { top: 14%; right: -10%; width: 116%; }
  .founder-dossier__watermark { top: 5%; right: -2%; font-size: clamp(5.2rem,23vw,7.1rem); }
  .founder-dossier__experience { top: 16%; left: .35rem; width: 98px; }
  .founder-dossier__experience strong { font-size: 1.95rem; }
  .founder-dossier__experience span { margin-top: .4rem; font-size: .56rem; }
  .founder-dossier__signal { top: .9rem; right: auto; left: .9rem; max-width: calc(100% - 1.8rem); padding: .62rem .7rem; font-size: .61rem; }
  .founder-dossier__portrait figcaption { right: .8rem; bottom: .8rem; padding: .68rem .75rem; }
  .founder-dossier__copy { padding: 2.5rem .25rem 2.7rem; }
  .founder-dossier__copy h3 { margin: .9rem 0 1.2rem; font-size: clamp(2.8rem,13vw,4.15rem); }
  .founder-dossier__bio { font-size: .98rem; line-height: 1.68; }
  .founder-dossier__statement { margin-top: 1.45rem; font-size: clamp(1.72rem,7.6vw,2.25rem); }
  .founder-dossier__actions { align-items: stretch; flex-direction: column; gap: 1rem; margin-top: 1.7rem; }
  .founder-dossier__actions .btn { width: 100%; text-align: center; }
  .founder-dossier__trust { font-size: .8rem; }
  .founder-dossier__results { margin-inline: -.1rem; }
  .founder-dossier__result { min-height: 158px; padding: 1rem; }
  .founder-dossier__result > span { font-size: .6rem; }
  .founder-dossier__result strong { font-size: clamp(2.8rem,12vw,4rem); }
  .founder-dossier__result p { font-size: .74rem; }
  .whatsapp-float { width: 56px; min-width: 56px; padding: .65rem; gap: 0; }
  .whatsapp-float > span:last-child { display: none; }
  .inner-hero { padding: 9.5rem 0 4.5rem; }
  .inner-hero h1 { font-size: clamp(3.7rem,17vw,5.6rem); }
  .inner-hero--about { padding: 8.5rem 0 3.5rem; }
  .inner-hero--about h1 { font-size: clamp(3.35rem,16vw,5.25rem); }
  .inner-hero--rich { padding: 8.5rem 0 3.5rem; }
  .inner-hero--rich h1 { font-size: clamp(3.15rem,15vw,5rem); }
  .about-hero-lead { font-size: 1rem; }
  .rich-hero-lead { font-size: 1rem; }
  .service-hero-visual { padding: .45rem; box-shadow: 12px 12px 0 rgba(217,45,31,.2); }
  .service-hero-visual figcaption { align-items: flex-start; flex-direction: column; }
  .service-hero-visual figcaption strong { text-align: left; }
  .rich-hero-proof { grid-template-columns: 1fr; }
  .rich-hero-proof > div { display: grid; grid-template-columns: 70px 1fr; align-items: center; min-height: 0; padding: .8rem 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .rich-hero-proof > div + div { padding-left: 0; }
  .rich-hero-proof > div:last-child { border-bottom: 0; }
  .rich-hero-proof span { margin-top: 0; }
  .about-hero-proof { grid-template-columns: 1fr; }
  .about-hero-proof > div { display: grid; grid-template-columns: 70px 1fr; align-items: center; min-height: 0; padding: .8rem 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .about-hero-proof > div + div { padding-left: 0; }
  .about-hero-proof > div:last-child { border-bottom: 0; }
  .about-hero-proof span { margin-top: 0; }
  .about-hero-stage { min-height: 430px; }
  .about-hero-main-image { inset: 0 0 78px 0; }
  .about-hero-work-grid { right: 0; width: 92%; gap: .45rem; }
  .about-hero-work-grid figure { height: 120px; border-width: 3px; }
  .about-hero-studio-note { top: 1rem; padding: .7rem .8rem; box-shadow: 8px 8px 0 rgba(23,10,8,.75); }
  .rich-hero-media, .work-hero-showcase { min-height: 440px; }
  .rich-hero-media figure { inset: 0 0 68px 0; }
  .rich-hero-float-card { width: 88%; padding: .9rem 1rem; box-shadow: 8px 8px 0 rgba(16,7,5,.8); }
  .service-hero-capabilities { top: 1rem; right: 0; width: 180px; }
  .work-hero-site { top: 0; right: 10%; bottom: auto; left: 0; height: auto; aspect-ratio: 1425 / 780; }
  .work-hero-model { top: clamp(145px,30vw,225px); width: 44%; height: clamp(150px,25vw,180px); }
  .work-hero-detail { right: 0; width: 36%; height: 135px; }
  .work-hero-label { bottom: 35px; }
  .pricing-hero-card, .contact-hero-card { padding: 1.35rem; box-shadow: 12px 12px 0 rgba(217,45,31,.16), 0 28px 60px rgba(0,0,0,.24); }
  .pricing-hero-list a { grid-template-columns: 1fr auto; }
  .contact-hero-card h2 { font-size: clamp(2.25rem,11vw,3.4rem); }
  .contact-hero-direct { grid-template-columns: 1fr; }
  .contact-hero-direct a { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .contact-hero-direct a:last-child { border-bottom: 0; }
  .selected-package-panel { grid-template-columns: 1fr; }
  .selected-package-flow { grid-template-columns: 1fr; }
  .career-timeline article { grid-template-columns: 1fr; gap: 1rem; }
  .team-card { grid-template-columns: 1fr; }
  .team-portrait { min-height: 0; aspect-ratio: 4 / 3; }
  .team-card-body { min-height: 390px; padding: 1.6rem; }
  .team-impact-grid { grid-template-columns: 1fr; }
  .team-impact-grid > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .team-impact-grid > div:last-child { border-bottom: 0; }
  .service-index-grid { grid-template-columns: 1fr; }
  .service-page-grid { grid-template-columns: 1fr; }
  .service-index-grid a { border-right: 0 !important; border-bottom: 1px solid rgba(28,16,13,.28) !important; }
  .service-index-grid a:last-child { border-bottom: 0 !important; }
  .service-deliverables { grid-template-columns: 1fr; }
  .service-deliverables > div + div { border-top: 1px solid var(--brand-line); border-left: 0; }
  .integrated-process-grid, .contact-expectations-grid { grid-template-columns: 1fr; }
  .integrated-process-grid article, .contact-expectations-grid article { min-height: 210px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .integrated-process-grid article:last-child, .contact-expectations-grid article:last-child { border-bottom: 0; }
  .work-intro-grid { grid-template-columns: 1fr; }
  .work-intro-grid > div, .work-intro-grid > a { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .package-page-grid { grid-template-columns: 1fr; }
  .package-page-card { min-height: 0; }
  .custom-scope-grid { grid-template-columns: 1fr; }
  .custom-scope-grid span { border-right: 0; border-bottom: 1px solid rgba(28,16,13,.28) !important; }
  .custom-scope-grid span:last-child { border-bottom: 0 !important; }
  .team-career-heading { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .team-career-grid { grid-template-columns: 1fr; }
  .team-career-grid article { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--brand-line) !important; }
  .team-career-grid article:last-child { border-bottom: 0 !important; }
  .career-metrics { grid-template-columns: 1fr; }
  .career-metrics article { min-height: 165px; border-right: 0; border-bottom: 1px solid var(--brand-line) !important; }
  .career-metrics article:last-child { border-bottom: 0 !important; }
  .experience-heading { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .experience-rail { grid-template-columns: 1fr; }
  .experience-rail article { min-height: 180px; border-right: 0; border-bottom: 1px solid var(--brand-line); }
  .experience-rail article:last-child { border-bottom: 0; }
  .model-detail-hero { padding: 8.5rem 0 4.5rem; }
  .model-detail-stage { min-height: 390px; }
  .model-meta-grid { grid-template-columns: 1fr; }
  .model-meta-grid > div + div { border-top: 1px solid rgba(28,16,13,.18); border-left: 0; }
  .model-content-section, .model-faq-section { padding: 4.8rem 0; }
  .delivery-strip { grid-template-columns: 1fr; }
  .delivery-strip > div { min-height: 175px; border-right: 0; border-bottom: 1px solid var(--brand-line); }
  .delivery-strip > div:nth-child(2) { border-right: 0; }
  .delivery-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--brand-line); }
  .delivery-strip > div:last-child { border-bottom: 0; }
  .model-project-nav a { min-width: 0; }
  .section-space { padding: 4.8rem 0; }
  .section-title { font-size: clamp(2.75rem, 13vw, 4.2rem); }
  .service-grid > div { border-right: 0 !important; border-bottom: 1px solid var(--brand-line) !important; }
  .service-grid > div:last-child { border-bottom: 0 !important; }
  .service-card { min-height: 335px; }
  .service-checks { grid-template-columns: 1fr; }
  .brief-intro, .brief-form-wrap, .quick-enquiry-copy, .quick-enquiry-form { padding: 2rem 1.25rem; }
  .project-content { min-height: 290px; }
  .performance-project-spotlight figcaption { flex-direction: column; }
  .performance-project-spotlight figcaption strong { text-align: left; }
  .scroll-project-card { height: auto; }
  .scroll-project-meta { padding: 1.1rem; }
  .growth-panel { padding: 4.7rem 1.4rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .growth-panel:last-child { border-bottom: 0; }
  .render-body { height: 350px; }
  .render-board { box-shadow: 10px 10px 0 rgba(217,45,31,.18),0 24px 55px rgba(0,0,0,.3); }
  .render-header { flex-direction: column; line-height: 1.35; }
  .render-footer { grid-template-columns: repeat(2,1fr); }
  .render-footer > div:nth-child(2) { border-right: 0; }
  .render-footer > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.13); }
  .process-row > div:nth-child(2) { border-right: 0; }
  .process-row > div { border-bottom: 1px solid var(--brand-line); }
  .process-row > div:nth-child(3), .process-row > div:nth-child(4) { border-bottom: 0; }
  .process-row article { min-height: 195px; }
  .closing-section { padding: 5.3rem 0; }
}

/* Contact cards: clear visitor actions; Google identifiers stay in JSON-LD. */
.contact-locations-section .section-title { max-width: 15ch; font-size: clamp(2.5rem, 4.5vw, 4.25rem); }
.contact-locations-section .contact-location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; border: 0; background: transparent; }
.contact-locations-section .contact-location-grid article { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 310px; padding: clamp(1.6rem, 3vw, 2.8rem); border: 1px solid #e4d9cf; border-radius: 18px; background: #fffdf9; box-shadow: 0 8px 28px rgb(44 21 12 / 4%); }
.contact-locations-section .contact-location-grid article > span { color: #865642; font-family: inherit; font-weight: 750; font-size: .73rem; letter-spacing: .16em; }
.contact-locations-section .contact-location-grid h3 { margin: 1.5rem 0 1rem; font-size: clamp(1.45rem, 2.2vw, 1.9rem); letter-spacing: -.025em; }
.contact-locations-section .contact-location-grid p,
.contact-locations-section .contact-location-grid address { min-height: 0; max-width: 40ch; margin-bottom: 1.6rem; line-height: 1.75; }
.contact-locations-section .contact-location-grid article > a { margin-top: auto; font-size: 1.05rem; text-decoration: none; text-underline-offset: .25em; }
.contact-locations-section .contact-location-grid article > a:hover { text-decoration: underline; }
.contact-locations-section .contact-location-grid .contact-location-card--canada { border-color: #342018; background: radial-gradient(ellipse at top right, #55301f 0, #291811 65%); }
.contact-locations-section .contact-location-card--canada > span { color: #ffb35c !important; }
.contact-locations-section .contact-location-card--canada h3 { color: #fff9f1; }
.contact-locations-section .contact-location-card--canada address { color: #e6d2c4; }
.contact-locations-section .contact-location-card--canada > a { color: #fff9f1; }
.contact-locations-section .contact-location-card--canada > .contact-directions-link { display: inline-flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 1.1rem; padding: .7rem 1rem; border: 1px solid #a77958; border-radius: 7px; color: #ffbd76; font-size: .9rem; }
.contact-locations-section .contact-location-card--canada > .contact-directions-link:hover { background: #ff9a24; border-color: #ff9a24; color: #24140d; text-decoration: none; }
.contact-locations-section .contact-social-links { margin-top: auto; }
.contact-locations-section .contact-social-links a { border-radius: 7px; padding: .75rem 1.15rem; }
.contact-locations-section .contact-location-grid a:focus-visible { outline: 3px solid #ff9a24; outline-offset: 5px; }
@media (max-width: 700px) {
  .contact-locations-section { padding: 4rem 0; }
  .contact-locations-section .contact-location-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .contact-locations-section .contact-location-grid article { min-height: 270px; padding: 1.6rem; }
  .contact-locations-section .contact-location-grid article > a { font-size: .98rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-section { background-attachment: scroll; }
  .scroll-showcase-copy,.scroll-project-card { position: relative; top: auto !important; }
  .scroll-project-card { margin-bottom: 1.5rem; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .founder-dossier__ticker-track { animation: none !important; transform: none !important; }
}


/* Homepage local services: clear hierarchy and purposeful navigation. */
.local-services-section { padding: clamp(4rem, 7vw, 6.5rem) 0; background: #f5efe7; }
.local-services-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 4rem; align-items: end; margin-bottom: 2.5rem; }
.local-services-heading .section-label { margin-bottom: 1.25rem; font-size: .7rem; letter-spacing: .16em; }
.local-services-heading h2 { margin: 0; color: #24150f; font-size: clamp(2.25rem, 4vw, 3.75rem); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.local-services-heading > p { max-width: 45ch; margin: 0 0 .2rem; font-size: 1.1rem; line-height: 1.75; color: #705b4f; }
.local-services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.local-service-card { position: relative; display: flex; flex-direction: column; min-height: 225px; padding: 1.7rem; border: 1px solid #dfd5ca; border-radius: 10px; background: #fffcf7; color: #24150f; text-decoration: none; transition: border-color .2s, background .2s, transform .2s; }
.local-service-number { color: #987d68; font-size: .72rem; font-weight: 600; letter-spacing: .12em; }
.local-service-card h3 { margin: 1.8rem 0 .7rem; padding-right: 1rem; font-size: 1.2rem; line-height: 1.3; font-weight: 750; letter-spacing: -.025em; }
.local-service-card p { margin: 0; max-width: 26ch; color: #705b4f; font-size: .88rem; line-height: 1.65; }
.local-service-arrow { position: absolute; top: 1.4rem; right: 1.5rem; color: #bd6218; font-size: 1.15rem; }
.local-service-card:hover { color: #24150f; background: #fff6e9; border-color: #d78c42; transform: translateY(-3px); }
.local-service-card:focus-visible { outline: 3px solid #d77a17; outline-offset: 4px; }
@media (max-width: 1100px) { .local-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .local-services-heading { grid-template-columns: 1fr; gap: 1.5rem; } .local-services-heading > p { font-size: 1rem; } .local-services-grid { gap: .75rem; } .local-service-card { min-height: 235px; padding: 1.2rem; } .local-service-card h3 { font-size: 1.05rem; } .local-service-arrow { top: 1rem; right: 1rem; } }
@media (max-width: 380px) { .local-services-grid { grid-template-columns: 1fr; } .local-service-card { min-height: 195px; } }

/* Stacked growth panels must follow their content, not the parent height. */
@media (max-width: 767.98px) {
  #performance .row.h-100 { height: auto !important; }
  #performance .growth-panel { min-height: 0; padding: 2.75rem 1.4rem; }
  #performance .growth-panel h3 { margin-top: 1.75rem; }
}

/* Full-width growth section heading above its content columns. */
.performance-heading { text-align: center; padding-top: clamp(3.5rem,6vw,5.5rem); padding-bottom: 2.75rem; }
.performance-heading h2 { max-width: 24ch; margin: 0 auto; color: #fff9f1; font-size: clamp(2.2rem,4.5vw,4.5rem); line-height: 1.08; font-weight: 800; letter-spacing: -.04em; }
.performance-heading .section-label { margin-bottom: 1.3rem; }
#performance .performance-intro { padding-top: 2.5rem; }
#performance .performance-intro > p:not(.section-label) { margin-top: 0; }
#performance .growth-panel { padding-top: 2.5rem; }
#performance .growth-panel h3 { margin-top: 2rem; }