:root {
  --brand-navy: #224248;
  --brand-slate: #325e6a;
  --brand-teal: #44a1a4;
  --brand-orange: #ff9a00;
  --brand-paper: #f4f6f4;
  --brand-white: #ffffff;
  --brand-ink: #14282c;
  --brand-muted: #66777a;
  --brand-line: rgba(34, 66, 72, .17);
  --bs-primary: #44a1a4;
  --bs-primary-rgb: 68, 161, 164;
  --bs-dark: #224248;
  --bs-dark-rgb: 34, 66, 72;
}

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;
}
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(34, 66, 72, .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(34, 66, 72, .96); box-shadow: 0 12px 36px rgba(12, 39, 44, .16); }
.brand-symbol {
  width: 40px; height: 40px; display: inline-grid; place-items: center;
  color: var(--brand-navy); background: var(--brand-orange);
  border-radius: 4px; font-size: 1.4rem; font-weight: 950; transform: rotate(-6deg);
}
.brand-text { display: flex; flex-direction: column; line-height: 1; color: #fff; }
.brand-text strong { font-size: 1rem; letter-spacing: .01em; }
.brand-text small { margin-top: .3rem; font-size: 1rem; letter-spacing: .18em; text-transform: uppercase; opacity: .68; }
.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); }
.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: #ffae32; border-color: #ffae32; color: var(--brand-navy); box-shadow: 0 10px 24px rgba(255, 154, 0, .24); }

.hero-section {
  min-height: 760px;
  color: #fff;
  background-color: #14292e;
  background-image:
    linear-gradient(90deg, rgba(12,31,35,.96) 0%, rgba(16,39,44,.9) 38%, rgba(16,39,44,.52) 68%, rgba(9,22,25,.3) 100%),
    linear-gradient(180deg, rgba(8,22,25,.25), rgba(8,22,25,.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(16,39,44,.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: #eef2f1; }
.about-copy { max-width: 900px; }
.about-copy p { color: #526b70; 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(68,161,164,.2); }
.founder-card::after { content: ""; position: absolute; right: -90px; top: -90px; width: 230px; height: 230px; border: 1px solid rgba(255,154,0,.5); border-radius: 50%; }
.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); 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: 370px; 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); 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); }
.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); }

