/* Bond & Play R21 V2 — homepage design restoration for Method, AI Native and Build sections. */
:root {
  --black: #080807;
  --black-soft: #11110f;
  --bone: #f4f0e8;
  --paper: #faf8f3;
  --stone: #e9e5dd;
  --line: rgba(30, 27, 21, 0.15);
  --line-dark: rgba(255, 255, 255, 0.18);
  --gold: #c99a56;
  --gold-dark: #875821;
  --text: #1a1814;
  --muted: #69645c;
  --white: #fffdf8;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --serif: "Iowan Old Style", Baskerville, "Baskerville Old Face", "Times New Roman", serif;
  --shell: 1400px;
  --pad: clamp(20px, 4vw, 64px);
  --ease: cubic-bezier(.22,.61,.36,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; color: var(--text); background: var(--paper); font-family: var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { background: var(--gold); color: #111; }

.skip-link { position: fixed; left: 16px; top: 12px; z-index: 9999; transform: translateY(-150%); background: var(--paper); color: var(--black); padding: 10px 14px; border-radius: 2px; }
.skip-link:focus { transform: translateY(0); }

.shell { width: min(var(--shell), calc(100% - (2 * var(--pad)))); margin-inline: auto; }
.section-light { background: var(--paper); }
.section-stone { background: var(--stone); }
.section-dark { background: var(--black); color: var(--white); }

.eyebrow { margin: 0 0 16px; font-size: 11px; line-height: 1.2; font-weight: 700; text-transform: uppercase; letter-spacing: .16em; }
.gold { color: var(--gold); }
.gold-dark { color: var(--gold-dark); }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -.032em; }
h2 { font-size: clamp(42px, 5vw, 76px); line-height: .98; }
p { line-height: 1.55; }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; right: 0; height: 86px; padding: 0 var(--pad); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: white; transition: background .35s ease, height .35s ease, backdrop-filter .35s ease; }
.site-header.is-scrolled { height: 70px; background: rgba(8,8,7,.88); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.1); }
.brand { width: 140px; position: relative; z-index: 2; }
.brand img { width: 100%; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: clamp(20px, 2.4vw, 38px); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.desktop-nav a { text-decoration: none; opacity: .9; transition: color .25s ease; }
.desktop-nav a:hover { color: var(--gold); }
.menu-toggle { justify-self: end; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: transparent; display: grid; place-content: center; gap: 5px; cursor: pointer; position: relative; z-index: 120; }
.menu-toggle span { width: 14px; height: 1px; background: currentColor; display: block; transition: transform .25s ease; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }

.mobile-menu { position: fixed; z-index: 90; inset: 0; background: rgba(8,8,7,.98); color: var(--white); visibility: hidden; opacity: 0; transition: opacity .28s ease, visibility .28s; }
.mobile-menu.is-open { visibility: visible; opacity: 1; }
.mobile-menu-inner { width: min(620px, calc(100% - 40px)); margin: 0 auto; padding-top: 135px; }
.mobile-menu nav { display: grid; border-top: 1px solid var(--line-dark); }
.mobile-menu nav a { text-decoration: none; font-family: var(--serif); font-size: clamp(36px, 8vw, 64px); line-height: 1; padding: 15px 0; border-bottom: 1px solid var(--line-dark); }
.menu-email { display: inline-block; margin-top: 34px; color: var(--gold); text-decoration: none; font-size: 14px; }

.hero { position: relative; height: clamp(730px, 94svh, 980px); min-height: 730px; background: var(--black); color: var(--white); overflow: hidden; isolation: isolate; }
.hero-slides, .hero-slide { position: absolute; inset: 0; }
.hero-slide { opacity: 0; transition: opacity 1.1s ease; background: var(--black); overflow: hidden; }
.hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.015); transition: transform 7s linear; }
.hero-slide.is-active { opacity: 1; }
.hero-slide.is-active .hero-media { transform: scale(1.045); }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,5,5,.94) 0%, rgba(5,5,5,.78) 24%, rgba(5,5,5,.23) 57%, rgba(5,5,5,.10) 100%), linear-gradient(0deg, rgba(5,5,5,.78) 0%, transparent 32%); }
.hero-content { position: relative; z-index: 3; height: 100%; padding-top: clamp(140px, 18vh, 190px); pointer-events: none; }
.hero-copy { width: min(690px, 53vw); pointer-events: auto; }
.hero h1 { font-size: clamp(52px, 5vw, 82px); line-height: .965; margin-bottom: 24px; text-wrap: balance; }
.hero-deck { max-width: 610px; color: rgba(255,255,255,.82); font-size: clamp(14px, 1.15vw, 17px); }
.hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 19px; text-decoration: none; text-transform: uppercase; letter-spacing: .09em; font-size: 10px; font-weight: 800; border: 1px solid transparent; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-gold { background: var(--gold); color: #0b0a08; }
.button-gold:hover { background: #d5ac74; }
.button-outline { border-color: rgba(255,255,255,.65); color: var(--white); }
.button-outline:hover { border-color: var(--gold); color: var(--gold); }

.hero-rail { position: absolute; z-index: 5; left: 50%; transform: translateX(-50%); bottom: 27px; display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: center; gap: 12px; }
.hero-thumbnails { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); height: 92px; border: 1px solid rgba(255,255,255,.25); background: rgba(6,6,6,.42); backdrop-filter: blur(8px); overflow: hidden; }
.hero-thumb { min-width: 0; position: relative; padding: 0; border: 0; border-right: 1px solid rgba(255,255,255,.15); background: #111; color: white; cursor: pointer; overflow: hidden; text-align: left; }
.hero-thumb:last-child { border-right: 0; }
.hero-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .36; transition: opacity .3s ease, transform .4s var(--ease); }
.hero-thumb::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.hero-thumb.is-active::after { transform: scaleX(1); }
.hero-thumb.is-active img, .hero-thumb:hover img { opacity: .68; transform: scale(1.035); }
.hero-thumb span { position: absolute; inset: 0; z-index: 2; padding: 13px; display: grid; align-content: end; grid-template-columns: auto 1fr; column-gap: 8px; }
.hero-thumb small { color: var(--gold); font-size: 8px; }
.hero-thumb strong { font-family: var(--serif); font-weight: 400; letter-spacing: 0; font-size: 18px; line-height: 1; }
.hero-thumb em { grid-column: 2; margin-top: 4px; opacity: 0; font-style: normal; font-size: 8px; line-height: 1.2; transition: opacity .3s ease; }
.hero-thumb.is-active em { opacity: .8; }
.rail-arrow { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.34); background: rgba(0,0,0,.38); color: white; cursor: pointer; }
.rail-arrow:hover { border-color: var(--gold); color: var(--gold); }
.hero-unit-chip { position: absolute; z-index: 4; right: 0; left: 0; bottom: 134px; display: flex; justify-content: flex-end; align-items: baseline; gap: 14px; font-size: 11px; letter-spacing: .05em; pointer-events: none; }
.hero-unit-chip span { color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.hero-unit-chip strong { font-family: var(--serif); font-size: 18px; font-weight: 400; }

.method { padding: clamp(78px, 9vw, 140px) 0 0; }
.section-intro { max-width: 960px; margin-bottom: clamp(46px, 6vw, 84px); }
.section-intro h2 { margin-bottom: 20px; }
.section-intro > p:last-child { max-width: 680px; color: var(--muted); }
.method-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }
.method-item { position: relative; min-height: 370px; padding: 28px clamp(24px, 3vw, 45px) 40px 0; border-right: 1px solid var(--line); }
.method-item + .method-item { padding-left: clamp(24px, 3vw, 45px); }
.method-item:last-child { border-right: 0; }
.step-number, .unit-meta small, .build-row > span, .movement span { color: var(--gold-dark); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.method-item h3 { font-size: clamp(32px, 3vw, 46px); margin: 12px 0 18px; }
.method-item > p { max-width: 370px; font-size: 15px; }
.method-item .detail { color: var(--muted); font-size: 13px; }
.line-arrow { position: absolute; left: 0; bottom: 34px; font-size: 24px; transition: transform .3s ease; }
.method-item + .method-item .line-arrow { left: clamp(24px, 3vw, 45px); }
.method-item:hover .line-arrow { transform: translateX(8px); }

.units { padding: clamp(90px, 9vw, 145px) 0; border-top: 1px solid var(--line); }
.split-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .7fr); gap: 9vw; align-items: end; margin-bottom: 52px; }
.split-heading h2 { margin-bottom: 0; }
.split-heading > p, .split-heading > div:last-child { color: var(--muted); font-size: 14px; max-width: 570px; }
.unit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.unit-card { display: block; border: 1px solid var(--line); background: var(--paper); padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-decoration: none; }
.unit-image { aspect-ratio: 1.36/1; overflow: hidden; background: #111; }
.unit-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--ease), filter .45s ease; }
.unit-meta { position: relative; min-height: 126px; padding: 18px 46px 18px 18px; }
.unit-meta span { display: flex; gap: 9px; align-items: baseline; }
.unit-meta strong { font-family: var(--serif); font-size: 22px; font-weight: 400; }
.unit-meta p { margin: 8px 0 0; color: #5f5b55; font-size: 12px; }
.unit-meta i { position: absolute; right: 16px; bottom: 19px; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-style: normal; transition: transform .3s ease, background .3s ease; }
.unit-card:hover .unit-image img { transform: scale(1.045); }
.unit-card:hover .unit-meta i { transform: translateX(4px); background: var(--gold); }

.ai-native { padding: clamp(90px, 9vw, 145px) 0; }
.ai-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(430px,.8fr); gap: 8vw; align-items: start; }
.ai-copy h2 { max-width: 800px; }
.ai-copy > p:not(.eyebrow) { max-width: 760px; color: rgba(255,255,255,.73); }
.ai-copy .ai-emphasis { color: var(--white) !important; font-family: var(--serif); font-size: clamp(24px, 2vw, 32px); line-height: 1.25; margin-top: 36px; }
.ai-columns { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line-dark); }
.ai-columns > div { padding: 24px 26px 0 0; }
.ai-columns > div + div { border-left: 1px solid var(--line-dark); padding-left: 26px; }
.ai-columns ul { list-style: none; padding: 0; margin: 22px 0 0; }
.ai-columns li { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.09); font-size: 13px; color: rgba(255,255,255,.78); }

.unit-feature { padding: 0 0 clamp(90px, 9vw, 145px); scroll-margin-top: 72px; }
.unit-feature-grid { display: grid; grid-template-columns: 1.06fr .94fr; border: 1px solid var(--line-dark); }
.unit-feature.is-reverse .feature-image { grid-column: 2; grid-row: 1; }
.unit-feature.is-reverse .feature-copy { grid-column: 1; grid-row: 1; }
.feature-image { margin: 0; min-height: 620px; overflow: hidden; }
.feature-image img { width: 100%; height: 100%; object-fit: cover; }
.feature-copy { padding: clamp(38px, 5vw, 76px); align-self: center; }
.feature-copy h2 { font-size: clamp(44px, 4.4vw, 70px); margin-bottom: 10px; }
.gold-line { color: var(--gold); font-family: var(--serif); font-size: 24px; }
.feature-copy > p:not(.eyebrow):not(.gold-line) { color: rgba(255,255,255,.73); }
.feature-detail { border-top: 1px solid var(--line-dark); padding-top: 17px; margin-top: 24px; }
.feature-detail span { color: var(--gold); font-size: 9px; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; }
.feature-detail p { margin: 8px 0 0; font-size: 12px; color: rgba(255,255,255,.77); }
.text-link { display: inline-block; margin-top: 28px; padding: 0 0 6px; border: 0; border-bottom: 1px solid var(--gold); background: transparent; color: var(--white); text-transform: uppercase; letter-spacing: .08em; font-size: 10px; cursor: pointer; text-decoration: none; }
.text-link span { color: var(--gold); margin-left: 12px; }