.pricing-section { color: #fff; background: #112d33; }
.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 { 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,.42); font-size: 1rem; }
.pricing-card { position: relative; display: flex; flex-direction: column; min-height: 460px; padding: 1.45rem; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.15); transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.pricing-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.07); border-color: rgba(255,154,0,.52); }
.pricing-card--featured { background: rgba(68,161,164,.13); border-color: rgba(68,161,164,.56); }
.package-number { color: rgba(255,255,255,.38); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.package-badge { position: absolute; top: 1rem; right: 1rem; padding: .35rem .5rem; color: var(--brand-navy); background: var(--brand-orange); font-size: 1rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.pricing-card h3 { margin: 3.3rem 0 1.2rem; font-size: 1.42rem; font-weight: 800; letter-spacing: -.035em; }
.package-price { margin-bottom: 1.5rem; }
.package-price strong, .package-price small { display: block; }
.package-price strong { color: var(--brand-orange); font-size: clamp(1.65rem,2.1vw,2.25rem); line-height: 1; letter-spacing: -.055em; white-space: nowrap; }
.package-price small { margin-top: .55rem; color: rgba(255,255,255,.4); font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; }
.pricing-card ul { margin: 0 0 1.6rem; padding: 0; list-style: none; }
.pricing-card li { padding: .66rem 0; border-top: 1px solid rgba(255,255,255,.11); color: rgba(255,255,255,.65); font-size: 1rem; line-height: 1.4; }
.pricing-card li::before { content: "+"; margin-right: .45rem; color: var(--brand-orange); }
.package-link { margin-top: auto; color: #fff; font-size: 1rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.package-link:hover { color: var(--brand-orange); }
.pricing-note { margin-top: 2rem; color: rgba(255,255,255,.42); font-size: 1rem; line-height: 1.6; }

.projects-section { background: #e8eeee; }
.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 { 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(34,66,72,.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(34,66,72,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(34,66,72,.22) 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(135deg,transparent,#000); }
.visual-aqua { background: #78cdd0; }
.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 { min-height: 255px; }
.project-visual--website { background: #d9e1e2; }
.project-visual--website::after { opacity: .4; background: linear-gradient(180deg, rgba(15,35,39,.02) 50%, rgba(15,35,39,.78) 100%); mask-image: none; pointer-events: none; }
.project-visual--website img { width: 100%; height: 100%; min-height: 255px; object-fit: cover; object-position: top center; transition: transform .55s cubic-bezier(.2,.65,.25,1); }
.project-card:hover .project-visual--website img { transform: scale(1.025); }
.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(68,161,164,.58); border-radius: 50%; opacity: .6; box-shadow: 0 0 36px rgba(68,161,164,.17), inset 0 0 22px rgba(255,154,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(18,35,39,.02) 38%, rgba(10,24,28,.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, #18363d, #0d2024 72%); border-color: rgba(68,161,164,.35); box-shadow: 0 22px 48px rgba(22,51,57,.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(11,31,35,.33), 0 0 0 1px rgba(68,161,164,.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: #7ccfd1; border-color: rgba(124,207,209,.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(13,32,36,.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-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; font: 1rem/1 ui-monospace, monospace; }
.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: #e8eeee; }
.model-page .navbar { background: rgba(25,53,59,.96); }
.model-detail-hero { --model-banner-image: url("../images/vr-models/rustbyte-arcade-unit.jpg"); position: relative; isolation: isolate; overflow: hidden; padding: 10rem 0 6.5rem; color: #fff; background: radial-gradient(circle at 72% 42%, rgba(68,161,164,.22), transparent 28%), linear-gradient(135deg, #18363d, #0c1f23 76%); }
.model-detail-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(90deg,rgba(5,21,24,.95),rgba(5,21,24,.78) 55%,rgba(5,21,24,.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(68,161,164,.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: #8bd2d4; border-color: rgba(139,210,212,.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(139,210,212,.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: #08171a; 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(68,161,164,.62); border-radius: 50%; box-shadow: 0 0 62px rgba(68,161,164,.22), inset 0 0 34px rgba(255,154,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(6,18,21,.82) 100%); pointer-events: none; }
.model-detail-stage:hover { box-shadow: 0 52px 110px rgba(0,0,0,.48), 0 0 0 1px rgba(68,161,164,.24); }
.model-detail-stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transform: translateZ(24px) scale(1.01); }
.model-detail-view-label { position: absolute; z-index: 3; right: 1.1rem; bottom: 1.1rem; padding: .5rem .65rem; color: #fff; background: rgba(13,32,36,.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: #e8eeee; }
.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: #526b70; 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(34,66,72,.18); background: rgba(255,255,255,.48); }
.model-meta-grid > div { padding: 1.4rem; }
.model-meta-grid > div + div { border-left: 1px solid rgba(34,66,72,.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: #526b70; 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: #f4f7f6; }
.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: #e8eeee; 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; }
.growth-panel { min-height: 100%; 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); }

.studio-section { background: var(--brand-teal); }
.studio-section .section-label, .studio-section .section-title { color: var(--brand-navy); }
.studio-section .section-copy { color: rgba(34,66,72,.8); }
.dark-tags span { color: var(--brand-navy); }
.render-board { color: #fff; background: var(--brand-navy); box-shadow: 22px 22px 0 rgba(34,66,72,.16); }
.render-header { padding: 1rem; border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.55); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.render-body { position: relative; height: 430px; display: grid; place-items: center; overflow: hidden; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 32px 32px; }
.render-orbit { position: absolute; border: 1px solid rgba(255,154,0,.7); border-radius: 50%; }
.orbit-one { width: 290px; height: 290px; transform: rotateX(66deg); }
.orbit-two { width: 245px; height: 245px; transform: rotateY(66deg); }
.render-cube { position: relative; z-index: 2; width: 140px; height: 140px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.4); color: var(--brand-orange); background: rgba(255,255,255,.03); font-size: 2.2rem; font-weight: 950; transform: rotate(9deg); }
.render-footer { border-top: 1px solid rgba(255,255,255,.13); }
.render-footer > div { padding: 1rem; border-right: 1px solid rgba(255,255,255,.13); text-align: center; color: rgba(255,255,255,.4); font: 1rem/1 ui-monospace, monospace; }
.render-footer > div:last-child { border-right: 0; }
.render-footer .active { color: var(--brand-orange); }
.studio-card { min-height: 210px; padding: 1.5rem; border: 1px solid rgba(34,66,72,.28); }
.studio-card span { font: 1rem/1 ui-monospace, monospace; }
.studio-card h3 { margin: 3.5rem 0 .7rem; color: var(--brand-navy); font-size: 1.35rem; font-weight: 800; }
.studio-card p { margin: 0; color: rgba(34,66,72,.76); font-size: 1rem; line-height: 1.65; }

.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(24,47,52,.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: #f6f8f7; }
.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(34,66,72,.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(68,161,164,.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(34,66,72,.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(68,161,164,.1); font-size: 1rem; }
.form-status.is-error { border-left-color: #b14436; 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: #f6f8f7; }
.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); }
.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: rgba(34,66,72,.7); }
.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: #182f34; }
.site-footer p { color: rgba(255,255,255,.45); font-size: 1rem; }
.footer-links { display: flex; justify-content: flex-end; gap: 1.3rem; }
.footer-links a, .footer-bottom a { color: rgba(255,255,255,.68); 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,.32); font-size: 1rem; }

.inner-page { background: var(--brand-paper); }
.inner-page .navbar { background: rgba(25,53,59,.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(68,161,164,.28), transparent 27%), linear-gradient(135deg,#19383f,#0c2024 78%); }
.inner-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(90deg,rgba(5,22,26,.95) 0%,rgba(5,22,26,.8) 52%,rgba(5,22,26,.87) 100%),linear-gradient(180deg,rgba(20,55,62,.2),rgba(4,17,20,.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(68,161,164,.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(68,161,164,.22), transparent 30%), radial-gradient(circle at 86% 72%, rgba(255,154,0,.1), transparent 22%), linear-gradient(135deg,#19383f,#0a1d21 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(139,210,212,.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(7,23,26,.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 #112a30; 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(12,32,36,.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(68,161,164,.25), transparent 28%), linear-gradient(135deg,#19383f,#091b1f 78%); }
.inner-hero--work { --banner-image: url("../images/vr-models/rustbyte-arcade-unit.jpg"); --banner-position: 68% center; background: radial-gradient(circle at 15% 78%, rgba(255,154,0,.11), transparent 24%), radial-gradient(circle at 83% 30%, rgba(68,161,164,.2), transparent 27%), linear-gradient(135deg,#19383f,#08191d 78%); }
.inner-hero--packages { --banner-image: url("../images/vr-models/serum-bottle.jpg"); --banner-position: 72% center; background: radial-gradient(circle at 84% 20%, rgba(255,154,0,.12), transparent 25%), linear-gradient(135deg,#19383f,#0a1d21 78%); }
.inner-hero--contact { --banner-image: url("../images/website-projects/mongrila.png"); --banner-position: center top; background: radial-gradient(circle at 18% 75%, rgba(68,161,164,.22), transparent 25%), linear-gradient(135deg,#19383f,#091b1f 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(139,210,212,.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(6,22,25,.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(7,23,26,.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(8,27,31,.9); border: 1px solid rgba(139,210,212,.35); backdrop-filter: blur(12px); }
.service-hero-capabilities span { padding: .65rem .55rem; color: #9edbdd; 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 #102a30; 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(5,19,22,.72)); }
.work-hero-showcase img { width: 100%; height: 100%; object-fit: cover; }
.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 { inset: 0 16% 155px 0; }
.work-hero-model { top: 82px; right: 0; width: 43%; height: 320px; }
.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(6,21,24,.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(139,210,212,.35); background: rgba(68,161,164,.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: #eaf0ef; box-shadow: 22px 22px 0 rgba(68,161,164,.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(34,66,72,.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(34,66,72,.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(8,29,33,.78); border: 1px solid rgba(139,210,212,.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: #eef2f1; }
.about-signature-card { position: sticky; top: 120px; padding: 2.4rem; color: #fff; background: var(--brand-navy); box-shadow: 18px 18px 0 rgba(68,161,164,.22); }
.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-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: #526b70; 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: #102a30; }
.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 span { color: rgba(255,255,255,.65); }
.team-section { background: #e8eeee; }
.team-card { display: grid; grid-template-columns: minmax(190px,.72fr) 1.28fr; overflow: hidden; color: #fff; background: var(--brand-navy); border: 1px solid rgba(34,66,72,.22); box-shadow: 0 20px 45px rgba(25,53,59,.12); }
.team-card--3d { background: #18383f; }
.team-portrait { position: relative; min-height: 480px; overflow: hidden; background: #d9e0de; }
.team-portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(12,31,35,.45)); pointer-events: none; }
.team-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.team-portrait--monogram { display: grid; place-items: center; background: linear-gradient(145deg,var(--brand-orange),#ffc266); }
.team-portrait--monogram::before { content: ""; position: absolute; width: 80%; aspect-ratio: 1; border: 1px solid rgba(34,66,72,.34); border-radius: 50%; }
.team-portrait--monogram span { position: relative; z-index: 1; color: var(--brand-navy); font-size: clamp(4rem,7vw,7rem); font-weight: 950; letter-spacing: -.1em; transform: rotate(-7deg); }
.team-card-body { display: flex; flex-direction: column; padding: 2.2rem; }
.team-role { color: var(--brand-orange); font: 1rem/1 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.team-card h3 { margin: 3rem 0 1.1rem; font-size: clamp(2.5rem,4vw,4.2rem); font-weight: 850; line-height: .92; letter-spacing: -.06em; }
.team-card-body > p { color: rgba(255,255,255,.65); font-size: 1rem; line-height: 1.72; }
.team-card-body .team-note { color: rgba(255,255,255,.45); font-size: 1rem; }
.team-card .tag-list { margin-top: auto; padding-top: 1.2rem; }
.team-card .tag-list span { color: #8bd2d4; border-color: rgba(139,210,212,.42); }
.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: var(--brand-teal); }
.principles-section h2 { margin: 0; color: var(--brand-navy); 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(34,66,72,.28); }
.principle-grid article { min-height: 320px; padding: 1.5rem; border-right: 1px solid rgba(34,66,72,.28); }
.principle-grid article:last-child { border-right: 0; }
.principle-grid span { color: var(--brand-navy); font: 1rem/1 ui-monospace, monospace; }
.principle-grid h3 { margin: 4.2rem 0 1rem; color: var(--brand-navy); font-size: 1.42rem; font-weight: 830; }
.principle-grid p { margin: 0; color: rgba(34,66,72,.78); 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(34,66,72,.28); }
.service-index-grid a { position: relative; min-height: 118px; padding: 1rem; color: var(--brand-navy); border-right: 1px solid rgba(34,66,72,.28); border-bottom: 1px solid rgba(34,66,72,.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: #e8eeee; }
.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; }

.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: #e8eeee; }
.models-work-section { color: #fff; background: #102a30; }
.models-work-section .col-lg-5 > p { color: rgba(255,255,255,.58); line-height: 1.7; }

.package-page-section { background: #112d33; }
.package-page-section .section-title { color: #fff; }
.package-page-section .section-copy { color: rgba(255,255,255,.58); }
.package-page-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: .85rem; }
.package-page-card { position: relative; display: flex; flex-direction: column; min-height: 610px; padding: 1.45rem; color: #fff; border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.035); }
.package-page-card--featured { background: rgba(68,161,164,.13); border-color: rgba(68,161,164,.55); }
.package-page-card h2 { margin: 3rem 0 1.2rem; font-size: 1.45rem; font-weight: 830; }
.package-page-price strong, .package-page-price small { display: block; }
.package-page-price strong { color: var(--brand-orange); font-size: clamp(1.65rem,2.2vw,2.25rem); 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-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 { margin-top: auto; }
.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(34,66,72,.78); line-height: 1.75; }
.custom-scope-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid rgba(34,66,72,.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(34,66,72,.28); border-bottom: 1px solid rgba(34,66,72,.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: #e8eeee; }

.contact-page-section { background: #e8eeee; }
.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 (max-width: 1199.98px) {
  .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: 430px; }
  .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-grid { grid-template-columns: repeat(2,1fr); }
  .package-page-card { min-height: 540px; }
}

@media (max-width: 991.98px) {
  .inner-hero::before, .model-detail-hero::before { background-attachment: scroll; }
  .navbar-collapse { margin-top: .8rem; padding: 1rem; background: rgba(34,66,72,.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; }
  .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; }
  .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); }
  .footer-links { justify-content: flex-start; }
  .brief-intro, .brief-form-wrap { padding: 3rem 2rem; }
  .about-signature-card { position: relative; top: auto; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-grid article { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(34,66,72,.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(34,66,72,.28); }
  .service-index-grid a:nth-child(2n) { border-right: 0; }
  .service-index-grid a:nth-child(n+5) { border-bottom: 1px solid rgba(34,66,72,.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: 767.98px) {
  .navbar { min-height: 74px; }
  .brand-text { display: none; }
  .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(68,161,164,.2); }
  .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; }
  .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(12,32,36,.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(7,23,26,.8); }
  .service-hero-capabilities { top: 1rem; right: 0; width: 180px; }
  .work-hero-site { inset: 0 10% 118px 0; }
  .work-hero-model { top: 68px; width: 44%; height: 225px; }
  .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(68,161,164,.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: 390px; }
  .team-card-body { min-height: 390px; padding: 1.6rem; }
  .service-index-grid { grid-template-columns: 1fr; }
  .service-index-grid a { border-right: 0 !important; border-bottom: 1px solid rgba(34,66,72,.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(34,66,72,.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(34,66,72,.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; }
  .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; }
  .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; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-section { background-attachment: scroll; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}