.agency-model { padding: 0 0 clamp(90px, 9vw, 145px); }
.model-intro { max-width: 980px; margin-bottom: 54px; }
.model-intro h2 { max-width: 900px; margin-bottom: 26px; }
.model-intro > p:not(.eyebrow) { max-width: 760px; color: rgba(255,255,255,.7); font-size: 16px; }
.model-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.model-grid article { min-height: 285px; padding: 28px clamp(24px,3vw,42px) 34px 0; border-right: 1px solid var(--line-dark); }
.model-grid article + article { padding-left: clamp(24px,3vw,42px); }
.model-grid article:last-child { border-right: 0; }
.model-grid span { color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.model-grid h3 { margin: 54px 0 14px; font-size: clamp(30px,3vw,46px); line-height: 1; }
.model-grid p { color: rgba(255,255,255,.65); font-size: 13px; }

.build { padding: clamp(90px, 9vw, 145px) 0; }
.build-list { border-top: 1px solid var(--line); }
.build-row { display: grid; grid-template-columns: 60px minmax(240px,.55fr) 1fr; align-items: center; gap: 22px; min-height: 118px; border-bottom: 1px solid var(--line); }
.build-row h3 { margin: 0; font-size: clamp(30px, 3vw, 44px); }
.build-row p { margin: 0; color: var(--muted); }

.infrastructure { padding: clamp(90px, 9vw, 145px) 0; }
.strong-line { color: var(--text); font-weight: 650; }
.infra-system { margin-top: 62px; padding: clamp(35px,5vw,70px); background: rgba(255,255,255,.46); border: 1px solid rgba(0,0,0,.10); }
.infra-brand { width: min(250px, 46vw); margin: 0 auto; }
.infra-line { width: 1px; height: 54px; background: rgba(0,0,0,.22); margin: 20px auto 0; }
.infra-capabilities { display: grid; grid-template-columns: repeat(8,1fr); border-top: 1px solid rgba(0,0,0,.22); }
.infra-capabilities span { position: relative; padding: 22px 10px 0; text-align: center; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.infra-capabilities span::before { content:""; position: absolute; width: 1px; height: 13px; top: 0; left: 50%; background: rgba(0,0,0,.22); }

.work-system { padding: clamp(90px, 9vw, 145px) 0; }
.movement { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.movement > div { min-height: 230px; padding: 28px 28px 34px 0; border-right: 1px solid var(--line-dark); display: flex; flex-direction: column; }
.movement > div + div { padding-left: 28px; }
.movement > div:last-child { border-right: 0; }
.movement span { color: var(--gold); }
.movement strong { margin-top: auto; font-family: var(--serif); font-size: clamp(32px,3vw,48px); font-weight: 400; }
.movement p { margin: 6px 0 0; color: rgba(255,255,255,.58); font-size: 12px; }

.ventures { padding: clamp(90px, 9vw, 140px) 0; }
.ventures-grid { display: grid; grid-template-columns: 1.08fr .72fr; gap: 10vw; align-items: start; }
.ventures-grid h2 { margin-bottom: 0; }
.ventures-grid > div:last-child { font-size: 16px; color: var(--muted); padding-top: 30px; }
.ventures-signoff { color: var(--text); font-family: var(--serif); font-size: 28px; margin-top: 34px; }

.about { padding: clamp(90px, 9vw, 145px) 0; border-top: 1px solid var(--line); }
.about-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 8vw; }
.about-company h2 { font-size: clamp(42px, 4.5vw, 66px); }
.about-company > p:not(.eyebrow) { color: var(--muted); }
.founder-card { padding: clamp(30px, 4vw, 55px); background: #ece6dc; border: 1px solid rgba(0,0,0,.09); }
.founder-card h3 { font-size: clamp(36px, 3.8vw, 58px); line-height: 1; }
.founder-card > p:not(.eyebrow) { color: var(--muted); }
.proof-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 26px; margin-top: 34px; border-top: 1px solid var(--line); }
.proof-grid span { padding: 17px 0; border-bottom: 1px solid var(--line); font-size: 11px; line-height: 1.45; }

.closing { padding: clamp(100px, 12vw, 180px) 0; }
.closing-inner { max-width: 1120px; text-align: center; }
.closing-inner h2 { font-size: clamp(58px, 8vw, 116px); line-height: .9; }
.closing-inner > p:not(.eyebrow) { max-width: 690px; margin: 0 auto; color: rgba(255,255,255,.7); }
.closing-inner .hero-actions { justify-content: center; margin-top: 38px; }
.closing-email { display: inline-block; margin-top: 60px; color: var(--gold); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 4px; }

.site-footer { background: #050504; color: rgba(255,255,255,.55); border-top: 1px solid var(--line-dark); padding: 28px 0; }
.footer-grid { display: grid; grid-template-columns: 1fr auto auto; gap: 30px; align-items: center; font-size: 10px; }
.footer-grid img { width: 120px; }
.footer-grid p { margin: 0; }


.reveal { opacity: 1; transform: none; }
.js-ready .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.js-ready .reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav { display: none; }
  .hero { height: clamp(730px, 90svh, 930px); }
  .hero-content { padding-top: 135px; }
  .hero-copy { width: min(700px, 72vw); }
  .hero h1 { font-size: clamp(50px, 6.2vw, 74px); }
  .hero-unit-chip { display: none; }
  .unit-grid { grid-template-columns: repeat(2,1fr); gap: 16px; }
  .ai-grid { grid-template-columns: 1fr; }
  .ai-columns { max-width: 760px; }
  .model-grid { grid-template-columns: 1fr; }
  .model-grid article, .model-grid article + article { min-height: 0; padding: 28px 0 34px; border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .model-grid article:last-child { border-bottom: 0; }
  .model-grid h3 { margin-top: 28px; }
  .unit-feature-grid { grid-template-columns: 1fr; }
  .unit-feature.is-reverse .feature-image, .unit-feature.is-reverse .feature-copy { grid-column: auto; grid-row: auto; }
  .feature-image { min-height: 480px; aspect-ratio: 1.65/1; }
  .infra-capabilities { grid-template-columns: repeat(4,1fr); row-gap: 28px; border-top: 0; }
  .infra-capabilities span { border-top: 1px solid rgba(0,0,0,.22); }
  .about-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  :root { --pad: 18px; }
  .site-header { height: 72px; }
  .site-header.is-scrolled { height: 62px; }
  .brand { width: 116px; }
  .menu-toggle { width: 34px; height: 34px; }
  h2 { font-size: clamp(38px, 11.5vw, 54px); }
  .hero { height: clamp(810px, 96svh, 900px); min-height: 810px; }
  .hero-media { inset: 0 0 auto; height: 43%; object-fit: cover; object-position: 60% center; transform: scale(1.01); }
  .hero-slide[data-slide="0"] .hero-media { object-position: 66% center; }
  .hero-slide[data-slide="1"] .hero-media { object-position: 62% 30%; }
  .hero-slide[data-slide="2"] .hero-media { object-position: 62% 28%; }
  .hero-slide.is-active .hero-media { transform: scale(1.035); }
  .hero-shade { background: linear-gradient(180deg, rgba(5,5,5,.02) 0%, rgba(5,5,5,.12) 22%, rgba(5,5,5,.82) 38%, #080807 47%, #080807 100%); }
  .hero-content { padding-top: 330px; }
  .hero-copy { width: 100%; }
  .hero .eyebrow { max-width: 280px; margin-bottom: 11px; font-size: 8px; }
  .hero h1 { font-size: clamp(34px, 9.3vw, 42px); line-height: .98; margin-bottom: 14px; }
  .hero-deck { font-size: 11.5px; line-height: 1.45; max-width: 96%; }
  .hero-actions { margin-top: 18px; display: grid; grid-template-columns: 1fr; gap: 9px; width: min(320px,100%); }
  .button { min-height: 44px; justify-content: space-between; }
  .hero-rail { bottom: 14px; grid-template-columns: 30px minmax(0,1fr) 30px; gap: 7px; }
  .rail-arrow { width: 29px; height: 29px; font-size: 12px; }
  .hero-thumbnails { display: flex; height: 72px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .hero-thumbnails::-webkit-scrollbar { display:none; }
  .hero-thumb { min-width: 124px; scroll-snap-align: start; }
  .hero-thumb span { padding: 9px; }
  .hero-thumb strong { font-size: 14px; }
  .hero-thumb em { display: none; }
  .section-intro { margin-bottom: 38px; }
  .method { padding-top: 74px; }
  .method-grid { grid-template-columns: 1fr; }
  .method-item, .method-item + .method-item { min-height: auto; padding: 26px 48px 62px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .method-item + .method-item .line-arrow { left: 0; }
  .method-item h3 { font-size: 35px; }
  .method-item .detail { display: none; }
  .split-heading { grid-template-columns: 1fr; gap: 24px; align-items: start; }
  .split-heading h2 { font-size: 43px; }
  .units { padding: 78px 0; }
  .unit-grid { grid-template-columns: 1fr; gap: 12px; }
  .unit-card { display: grid; grid-template-columns: 112px 1fr; }
  .unit-image { aspect-ratio: auto; min-height: 118px; }
  .unit-meta { min-height: 118px; padding: 18px 42px 18px 16px; }
  .unit-meta strong { font-size: 20px; }
  .ai-native { padding: 78px 0; }
  .agency-model { padding-bottom: 78px; }
  .model-intro { margin-bottom: 36px; }
  .ai-columns { grid-template-columns: 1fr; }
  .ai-columns > div + div { border-left: 0; border-top: 1px solid var(--line-dark); padding: 28px 0 0; margin-top: 28px; }
  .ai-copy .ai-emphasis { font-size: 25px; }
  .unit-feature { padding-bottom: 78px; }
  .unit-feature-grid { border-left: 0; border-right: 0; }
  .feature-image { min-height: 0; aspect-ratio: 1.25/1; }
  .feature-copy { padding: 34px 20px 42px; }
  .feature-copy h2 { font-size: 43px; }
  .gold-line { font-size: 21px; }
  .build { padding: 78px 0; }
  .build-row { grid-template-columns: 34px 1fr; gap: 12px; padding: 18px 0; min-height: 0; }
  .build-row h3 { font-size: 31px; }
  .build-row p { grid-column: 2; font-size: 13px; }
  .infrastructure { padding: 78px 0; }
  .infra-system { padding: 32px 18px; margin-top: 36px; }
  .infra-capabilities { grid-template-columns: repeat(2,1fr); row-gap: 20px; }
  .infra-capabilities span { font-size: 9px; }
  .work-system { padding: 78px 0; }
  .movement { grid-template-columns: 1fr 1fr; }
  .movement > div, .movement > div + div { min-height: 170px; padding: 20px; }
  .movement > div:nth-child(2) { border-right: 0; }
  .movement > div:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
  .movement strong { font-size: 34px; }
  .ventures { padding: 78px 0; }
  .ventures-grid { grid-template-columns: 1fr; gap: 10px; }
  .ventures-grid > div:last-child { padding-top: 0; }
  .about { padding: 78px 0; }
  .founder-card { padding: 28px 20px; }
  .founder-card h3 { font-size: 39px; }
  .proof-grid { grid-template-columns: 1fr; }
  .closing { padding: 92px 0; }
  .closing-inner h2 { font-size: clamp(52px, 15vw, 76px); }
  .closing-inner .hero-actions { margin-inline: auto; }
  .footer-grid { grid-template-columns: 1fr; gap: 13px; text-align: left; }
}

@media (max-width: 390px) {
  .hero { min-height: 820px; }
  .hero-content { padding-top: 316px; }
  .hero h1 { font-size: 33px; }
  .hero-deck { font-size: 10.8px; }
  .button { min-height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal { opacity: 1; transform: none; }
  .hero-slide.is-active .hero-media { transform: none; }
}


/* ROUND 4 — calibrated hero, four-unit launch and conversion system */
.hero { height: 100svh; min-height: 700px; max-height: 980px; }
.hero-content { padding-top: clamp(112px, 14vh, 148px); }
.hero-copy { width: min(670px, 50vw); }
.hero h1 { font-size: clamp(48px, 4.55vw, 70px); line-height: .98; margin-bottom: 20px; }
.hero-deck { max-width: 560px; font-size: clamp(13px, 1vw, 15.5px); line-height: 1.5; }
.hero-shade { background: linear-gradient(90deg, rgba(5,5,5,.94) 0%, rgba(5,5,5,.77) 24%, rgba(5,5,5,.22) 58%, rgba(5,5,5,.08) 100%), linear-gradient(0deg, rgba(5,5,5,.83) 0%, rgba(5,5,5,.18) 28%, transparent 46%); }
.hero-rail { bottom: 20px; }
.hero-thumbnails { grid-template-columns: repeat(4, minmax(0,1fr)); height: 88px; }
.hero-thumb strong { font-size: 17px; }
.hero-unit-chip { display: none !important; }
.unit-grid { grid-template-columns: repeat(4,1fr); }
.unit-meta { min-height: 136px; }
.engage { padding: clamp(90px, 9vw, 145px) 0; border-top: 1px solid var(--line); }
.engage-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.engage-card { min-height: 330px; padding: 28px 26px 30px 0; border-right: 1px solid var(--line); text-decoration: none; display: flex; flex-direction: column; transition: background .3s ease, padding .3s ease; }
.engage-card + .engage-card { padding-left: 26px; }
.engage-card:last-child { border-right: 0; }
.engage-card > span { color: var(--gold-dark); text-transform: uppercase; letter-spacing: .12em; font-size: 9px; font-weight: 750; }
.engage-card h3 { margin: 42px 0 16px; font-size: clamp(29px, 2.4vw, 40px); line-height: 1; }
.engage-card p { color: var(--muted); font-size: 13px; }
.engage-card strong { margin-top: auto; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: var(--gold-dark); }
.engage-card:hover { background: rgba(255,255,255,.42); }
.unit-distinction { color: var(--white) !important; font-family: var(--serif); font-size: 22px; line-height: 1.3; border-left: 2px solid var(--gold); padding-left: 18px; margin: 28px 0; }
@media (max-width: 1100px) {
  .hero { height: 92svh; min-height: 720px; max-height: 900px; }
  .hero-content { padding-top: 126px; }
  .hero-copy { width: min(660px, 70vw); }
  .hero h1 { font-size: clamp(48px, 6vw, 66px); }
  .unit-grid { grid-template-columns: repeat(2,1fr); }
  .engage-grid { grid-template-columns: repeat(2,1fr); }
  .engage-card:nth-child(2) { border-right: 0; }
  .engage-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 767px) {
  .hero { height: 100svh; min-height: 760px; max-height: 860px; }
  .hero-media { inset: 0; height: 100%; object-fit: cover; transform: scale(1.01); }
  .hero-slide[data-slide="0"] .hero-media { object-position: 64% center; }
  .hero-slide[data-slide="1"] .hero-media { object-position: 55% center; }
  .hero-slide[data-slide="2"] .hero-media { object-position: 64% center; }
  .hero-slide[data-slide="3"] .hero-media { object-position: 62% center; }
  .hero-slide.is-active .hero-media { transform: scale(1.025); }
  .hero-shade { background: linear-gradient(180deg, rgba(5,5,5,.08) 0%, rgba(5,5,5,.18) 22%, rgba(5,5,5,.66) 44%, rgba(5,5,5,.94) 66%, #080807 100%); }
  .hero-content { padding-top: 112px; display: flex; align-items: flex-start; }
  .hero-copy { width: 100%; padding-top: 23vh; }
  .hero .eyebrow { font-size: 8px; margin-bottom: 9px; }
  .hero h1 { font-size: clamp(31px, 8.7vw, 39px); line-height: .99; max-width: 360px; margin-bottom: 12px; }
  .hero-deck { max-width: 355px; font-size: 10.7px; line-height: 1.43; }
  .hero-actions { margin-top: 14px; width: min(300px, 90%); }
  .hero-rail { bottom: 12px; }
  .hero-thumbnails { height: 68px; }
  .hero-thumb { min-width: 116px; }
  .hero-thumb strong { font-size: 13px; }
  .unit-grid { grid-template-columns: 1fr; }
  .engage { padding: 76px 0; }
  .engage-grid { grid-template-columns: 1fr; }
  .engage-card, .engage-card + .engage-card { min-height: 250px; padding: 24px 0 25px; border-right: 0; border-bottom: 1px solid var(--line); }
  .engage-card:last-child { border-bottom: 0; }
  .engage-card h3 { margin-top: 30px; font-size: 34px; }
  .unit-distinction { font-size: 20px; }
}
@media (max-height: 760px) and (min-width: 768px) {
  .hero { min-height: 650px; height: 100vh; }
  .hero-content { padding-top: 94px; }
  .hero h1 { font-size: clamp(43px, 4.2vw, 60px); }
  .hero-deck { font-size: 12.5px; max-width: 520px; }
  .hero-actions { margin-top: 18px; }
  .hero-thumbnails { height: 74px; }
  .hero-rail { bottom: 12px; }
}


/* ROUND 4.1 — mobile carousel scroll-position QA fix */
.hero-thumbnails { overscroll-behavior-inline: contain; }
@media (max-width: 767px) {
  .hero-thumbnails { overscroll-behavior-x: contain; }
}

/* ROUND 4.2 — carousel interaction, unit definitions and mobile scroll safety */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.hero-slide {
  z-index: 0;
  pointer-events: none;
}
.hero-slide.is-active { z-index: 1; }

.hero-definition {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 126px;
  transform: translateX(-50%);
  pointer-events: none;
}
.hero-definition-inner {
  width: max-content;
  max-width: min(390px, 48vw);
  display: flex;
  align-items: baseline;
  gap: 11px;
  padding: 10px 14px 10px 13px;
  border-left: 2px solid var(--gold);
  background: rgba(8,8,7,.58);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  box-shadow: 0 8px 30px rgba(0,0,0,.12);
}
.hero-definition strong {
  flex: 0 0 auto;
  color: var(--white);
  font-family: var(--sans);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .13em;
  font-weight: 800;
}
.hero-definition span {
  color: rgba(255,255,255,.86);
  font-size: 10px;
  line-height: 1.25;
  letter-spacing: .015em;
}

/* Every thumbnail is explicitly interactive; nested images/text cannot absorb clicks. */
.hero-thumb { touch-action: manipulation; }
.hero-thumb > * { pointer-events: none; }
.hero-thumbnails {
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1100px) {
  .hero-definition { bottom: 122px; }
  .hero-definition-inner { max-width: min(380px, 60vw); }
}

@media (max-width: 767px) {
  /* Keep the unit definition inside the visual field but above the long copy/CTA stack. */
  .hero-definition {
    top: clamp(210px, 26vh, 245px);
    bottom: auto;
  }
  .hero-definition-inner {
    max-width: calc(100vw - (2 * var(--pad)));
    gap: 8px;
    padding: 8px 10px 8px 9px;
    background: rgba(8,8,7,.54);
  }
  .hero-definition strong { font-size: 8px; }
  .hero-definition span { font-size: 8.5px; }

  /* The carousel may only pan its own horizontal thumbnail strip. It never
     owns the document's vertical scroll position. */
  .hero-thumbnails {
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
  }
}


/* ROUND 4.3 — conversion-focused dynamic unit message + deterministic mobile line breaks */
.hero-copy { width: min(690px, 52vw); }
.hero-deck { margin-bottom: 18px; }
.hero-unit-message {
  width: min(600px, 100%);
  padding: 16px 0 0;
  border-top: 1px solid rgba(255,255,255,.24);
}
.hero-unit-label {
  margin: 0 0 8px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-family: var(--sans);
  line-height: 1.2;
}
.hero-unit-label strong {
  color: var(--gold);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.hero-unit-label span {
  color: rgba(255,255,255,.72);
  font-size: 10px;
  letter-spacing: .02em;
}
.hero-unit-thesis {
  margin: 0 0 6px;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(22px, 1.85vw, 30px);
  line-height: 1.08;
  letter-spacing: -.018em;
}
.hero-unit-support {
  margin: 0;
  max-width: 545px;
  color: rgba(255,255,255,.76);
  font-size: 12.5px;
  line-height: 1.45;
}
.mobile-copy-break { display: none; }
.hero-actions { margin-top: 18px; }

/* The image overlay is a thesis marker, not a second category label. */
.hero-definition-inner { max-width: min(520px, 52vw); }
.hero-definition span { font-size: 10.5px; }

@media (max-width: 1100px) {
  .hero-copy { width: min(680px, 72vw); }
  .hero-unit-message { width: min(570px, 100%); }
  .hero-unit-thesis { font-size: clamp(22px, 2.7vw, 28px); }
  .hero-definition-inner { max-width: min(500px, 62vw); }
}

@media (max-width: 767px) {
  .hero { min-height: 800px; max-height: 900px; }
  .hero-content { padding-top: 104px; }
  .hero-copy { width: 100%; padding-top: 21.5vh; }
  .hero h1 { font-size: clamp(30px, 8.45vw, 37px); line-height: .985; max-width: 356px; margin-bottom: 10px; }
  .hero-deck { max-width: 350px; margin-bottom: 11px; font-size: 10.4px; line-height: 1.4; }
  .hero-unit-message { width: min(350px, 100%); padding-top: 10px; }
  .hero-unit-label { margin-bottom: 5px; gap: 8px; flex-wrap: wrap; row-gap: 3px; }
  .hero-unit-label strong { font-size: 7.5px; }
  .hero-unit-label span { font-size: 8.4px; }
  .hero-unit-thesis { margin-bottom: 4px; font-size: 19px; line-height: 1.03; }
  .hero-unit-support { font-size: 9.6px; line-height: 1.34; max-width: 342px; }
  .mobile-copy-break { display: block; }
  .hero-actions { margin-top: 11px; display: grid; grid-template-columns: minmax(0,1.22fr) minmax(0,.92fr); gap: 7px; width: min(342px, 100%); }
  .hero-actions .button { width: 100%; min-height: 40px; padding: 0 10px; gap: 9px; font-size: 8.2px; letter-spacing: .07em; white-space: nowrap; }
  .hero-definition { top: clamp(190px, 23vh, 218px); }
  .hero-definition-inner { max-width: calc(100vw - (2 * var(--pad))); padding: 7px 9px 7px 8px; gap: 7px; }
  .hero-definition strong { font-size: 7.5px; }
  .hero-definition span { font-size: 8.2px; line-height: 1.2; }
  .hero-rail { bottom: 10px; }
}

@media (max-width: 390px) {
  .hero { min-height: 810px; }
  .hero-copy { padding-top: 20.5vh; }
  .hero h1 { font-size: 31px; max-width: 335px; }
  .hero-deck { max-width: 335px; font-size: 10px; }
  .hero-unit-message { max-width: 335px; }
  .hero-unit-thesis { font-size: 18.5px; }
  .hero-unit-support { font-size: 9.3px; }
  .hero-actions { width: min(330px, 100%); }
}

@media (max-height: 760px) and (min-width: 768px) {
  .hero-unit-message { padding-top: 10px; }
  .hero-unit-thesis { font-size: 21px; }
  .hero-unit-support { font-size: 11.5px; }
  .hero-actions { margin-top: 12px; }
}

/* ROUND 4.4 — HERO ONLY: rail clearance, thesis-only image labels, carousel legibility */

/* Reserve a protected lower zone for the selector. On short desktop/laptop
   viewports the hero becomes taller than the viewport rather than allowing
   the selector to sit on top of conversion copy or CTA controls. */
.hero {
  height: clamp(860px, 100svh, 980px);
  min-height: 860px;
  max-height: 980px;
}
.hero-content {
  padding-top: clamp(112px, 13vh, 148px);
  padding-bottom: 176px;
}
.hero-rail {
  bottom: 22px;
}
.hero-thumbnails {
  height: 104px;
  border-color: rgba(255,255,255,.34);
  background: rgba(6,6,6,.56);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* Strengthen selector contrast without obscuring the photography. */
.hero-thumb::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(4,4,4,.08) 8%, rgba(4,4,4,.34) 52%, rgba(4,4,4,.86) 100%);
  pointer-events: none;
}
.hero-thumb img { opacity: .52; }
.hero-thumb.is-active img,
.hero-thumb:hover img { opacity: .72; }
.hero-thumb span {
  z-index: 2;
  padding: 15px 16px;
  column-gap: 9px;
  row-gap: 1px;
}
.hero-thumb small {
  color: #e0b36f;
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  text-shadow: 0 1px 10px rgba(0,0,0,.8);
}
.hero-thumb strong {
  color: #fff;
  font-size: 21px;
  line-height: .98;
  font-weight: 600;
  text-shadow: 0 1px 14px rgba(0,0,0,.95);
}
.hero-thumb em,
.hero-thumb.is-active em {
  display: block;
  opacity: .96;
  color: #fff;
  font-size: 10px;
  line-height: 1.24;
  font-weight: 650;
  letter-spacing: .005em;
  text-shadow: 0 1px 12px rgba(0,0,0,.95);
}
.hero-thumb:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -3px;
}

/* Image annotation = unit identifier + thesis only. No category copy. */
.hero-definition {
  bottom: 150px;
}
.hero-definition-inner {
  max-width: min(560px, 54vw);
  padding: 11px 15px 11px 14px;
  background: rgba(8,8,7,.64);
}
.hero-definition strong {
  font-size: 10px;
  font-weight: 850;
}
.hero-definition span {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

@media (max-width: 1100px) {
  .hero {
    height: clamp(880px, 100svh, 980px);
    min-height: 880px;
    max-height: 980px;
  }
  .hero-content {
    padding-top: 118px;
    padding-bottom: 178px;
  }
  .hero-rail { bottom: 18px; }
  .hero-thumbnails { height: 102px; }
  .hero-thumb span { padding: 13px 12px; }
  .hero-thumb strong { font-size: 18px; }
  .hero-thumb em,
  .hero-thumb.is-active em { font-size: 9px; line-height: 1.2; }
  .hero-definition { bottom: 142px; }
  .hero-definition-inner { max-width: min(520px, 64vw); }
}

@media (max-width: 767px) {
  .hero {
    height: clamp(850px, 100svh, 940px);
    min-height: 850px;
    max-height: 940px;
  }
  .hero-content {
    padding-top: 100px;
    padding-bottom: 142px;
  }
  .hero-copy { padding-top: 21vh; }
  .hero-rail {
    bottom: 12px;
    grid-template-columns: 30px minmax(0,1fr) 30px;
    gap: 7px;
  }
  .hero-thumbnails { height: 88px; }
  .hero-thumb { min-width: 182px; }
  .hero-thumb span {
    padding: 10px 11px;
    column-gap: 7px;
  }
  .hero-thumb small { font-size: 8px; }
  .hero-thumb strong { font-size: 16.5px; }
  .hero-thumb em,
  .hero-thumb.is-active em {
    display: block;
    font-size: 8.8px;
    line-height: 1.17;
    font-weight: 700;
  }
  .hero-definition {
    top: clamp(184px, 22vh, 214px);
    bottom: auto;
  }
  .hero-definition-inner {
    max-width: calc(100vw - (2 * var(--pad)));
    padding: 8px 10px 8px 9px;
  }
  .hero-definition strong { font-size: 7.8px; }
  .hero-definition span { font-size: 9px; line-height: 1.2; }
}

@media (max-width: 390px) {
  .hero { min-height: 870px; }
  .hero-content { padding-top: 98px; }
  .hero-copy { padding-top: 20vh; }
  .hero-thumb { min-width: 176px; }
}

/* Short landscape screens are the collision case seen in live QA. Preserve
   the hierarchy by increasing the hero canvas instead of compressing the rail
   upward into the CTA area. */
@media (max-height: 800px) and (min-width: 768px) {
  .hero {
    height: 880px;
    min-height: 880px;
    max-height: none;
  }
  .hero-content {
    padding-top: 96px;
    padding-bottom: 180px;
  }
  .hero h1 { font-size: clamp(43px, 4.15vw, 60px); }
  .hero-deck { font-size: 12.5px; max-width: 525px; }
  .hero-unit-message { padding-top: 11px; }
  .hero-unit-thesis { font-size: 21px; }
  .hero-unit-support { font-size: 11.5px; }
  .hero-actions { margin-top: 12px; }
  .hero-rail { bottom: 18px; }
  .hero-thumbnails { height: 100px; }
  .hero-definition { bottom: 140px; }
}

/* R4.4.1 — keep the selector visible on short landscape and small mobile screens
   while preserving the protected CTA-to-selector gap. */
@media (max-height: 800px) and (min-width: 768px) {
  .hero {
    height: 100svh;
    min-height: 720px;
    max-height: 800px;
  }
  .hero-rail { bottom: 12px; }
  .hero-thumbnails { height: 88px; }
  .hero-definition { bottom: 124px; }
}

@media (max-width: 767px) {
  .hero {
    height: clamp(810px, 100svh, 900px);
    min-height: 810px;
    max-height: 900px;
  }
}

@media (max-width: 390px) {
  .hero { min-height: 810px; }
}
@media (max-height: 800px) and (min-width: 768px) {
  .hero-thumbnails { height: 84px; }
}

/* Keep the thesis annotation on the photography, away from the conversion copy. */
@media (min-width: 768px) {
  .hero-definition {
    display: flex;
    justify-content: flex-end;
  }
  .hero-definition-inner {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .hero-definition {
    display: flex;
    justify-content: flex-start;
  }
  .hero-definition-inner {
    margin-left: 0;
    margin-right: auto;
  }
}

/* Final R4.4 selector type calibration. */
@media (max-width: 1100px) and (min-width: 768px) {
  .hero-thumb strong { font-size: 19px; }
  .hero-thumb em,
  .hero-thumb.is-active em { font-size: 9.5px; font-weight: 700; }
}
@media (max-width: 767px) {
  .hero-thumb { min-width: 190px; }
  .hero-thumbnails { height: 92px; }
  .hero-thumb strong { font-size: 17.5px; }
  .hero-thumb em,
  .hero-thumb.is-active em { font-size: 9.5px; line-height: 1.18; font-weight: 750; }
}
@media (max-width: 390px) {
  .hero-thumb { min-width: 184px; }
}


/* ROUND 4.5 — HERO ONLY
   1) Remove duplicate left-side unit message from presentation.
   2) Keep the thesis annotation on the right side of the image.
   3) Put the carousel in normal document flow beneath both hero CTA bars.
      The hero can grow beyond the viewport on short screens rather than
      allowing the selector to overlap conversion controls. */

.hero {
  height: auto;
  min-height: 100svh;
  max-height: none;
  display: flex;
  flex-direction: column;
}

.hero-content {
  position: relative;
  z-index: 3;
  height: auto;
  flex: 1 0 auto;
  padding-top: clamp(118px, 14vh, 166px);
  padding-bottom: 0;
}

/* Defensive: R4.5 no longer renders this block. If stale markup is ever
   mixed with the new stylesheet, it still cannot create duplicate copy. */
.hero-unit-message { display: none !important; }

.hero-actions {
  margin-top: 30px;
}

.hero-rail {
  position: relative;
  z-index: 5;
  left: auto;
  right: auto;
  bottom: auto;
  transform: none;
  flex: 0 0 auto;
  margin-top: clamp(38px, 5vh, 62px);
  margin-bottom: clamp(24px, 3.2vh, 36px);
}

/* The image thesis remains a single right-side annotation. */
.hero-definition {
  display: flex;
  justify-content: flex-end;
  bottom: 158px;
}
.hero-definition-inner {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 1100px) {
  .hero {
    height: auto;
    min-height: 100svh;
    max-height: none;
  }
  .hero-content {
    height: auto;
    padding-top: 112px;
    padding-bottom: 0;
  }
  .hero-rail {
    bottom: auto;
    margin-top: 36px;
    margin-bottom: 24px;
  }
  .hero-definition { bottom: 154px; }
}

@media (max-width: 767px) {
  .hero {
    height: auto;
    min-height: 100svh;
    max-height: none;
  }
  .hero-content {
    height: auto;
    flex: 1 0 auto;
    padding-top: 96px;
    padding-bottom: 0;
  }
  .hero-copy { padding-top: 21vh; }
  .hero-actions {
    margin-top: 18px;
    width: min(330px, 100%);
  }
  .hero-rail {
    bottom: auto;
    margin-top: 30px;
    margin-bottom: 18px;
  }
  .hero-definition {
    top: clamp(176px, 21vh, 208px);
    bottom: auto;
    display: flex;
    justify-content: flex-end;
  }
  .hero-definition-inner {
    max-width: min(86vw, 360px);
    margin-left: auto;
    margin-right: 0;
  }
}

@media (max-width: 390px) {
  .hero { min-height: 100svh; }
  .hero-content { padding-top: 92px; }
  .hero-copy { padding-top: 20vh; }
  .hero-rail { margin-top: 28px; margin-bottom: 16px; }
  .hero-definition-inner { max-width: 88vw; }
}

/* Short landscape screens: keep the full content stack intact. The selector
   follows the CTAs in flow; the hero simply becomes taller when necessary. */
@media (max-height: 800px) and (min-width: 768px) {
  .hero {
    height: auto;
    min-height: 100svh;
    max-height: none;
  }
  .hero-content {
    height: auto;
    padding-top: 92px;
    padding-bottom: 0;
  }
  .hero-actions { margin-top: 18px; }
  .hero-rail {
    bottom: auto;
    margin-top: 32px;
    margin-bottom: 18px;
  }
  .hero-definition { bottom: 136px; }
}

/* ============================================================
   ROUND 5 — ASK BOND
   Floating, context-aware site guide. Scoped to avoid interfering with
   the existing Bond & Play layout and responsive hero system.
   ============================================================ */
#ask-bond-trigger,
#ask-bond-panel,
#ask-bond-panel * { box-sizing: border-box; }

#ask-bond-trigger {
  position: fixed;
  right: max(22px, env(safe-area-inset-right));
  bottom: max(var(--ask-bond-trigger-bottom, 22px), env(safe-area-inset-bottom));
  z-index: 130;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 17px 9px 11px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(18,17,16,.96);
  color: var(--white);
  box-shadow: 0 12px 38px rgba(0,0,0,.38);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  cursor: pointer;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .02em;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
}
#ask-bond-trigger:hover { transform: translateY(-2px); border-color: rgba(201,154,86,.72); background: rgba(24,22,17,.98); }
#ask-bond-trigger:focus-visible,
#ask-bond-panel button:focus-visible,
#ask-bond-panel input:focus-visible,
#ask-bond-panel a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.ask-bond-mark,
.ask-bond-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: linear-gradient(145deg, #d6b06c, #9e6d2e);
  color: #11100d;
  font-family: var(--serif);
  font-weight: 700;
}
.ask-bond-mark { width: 27px; height: 27px; font-size: 13px; }
.ask-bond-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 0 rgba(201,154,86,.5);
  animation: askBondPulse 2.4s infinite;
}
@keyframes askBondPulse {
  0% { box-shadow: 0 0 0 0 rgba(201,154,86,.48); }
  70% { box-shadow: 0 0 0 7px rgba(201,154,86,0); }
  100% { box-shadow: 0 0 0 0 rgba(201,154,86,0); }
}

#ask-bond-panel {
  --ab-bg: #121110;
  --ab-raised: #18160f;
  --ab-border: #2a2620;
  --ab-border-soft: #201d18;
  --ab-text: #f2ede2;
  --ab-muted: #9a9488;
  --ab-faint: #716a5e;
  position: fixed;
  right: max(22px, env(safe-area-inset-right));
  bottom: calc(max(22px, env(safe-area-inset-bottom)) + 62px);
  z-index: 131;
  width: min(390px, calc(100vw - 32px));
  height: min(590px, calc(100dvh - 118px));
  min-height: 420px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ab-border);
  border-radius: 16px;
  background: rgba(18,17,16,.985);
  color: var(--ab-text);
  box-shadow: 0 28px 82px rgba(0,0,0,.56);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  transform: translateY(14px) scale(.985);
  transform-origin: 90% 100%;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
#ask-bond-panel.open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  visibility: visible;
}
.ask-bond-scanline { position: absolute; inset: 0 0 auto; height: 2px; overflow: hidden; pointer-events: none; }
.ask-bond-scanline::after {
  content: '';
  position: absolute;
  top: 0;
  left: -30%;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  display: none;
  animation: askBondSweep 1.2s linear infinite;
}
#ask-bond-panel.thinking .ask-bond-scanline::after { display: block; }
@keyframes askBondSweep { from { left: -30%; } to { left: 100%; } }

.ask-bond-header {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 17px 14px;
  border-bottom: 1px solid var(--ab-border-soft);
}
.ask-bond-header-left { display: flex; align-items: flex-start; gap: 11px; min-width: 0; }
.ask-bond-avatar { width: 32px; height: 32px; font-size: 15px; margin-top: 1px; }
.ask-bond-title { font-family: var(--serif); font-size: 18px; line-height: 1.1; }
.ask-bond-context { display: flex; align-items: center; gap: 6px; margin-top: 5px; color: var(--ab-faint); font-size: 9px; line-height: 1.35; letter-spacing: .06em; text-transform: uppercase; }
.ask-bond-dot { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--gold); }
#ask-bond-close { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ab-faint); cursor: pointer; font-size: 23px; font-weight: 300; line-height: 1; }
#ask-bond-close:hover { color: var(--ab-text); background: rgba(255,255,255,.05); }

.ask-bond-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px 17px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  scrollbar-width: thin;
  scrollbar-color: var(--ab-border) transparent;
}
.ask-bond-body::-webkit-scrollbar { width: 6px; }
.ask-bond-body::-webkit-scrollbar-thumb { background: var(--ab-border); border-radius: 3px; }
.ask-bond-msg {
  max-width: 88%;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.52;
}
.ask-bond-msg.bond { align-self: flex-start; border: 1px solid var(--ab-border-soft); border-top-left-radius: 3px; background: var(--ab-raised); color: var(--ab-text); }
.ask-bond-msg.user { align-self: flex-end; border: 1px solid rgba(201,154,86,.26); border-top-right-radius: 3px; background: rgba(201,154,86,.12); color: var(--ab-text); }
.ask-bond-msg.typing { display: flex; align-items: center; gap: 4px; padding: 12px 14px; }
.ask-bond-msg.typing span { width: 5px; height: 5px; border-radius: 50%; background: var(--ab-faint); animation: askBondBlink 1.1s infinite; }
.ask-bond-msg.typing span:nth-child(2) { animation-delay: .15s; }
.ask-bond-msg.typing span:nth-child(3) { animation-delay: .3s; }
@keyframes askBondBlink { 0%,80%,100% { opacity: .25; } 40% { opacity: 1; } }

.ask-bond-chips { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 7px; padding: 4px 17px 13px; }
.ask-bond-chip { padding: 7px 11px; border: 1px solid var(--ab-border-soft); border-radius: 999px; background: var(--ab-raised); color: var(--ab-muted); cursor: pointer; font-size: 11px; line-height: 1.2; text-align: left; transition: border-color .15s ease, color .15s ease; }
.ask-bond-chip:hover { border-color: rgba(201,154,86,.65); color: var(--ab-text); }

.ask-bond-inputrow { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 11px 13px; border-top: 1px solid var(--ab-border-soft); }
.ask-bond-inputrow input { min-width: 0; flex: 1 1 auto; height: 40px; padding: 0 12px; border: 1px solid var(--ab-border-soft); border-radius: 10px; outline: 0; background: var(--ab-raised); color: var(--ab-text); font-size: 13px; }
.ask-bond-inputrow input::placeholder { color: var(--ab-faint); }
.ask-bond-inputrow input:focus { border-color: rgba(201,154,86,.7); }
.ask-bond-inputrow input:disabled { opacity: .7; }
.ask-bond-send { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; padding: 0; border: 0; border-radius: 9px; background: var(--gold); color: #141209; cursor: pointer; font-size: 18px; line-height: 1; }
.ask-bond-send:hover { background: #d5ac74; }
.ask-bond-footnote { flex: 0 0 auto; padding: 0 14px 12px; color: var(--ab-faint); font-size: 9.5px; line-height: 1.35; text-align: center; }
.ask-bond-footnote a { color: var(--gold); text-decoration: none; border-bottom: 1px solid rgba(201,154,86,.45); }

body.menu-open #ask-bond-trigger,
body.menu-open #ask-bond-panel { opacity: 0; pointer-events: none; }

@media (max-width: 767px) {
  #ask-bond-trigger {
    right: max(14px, env(safe-area-inset-right));
    bottom: max(var(--ask-bond-trigger-bottom, 14px), env(safe-area-inset-bottom));
    min-height: 46px;
    padding: 8px 14px 8px 9px;
  }
  #ask-bond-panel {
    left: max(8px, env(safe-area-inset-left));
    right: max(8px, env(safe-area-inset-right));
    bottom: calc(max(12px, env(safe-area-inset-bottom)) + 58px);
    width: auto;
    height: min(70dvh, 610px);
    min-height: 400px;
    max-height: calc(100dvh - 84px - env(safe-area-inset-top));
    border-radius: 15px;
    transform-origin: 80% 100%;
  }
  .ask-bond-header { padding: 14px 14px 12px; }
  .ask-bond-context { font-size: 8.5px; }
  .ask-bond-body { padding: 14px; }
  .ask-bond-chips { padding: 3px 14px 11px; }
  .ask-bond-chip { font-size: 10.5px; }
  .ask-bond-inputrow { padding: 10px 11px; }
  .ask-bond-inputrow input { font-size: 16px; }
}

@media (max-width: 390px) {
  .ask-bond-trigger-label { max-width: 74px; white-space: nowrap; }
  #ask-bond-panel { height: min(72dvh, 590px); min-height: 390px; }
  .ask-bond-msg { max-width: 92%; font-size: 12.5px; }
  .ask-bond-footnote { font-size: 9px; }
}

@media (max-height: 620px) and (min-width: 768px) {
  #ask-bond-panel { height: calc(100dvh - 92px); bottom: 72px; min-height: 340px; }
}

@media (prefers-reduced-motion: reduce) {
  .ask-bond-pulse,
  .ask-bond-scanline::after,
  .ask-bond-msg.typing span { animation: none !important; }
}


/* R5 responsive hardening: prevent the tablet feature imagery from deriving
   an intrinsic width larger than its one-column container at the 768px edge. */
@media (max-width: 1100px) and (min-width: 768px) {
  .feature-image { width: 100%; min-width: 0; min-height: 0; aspect-ratio: 1.65 / 1; }
}

/* The panel owns the close control while open; remove the redundant floating
   trigger so it cannot sit over the hero selector or page content. */
body.ask-bond-open #ask-bond-trigger {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}


/* ============================================================
   ROUND 6 — ASK BOND NAVIGATION CONTROL
   Moves Ask Bond into the persistent navigation and reframes the trigger as
   a compact branded command control rather than a floating chat pill.
   ============================================================ */
.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

#ask-bond-trigger {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: 121;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 4px;
  background:
    linear-gradient(112deg,
      #f1dfb8 0%,
      #d9b56d 36%,
      #bd8069 68%,
      #8b729f 100%);
  color: #100e0b;
  box-shadow: 0 7px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.32);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: pointer;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .025em;
  line-height: 1;
  white-space: nowrap;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#ask-bond-trigger:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.42);
  background:
    linear-gradient(112deg,
      #f7e9c9 0%,
      #e1c27c 36%,
      #c98a72 68%,
      #957daf 100%);
  filter: saturate(1.04);
  box-shadow: 0 9px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.38);
}
#ask-bond-trigger[aria-expanded="true"] {
  border-color: rgba(255,255,255,.5);
  box-shadow: 0 0 0 1px rgba(201,154,86,.25), 0 9px 28px rgba(0,0,0,.3);
}
#ask-bond-trigger .ask-bond-mark {
  width: auto;
  height: auto;
  display: inline-block;
  border-radius: 0;
  background: none;
  color: currentColor;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-.5px);
}
#ask-bond-trigger .ask-bond-trigger-label { line-height: 1; }

/* The conversation panel now drops from the navigation area. */
#ask-bond-panel {
  top: 94px;
  right: max(var(--pad), env(safe-area-inset-right));
  bottom: auto;
  height: min(590px, calc(100dvh - 110px));
  transform: translateY(-10px) scale(.985);
  transform-origin: 92% 0;
}
#ask-bond-panel.open { transform: translateY(0) scale(1); }

/* Keep the star as the Bond intelligence mark inside the panel. */
.ask-bond-avatar {
  background: linear-gradient(145deg, #d6b06c, #9e6d2e);
  color: #11100d;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 900;
}

/* Opening Ask Bond should not remove the navigation control. */
body.ask-bond-open #ask-bond-trigger {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

@media (max-width: 1100px) {
  .header-actions { grid-column: 2; gap: 10px; }
}

@media (max-width: 767px) {
  .header-actions { gap: 8px; }
  #ask-bond-trigger {
    right: auto;
    bottom: auto;
    min-height: 34px;
    height: 34px;
    padding: 0 10px;
    gap: 6px;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: .01em;
  }
  #ask-bond-trigger .ask-bond-mark { font-size: 12px; }
  #ask-bond-panel {
    top: 78px;
    left: max(8px, env(safe-area-inset-left));
    right: max(8px, env(safe-area-inset-right));
    bottom: auto;
    width: auto;
    height: min(70dvh, 610px);
    min-height: 390px;
    max-height: calc(100dvh - 88px - env(safe-area-inset-top));
    transform-origin: 82% 0;
  }
}

@media (max-width: 390px) {
  #ask-bond-trigger { padding-inline: 9px; }
  .ask-bond-trigger-label { max-width: none; }
}

@media (max-width: 345px) {
  .brand { width: 104px; }
  .header-actions { gap: 6px; }
  #ask-bond-trigger { padding-inline: 8px; font-size: 9.5px; }
  .menu-toggle { width: 32px; height: 32px; }
}

@media (max-height: 620px) and (min-width: 768px) {
  #ask-bond-panel {
    top: 78px;
    bottom: auto;
    height: calc(100dvh - 90px);
    min-height: 340px;
  }
}

/* Narrow-phone hardening: the four-part work movement becomes a single stack
   below 360px so long labels never force document-level horizontal overflow. */
@media (max-width: 359px) {
  .movement { grid-template-columns: 1fr; }
  .movement > div,
  .movement > div + div {
    min-width: 0;
    min-height: 138px;
    padding: 18px 16px;
    border-right: 0;
    border-bottom: 1px solid var(--line-dark);
  }
  .movement > div:last-child { border-bottom: 0; }
  .movement > div:nth-child(2) { border-right: 0; }
  .movement strong { font-size: 31px; overflow-wrap: anywhere; }
  .movement p { overflow-wrap: anywhere; }
}


/* ============================================================
   ROUND 7 — ASK BOND KNOWLEDGE + INTELLIGENCE LAYER
   ============================================================ */
.ask-bond-response { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.ask-bond-response .ask-bond-msg { margin: 0; }
.ask-bond-response-actions { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 2px; }
.ask-bond-response-link {
  display: inline-flex; align-items: center; min-height: 30px; padding: 6px 9px;
  border: 1px solid rgba(201,154,86,.28); border-radius: 4px;
  background: rgba(201,154,86,.065); color: var(--gold); text-decoration: none;
  font-size: 10px; font-weight: 700; letter-spacing: .035em; line-height: 1.15;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.ask-bond-response-link:hover { background: rgba(201,154,86,.12); border-color: rgba(201,154,86,.6); color: #e2bd86; }
.ask-bond-chips:not(:empty)::before {
  content: 'Suggested next'; flex-basis: 100%; color: var(--ab-faint);
  font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
  margin: 2px 0 1px;
}
.ask-bond-chip { border-radius: 4px; }
.ask-bond-footnote { padding-top: 1px; }
.ask-bond-footnote a { font-weight: 700; }
@media (max-width: 767px) {
  .ask-bond-response-link { min-height: 29px; font-size: 9.5px; }
  .ask-bond-chips:not(:empty)::before { font-size: 7.5px; }
}


/* ============================================================
   ROUND 9 — ATLAS UNIT SUBPAGE
   ============================================================ */
.atlas-page { background: var(--paper); }
.atlas-page .site-header .brand { width: 140px; }
.atlas-page .desktop-nav a[aria-current="page"] { color: var(--gold); }
.atlas-hero {
  position: relative;
  min-height: 920px;
  height: auto;
  overflow: hidden;
  isolation: isolate;
  background: var(--black);
  color: var(--white);
}
.atlas-hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.012); }
.atlas-hero-shade { position:absolute; inset:0; background: linear-gradient(90deg, rgba(5,5,5,.95) 0%, rgba(5,5,5,.78) 34%, rgba(5,5,5,.30) 64%, rgba(5,5,5,.12) 100%), linear-gradient(0deg, rgba(5,5,5,.82) 0%, transparent 42%); }
.atlas-hero-inner {
  position:relative;
  z-index:2;
  min-height:920px;
  padding: 132px 0 72px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);
  gap:8vw;
  align-items:center;
}
.atlas-hero-copy { max-width: 800px; align-self:center; }
.atlas-hero h1 { font-size: clamp(64px, 7vw, 106px); line-height:.91; margin:0 0 24px; max-width:860px; }
.atlas-hero-deck { max-width: 720px; font-size:clamp(15px,1.2vw,18px); color:rgba(255,255,255,.82); }
.atlas-positioning { max-width: 690px; margin-top:22px; padding-left:18px; border-left:2px solid var(--gold); color:rgba(255,255,255,.68); font-size:13px; }
.atlas-hero-card { justify-self:end; width:min(360px,100%); padding:28px; border:1px solid rgba(255,255,255,.22); background:rgba(8,8,7,.42); backdrop-filter:blur(10px); }
.atlas-hero-card strong { display:block; font-family:var(--serif); font-size:38px; font-weight:400; line-height:.95; }
.atlas-hero-card span { display:block; margin-top:18px; color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.atlas-hero-card p { margin:9px 0 0; color:rgba(255,255,255,.72); font-size:13px; }
.atlas-hero-actions { margin-top:30px; display:flex; flex-wrap:wrap; gap:12px; }
.atlas-section { padding: clamp(86px, 10vw, 150px) 0; scroll-margin-top:78px; }
.atlas-section-tight { padding: clamp(70px, 8vw, 110px) 0; scroll-margin-top:78px; }
.atlas-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.62fr); gap:8vw; align-items:end; margin-bottom:55px; }
.atlas-section-head h2 { margin-bottom:0; }
.atlas-section-head > p { margin:0; color:var(--muted); font-size:14px; max-width:580px; }
.atlas-method-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.atlas-method-grid article { min-height:340px; position:relative; padding:28px 34px 70px 0; border-right:1px solid var(--line); }
.atlas-method-grid article + article { padding-left:34px; }
.atlas-method-grid article:last-child { border-right:0; }
.atlas-method-grid h3 { margin:16px 0 18px; font-size:clamp(32px,3vw,48px); }
.atlas-method-grid p { color:var(--muted); font-size:14px; }
.atlas-method-grid .atlas-arrow { position:absolute; bottom:28px; font-size:25px; }
.atlas-method-grid article + article .atlas-arrow { left:34px; }
.atlas-work-layout { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:8vw; }
.atlas-category-list { display:grid; gap:0; border-top:1px solid var(--line); }
.atlas-category-list span { padding:17px 0; border-bottom:1px solid var(--line); font-family:var(--serif); font-size:clamp(28px,3vw,44px); }
.atlas-work-list { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.atlas-work-list div { min-height:135px; padding:20px 20px 28px 0; border-bottom:1px solid var(--line); }
.atlas-work-list div:nth-child(even) { padding-left:24px; border-left:1px solid var(--line); }
.atlas-work-list small { color:var(--gold-dark); font-size:9px; font-weight:800; letter-spacing:.14em; }
.atlas-work-list strong { display:block; margin-top:12px; font-family:var(--serif); font-size:27px; font-weight:400; }
.atlas-consultancy { background:var(--black); color:var(--white); }
.atlas-consultancy-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr); gap:10vw; align-items:start; }
.atlas-consultancy h2 { font-size:clamp(50px,6vw,88px); }
.atlas-consultancy-copy > p { max-width:720px; color:rgba(255,255,255,.72); }
.atlas-consultancy-audience { border-top:1px solid var(--line-dark); }
.atlas-consultancy-audience div { padding:22px 0; border-bottom:1px solid var(--line-dark); }
.atlas-consultancy-audience span { display:block; color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.atlas-consultancy-audience p { margin:8px 0 0; color:rgba(255,255,255,.76); font-size:14px; }
.atlas-engine { display:flex; flex-wrap:wrap; gap:8px; margin-top:36px; }
.atlas-engine span { padding:11px 13px; border:1px solid var(--line); background:#fff; font-size:11px; font-weight:700; letter-spacing:.025em; }
.atlas-signal { background:#ece7de; }
.atlas-signal-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid rgba(30,27,21,.18); border-bottom:1px solid rgba(30,27,21,.18); }
.atlas-signal-card { min-width:0; padding:25px 20px 30px; border-right:1px solid rgba(30,27,21,.18); }
.atlas-signal-card:last-child { border-right:0; }
.atlas-signal-card .num { color:var(--gold-dark); font-size:9px; font-weight:800; letter-spacing:.14em; }
.atlas-signal-card .stat { display:block; margin:18px 0 12px; font-family:var(--serif); font-size:clamp(30px,3.2vw,48px); line-height:.9; font-weight:400; }
.atlas-signal-card h3 { font-family:var(--sans); font-size:12px; font-weight:800; letter-spacing:.01em; line-height:1.25; }
.atlas-signal-card p { color:var(--muted); font-size:11.5px; line-height:1.5; }
.atlas-source { display:inline-block; margin-top:9px; color:var(--gold-dark); font-size:9px; font-weight:800; text-decoration:none; border-bottom:1px solid rgba(158,109,46,.35); }
.atlas-signal-close { max-width:900px; margin:34px 0 0; font-family:var(--serif); font-size:clamp(26px,3vw,42px); line-height:1.1; }
.atlas-source-note { margin-top:18px; max-width:900px; color:var(--muted); font-size:10px; }
.atlas-cvi { background:var(--black); color:var(--white); }
.atlas-cvi-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.65fr); gap:9vw; align-items:end; margin-bottom:55px; }
.atlas-cvi-intro h2 { font-size:clamp(58px,7vw,104px); margin-bottom:0; }
.atlas-cvi-intro p { color:rgba(255,255,255,.7); font-size:14px; }
.atlas-cvi-grid { counter-reset:cvi; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line-dark); }
.atlas-cvi-item { counter-increment:cvi; min-height:155px; padding:24px 26px 28px 0; border-bottom:1px solid var(--line-dark); position:relative; }
.atlas-cvi-item:nth-child(even) { padding-left:28px; border-left:1px solid var(--line-dark); }
.atlas-cvi-item::before { content:counter(cvi, decimal-leading-zero); color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.14em; }
.atlas-cvi-item h3 { margin:12px 0 7px; font-family:var(--sans); font-weight:700; font-size:18px; letter-spacing:-.015em; }
.atlas-cvi-item p { margin:0; max-width:600px; color:rgba(255,255,255,.58); font-size:12px; }
.atlas-cvi-note { margin-top:30px; max-width:850px; padding-left:16px; border-left:2px solid var(--gold); color:rgba(255,255,255,.72); font-size:13px; }
.atlas-founder-grid { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:9vw; align-items:start; }
.atlas-founder-grid h2 { font-size:clamp(48px,6vw,84px); }
.atlas-founder-copy > p { color:var(--muted); max-width:760px; }
.atlas-credentials { margin-top:34px; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.atlas-credentials div { padding:18px 20px 22px 0; border-bottom:1px solid var(--line); font-size:12px; line-height:1.45; }
.atlas-credentials div:nth-child(even) { padding-left:22px; border-left:1px solid var(--line); }
.atlas-proof-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-top:46px; border:1px solid var(--line); }
.atlas-proof-strip article { min-height:155px; padding:22px; border-right:1px solid var(--line); }
.atlas-proof-strip article:last-child { border-right:0; }
.atlas-proof-strip strong { display:block; font-family:var(--serif); font-size:40px; font-weight:400; line-height:1; }
.atlas-proof-strip span { display:block; margin-top:12px; color:var(--gold-dark); font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.atlas-proof-strip p { margin:8px 0 0; color:var(--muted); font-size:10.5px; }
.atlas-partnerships { background:#e9e5dd; }
.atlas-partnership-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.atlas-partnership-grid div { min-height:160px; padding:24px 22px 26px 0; border-bottom:1px solid var(--line); border-right:1px solid var(--line); }
.atlas-partnership-grid div:last-child { border-right:0; }
.atlas-partnership-grid strong { font-family:var(--serif); font-size:28px; font-weight:400; }
.atlas-partnership-grid p { margin:10px 0 0; color:var(--muted); font-size:12px; }
.atlas-ask { background:linear-gradient(120deg,#f1dfb8 0%,#d9b56d 32%,#bd8069 68%,#8b729f 100%); color:#110f0d; }
.atlas-ask-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:8vw; align-items:start; }
.atlas-ask h2 { font-size:clamp(50px,6vw,84px); }
.atlas-ask p { max-width:620px; }
.atlas-question-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.atlas-question { min-height:90px; padding:16px; border:1px solid rgba(17,15,13,.22); border-radius:4px; background:rgba(255,255,255,.26); color:#110f0d; text-align:left; cursor:pointer; font-family:var(--sans); font-size:12px; font-weight:750; line-height:1.3; transition:background .18s ease, transform .18s ease; }
.atlas-question:hover { background:rgba(255,255,255,.42); transform:translateY(-2px); }
.atlas-cta { text-align:center; background:var(--black); color:var(--white); }
.atlas-cta .shell { max-width:1050px; }
.atlas-cta h2 { font-size:clamp(64px,8vw,116px); line-height:.88; }
.atlas-cta p { max-width:760px; margin:0 auto; color:rgba(255,255,255,.68); }
.atlas-cta .hero-actions { justify-content:center; margin-top:34px; }
.atlas-cta-email { display:inline-block; margin-top:35px; color:var(--gold); text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:3px; font-size:12px; }

/* Atlas engagement modal */
.atlas-modal { position:fixed; inset:0; z-index:180; display:grid; place-items:center; padding:22px; background:rgba(5,5,4,.78); backdrop-filter:blur(12px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease, visibility .2s ease; }
.atlas-modal.open { opacity:1; visibility:visible; pointer-events:auto; }
.atlas-modal-card { width:min(760px,100%); max-height:calc(100dvh - 44px); overflow:auto; background:var(--paper); color:var(--text); border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 100px rgba(0,0,0,.48); }
.atlas-modal-head { display:flex; justify-content:space-between; gap:20px; padding:24px 26px; border-bottom:1px solid var(--line); }
.atlas-modal-head h2 { margin:0; font-size:38px; }
.atlas-modal-close { width:36px; height:36px; padding:0; border:1px solid var(--line); border-radius:50%; background:transparent; cursor:pointer; font-size:23px; line-height:1; }
.atlas-form { padding:24px 26px 28px; }
.atlas-form-intro { color:var(--muted); font-size:13px; max-width:600px; }
.atlas-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; margin-top:22px; }
.atlas-field { display:grid; gap:7px; }
.atlas-field.full { grid-column:1/-1; }
.atlas-field label { font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.atlas-field input,.atlas-field select,.atlas-field textarea { width:100%; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--text); padding:12px; outline:0; font-size:14px; }
.atlas-field textarea { min-height:125px; resize:vertical; }
.atlas-field input:focus,.atlas-field select:focus,.atlas-field textarea:focus { border-color:var(--gold-dark); box-shadow:0 0 0 2px rgba(201,154,86,.12); }
.atlas-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:22px; }
.atlas-form-note { color:var(--muted); font-size:10px; }
.atlas-form-note a { color:var(--gold-dark); }
body.atlas-modal-open { overflow:hidden; }

@media (max-width:1100px) {
  .atlas-hero { min-height:980px; }
  .atlas-hero-inner { min-height:980px; grid-template-columns:1fr; gap:28px; padding:126px 0 64px; align-content:center; }
  .atlas-hero-card { justify-self:start; width:min(470px,100%); }
  .atlas-signal-grid { grid-template-columns:repeat(2,1fr); }
  .atlas-signal-card { border-bottom:1px solid rgba(30,27,21,.18); }
  .atlas-signal-card:nth-child(2n) { border-right:0; }
  .atlas-signal-card:last-child { grid-column:1/-1; border-bottom:0; }
  .atlas-proof-strip { grid-template-columns:repeat(2,1fr); }
  .atlas-proof-strip article:nth-child(2) { border-right:0; }
  .atlas-proof-strip article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .atlas-partnership-grid { grid-template-columns:repeat(2,1fr); }
  .atlas-partnership-grid div:nth-child(2) { border-right:0; }
  .atlas-partnership-grid div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width:767px) {
  .atlas-page .site-header .brand { width:116px; }
  .atlas-hero { min-height:0; height:auto; }
  .atlas-hero-media { height:350px; object-position:67% center; }
  .atlas-hero-shade { background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.20) 24%,rgba(5,5,5,.88) 36%,#080807 47%,#080807 100%); }
  .atlas-hero-inner { min-height:0; align-content:start; padding:285px 0 46px; gap:22px; }
  .atlas-hero h1 { font-size:clamp(48px,15.2vw,66px); line-height:.92; margin-bottom:18px; }
  .atlas-hero-deck { font-size:12px; line-height:1.45; }
  .atlas-positioning { font-size:11px; margin-top:17px; }
  .atlas-hero-card { padding:18px; }
  .atlas-hero-card strong { font-size:30px; }
  .atlas-hero-actions { display:grid; grid-template-columns:1fr; width:min(330px,100%); }
  .atlas-section-head,.atlas-work-layout,.atlas-consultancy-grid,.atlas-cvi-intro,.atlas-founder-grid,.atlas-ask-grid { grid-template-columns:1fr; gap:30px; }
  .atlas-method-grid { grid-template-columns:1fr; }
  .atlas-method-grid article,.atlas-method-grid article+article { min-height:0; padding:24px 0 60px; border-right:0; border-bottom:1px solid var(--line); }
  .atlas-method-grid article:last-child { border-bottom:0; }
  .atlas-method-grid article+article .atlas-arrow { left:0; }
  .atlas-work-list { grid-template-columns:1fr; }
  .atlas-work-list div,.atlas-work-list div:nth-child(even) { min-height:0; padding:18px 0; border-left:0; }
  .atlas-consultancy-audience div { padding:18px 0; }
  .atlas-signal-grid { grid-template-columns:1fr; }
  .atlas-signal-card,.atlas-signal-card:nth-child(2n),.atlas-signal-card:last-child { grid-column:auto; border-right:0; border-bottom:1px solid rgba(30,27,21,.18); padding:20px 0 24px; }
  .atlas-signal-card:last-child { border-bottom:0; }
  .atlas-signal-card .stat { font-size:42px; }
  .atlas-cvi-grid { grid-template-columns:1fr; }
  .atlas-cvi-item,.atlas-cvi-item:nth-child(even) { min-height:0; padding:20px 0 24px; border-left:0; }
  .atlas-credentials { grid-template-columns:1fr; }
  .atlas-credentials div,.atlas-credentials div:nth-child(even) { padding:16px 0; border-left:0; }
  .atlas-proof-strip { grid-template-columns:1fr; }
  .atlas-proof-strip article,.atlas-proof-strip article:nth-child(2) { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
  .atlas-proof-strip article:last-child { border-bottom:0; }
  .atlas-partnership-grid { grid-template-columns:1fr; }
  .atlas-partnership-grid div,.atlas-partnership-grid div:nth-child(2) { min-height:0; padding:20px 0; border-right:0; border-bottom:1px solid var(--line); }
  .atlas-question-grid { grid-template-columns:1fr; }
  .atlas-question { min-height:70px; }
  .atlas-form-grid { grid-template-columns:1fr; }
  .atlas-field.full { grid-column:auto; }
  .atlas-modal { padding:8px; }
  .atlas-modal-card { max-height:calc(100dvh - 16px); }
  .atlas-modal-head,.atlas-form { padding-left:18px; padding-right:18px; }
  .atlas-modal-head h2 { font-size:30px; }
}
@media (prefers-reduced-motion:reduce) {
  .atlas-question,.atlas-modal { transition:none !important; }
}

/* R8 final hero containment + button reset */
.button-outline { background: transparent; }

@media (max-width:374px) {
  .atlas-hero-media { height:320px; }
  .atlas-hero-inner { padding-top:260px; }
  .atlas-hero h1 { font-size:47px; }
  .atlas-hero-card strong { font-size:27px; }
}

/* ============================================================
   ROUND 10 — ATLAS UNIT HERO TEMPLATE
   Bright, human, activation-led unit identity.
   ============================================================ */
.atlas-page .atlas-hero {
  min-height: 900px;
  height: max(900px, 100svh);
  background: #080807;
}
.atlas-page .atlas-hero-media {
  height: 100%;
  object-position: 56% center;
  transform: scale(1.005);
  filter: saturate(1.04) contrast(1.01) brightness(1.035);
}
.atlas-page .atlas-hero-shade {
  background:
    linear-gradient(90deg, rgba(8,8,7,.66) 0%, rgba(8,8,7,.44) 28%, rgba(8,8,7,.17) 58%, rgba(8,8,7,.03) 82%),
    linear-gradient(0deg, rgba(8,8,7,.66) 0%, rgba(8,8,7,.28) 28%, rgba(8,8,7,.04) 62%),
    linear-gradient(180deg, rgba(8,8,7,.34) 0%, rgba(8,8,7,0) 18%);
}
.atlas-page .atlas-hero-inner {
  min-height: 900px;
  height: 100%;
  padding: 118px 0 58px;
  display: block;
}
.atlas-page .atlas-hero-copy {
  width: min(1180px, 100%);
  max-width: none;
  min-height: calc(900px - 176px);
  height: calc(100% - 176px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fffdf8;
  font-family: Poppins, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}
.atlas-page .atlas-unit-kicker {
  margin: 0 0 10px;
  color: #e0ad61;
  font-family: Poppins, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.atlas-page .atlas-hero h1 {
  margin: 0;
  max-width: none;
  color: #d6a052;
  font-family: Poppins, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(96px, 10.7vw, 172px);
  font-weight: 800;
  line-height: .80;
  letter-spacing: -.075em;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 4px 24px rgba(0,0,0,.18);
}
.atlas-page .atlas-hero-subhead {
  margin: 18px 0 0;
  color: #fffdf8;
  font-family: Poppins, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(22px, 2.15vw, 34px);
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-shadow: 0 2px 18px rgba(0,0,0,.46);
}
.atlas-page .atlas-hero-deck {
  margin: auto 0 0;
  max-width: 720px;
  color: rgba(255,255,255,.94);
  font-family: Poppins, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(15px, 1.18vw, 18px);
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: -.01em;
  text-shadow: 0 2px 16px rgba(0,0,0,.52);
}
.atlas-page .atlas-hero-actions {
  margin-top: 28px;
}
.atlas-page .atlas-hero-actions .button {
  min-height: 58px;
  padding-inline: 25px;
  border-radius: 0;
  font-family: Poppins, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
}
.atlas-page .atlas-hero-actions .button-gold {
  background: #d6a052;
}
.atlas-page .atlas-hero-actions .button-gold:hover {
  background: #e1b36f;
}

/* Round 10 copy refinement requested for Core Work */
.atlas-page #core-work .eyebrow {
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .atlas-page .atlas-hero {
    min-height: 880px;
    height: max(880px, 100svh);
  }
  .atlas-page .atlas-hero-inner {
    min-height: 880px;
    padding: 118px 0 54px;
  }
  .atlas-page .atlas-hero-copy {
    min-height: calc(880px - 172px);
    height: calc(100% - 172px);
    width: 100%;
  }
  .atlas-page .atlas-hero h1 {
    font-size: clamp(86px, 11.8vw, 128px);
  }
  .atlas-page .atlas-hero-subhead {
    font-size: clamp(21px, 2.75vw, 30px);
  }
  .atlas-page .atlas-hero-deck {
    max-width: 650px;
  }
}

@media (max-width: 767px) {
  .atlas-page .atlas-hero {
    min-height: max(760px, 100svh);
    height: auto;
  }
  .atlas-page .atlas-hero-media {
    inset: 0;
    width: 100%;
    height: 100%;
    object-position: 58% center;
    transform: none;
  }
  .atlas-page .atlas-hero-shade {
    background:
      linear-gradient(90deg, rgba(8,8,7,.59) 0%, rgba(8,8,7,.28) 58%, rgba(8,8,7,.08) 100%),
      linear-gradient(0deg, rgba(8,8,7,.86) 0%, rgba(8,8,7,.48) 43%, rgba(8,8,7,.08) 75%),
      linear-gradient(180deg, rgba(8,8,7,.42) 0%, rgba(8,8,7,0) 20%);
  }
  .atlas-page .atlas-hero-inner {
    min-height: max(760px, 100svh);
    height: auto;
    padding: 106px 0 38px;
  }
  .atlas-page .atlas-hero-copy {
    min-height: calc(max(760px, 100svh) - 144px);
    height: auto;
  }
  .atlas-page .atlas-unit-kicker {
    margin-bottom: 9px;
    font-size: 8px;
  }
  .atlas-page .atlas-hero h1 {
    font-size: clamp(46px, 15.2vw, 72px);
    line-height: .84;
    letter-spacing: -.07em;
    white-space: nowrap;
  }
  .atlas-page .atlas-hero-subhead {
    margin-top: 13px;
    max-width: 340px;
    font-size: clamp(18px, 5.4vw, 23px);
    line-height: 1.04;
  }
  .atlas-page .atlas-hero-deck {
    margin-top: auto;
    max-width: 100%;
    font-size: 12.5px;
    line-height: 1.55;
  }
  .atlas-page .atlas-hero-actions {
    width: 100%;
    margin-top: 22px;
    grid-template-columns: 1fr;
  }
  .atlas-page .atlas-hero-actions .button {
    min-height: 52px;
    width: min(100%, 355px);
    padding-inline: 18px;
    justify-content: space-between;
  }
}

@media (max-width: 374px) {
  .atlas-page .atlas-hero {
    min-height: 735px;
  }
  .atlas-page .atlas-hero-inner {
    min-height: 735px;
    padding-top: 102px;
  }
  .atlas-page .atlas-hero-copy {
    min-height: 595px;
  }
  .atlas-page .atlas-hero h1 {
    font-size: 46px;
  }
  .atlas-page .atlas-hero-subhead {
    font-size: 18px;
  }
  .atlas-page .atlas-hero-deck {
    font-size: 11.5px;
  }
}

@media (max-height: 760px) and (min-width: 768px) {
  .atlas-page .atlas-hero,
  .atlas-page .atlas-hero-inner {
    min-height: 820px;
    height: 820px;
  }
  .atlas-page .atlas-hero-copy {
    min-height: 650px;
    height: 650px;
  }
  .atlas-page .atlas-hero h1 {
    font-size: clamp(86px, 9.8vw, 142px);
  }
}

/* Hero copy is above the fold and should never wait on scroll-reveal timing. */
.atlas-page .atlas-hero-copy.reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* ============================================================
   ROUND 11 — ATLAS QA FIXES
   1. Consultancy capability chips use dark copy on light surfaces.
   2. Hero unit eyebrow removed in markup; selector retained only as
      a defensive hide for stale/cached markup during deployment.
   ============================================================ */
.atlas-page .atlas-consultancy .atlas-engine span {
  color: #080807;
  background: #fffdf8;
  border-color: rgba(255,255,255,.28);
}

.atlas-page .atlas-unit-kicker {
  display: none !important;
}


/* ============================================================
   ROUND 12 — COMMERCIAL CLARITY
   Atlas reduced to three purchasable outcomes. Gaming/esports
   retained as category fluency rather than the practice definition.
   ============================================================ */
.atlas-page .atlas-hero-deck { max-width: 660px; }
.atlas-offer-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.atlas-offer-card { min-height:360px; padding:28px 34px 34px 0; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.atlas-offer-card + .atlas-offer-card { padding-left:34px; }
.atlas-offer-card:last-child { border-right:0; }
.atlas-offer-card > span { color:var(--gold-dark); font-size:9px; font-weight:800; letter-spacing:.14em; }
.atlas-offer-card h3 { margin:16px 0 18px; font-size:clamp(34px,3.3vw,52px); line-height:.98; }
.atlas-offer-card p { color:var(--muted); max-width:370px; font-size:14px; }
.atlas-offer-card strong { margin-top:auto; padding-top:28px; font-family:var(--sans); font-size:11px; line-height:1.55; font-weight:750; color:var(--text); }
.atlas-cvi-compact .atlas-cvi-item { min-height:108px; }
.atlas-cvi-compact .atlas-cvi-item h3 { max-width:480px; margin-bottom:0; }
.atlas-market-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:9vw; align-items:start; }
.atlas-market-grid h2 { font-size:clamp(48px,6vw,86px); }
.atlas-market-grid > div:first-child > p:last-child { color:var(--muted); max-width:650px; }
.atlas-market-list { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.atlas-market-list span { padding:20px 18px 22px 0; border-bottom:1px solid var(--line); font-family:var(--serif); font-size:clamp(30px,3.4vw,48px); }
.atlas-market-list span:nth-child(even) { padding-left:24px; border-left:1px solid var(--line); }
@media (max-width: 767px) {
  .atlas-offer-grid { grid-template-columns:1fr; }
  .atlas-offer-card,.atlas-offer-card + .atlas-offer-card { min-height:0; padding:24px 0 28px; border-right:0; border-bottom:1px solid var(--line); }
  .atlas-offer-card:last-child { border-bottom:0; }
  .atlas-offer-card strong { margin-top:12px; padding-top:0; }
  .atlas-market-grid { grid-template-columns:1fr; gap:30px; }
  .atlas-market-list { grid-template-columns:1fr; }
  .atlas-market-list span,.atlas-market-list span:nth-child(even) { padding:16px 0; border-left:0; }
}


/* ============================================================
   R13 — ALTHEA UNIT
   Uses the Atlas unit-page component system with a distinct,
   human performance-led hero composition.
   ============================================================ */
.althea-page .atlas-hero-shade{
  background:linear-gradient(270deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.74) 38%,rgba(5,5,5,.23) 66%,rgba(5,5,5,.08) 100%),linear-gradient(0deg,rgba(5,5,5,.58) 0%,transparent 42%);
}
.althea-page .atlas-hero-media{object-position:center center;}
.althea-page .atlas-hero-copy{margin-left:auto;max-width:700px;}
.althea-page .atlas-hero h1{font-size:clamp(62px,7vw,104px);}
.althea-page .atlas-hero-subhead{max-width:620px;}
.althea-page .atlas-hero-deck{max-width:650px;}
.althea-page .atlas-cvi-item{min-height:125px;}
.althea-page .althea-sources{margin-top:24px;font-size:11px;color:var(--muted);}
.althea-page .althea-sources a{color:var(--text);text-decoration:underline;text-underline-offset:3px;}
.althea-partner-stack{border-top:1px solid var(--line);}
.althea-partner-stack article{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(0,.55fr) minmax(0,1fr);gap:18px;align-items:start;}
.althea-partner-stack article>span{color:var(--gold-dark);font-size:9px;font-weight:800;letter-spacing:.14em;}
.althea-partner-stack h3{margin:0;font-size:22px;}
.althea-partner-stack p{margin:0;color:var(--muted);font-size:13px;}
.althea-audience-grid .atlas-offer-card{min-height:280px;}
.althea-proof.atlas-proof-strip{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){
  .althea-page .atlas-hero-shade{background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.16) 25%,rgba(5,5,5,.84) 42%,#080807 57%,#080807 100%);}
  .althea-page .atlas-hero-media{object-position:34% center;}
  .althea-page .atlas-hero-copy{margin-left:0;max-width:760px;}
  .althea-partner-stack article{grid-template-columns:34px 1fr;}
  .althea-partner-stack article p{grid-column:2;}
  .althea-proof.atlas-proof-strip{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .althea-page .atlas-hero-media{object-position:33% center;}
  .althea-page .atlas-hero h1{font-size:clamp(45px,14vw,62px);}
  .althea-page .atlas-hero-deck{font-size:12px;line-height:1.5;}
}
@media(max-width:374px){
  .althea-page .atlas-cvi-intro>*{min-width:0;}
  .althea-page .atlas-cvi-intro h2{font-size:clamp(42px,13vw,52px);overflow-wrap:anywhere;word-break:normal;}
  .althea-page .atlas-cvi-intro p{min-width:0;overflow-wrap:anywhere;}
  .althea-page .atlas-cvi-intro .eyebrow{font-size:9px;letter-spacing:.11em;}
}


/* ===== Round 14 · James Unit ===== */
.james-page .atlas-hero {
  min-height: 100svh;
  background: #070707;
}
.james-page .atlas-hero-inner {
  position: relative;
  z-index: 4;
}
.james-hero-slides {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.james-hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0;
  transition: opacity .8s ease;
  will-change: opacity;
}
.james-hero-slide.is-active { opacity: 1; }
.james-page .atlas-hero-shade {
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.80) 32%, rgba(5,5,5,.42) 62%, rgba(5,5,5,.20) 100%),
    linear-gradient(0deg, rgba(5,5,5,.84) 0%, rgba(5,5,5,.22) 44%, rgba(5,5,5,.06) 100%);
}
.james-page .atlas-hero-copy {
  max-width: 820px;
}
.james-page .atlas-hero h1 {
  font-size: clamp(62px, 7.2vw, 112px);
  letter-spacing: -.04em;
}
.james-page .atlas-hero-subhead {
  max-width: 680px;
}
.james-page .atlas-hero-deck {
  max-width: 720px;
}
.james-hero-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 26px;
}
.james-hero-dot {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.32);
  background: rgba(255,255,255,.22);
  padding: 0;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.james-hero-dot.is-active {
  background: var(--gold);
  border-color: var(--gold);
  transform: scale(1.12);
}
.james-hero-counter {
  margin-left: 4px;
  color: rgba(255,255,255,.78);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.james-format-grid,
.james-filmmaker-grid,
.james-who-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--line);
}
.james-format-grid article,
.james-filmmaker-grid article,
.james-who-grid article {
  min-height: 280px;
  padding: 28px 34px 34px 0;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
}
.james-format-grid article + article,
.james-filmmaker-grid article + article,
.james-who-grid article + article {
  padding-left: 34px;
}
.james-format-grid article:last-child,
.james-filmmaker-grid article:last-child,
.james-who-grid article:last-child {
  border-right: 0;
}
.james-format-grid span,
.james-filmmaker-grid span,
.james-who-grid span {
  color: var(--gold-dark);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.james-format-grid h3,
.james-filmmaker-grid h3,
.james-who-grid h3 {
  margin: 16px 0 16px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: .98;
}
.james-format-grid p,
.james-filmmaker-grid p,
.james-who-grid p {
  color: var(--muted);
  font-size: 14px;
  max-width: 360px;
}
.james-format-grid strong,
.james-filmmaker-grid strong,
.james-who-grid strong {
  margin-top: auto;
  padding-top: 24px;
  font-family: var(--sans);
  font-size: 11px;
  line-height: 1.55;
  font-weight: 750;
  color: var(--text);
}
.james-price-note {
  margin-top: 16px;
  color: var(--muted);
  font-size: 13px;
}
.james-network-note {
  margin-top: 26px;
  color: var(--muted);
  font-size: 13px;
  max-width: 940px;
}
@media (max-width: 980px) {
  .james-format-grid,
  .james-filmmaker-grid,
  .james-who-grid {
    grid-template-columns: 1fr;
  }
  .james-format-grid article,
  .james-format-grid article + article,
  .james-filmmaker-grid article,
  .james-filmmaker-grid article + article,
  .james-who-grid article,
  .james-who-grid article + article {
    min-height: 0;
    padding: 24px 0 28px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .james-format-grid article:last-child,
  .james-filmmaker-grid article:last-child,
  .james-who-grid article:last-child { border-bottom: 0; }
  .james-format-grid strong,
  .james-filmmaker-grid strong,
  .james-who-grid strong { margin-top: 12px; padding-top: 0; }
}
@media (max-width: 767px) {
  .james-page .atlas-hero-shade {
    background: linear-gradient(180deg, rgba(5,5,5,.08) 0%, rgba(5,5,5,.18) 25%, rgba(5,5,5,.82) 42%, #080807 58%, #080807 100%);
  }
  .james-page .atlas-hero h1 {
    font-size: clamp(44px, 13.6vw, 62px);
  }
  .james-page .atlas-hero-deck {
    font-size: 12px;
    line-height: 1.5;
  }
  .james-hero-controls { gap: 10px; margin-top: 22px; flex-wrap: wrap; }
  .james-hero-dot { width: 10px; height: 10px; }
}


/* ============================================================
   ROUND 15 — NAVIGATION + RESPONSIVE/CONTRAST QA
   ============================================================ */
.desktop-nav { position: relative; }
.nav-dropdown { position: relative; display: flex; align-items: center; }
.nav-dropdown-trigger {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 0;
  border: 0; background: transparent; color: inherit; cursor: pointer;
  font: inherit; letter-spacing: inherit; text-transform: inherit; opacity: .9;
}
.nav-dropdown-trigger span { font-size: 12px; line-height: 1; transition: transform .18s ease; }
.nav-dropdown.is-open .nav-dropdown-trigger,
.nav-dropdown:focus-within .nav-dropdown-trigger,
.nav-dropdown:hover .nav-dropdown-trigger { color: var(--gold); opacity: 1; }
.nav-dropdown.is-open .nav-dropdown-trigger span { transform: rotate(180deg); }
.nav-dropdown-menu {
  position: absolute; top: calc(100% + 7px); left: 50%; min-width: 190px;
  transform: translate(-50%, 8px); padding: 8px; border: 1px solid rgba(255,255,255,.14);
  border-radius: 4px; background: rgba(8,8,7,.97); box-shadow: 0 18px 55px rgba(0,0,0,.35);
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.nav-dropdown.is-open .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.nav-dropdown-menu a { display: flex; align-items: center; gap: 12px; min-height: 42px; padding: 0 11px; border-radius: 3px; opacity: 1; white-space: nowrap; }
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus { background: rgba(255,255,255,.08); color: var(--gold); outline: 0; }
.nav-dropdown-menu a span { color: var(--gold); font-size: 8px; letter-spacing: .1em; }

.mobile-units { border-bottom: 1px solid var(--line-dark); }
.mobile-units-toggle {
  width: 100%; min-height: 74px; display: flex; align-items: center; justify-content: space-between;
  padding: 12px 0; border: 0; background: transparent; color: var(--white); text-align: left;
  font-family: var(--serif); font-size: clamp(36px,8vw,64px); line-height: 1; cursor: pointer;
}
.mobile-units-toggle span { color: var(--gold); font-family: var(--sans); font-size: 26px; font-weight: 300; transition: transform .18s ease; }
.mobile-units.is-open .mobile-units-toggle span { transform: rotate(45deg); }
.mobile-unit-links { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .22s ease, opacity .22s ease; }
.mobile-unit-links > * { overflow: hidden; }
.mobile-units.is-open .mobile-unit-links { grid-template-rows: 1fr; opacity: 1; }
.mobile-unit-links a { display: flex !important; align-items: baseline; gap: 14px; padding: 12px 0 12px 18px !important; font-size: clamp(25px,6vw,36px) !important; color: rgba(255,255,255,.84); }
.mobile-unit-links small { color: var(--gold); font-family: var(--sans); font-size: 9px; letter-spacing: .12em; }

/* Dark-section contrast hardening */
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark strong,
.atlas-cvi h1,.atlas-cvi h2,.atlas-cvi h3,.atlas-cvi strong,
.atlas-cta h1,.atlas-cta h2,.atlas-cta h3,.atlas-cta strong { color: var(--white); }
.section-dark p { color: rgba(255,255,255,.74); }
.atlas-cvi .james-format-grid h3,
.atlas-cvi .james-format-grid strong { color: var(--white); }
.atlas-cvi .james-format-grid p { color: rgba(255,255,255,.72); }
.atlas-cvi .james-format-grid { border-color: var(--line-dark); }
.atlas-cvi .james-format-grid article { border-color: var(--line-dark); }
.atlas-cvi .james-price-note { color: rgba(255,255,255,.72); }
.atlas-cvi .james-format-grid span { color: var(--gold); }

/* Theo page */
.theo-page .atlas-hero-shade { background: linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.82) 38%,rgba(5,5,5,.40) 70%,rgba(5,5,5,.16) 100%),linear-gradient(0deg,rgba(5,5,5,.78) 0%,transparent 45%); }
.theo-page .atlas-hero-media { object-position: center center; }
.theo-page .atlas-hero-copy { max-width: 760px; }
.theo-intelligence-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line-dark); }
.theo-intelligence-grid article { min-height:150px; padding:23px 24px 26px 0; border-bottom:1px solid var(--line-dark); border-right:1px solid var(--line-dark); }
.theo-intelligence-grid article:nth-child(4n) { border-right:0; padding-left:24px; }
.theo-intelligence-grid article:not(:nth-child(4n+1)) { padding-left:24px; }
.theo-intelligence-grid span { color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.13em; }
.theo-intelligence-grid h3 { margin:14px 0 0; font-family:var(--sans); font-size:17px; font-weight:700; letter-spacing:-.01em; color:var(--white); }
@media (max-width: 980px) { .theo-intelligence-grid { grid-template-columns:repeat(2,1fr); } .theo-intelligence-grid article:nth-child(4n) { border-right:1px solid var(--line-dark); } .theo-intelligence-grid article:nth-child(even) { border-right:0; } }
@media (max-width: 767px) {
  .mobile-menu-inner { padding-top: 112px; padding-bottom: 40px; max-height: 100dvh; overflow-y:auto; }
  .mobile-menu nav > a { font-size: clamp(30px,7.2vw,48px); padding: 13px 0; }
  .mobile-units-toggle { min-height: 66px; font-size: clamp(30px,7.2vw,48px); }
  .theo-intelligence-grid { grid-template-columns:1fr; }
  .theo-intelligence-grid article,.theo-intelligence-grid article:nth-child(4n),.theo-intelligence-grid article:not(:nth-child(4n+1)),.theo-intelligence-grid article:nth-child(even) { min-height:0; padding:18px 0; border-right:0; }
}
@media (prefers-reduced-motion: reduce) { .nav-dropdown-menu,.mobile-unit-links,.mobile-units-toggle span { transition:none !important; } }
html, body { max-width: 100%; overflow-x: clip; }
@supports not (overflow: clip) { html, body { overflow-x: hidden; } }


/* ============================================================
   ROUND 16 — THEO EXPANSION + DROPDOWN HOVER HARDENING
   ============================================================ */
/* Keep Units menu continuously hoverable: remove hover dead-zone and add bridge. */
.nav-dropdown::after {
  content:""; position:absolute; left:-24px; right:-24px; top:100%; height:14px;
}
.nav-dropdown-menu { top: calc(100% + 2px); }
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown-menu:hover { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.nav-dropdown:hover .nav-dropdown-trigger span,
.nav-dropdown:focus-within .nav-dropdown-trigger span { transform: rotate(180deg); }

/* Theo hero carousel */
.theo-page .atlas-hero { min-height:100svh; background:#070707; }
.theo-hero-slides { position:absolute; inset:0; overflow:hidden; }
.theo-hero-slide {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center;
  opacity:0; transition:opacity .8s ease; will-change:opacity;
}
.theo-hero-slide.is-active { opacity:1; }
.theo-page .atlas-hero-shade {
  z-index:2;
  background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.82) 35%,rgba(5,5,5,.42) 66%,rgba(5,5,5,.16) 100%),linear-gradient(0deg,rgba(5,5,5,.82) 0%,rgba(5,5,5,.18) 47%,rgba(5,5,5,.06) 100%);
}
.theo-page .atlas-hero-inner { position:relative; z-index:4; }
.theo-page .atlas-hero-copy { max-width:810px; }
.theo-page .atlas-hero h1 { font-size:clamp(62px,7.2vw,112px); letter-spacing:-.04em; }
.theo-page .atlas-hero-deck { max-width:720px; }
.theo-hero-controls { display:flex; align-items:center; gap:12px; margin-top:26px; }
.theo-hero-dot {
  width:11px; height:11px; border-radius:999px; border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.20); padding:0; cursor:pointer; transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.theo-hero-dot.is-active { background:var(--gold); border-color:var(--gold); transform:scale(1.12); }
.theo-hero-counter { margin-left:4px; color:rgba(255,255,255,.78); font-size:11px; letter-spacing:.14em; text-transform:uppercase; }

/* Four commercial mandates */
.theo-page .atlas-offer-grid.theo-offer-grid { grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.theo-page .theo-offer-grid .atlas-offer-card,
.theo-page .theo-offer-grid .atlas-offer-card + .atlas-offer-card { min-height:330px; padding:28px 34px 34px 0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.theo-page .theo-offer-grid .atlas-offer-card:nth-child(even) { padding-left:34px; border-right:0; }
.theo-page .theo-offer-grid .atlas-offer-card:nth-child(3),
.theo-page .theo-offer-grid .atlas-offer-card:nth-child(4) { border-bottom:0; }

.theo-partner-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:clamp(40px,7vw,110px); align-items:start; }
.theo-partner-stack { border-top:1px solid var(--line); }
.theo-partner-stack article { padding:24px 0; border-bottom:1px solid var(--line); }
.theo-partner-stack span { color:var(--gold-dark); font-size:9px; font-weight:800; letter-spacing:.14em; }
.theo-partner-stack h3 { margin:10px 0 8px; font-size:clamp(27px,2.5vw,38px); }
.theo-partner-stack p { margin:0; color:var(--muted); font-size:13px; }
.theo-partner .text-link { margin-top:20px; display:inline-flex; }
.theo-learning-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); }
.theo-learning-grid article { padding:28px 32px 30px 0; border-right:1px solid var(--line); }
.theo-learning-grid article + article { padding-left:32px; }
.theo-learning-grid article:last-child { border-right:0; }
.theo-learning-grid span { color:var(--gold-dark); font-size:9px; font-weight:800; letter-spacing:.14em; }
.theo-learning-grid h3 { margin:14px 0; font-size:clamp(30px,3vw,44px); line-height:.98; }
.theo-learning-grid p { color:var(--muted); font-size:14px; }
.theo-learning-grid strong { display:block; margin-top:20px; font-family:var(--sans); font-size:11px; line-height:1.55; }

@media (max-width:980px) {
  .theo-partner-grid { grid-template-columns:1fr; }
  .theo-page .atlas-offer-grid.theo-offer-grid { grid-template-columns:1fr; }
  .theo-page .theo-offer-grid .atlas-offer-card,
  .theo-page .theo-offer-grid .atlas-offer-card + .atlas-offer-card,
  .theo-page .theo-offer-grid .atlas-offer-card:nth-child(even),
  .theo-page .theo-offer-grid .atlas-offer-card:nth-child(3),
  .theo-page .theo-offer-grid .atlas-offer-card:nth-child(4) {
    min-height:0; padding:24px 0 28px; border-right:0; border-bottom:1px solid var(--line);
  }
  .theo-page .theo-offer-grid .atlas-offer-card:last-child { border-bottom:0; }
  .theo-learning-grid { grid-template-columns:1fr; }
  .theo-learning-grid article,.theo-learning-grid article + article { padding:24px 0; border-right:0; border-bottom:1px solid var(--line); }
  .theo-learning-grid article:last-child { border-bottom:0; }
}
@media (max-width:767px) {
  .theo-page .atlas-hero-shade { background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.16) 25%,rgba(5,5,5,.84) 42%,#080807 58%,#080807 100%); }
  .theo-page .atlas-hero h1 { font-size:clamp(44px,13.6vw,62px); }
  .theo-page .atlas-hero-deck { font-size:12px; line-height:1.5; }
  .theo-hero-controls { gap:10px; margin-top:22px; flex-wrap:wrap; }
  .theo-hero-dot { width:10px; height:10px; }
}
@media (prefers-reduced-motion:reduce) { .theo-hero-slide,.theo-hero-dot { transition:none!important; } }



/* R17 · Selected Work / Proof */
.proof-history{position:relative;overflow:hidden}
.proof-history .shell{padding-top:clamp(72px,8vw,128px);padding-bottom:clamp(72px,8vw,128px)}
.proof-history-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);column-gap:clamp(32px,7vw,112px);align-items:end;margin-bottom:clamp(42px,5vw,72px)}
.proof-history-intro .eyebrow{grid-column:1/-1;margin-bottom:20px}
.proof-history-intro h2{margin:0;max-width:760px}
.proof-history-intro>p:last-child{margin:0 0 .35rem;max-width:560px;color:rgba(255,255,255,.68);line-height:1.65}
.proof-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.proof-history-card{min-height:360px;padding:clamp(28px,3.6vw,54px);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.018);transition:background .25s ease,transform .25s ease}
.proof-history-card:hover{background:rgba(255,255,255,.045)}
.proof-history-kicker{display:flex;align-items:flex-start;gap:18px;margin-bottom:clamp(34px,5vw,72px);font-size:.72rem;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.proof-history-kicker span{color:#b89a5a;min-width:24px}
.proof-history-kicker strong{color:rgba(255,255,255,.72);font-weight:600}
.proof-history-card h3{font-size:clamp(1.65rem,2.35vw,2.75rem);line-height:1.03;letter-spacing:-.035em;max-width:640px;margin:0 0 20px;color:#fff}
.proof-history-card>p{font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.65;color:rgba(255,255,255,.66);max-width:650px;margin:0 0 38px}
.proof-history-metric{margin-top:auto;padding-top:28px;border-top:1px solid rgba(184,154,90,.42);display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.proof-history-metric strong{font-size:clamp(2.4rem,4.5vw,4.6rem);font-weight:500;letter-spacing:-.055em;line-height:.9;color:#fff}
.proof-history-metric span{font-size:.76rem;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#b89a5a;max-width:190px}
@media (max-width:900px){.proof-history-intro{grid-template-columns:1fr;row-gap:24px}.proof-history-intro .eyebrow{grid-column:auto}.proof-history-grid{grid-template-columns:1fr}.proof-history-card{min-height:0}.proof-history-kicker{margin-bottom:38px}}
@media (max-width:600px){.proof-history .shell{padding-top:64px;padding-bottom:64px}.proof-history-card{padding:28px 22px 30px}.proof-history-card h3{font-size:1.75rem}.proof-history-card>p{margin-bottom:32px}.proof-history-metric{align-items:flex-end}.proof-history-metric strong{font-size:3.05rem}}



/* =========================================================
   R17 · JAMES UNIT — PRIVATE CINEMA
   Keeps the shared Atlas/Theo/Althea design system while
   giving James a cinematic editorial rhythm.
   ========================================================= */
.james-page{background:var(--paper);}
.james-page .site-header{background:linear-gradient(to bottom,rgba(0,0,0,.48),transparent);}
.james-page .atlas-hero{min-height:100svh;height:clamp(760px,100svh,980px);}
.james-r17-hero-slides{position:absolute;inset:0;overflow:hidden;}
.james-r17-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity 1s var(--ease),transform 7s linear;}
.james-r17-hero-slide.is-active{opacity:1;transform:scale(1.045);}
.james-page .atlas-hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.79) 31%,rgba(5,5,5,.35) 64%,rgba(5,5,5,.14) 100%),linear-gradient(0deg,rgba(5,5,5,.72) 0%,transparent 42%);}
.james-page .atlas-hero-inner{position:relative;z-index:4;}
.james-page .atlas-hero-copy{max-width:810px;}
.james-page .atlas-hero h1{font-size:clamp(62px,7.2vw,112px);letter-spacing:-.04em;}
.james-page .atlas-hero-subhead{font-size:clamp(25px,3vw,44px);max-width:650px;}
.james-page .atlas-hero-deck{max-width:760px;}
.james-private-kicker{display:flex;gap:12px;align-items:center;margin-bottom:18px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.james-private-kicker::before{content:"";width:28px;height:1px;background:var(--gold);}
.james-hero-controls{display:flex;align-items:center;gap:12px;margin-top:25px;}
.james-hero-dot{width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,.32);cursor:pointer;transition:background .25s ease,width .25s ease;}
.james-hero-dot.is-active{background:var(--gold);width:52px;}
.james-hero-counter{margin-left:6px;color:rgba(255,255,255,.66);font-size:10px;letter-spacing:.12em;text-transform:uppercase;}

.james-statement{padding:clamp(92px,10vw,160px) 0;background:var(--paper);}
.james-statement-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(40px,8vw,120px);align-items:end;}
.james-statement h2{font-size:clamp(48px,6vw,90px);line-height:.98;margin:0;}
.james-statement h2 em{color:#777168;font-weight:400;}
.james-statement-copy{font-size:clamp(18px,1.55vw,24px);line-height:1.62;color:var(--muted);margin:0;}

.james-section{padding:clamp(88px,9vw,140px) 0;}
.james-section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr);gap:clamp(36px,7vw,110px);align-items:end;margin-bottom:clamp(44px,6vw,80px);}
.james-section-head h2{margin:0;max-width:900px;}
.james-section-head>p{margin:0;color:var(--muted);font-size:16px;line-height:1.7;}
.section-dark .james-section-head>p{color:rgba(255,255,255,.65);}
.james-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);}
.james-method-grid article{min-height:280px;padding:30px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);display:flex;flex-direction:column;}
.james-method-grid .step-number,.james-index-grid .step-number,.james-release-grid .step-number{font-size:10px;letter-spacing:.14em;color:var(--gold);}
.james-method-grid h3{font-size:clamp(24px,2vw,32px);margin:70px 0 14px;color:var(--white);}
.james-method-grid p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.65;}

.james-intelligence{background:var(--stone);}
.james-index-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);}
.james-index-grid article{min-height:245px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.james-index-grid h3{font-size:24px;margin:62px 0 12px;}
.james-index-grid p{color:var(--muted);font-size:13px;line-height:1.6;margin:0;}
.james-index-principle{margin-top:34px;padding-top:28px;border-top:1px solid var(--line);font-family:var(--serif);font-size:clamp(28px,3.5vw,52px);line-height:1.12;max-width:1120px;}

.james-story-room-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(44px,8vw,120px);align-items:center;}
.james-story-copy h2{font-size:clamp(48px,5.6vw,82px);line-height:.98;margin-bottom:28px;}
.james-story-copy>p{color:rgba(255,255,255,.67);font-size:16px;line-height:1.75;max-width:650px;}
.james-story-copy .quiet{font-size:12px;color:rgba(255,255,255,.42);}
.james-story-ui{border:1px solid rgba(255,255,255,.18);background:#0d0d0c;padding:clamp(26px,4vw,54px);min-height:590px;box-shadow:0 30px 80px rgba(0,0,0,.3);}
.james-room-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#888;}
.james-room-line{height:1px;background:#333;margin:18px 0 68px;}
.james-story-ui>p{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#777;}
.james-story-ui h3{font-size:clamp(44px,5vw,76px);line-height:.98;margin:16px 0 50px;color:#fff;}
.james-room-nav{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:16px;border-bottom:1px solid #333;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#747474;}
.james-room-nav span:first-child{color:#fff;}
.james-room-card{margin-top:34px;padding:24px;border:1px solid #2b2b29;}
.james-room-card small{font-size:9px;letter-spacing:.12em;color:#777;}
.james-room-card strong{display:block;font-family:var(--serif);font-size:28px;font-weight:400;margin:25px 0 11px;color:#fff;}
.james-room-card p{color:#919191;line-height:1.6;margin:0;}

.james-proof{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:700px;background:#fff;}
.james-proof-image{min-height:560px;overflow:hidden;}
.james-proof-image img{width:100%;height:100%;object-fit:cover;}
.james-proof-copy{padding:clamp(64px,7vw,112px) var(--pad);display:flex;flex-direction:column;justify-content:center;}
.james-proof-copy h2{font-size:clamp(52px,6.4vw,92px);margin-bottom:22px;}
.james-proof-copy>p{color:var(--muted);font-size:17px;line-height:1.72;max-width:590px;}
.james-proof-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.james-proof-tags span{border:1px solid var(--line);padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;}

.james-talent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.james-talent-grid article{background:#fff;border:1px solid var(--line);padding:30px;min-height:255px;}
.james-talent-grid h3{font-size:27px;margin:54px 0 13px;}
.james-talent-grid p{color:var(--muted);font-size:14px;line-height:1.65;margin:0;}

.james-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);}
.james-release-grid article{padding:34px;min-height:310px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.james-release-grid h3{font-size:44px;margin:86px 0 14px;}
.james-release-grid p{color:var(--muted);font-size:14px;line-height:1.65;margin:0;}

.james-audience-list{margin-top:52px;border-top:1px solid rgba(255,255,255,.18);}
.james-audience-list span{display:block;border-bottom:1px solid rgba(255,255,255,.18);padding:20px 0;font-family:var(--serif);font-size:clamp(20px,2.2vw,32px);color:rgba(255,255,255,.78);}
.james-closing{text-align:center;background:var(--paper);}
.james-closing .shell{max-width:1180px;}
.james-closing h2{font-size:clamp(48px,6.5vw,94px);line-height:.98;margin:0 auto 25px;}
.james-closing .closing-line{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,30px);color:#777168;}
.james-closing .button{margin-top:22px;}
.james-page .atlas-ask{background:#11110f;}

@media(max-width:1050px){
  .james-method-grid{grid-template-columns:repeat(2,1fr);}
  .james-index-grid{grid-template-columns:repeat(2,1fr);}
  .james-talent-grid{grid-template-columns:repeat(2,1fr);}
  .james-story-room-grid,.james-proof,.james-section-head,.james-statement-grid{grid-template-columns:1fr;}
  .james-proof-image{min-height:58vw;}
}
@media(max-width:760px){
  .james-page .atlas-hero{min-height:760px;height:100svh;}
  .james-page .atlas-hero-shade{background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.18) 25%,rgba(5,5,5,.86) 46%,#080807 65%,#080807 100%);}
  .james-page .atlas-hero h1{font-size:clamp(46px,14vw,64px);}
  .james-page .atlas-hero-deck{font-size:12px;line-height:1.5;}
  .james-r17-hero-slide{object-position:center center;}
  .james-method-grid,.james-index-grid,.james-talent-grid,.james-release-grid{grid-template-columns:1fr;}
  .james-method-grid article,.james-index-grid article{min-height:210px;}
  .james-method-grid h3,.james-index-grid h3{margin-top:42px;}
  .james-proof-image{min-height:70vh;}
  .james-proof-copy{padding:70px 22px;}
  .james-story-ui{min-height:520px;padding:26px 22px;}
  .james-room-line{margin-bottom:44px;}
  .james-release-grid article{min-height:235px;}
  .james-release-grid h3{margin-top:48px;}
  .james-hero-controls{gap:8px;}
  .james-hero-dot{width:24px;}
  .james-hero-dot.is-active{width:38px;}
}
@media(prefers-reduced-motion:reduce){
  .james-r17-hero-slide{transition:none;transform:none!important;}
}


/* R18 · Legibility hardening — semantic labels remain readable at production sizes. */
.feature-detail span,.engage-card > span,.atlas-proof-strip span,.infra-capabilities span,.hero-thumb em,.hero-thumb.is-active em{font-size:10px;}
@media(max-width:767px){
  .hero .eyebrow{font-size:10px;}
  .hero-definition strong{font-size:10px;}
  .hero-definition span{font-size:10px;line-height:1.22;}
}

/* R18 · Fixed-header anchor clearance. */
section[id],div[id][data-section]{scroll-margin-top:92px;}
@media(max-width:767px){section[id],div[id][data-section]{scroll-margin-top:78px;}}

/* R20 · Althea category-defining system */
.althea-r20-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.althea-r20-kicker:before{content:"";width:28px;height:1px;background:var(--gold)}
.althea-r20-statement{padding:clamp(88px,10vw,150px) 0;background:var(--paper)}.althea-r20-statement-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(40px,8vw,120px);align-items:end}.althea-r20-statement h2{font-size:clamp(48px,6.3vw,92px);line-height:.98;margin:0}.althea-r20-statement-grid>p{font-size:clamp(18px,1.6vw,24px);line-height:1.65;color:var(--muted);margin:0}
.althea-r20-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.althea-r20-offer{min-height:390px;padding:clamp(26px,3vw,42px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.althea-r20-offer>span,.althea-r20-pillar-grid>article>span,.althea-r20-infra-grid>article>span,.althea-r20-market-grid>article>span{font-size:10px;letter-spacing:.16em;color:var(--gold-dark)}.althea-r20-offer h3{font-size:clamp(34px,3.2vw,52px);margin:78px 0 18px}.althea-r20-offer p{color:var(--muted);line-height:1.65}.althea-r20-offer strong{margin-top:auto;padding-top:26px;font-size:11px;line-height:1.7;letter-spacing:.03em;text-transform:uppercase;color:#5f5a52}
.althea-r20-system h2{color:#fff}.althea-r20-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16)}.althea-r20-pillar-grid article{padding:30px;min-height:330px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.althea-r20-pillar-grid article>span{color:var(--gold)}.althea-r20-pillar-grid h3{font-size:32px;color:#fff;margin:80px 0 15px}.althea-r20-pillar-grid p{color:rgba(255,255,255,.64);line-height:1.65;font-size:14px}
.althea-r20-six-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.althea-r20-six-grid article{padding:28px;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.althea-r20-six-grid b{font-size:10px;letter-spacing:.14em;color:var(--gold-dark)}.althea-r20-six-grid h3{font-size:30px;margin:48px 0 10px}.althea-r20-six-grid p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.althea-r20-stress{margin-top:48px;padding:clamp(28px,4vw,52px);border:1px solid var(--line);background:var(--paper)}.althea-r20-stress h3{font-size:clamp(26px,3vw,42px);line-height:1.25;margin:18px 0}.althea-r20-stress>p:last-child{color:var(--muted);max-width:900px;line-height:1.65}
.althea-r20-science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.althea-r20-science-grid article{padding:32px;background:#fff;border:1px solid var(--line);min-height:330px}.althea-r20-science-grid article>span{font-size:10px;letter-spacing:.16em;color:var(--gold-dark)}.althea-r20-science-grid h3{font-size:32px;margin:70px 0 15px}.althea-r20-science-grid p{color:var(--muted);line-height:1.65}.althea-r20-science-note,.althea-r20-source-note{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted);max-width:1080px}
.althea-r20-infra-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16)}.althea-r20-infra-grid article{padding:30px;min-height:260px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.althea-r20-infra-grid article>span{color:var(--gold)}.althea-r20-infra-grid h3{font-size:34px;color:#fff;margin:58px 0 13px}.althea-r20-infra-grid p{color:rgba(255,255,255,.64);line-height:1.65;font-size:14px}
.althea-r20-investment-list{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line)}.althea-r20-investment-list span{width:20%;min-height:120px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:20px;display:flex;align-items:flex-end}
.althea-r20-market-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.althea-r20-market-grid article{padding:32px;min-height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.althea-r20-market-grid h3{font-size:38px;margin:70px 0 14px}.althea-r20-market-grid p{color:var(--muted);line-height:1.65}
.althea-r20-wsis{padding:clamp(90px,10vw,160px) 0;background:#0b0b0a}.althea-r20-wsis-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(40px,8vw,120px);align-items:end}.althea-r20-wsis h2{font-size:clamp(50px,7vw,100px);line-height:.96;color:#fff;margin:18px 0}.althea-r20-wsis-date{color:var(--gold);font-size:20px}.althea-r20-wsis-grid>div:last-child>p{color:rgba(255,255,255,.68);font-size:18px;line-height:1.65}.althea-r20-wsis strong{display:block;color:#fff;font-size:13px;line-height:1.6;margin-top:30px}.althea-r20-wsis small{display:block;color:rgba(255,255,255,.4);font-size:10px;line-height:1.6;margin-top:14px}
@media(max-width:1050px){.althea-r20-pillar-grid{grid-template-columns:repeat(2,1fr)}.althea-r20-investment-list span{width:33.333%}.althea-r20-statement-grid,.althea-r20-wsis-grid{grid-template-columns:1fr}.althea-r20-science-grid{grid-template-columns:1fr}.althea-r20-science-grid article{min-height:260px}}
@media(max-width:760px){.althea-r20-offer-grid,.althea-r20-pillar-grid,.althea-r20-six-grid,.althea-r20-infra-grid,.althea-r20-market-grid{grid-template-columns:1fr}.althea-r20-offer{min-height:310px}.althea-r20-offer h3,.althea-r20-pillar-grid h3,.althea-r20-market-grid h3{margin-top:46px}.althea-r20-investment-list span{width:50%;min-height:105px;font-size:17px}.althea-r20-wsis-grid>div:last-child>p{font-size:16px}}


/* R21 — C-suite compression + locked unit brow system */
.unit-hero-brow{margin:0 0 clamp(10px,1.3vw,18px);display:flex;align-items:center;gap:12px;color:#d7a24c;font-size:clamp(.66rem,.72vw,.78rem);font-weight:700;letter-spacing:.16em;line-height:1.25;text-transform:uppercase;max-width:900px}
.unit-hero-brow::before{content:"";display:block;width:28px;height:1px;background:currentColor;flex:0 0 auto;opacity:.85}
@media(max-width:760px){.unit-hero-brow{font-size:.63rem;letter-spacing:.12em;gap:9px;margin-bottom:10px}.unit-hero-brow::before{width:20px}}

@media(max-width:520px){.button,.hero-actions .button,.atlas-hero-actions .button{font-size:10.5px!important;letter-spacing:.08em!important;}}

/* --- R22 additions: Barnaby Station + Opportunity Company positioning --- */
.ai-closing {
  margin-top: 1.2rem;
  font-family: var(--font-display, 'Iowan Old Style', 'Palatino Linotype', serif);
  font-size: clamp(1.7rem, 2.4vw, 2.4rem);
  line-height: 1.08;
  color: rgba(255,255,255,.92);
}

.owned-intelligence {
  border-top: 1px solid rgba(14, 14, 14, 0.08);
}

.owned-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}

.owned-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1.5rem 0 2rem;
}

.owned-feature-list span {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(14, 14, 14, 0.14);
  border-radius: 999px;
  padding: .72rem 1rem;
  font-size: .95rem;
  line-height: 1.2;
  background: rgba(255,255,255,.72);
}

.owned-preview {
  position: relative;
}

.owned-preview img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  border-radius: 1.6rem;
  box-shadow: 0 24px 60px rgba(13, 12, 11, 0.12);
}

.owned-preview-panel {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: grid;
  gap: .5rem;
  padding: 1rem 1.05rem;
  border-radius: 1rem;
  background: rgba(12, 11, 10, 0.8);
  backdrop-filter: blur(12px);
  color: rgba(255,255,255,.92);
}

.owned-preview-panel small,
.pricing-note {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .7rem;
  color: rgba(224, 173, 85, .92);
}

.owned-preview-panel strong {
  display: block;
  margin-top: .25rem;
  font-size: clamp(1.25rem, 2.3vw, 1.9rem);
  line-height: 1.05;
}

.button-dark {
  color: var(--ink, #0f0f10);
  border-color: rgba(15, 15, 16, .22);
}

.button-dark:hover,
.button-dark:focus-visible {
  background: rgba(15, 15, 16, .08);
}

.dual-metric {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.dual-metric > div {
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: .9rem;
}

.dual-metric strong {
  display: block;
}

.product-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.pillar-card {
  padding: clamp(1.35rem, 2vw, 2rem);
  border: 1px solid rgba(14, 14, 14, 0.1);
  border-radius: 1.35rem;
  background: rgba(255,255,255,.72);
}

.pillar-card h3,
.access-card h3 {
  margin-top: .65rem;
}

.method-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intelligence-darkband .ai-grid {
  align-items: start;
}

.proof-history-grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.access-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: start;
}

.check-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0;
  display: grid;
  gap: .8rem;
}

.check-list li {
  position: relative;
  padding-left: 1.4rem;
}

.check-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gold, #c59339);
}

.pricing-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
  margin: 1.25rem 0;
}

.pricing-stack > div {
  border: 1px solid rgba(14, 14, 14, 0.1);
  border-radius: 1rem;
  padding: .95rem 1rem;
  background: rgba(255,255,255,.76);
}

.pricing-stack strong {
  display: block;
  font-size: 1.05rem;
}

.pricing-stack span {
  display: block;
  margin-top: .25rem;
  color: rgba(15, 15, 16, .72);
}

.hero-actions-stack {
  flex-direction: column;
  align-items: stretch;
}

.barnaby-hero .hero-copy {
  max-width: 46rem;
}

.barnaby-rail .hero-thumb span em {
  font-style: normal;
}

@media (max-width: 1100px) {
  .owned-grid,
  .access-grid,
  .product-pillars,
  .proof-history-grid-three,
  .method-grid-four {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .dual-metric,
  .pricing-stack {
    grid-template-columns: 1fr;
  }
  .owned-preview-panel {
    position: static;
    margin-top: 1rem;
    background: rgba(12, 11, 10, 0.94);
  }
}

/* ==========================================================
   R22 v2 — visual QA: spacing, legibility, Barnaby signup
   ========================================================== */

/* Homepage: restore deliberate vertical rhythm around owned intelligence. */
.owned-intelligence {
  padding: clamp(92px, 9vw, 148px) 0;
}
.owned-intelligence .eyebrow {
  margin-bottom: clamp(18px, 2vw, 26px);
  font-size: 11.5px;
  line-height: 1.25;
  letter-spacing: .17em;
}
.owned-copy h2 {
  max-width: 760px;
  margin-bottom: clamp(28px, 3vw, 42px);
  font-size: clamp(50px, 5.2vw, 78px);
  line-height: .98;
}
.owned-copy > p:not(.eyebrow) {
  max-width: 710px;
  margin-bottom: 0;
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.62;
}
.owned-copy > p strong {
  color: var(--text);
  font-weight: 700;
}
.owned-intelligence .button {
  font-size: 11px;
  letter-spacing: .085em;
}

/* Barnaby page: every major chapter gets breathing room before its brow. */
.barnaby-page #overview,
.barnaby-page #how-it-works,
.barnaby-page .intelligence-darkband,
.barnaby-page #request-access {
  padding: clamp(94px, 8.5vw, 138px) 0;
}
.barnaby-page #overview,
.barnaby-page #how-it-works,
.barnaby-page .intelligence-darkband,
.barnaby-page #proof,
.barnaby-page #request-access,
.barnaby-page #contact {
  scroll-margin-top: 82px;
}
.barnaby-page main .eyebrow {
  margin-bottom: clamp(18px, 1.7vw, 24px);
  font-size: 11.5px;
  line-height: 1.25;
  letter-spacing: .17em;
}
.barnaby-page #overview .split-heading {
  margin-bottom: clamp(52px, 5vw, 78px);
  align-items: end;
}
.barnaby-page #overview .split-heading h2,
.barnaby-page #how-it-works .section-intro h2,
.barnaby-page .intelligence-darkband h2,
.barnaby-page #proof .proof-history-intro h2,
.barnaby-page #request-access h2 {
  text-wrap: balance;
}
.barnaby-page #overview .split-heading > p {
  max-width: 540px;
  font-size: 15px;
  line-height: 1.65;
}
.barnaby-page .product-pillars {
  gap: clamp(14px, 1.4vw, 22px);
}
.barnaby-page .pillar-card {
  min-height: 255px;
  padding: clamp(28px, 2.8vw, 42px);
}
.barnaby-page .pillar-card h3 {
  margin: clamp(22px, 2.4vw, 36px) 0 18px;
  font-size: clamp(28px, 2.2vw, 36px);
  line-height: 1.05;
}
.barnaby-page .pillar-card p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.62;
}
.barnaby-page #how-it-works .section-intro {
  max-width: 1080px;
  margin-bottom: clamp(54px, 5vw, 76px);
}
.barnaby-page #how-it-works .method-item {
  min-height: 330px;
}
.barnaby-page #how-it-works .method-item h3 {
  margin-top: 28px;
}
.barnaby-page #how-it-works .method-item p {
  font-size: 14px;
  line-height: 1.62;
}

/* Why-now dark band: protect contrast and give the headline room. */
.barnaby-page .intelligence-darkband .ai-grid {
  gap: clamp(48px, 7vw, 110px);
}
.barnaby-page .intelligence-darkband .ai-copy h2 {
  max-width: 800px;
  margin-bottom: 34px;
  font-size: clamp(48px, 5.15vw, 78px);
  line-height: .98;
}
.barnaby-page .intelligence-darkband .ai-copy > p:not(.eyebrow) {
  max-width: 760px;
  font-size: 15.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.74);
}
.barnaby-page .intelligence-darkband .ai-columns {
  padding-top: 2px;
}
.barnaby-page .intelligence-darkband .ai-columns .eyebrow {
  color: rgba(255,255,255,.92);
  font-size: 11px;
}
.barnaby-page .intelligence-darkband .ai-columns li {
  color: rgba(255,255,255,.76);
}

/* R22 bug fix: proof component previously retained dark-section text colors on light background. */
.barnaby-page .proof-history.section-light {
  background: var(--paper);
  color: var(--text);
}
.barnaby-page .proof-history.section-light .shell {
  padding-top: clamp(96px, 8.5vw, 138px);
  padding-bottom: clamp(96px, 8.5vw, 138px);
}
.barnaby-page .proof-history.section-light .proof-history-intro {
  align-items: end;
  margin-bottom: clamp(52px, 5vw, 76px);
}
.barnaby-page .proof-history.section-light .proof-history-intro .eyebrow {
  color: var(--gold-dark);
}
.barnaby-page .proof-history.section-light .proof-history-intro h2 {
  color: var(--text);
  font-size: clamp(48px, 5.15vw, 78px);
  line-height: .98;
}
.barnaby-page .proof-history.section-light .proof-history-intro > p:last-child {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}
.barnaby-page .proof-history.section-light .proof-history-grid {
  border-top-color: var(--line);
  border-left-color: var(--line);
}
.barnaby-page .proof-history.section-light .proof-history-card {
  min-height: 390px;
  background: rgba(255,255,255,.56);
  border-right-color: var(--line);
  border-bottom-color: var(--line);
}
.barnaby-page .proof-history.section-light .proof-history-card:hover {
  background: #fff;
}
.barnaby-page .proof-history.section-light .proof-history-kicker span {
  color: var(--gold-dark);
}
.barnaby-page .proof-history.section-light .proof-history-kicker strong {
  color: #5f594f;
}
.barnaby-page .proof-history.section-light .proof-history-card h3 {
  color: var(--text);
}
.barnaby-page .proof-history.section-light .proof-history-card > p {
  color: var(--muted);
}
.barnaby-page .proof-history.section-light .proof-history-metric {
  border-top-color: rgba(135,88,33,.28);
}
.barnaby-page .proof-history.section-light .proof-history-metric strong {
  color: var(--text);
}
.barnaby-page .proof-history.section-light .proof-history-metric span {
  color: var(--gold-dark);
}
.barnaby-page .proof-history.section-light .dual-metric > div {
  border-top-color: rgba(135,88,33,.22);
}

/* Barnaby access signup form. */
.barnaby-page #request-access {
  border-top: 1px solid var(--line);
}
.barnaby-page .access-grid {
  gap: clamp(48px, 7vw, 110px);
}
.barnaby-page .access-copy > p:not(.eyebrow) {
  max-width: 660px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}
.barnaby-page .access-form-card {
  padding: clamp(30px, 3.6vw, 54px);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: 0 28px 70px rgba(19,17,13,.07);
}
.barnaby-page .access-form-card h3 {
  margin: 6px 0 12px;
  font-size: clamp(38px, 3.8vw, 58px);
  line-height: .98;
}
.barnaby-page .access-form-card .pricing-note {
  margin-bottom: 22px;
  color: var(--gold-dark);
  font-weight: 700;
}
.barnaby-page .form-intro {
  margin-bottom: 28px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}
.barnaby-signup-form {
  display: grid;
  gap: 18px;
}
.barnaby-signup-form .form-grid.two-up {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.barnaby-signup-form label {
  display: grid;
  gap: 8px;
}
.barnaby-signup-form label > span {
  font-size: 11px;
  line-height: 1.35;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #4f4940;
}
.barnaby-signup-form input[type="text"],
.barnaby-signup-form input[type="email"],
.barnaby-signup-form textarea {
  width: 100%;
  min-height: 50px;
  padding: 13px 14px;
  border: 1px solid rgba(30,27,21,.2);
  border-radius: 9px;
  background: #fbfaf7;
  color: var(--text);
  font-size: 16px;
  line-height: 1.4;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.barnaby-signup-form textarea {
  min-height: 118px;
  resize: vertical;
}
.barnaby-signup-form input:focus,
.barnaby-signup-form textarea:focus {
  border-color: var(--gold-dark);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(201,154,86,.16);
}
.barnaby-signup-form .consent-row {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
}
.barnaby-signup-form .consent-row input {
  width: 17px;
  height: 17px;
  margin: 2px 0 0;
  accent-color: var(--gold-dark);
}
.barnaby-signup-form .consent-row span {
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
}
.barnaby-signup-form .form-submit {
  width: 100%;
  min-height: 54px;
  margin-top: 4px;
  font-size: 11px;
}
.form-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px,1px,1px,1px) !important;
  white-space: nowrap !important;
}
.form-status {
  display: none;
  margin-bottom: 22px;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
}
.form-status.is-success,
.form-status.is-error { display: block; }
.form-status.is-success {
  background: rgba(58,117,70,.09);
  border: 1px solid rgba(58,117,70,.25);
  color: #275d33;
}
.form-status.is-error {
  background: rgba(155,62,51,.08);
  border: 1px solid rgba(155,62,51,.22);
  color: #7b3028;
}

/* Barnaby carousel: four-image system on desktop, horizontal rail on mobile. */
.barnaby-page .barnaby-hero .hero-thumbnails {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.barnaby-page .barnaby-hero .hero-deck {
  max-width: 630px;
  color: rgba(255,255,255,.86);
}

/* Improve CTA legibility on home + Barnaby without changing unit pages. */
body[data-release="r22"] .button,
.barnaby-page .button {
  font-size: 11px;
  line-height: 1.2;
}

@media (max-width: 1100px) {
  .owned-intelligence { padding: 100px 0; }
  .owned-copy h2 { max-width: 880px; }
  .barnaby-page #overview,
  .barnaby-page #how-it-works,
  .barnaby-page .intelligence-darkband,
  .barnaby-page #request-access { padding: 96px 0; }
  .barnaby-page .access-grid { grid-template-columns: 1fr; }
  .barnaby-page .access-copy { max-width: 760px; }
  .barnaby-page .access-form-card { max-width: 760px; }
}

@media (max-width: 767px) {
  .owned-intelligence { padding: 76px 0 82px; }
  .owned-intelligence .eyebrow,
  .barnaby-page main .eyebrow {
    margin-bottom: 15px;
    font-size: 10px;
    letter-spacing: .15em;
  }
  .owned-copy h2 {
    font-size: clamp(40px, 12vw, 54px);
    margin-bottom: 24px;
  }
  .owned-copy > p:not(.eyebrow) { font-size: 14px; }
  .owned-feature-list { margin: 1.25rem 0 1.6rem; gap: .55rem; }
  .owned-feature-list span { width: 100%; border-radius: 14px; font-size: 13px; }

  .barnaby-page #overview,
  .barnaby-page #how-it-works,
  .barnaby-page .intelligence-darkband,
  .barnaby-page #request-access {
    padding: 76px 0 82px;
  }
  .barnaby-page #overview .split-heading { margin-bottom: 38px; gap: 22px; }
  .barnaby-page #overview .split-heading h2,
  .barnaby-page #how-it-works .section-intro h2,
  .barnaby-page .intelligence-darkband .ai-copy h2,
  .barnaby-page #proof .proof-history-intro h2,
  .barnaby-page #request-access h2 {
    font-size: clamp(40px, 11.8vw, 54px);
    line-height: 1;
  }
  .barnaby-page #overview .split-heading > p,
  .barnaby-page .intelligence-darkband .ai-copy > p:not(.eyebrow),
  .barnaby-page .proof-history.section-light .proof-history-intro > p:last-child,
  .barnaby-page .access-copy > p:not(.eyebrow) {
    font-size: 14px;
  }
  .barnaby-page .pillar-card { min-height: 0; padding: 26px 22px 30px; }
  .barnaby-page .pillar-card h3 { margin-top: 24px; font-size: 31px; }
  .barnaby-page .pillar-card p { font-size: 14px; }
  .barnaby-page #how-it-works .method-item,
  .barnaby-page #how-it-works .method-item + .method-item {
    min-height: 0;
    padding: 28px 0 34px;
  }
  .barnaby-page #how-it-works .method-item h3 { margin: 20px 0 14px; }
  .barnaby-page .intelligence-darkband .ai-grid { gap: 44px; }
  .barnaby-page .proof-history.section-light .shell { padding-top: 76px; padding-bottom: 82px; }
  .barnaby-page .proof-history.section-light .proof-history-intro { margin-bottom: 38px; }
  .barnaby-page .proof-history.section-light .proof-history-card { min-height: 0; padding: 28px 22px 32px; }
  .barnaby-page .proof-history.section-light .proof-history-kicker { margin-bottom: 30px; }
  .barnaby-page .proof-history.section-light .proof-history-card h3 { font-size: 30px; line-height: 1.04; }
  .barnaby-page .proof-history.section-light .proof-history-card > p { font-size: 14px; }
  .barnaby-page .access-form-card { padding: 28px 20px; border-radius: 16px; }
  .barnaby-signup-form .form-grid.two-up { grid-template-columns: 1fr; }
  .barnaby-page .barnaby-hero .hero-copy { padding-top: 21vh; }
  .barnaby-page .barnaby-hero .hero-deck { font-size: 11px; line-height: 1.48; }
}

@media (max-width: 767px) {
  .barnaby-page .barnaby-hero .hero-slide[data-barnaby-slide="0"] .hero-media { object-position: 38% center; }
  .barnaby-page .barnaby-hero .hero-slide[data-barnaby-slide="1"] .hero-media { object-position: 34% center; }
  .barnaby-page .barnaby-hero .hero-slide[data-barnaby-slide="2"] .hero-media { object-position: 58% center; }
  .barnaby-page .barnaby-hero .hero-slide[data-barnaby-slide="3"] .hero-media { object-position: 60% center; }
}

/* =========================================================
   R23 — Barnaby 6:00 locked identity integration
   ========================================================= */
:root {
  --barnaby-navy: #0b1d33;
  --barnaby-slate: #334155;
  --barnaby-copper: #c67a2e;
  --barnaby-blue: #87a1b8;
  --barnaby-ivory: #e7e3de;
}

.barnaby-brand-logo {
  display: block;
  max-width: 100%;
  height: auto;
}

.barnaby-brand-logo--hero {
  width: clamp(240px, 29vw, 440px);
  margin: 0 0 clamp(1.05rem, 1.8vw, 1.55rem);
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.22));
}

.barnaby-brand-logo--home {
  width: clamp(280px, 34vw, 510px);
  margin: 0 0 clamp(1.4rem, 2.2vw, 2rem);
}

.barnaby-brand-logo--footer {
  width: min(330px, 86%);
  margin-bottom: .75rem;
}

.barnaby-page .barnaby-hero .hero-copy {
  max-width: min(49rem, 70vw);
}

.barnaby-page .barnaby-hero .eyebrow {
  margin-top: 0;
}

.barnaby-page .barnaby-hero h1 {
  max-width: 15ch;
}

.barnaby-product-signature {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-top: 1.15rem;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--barnaby-copper);
}

.barnaby-product-signature::before {
  content: '';
  width: 2rem;
  height: 1px;
  background: currentColor;
}

.owned-intelligence .owned-copy > .eyebrow {
  margin-top: 0;
}

.owned-intelligence .owned-grid {
  align-items: center;
}

.owned-intelligence .barnaby-brand-logo--home + h2 {
  margin-top: 0;
}

.barnaby-identity-strip {
  border-top: 1px solid rgba(15,15,15,.1);
  border-bottom: 1px solid rgba(15,15,15,.1);
  background: #f7f4ee;
}

.barnaby-identity-strip .shell {
  display: grid;
  grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  padding-top: clamp(3.5rem, 7vw, 6.5rem);
  padding-bottom: clamp(3.5rem, 7vw, 6.5rem);
}

.barnaby-identity-mark {
  width: min(430px, 100%);
  justify-self: center;
}

.barnaby-identity-copy h2 {
  margin-bottom: 1rem;
}

.barnaby-known-next {
  display: inline-flex;
  gap: .7rem;
  align-items: center;
  margin-bottom: .9rem;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--barnaby-slate);
}

.barnaby-known-next strong:first-child { color: var(--barnaby-copper); }
.barnaby-known-next strong:last-child { color: var(--barnaby-blue); }

.barnaby-page .site-footer .barnaby-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 980px) {
  .barnaby-page .barnaby-hero .hero-copy { max-width: 100%; }
  .barnaby-brand-logo--hero { width: clamp(220px, 48vw, 360px); }
  .barnaby-identity-strip .shell { grid-template-columns: 1fr; }
  .barnaby-identity-mark { width: min(360px, 76vw); }
}

@media (max-width: 640px) {
  .barnaby-brand-logo--hero { width: min(270px, 76vw); margin-bottom: 1rem; }
  .barnaby-brand-logo--home { width: min(320px, 88vw); margin-bottom: 1.25rem; }
  .barnaby-page .barnaby-hero h1 { max-width: 12ch; }
  .barnaby-page .barnaby-hero .hero-deck { max-width: 34rem; }
  .barnaby-identity-strip .shell { padding-top: 3.25rem; padding-bottom: 3.25rem; }
}

/* =========================================================
   R23 v2 — Barnaby conversion refinement
   ========================================================= */
.barnaby-page .barnaby-brand-logo--hero {
  width: clamp(190px, 21vw, 320px);
  margin-top: clamp(2rem, 4.5vh, 3.75rem);
  margin-bottom: clamp(.7rem, 1.2vw, 1rem);
}

.barnaby-page .barnaby-hero .hero-copy {
  max-width: min(45rem, 64vw);
}

.barnaby-page .barnaby-hero .hero-deck {
  max-width: 43rem;
}

.barnaby-page .barnaby-proof-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.barnaby-page .barnaby-proof-grid .proof-history-card {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.barnaby-page .barnaby-proof-grid .proof-history-metric {
  margin-top: 2rem;
}

.barnaby-page #overview,
.barnaby-page .intelligence-darkband,
.barnaby-page #proof,
.barnaby-page #request-access {
  scroll-margin-top: 84px;
}

@media (max-width: 980px) {
  .barnaby-page .barnaby-brand-logo--hero {
    width: clamp(185px, 37vw, 275px);
    margin-top: clamp(1.5rem, 3vh, 2.5rem);
  }
  .barnaby-page .barnaby-proof-grid { grid-template-columns: 1fr; }
  .barnaby-page .barnaby-proof-grid .proof-history-card { min-height: 0; }
}

@media (max-width: 640px) {
  .barnaby-page .barnaby-brand-logo--hero {
    width: min(210px, 62vw);
    margin-top: .5rem;
    margin-bottom: .75rem;
  }
  .barnaby-page .barnaby-hero .hero-copy {
    padding-top: 20vh;
  }
  .barnaby-page .barnaby-hero .hero-deck {
    font-size: 11.5px;
    line-height: 1.52;
  }
}
/* R23 v3 — Barnaby 6:00 conversion refinements */
.barnaby-signup-form select{width:100%;min-height:3rem;padding:.8rem .9rem;border:1px solid rgba(14,14,14,.18);border-radius:.65rem;background:rgba(255,255,255,.9);color:var(--ink,#0f0f10);font:inherit}.barnaby-signup-form input[type="tel"]{width:100%}

/* =========================================================
   R24 — Opportunity Company / acceleration partner
   ========================================================= */
:root { --bp-cta-radius: 4px; }
.button { border-radius: var(--bp-cta-radius); }
body[data-release="r25v2"] .hero-actions--single { display:flex; width:auto; max-width:270px; }
body[data-release="r25v2"] .hero-actions--single .button { width:auto; min-width:190px; }
body[data-release="r25v2"] .hero-copy { width:min(700px,54vw); }
body[data-release="r25v2"] .hero h1 { max-width:12ch; }
body[data-release="r25v2"] .hero-deck { max-width:590px; }
body[data-release="r25v2"] .engage-card { min-height:350px; }
body[data-release="r25v2"] .engage-card h3 { font-size:clamp(28px,2.2vw,38px); }
body[data-release="r25v2"] .engage-card p { max-width:30ch; line-height:1.55; }
body[data-release="r25v2"] .acceleration-outcomes { grid-template-columns:1fr; border-top:1px solid var(--line-dark); }
body[data-release="r25v2"] .acceleration-outcomes > div,
body[data-release="r25v2"] .acceleration-outcomes > div + div { border-left:0; border-top:1px solid rgba(255,255,255,.09); padding:22px 0 24px; margin:0; }
body[data-release="r25v2"] .acceleration-outcomes > div:first-child { border-top:0; }
body[data-release="r25v2"] .acceleration-outcomes h3 { margin:.45rem 0 .55rem; color:var(--white); font-family:var(--serif); font-size:clamp(24px,2vw,31px); line-height:1.05; }
body[data-release="r25v2"] .acceleration-outcomes p { margin:0; color:rgba(255,255,255,.7); font-size:13px; line-height:1.55; }
body[data-release="r25v2"] .owned-intelligence { border-top:0; }
body[data-release="r25v2"] .owned-intelligence .hero-actions--single { max-width:310px; }
@media (max-width:1100px) {
  body[data-release="r25v2"] .hero-copy { width:min(660px,68vw); }
  body[data-release="r25v2"] .hero h1 { max-width:11.5ch; }
  body[data-release="r25v2"] .hero-deck { max-width:550px; }
}
@media (max-width:767px) {
  body[data-release="r25v2"] .hero { min-height:720px; height:100svh; }
  body[data-release="r25v2"] .hero-content { padding-top:92px; }
  body[data-release="r25v2"] .hero-copy { width:100%; padding-top:20vh; }
  body[data-release="r25v2"] .hero h1 { max-width:10.5ch; font-size:clamp(39px,11vw,50px); line-height:.98; margin-bottom:15px; }
  body[data-release="r25v2"] .hero-deck { max-width:330px; font-size:10.6px; line-height:1.42; }
  body[data-release="r25v2"] .hero-actions,
  body[data-release="r25v2"] .hero-actions--single { display:flex; width:auto; max-width:230px; margin-top:13px; }
  body[data-release="r25v2"] .hero-actions .button,
  body[data-release="r25v2"] .hero-actions--single .button { width:auto; min-width:170px; min-height:40px; padding:0 13px; font-size:8.4px; }
  body[data-release="r25v2"] .hero-definition { top:auto; bottom:116px; }
  body[data-release="r25v2"] .hero-definition-inner { max-width:300px; }
  body[data-release="r25v2"] .hero-rail { bottom:9px; }
  body[data-release="r25v2"] .hero-thumbnails { height:78px; }
  body[data-release="r25v2"] .hero-thumb { min-width:158px; }
  body[data-release="r25v2"] .hero-thumb em,
  body[data-release="r25v2"] .hero-thumb.is-active em { display:none; }
  body[data-release="r25v2"] .engage-card,
  body[data-release="r25v2"] .engage-card + .engage-card { min-height:0; padding:24px 0 28px; }
  body[data-release="r25v2"] .engage-card h3 { font-size:31px; margin:28px 0 14px; }
  body[data-release="r25v2"] .engage-card p { font-size:13px; max-width:34ch; }
}
@media (max-width:390px) {
  body[data-release="r25v2"] .hero-copy { padding-top:19vh; }
  body[data-release="r25v2"] .hero h1 { font-size:38px; }
  body[data-release="r25v2"] .hero-deck { max-width:310px; font-size:10.1px; }
  body[data-release="r25v2"] .hero-thumb { min-width:150px; }
}


/* R25 locked CTA geometry */
.button{border-radius:4px;}
body[data-release="r25v2"] .hero-actions--single{display:flex;}
body[data-release="r25v2"] .hero-actions--single .button{border-radius:4px;}

/* R25 mobile hero legibility after copy reduction */
@media (max-width:767px){body[data-release="r25v2"] .hero-deck{max-width:320px;font-size:11px;line-height:1.45;}}
@media (max-width:390px){body[data-release="r25v2"] .hero-deck{max-width:310px;font-size:10.8px;line-height:1.45;}}

/* R25 v2 — launch architecture messaging */
body[data-release="r25v2"] .hero-model-line{max-width:590px;margin:12px 0 0;color:rgba(255,255,255,.78);font-size:10px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;font-weight:700;}
@media (max-width:767px){body[data-release="r25v2"] .hero-model-line{max-width:315px;margin-top:8px;font-size:8.4px;line-height:1.35;letter-spacing:.055em;}}
@media (max-width:390px){body[data-release="r25v2"] .hero-model-line{max-width:300px;font-size:8px;}}


/* ============================================================
   R25 V3 — READABILITY + BRAND ASSET QA
   ============================================================ */
/* Navigation: larger, firmer and fully opaque for crisp legibility. */
.desktop-nav {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1.2;
  text-rendering: geometricPrecision;
}
.desktop-nav > a,
.nav-dropdown-trigger {
  opacity: 1;
  font-weight: 700;
}
.nav-dropdown-menu a {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
}

/* Maintain unmistakable contrast for editorial/text links. */
.section-light .text-link,
.section-stone .text-link,
.text-link--dark,
.theo-partner .text-link {
  color: #11110f !important;
  border-bottom-color: #875821;
  font-weight: 800;
  opacity: 1;
}
.section-light .text-link span,
.section-stone .text-link span,
.text-link--dark span,
.theo-partner .text-link span { color: #875821 !important; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

/* Footer logo: preserve the approved horizontal asset ratio on every page. */
.site-footer .footer-brand-logo {
  display: block;
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  aspect-ratio: 500 / 58;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

/* Homepage Barnaby image: one concise benefit, no product-thesis language. */
.owned-preview-panel--benefit {
  max-width: min(390px, calc(100% - 2rem));
}
.owned-preview-panel--benefit small {
  display: block;
  font-family: var(--sans);
  font-size: 9px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.owned-preview-panel--benefit strong {
  display: block;
  margin-top: 7px;
  line-height: 1.08;
}
.owned-preview-panel--benefit p {
  margin: 9px 0 0;
}

@media (max-width: 980px) {
  .site-footer .footer-brand-logo { width: 138px !important; max-width: 138px !important; }
}
@media (max-width: 640px) {
  .site-footer .footer-brand-logo { width: 132px !important; max-width: 132px !important; }
  .owned-preview-panel--benefit { right: .75rem; bottom: .75rem; left: .75rem; max-width: none; }
  .owned-preview-panel--benefit strong { font-size: clamp(18px, 5vw, 24px); }
}

/* ============================================================
   R25 V4 — HUMAN LANGUAGE + THEO AGENTIC POSITIONING + ATLAS HOVER SPACING
   ============================================================ */
/* Keep the first and last opportunity cards visually balanced when the rollover state appears. */
@media (min-width:768px){
  body[data-release="r25v2"] .engage-card:first-child{padding-left:26px;}
  body[data-release="r25v2"] .engage-card:last-child{padding-right:26px;}
}
@media (max-width:767px){
  body[data-release="r25v2"] .engage-card:first-child,
  body[data-release="r25v2"] .engage-card:last-child{padding-left:0;padding-right:0;}
}

/* Theo: plain-language explainer and readable four-pillar system. */
.theo-page .theo-agentic-explainer{background:#f4f1eb;color:#151515;}
.theo-page .theo-agentic-question{max-width:1050px;margin:22px 0 0;font-family:var(--serif);font-size:clamp(31px,4vw,58px);line-height:1.03;letter-spacing:-.025em;}
.theo-page .theo-agentic-answer{max-width:760px;margin:22px 0 0;color:#4a4741;font-size:15px;line-height:1.7;}
.theo-page .theo-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:38px;}
.theo-page .theo-pillar{padding:28px 24px 30px 0;border-right:1px solid var(--line);}
.theo-page .theo-pillar+.theo-pillar{padding-left:24px;}
.theo-page .theo-pillar:last-child{border-right:0;}
.theo-page .theo-pillar>span{display:block;color:var(--gold-dark);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.theo-page .theo-pillar h3{margin:18px 0 10px;font-size:clamp(27px,2.5vw,38px);line-height:1;}
.theo-page .theo-pillar p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;}
@media (max-width:980px){.theo-page .theo-pillar-grid{grid-template-columns:repeat(2,1fr)}.theo-page .theo-pillar:nth-child(2){border-right:0}.theo-page .theo-pillar:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:640px){.theo-page .theo-pillar-grid{grid-template-columns:1fr}.theo-page .theo-pillar,.theo-page .theo-pillar+.theo-pillar{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.theo-page .theo-pillar:last-child{border-bottom:0}.theo-page .theo-agentic-answer{font-size:13px;line-height:1.62}}

/* R27 — Opportunity thesis + Barnaby commercial framing */
.opportunity-thesis{padding:clamp(72px,8vw,124px) 0;border-bottom:1px solid rgba(14,14,13,.12)}
.opportunity-thesis-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(40px,7vw,110px);align-items:end}
.opportunity-thesis h2{margin:10px 0 0;max-width:900px;font-size:clamp(42px,5.1vw,78px);line-height:.98;letter-spacing:-.035em}
.opportunity-thesis-grid>div:last-child p{margin:0;max-width:650px;font-size:clamp(17px,1.45vw,22px);line-height:1.55;color:rgba(14,14,13,.72)}
.owned-commercial-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(14,14,13,.14);font-size:12px;line-height:1.45;letter-spacing:.04em}
.owned-commercial-line strong{font-weight:800;color:#111}
.owned-commercial-line span{color:rgba(14,14,13,.68)}
.about-team-line{margin-top:22px!important;padding-top:20px;border-top:1px solid rgba(14,14,13,.14);font-weight:650;color:#171714!important}
@media(max-width:900px){.opportunity-thesis-grid{grid-template-columns:1fr;gap:28px}.opportunity-thesis h2{max-width:760px}.opportunity-thesis-grid>div:last-child p{max-width:760px}}
@media(max-width:640px){.opportunity-thesis{padding:58px 0}.opportunity-thesis h2{font-size:clamp(38px,11.3vw,52px);line-height:1}.opportunity-thesis-grid>div:last-child p{font-size:16px;line-height:1.55}.owned-commercial-line{display:grid;gap:5px;margin-top:20px}}