@font-face { font-family: "Source Serif 4"; src: url("../fonts/source-serif-4-latin.woff2") format("woff2"); font-style: normal; font-weight: 200 900; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url("../fonts/azeret-mono-latin.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }

:root {
  --carbon: #101427;
  --pink: #f7dce8;
  --cyan: #28d7e5;
  --violet: #6e3cff;
  --paper: #fffdf8;
  --slate: #626779;
  --white: #ffffff;
  --top: 88px;
  --bottom: 82px;
  --gutter: clamp(22px, 5vw, 76px);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--carbon); }
body { margin: 0; min-width: 320px; padding-top: var(--top); padding-bottom: var(--bottom); overflow-x: hidden; color: var(--carbon); background: var(--paper); font-family: "Azeret Mono", Consolas, monospace; font-size: 16px; line-height: 1.6; text-rendering: optimizeLegibility; }
body.menu-open { overflow: hidden; }
[hidden] { display: none !important; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--paper); outline-offset: 3px; box-shadow: 0 0 0 7px var(--carbon); }

.skip-link { position: fixed; z-index: 200; top: 8px; left: 8px; padding: 12px 16px; color: var(--white); background: var(--carbon); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.site-surface { min-height: calc(100vh - var(--top) - var(--bottom)); }

.site-top { position: fixed; z-index: 60; inset: 0 0 auto; height: var(--top); display: grid; grid-template-columns: minmax(190px, .7fr) minmax(260px, 1fr) auto; align-items: stretch; background: rgba(255,253,248,.96); border-bottom: 2px solid var(--carbon); backdrop-filter: blur(12px); }
.brand, .top-location, .persistent-action, .menu-toggle { min-height: 44px; }
.brand { display: flex; padding: 13px var(--gutter); align-items: center; gap: 16px; text-decoration: none; border-right: 1px solid var(--carbon); }
.brand-code { position: relative; font-family: "Source Serif 4", Georgia, serif; font-size: 35px; font-weight: 750; letter-spacing: -.07em; line-height: 1; }
.brand-code::after { position: absolute; left: 64%; bottom: -7px; width: 44px; height: 5px; content: ""; background: var(--violet); transform: rotate(-14deg); transform-origin: left center; }
.brand-name { max-width: 88px; font-size: 10px; font-weight: 700; letter-spacing: .12em; line-height: 1.25; }
.top-location { display: flex; padding: 13px 26px; align-items: center; color: var(--slate); font-size: 11px; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; }
.persistent-action { display: flex; padding: 13px 28px; align-items: center; justify-content: center; color: var(--white); background: var(--violet); font-size: 12px; font-weight: 750; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.persistent-action:hover { color: var(--carbon); background: var(--cyan); }
.menu-toggle { display: none; border: 0; border-radius: 0; color: var(--white); background: var(--violet); cursor: pointer; font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.atlas-nav { position: fixed; z-index: 70; inset: auto 0 0; height: var(--bottom); display: grid; grid-template-columns: repeat(5, 1fr); color: var(--white); background: var(--carbon); border-top: 2px solid var(--carbon); }
.atlas-nav a { display: flex; min-width: 0; min-height: 44px; padding: 14px 18px; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.32); font-size: 12px; font-weight: 700; letter-spacing: .045em; text-align: center; text-decoration: none; text-transform: uppercase; }
.atlas-nav a:last-child { border-right: 0; }
.atlas-nav a::before { margin-right: 9px; color: var(--cyan); content: attr(data-index); font-size: 10px; }
.atlas-nav a:hover, .atlas-nav a[aria-current="page"] { color: var(--carbon); background: var(--cyan); }
.atlas-nav a:hover::before, .atlas-nav a[aria-current="page"]::before { color: var(--violet); }

.mobile-menu { display: none; }

.eyebrow, .micro, .image-caption, .margin-index, .route-label, .form-label, .status, .ribbon-note { font-size: 12px; font-weight: 720; letter-spacing: .1em; line-height: 1.45; text-transform: uppercase; }
.eyebrow { margin: 0; }
.serif-title { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-weight: 550; letter-spacing: -.062em; line-height: .86; }
.text-link { display: inline-flex; min-height: 48px; padding: 12px 0; align-items: center; gap: 12px; font-size: 13px; font-weight: 750; letter-spacing: .03em; text-decoration-thickness: 2px; text-underline-offset: 7px; text-transform: uppercase; }
.text-link::after { content: "↗"; font-size: 20px; }

.home-hero { display: grid; grid-template-columns: minmax(400px, 1.05fr) minmax(420px, .95fr); min-height: calc(100vh - var(--top) - var(--bottom)); background: var(--pink); border-bottom: 2px solid var(--carbon); }
.home-scale { position: relative; display: grid; min-height: 660px; place-items: center; overflow: hidden; background: var(--cyan); border-right: 2px solid var(--carbon); }
.home-scale::before, .home-scale::after { position: absolute; aspect-ratio: 1; content: ""; border: 2px solid var(--carbon); border-radius: 50%; }
.home-scale::before { width: min(54vw, 780px); }
.home-scale::after { width: min(41vw, 590px); }
.scale-digits { position: relative; z-index: 1; margin-left: -.08em; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(190px, 30vw, 470px); font-weight: 750; letter-spacing: -.17em; line-height: .64; }
.scale-axis { position: absolute; right: 24px; bottom: 22px; margin: 0; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.home-copy { display: flex; padding: clamp(56px, 8vw, 118px) var(--gutter); flex-direction: column; justify-content: center; }
.home-copy h1 { max-width: 760px; margin: 48px 0 34px; font-size: clamp(60px, 7.8vw, 120px); }
.home-copy .intro { max-width: 690px; margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(19px, 1.7vw, 25px); line-height: 1.45; }
.home-actions { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 34px; }

.representative-arch { margin: 0; padding: clamp(72px, 9vw, 130px) var(--gutter) 0; color: var(--white); background: var(--carbon); }
.representative-arch .arch-frame { overflow: hidden; border: 2px solid var(--paper); border-bottom: 0; border-radius: 50% 50% 0 0 / 23% 23% 0 0; }
.representative-arch img { width: 100%; height: clamp(330px, 52vw, 720px); object-fit: cover; filter: saturate(.75) contrast(1.06); }
.image-caption { margin: 0; padding: 16px 0 28px; color: var(--cyan); }

.topic-orbit { position: relative; min-height: 850px; padding: 90px var(--gutter); overflow: hidden; color: var(--white); background: var(--carbon); border-top: 1px solid rgba(255,255,255,.28); }
.orbit-title { position: absolute; z-index: 2; top: 50%; left: 50%; width: min(42vw, 560px); margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(50px, 6.2vw, 94px); font-weight: 450; letter-spacing: -.055em; line-height: .88; text-align: center; transform: translate(-50%, -50%); }
.orbit-ring { position: absolute; top: 50%; left: 50%; width: min(64vw, 770px); aspect-ratio: 1; border: 2px solid var(--cyan); border-radius: 50%; transform: translate(-50%, -50%); }
.orbit-ring::before { position: absolute; inset: 12%; content: ""; border: 1px solid rgba(247,220,232,.5); border-radius: 50%; }
.orbit-links { position: absolute; inset: 0; }
.orbit-link { position: absolute; z-index: 3; width: min(31vw, 390px); padding: 24px; color: var(--carbon); text-decoration: none; }
.orbit-link:nth-child(1) { top: 9%; left: 7%; background: var(--pink); }
.orbit-link:nth-child(2) { top: 17%; right: 5%; background: var(--cyan); }
.orbit-link:nth-child(3) { right: 11%; bottom: 7%; background: var(--paper); }
.orbit-link h3 { margin: 0 0 16px; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(30px, 3vw, 46px); font-weight: 550; letter-spacing: -.045em; line-height: .95; }
.orbit-link p { margin: 0 0 18px; font-size: 14px; line-height: 1.55; }
.orbit-link span { font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 5px; text-transform: uppercase; }
.orbit-link:hover { background: var(--violet); color: var(--white); }

.closing-field { display: grid; grid-template-columns: 1.12fr .88fr; min-height: 430px; border-top: 2px solid var(--carbon); border-bottom: 2px solid var(--carbon); }
.closing-field > * { padding: clamp(48px, 7vw, 105px) var(--gutter); }
.closing-field h2 { display: flex; margin: 0; align-items: center; background: var(--pink); border-right: 2px solid var(--carbon); font-size: clamp(56px, 7vw, 105px); }
.closing-copy { display: flex; flex-direction: column; justify-content: center; background: var(--cyan); }
.closing-copy p { max-width: 660px; margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(20px, 2vw, 28px); line-height: 1.45; }

.page-hero { position: relative; min-height: 640px; padding: clamp(70px, 9vw, 132px) var(--gutter); overflow: hidden; border-bottom: 2px solid var(--carbon); }
.page-hero h1 { max-width: 1150px; margin-top: 52px; font-size: clamp(70px, 10.5vw, 164px); }
.page-hero .lead { max-width: 720px; margin: 50px 0 0 auto; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(20px, 2vw, 29px); line-height: 1.45; }
.page-hero.road { color: var(--white); background: var(--violet); }
.page-hero.road::after { position: absolute; right: -12%; bottom: -55%; width: min(72vw, 980px); aspect-ratio: 1; content: ""; border: 3px solid var(--cyan); border-radius: 50%; }

.route-canvas { position: relative; padding: clamp(72px, 9vw, 130px) var(--gutter); color: var(--white); background: var(--carbon); }
.route-intro { max-width: 700px; margin: 0 0 80px; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(32px, 4.5vw, 65px); letter-spacing: -.045em; line-height: 1; }
.route-sequence { position: relative; max-width: 1150px; margin: 0 auto; padding: 20px 0; }
.route-sequence::before { position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; content: ""; background: var(--cyan); transform: translateX(-50%); }
.waypoint { position: relative; display: grid; width: 47%; min-height: 230px; margin-bottom: 58px; padding: 34px; align-content: center; color: var(--carbon); background: var(--pink); }
.waypoint:nth-child(even) { margin-left: 53%; background: var(--cyan); }
.waypoint::after { position: absolute; top: 50%; width: 28px; aspect-ratio: 1; content: ""; background: var(--violet); border: 4px solid var(--paper); border-radius: 50%; transform: translateY(-50%); }
.waypoint:nth-child(odd)::after { right: -8.8%; }
.waypoint:nth-child(even)::after { left: -8.8%; }
.waypoint h2 { margin: 12px 0 18px; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(35px, 4vw, 56px); font-weight: 550; letter-spacing: -.045em; line-height: .95; }
.waypoint p { margin: 0; font-size: 15px; }

.route-photo { margin: 0; padding: 0 var(--gutter) 70px; color: var(--white); background: var(--carbon); }
.route-photo img { width: 100%; height: clamp(360px, 51vw, 690px); object-fit: cover; border-radius: 0 0 48% 48% / 0 0 22% 22%; filter: saturate(.78) contrast(1.06); }
.route-photo.round img { height: clamp(340px, 42vw, 610px); border-radius: 50%; object-position: center; }
.route-photo.round { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(320px, 1.25fr); gap: clamp(36px, 7vw, 110px); align-items: center; }
.route-photo.round figure { margin: 0; }
.route-photo-copy h2 { margin: 0; font-size: clamp(48px, 6vw, 86px); }
.route-photo-copy p { max-width: 660px; font-family: "Source Serif 4", Georgia, serif; font-size: 22px; line-height: 1.5; }

.boundary-band { display: grid; grid-template-columns: 1fr 1fr; min-height: 360px; border-top: 2px solid var(--carbon); border-bottom: 2px solid var(--carbon); }
.boundary-band > div { padding: clamp(48px, 7vw, 96px) var(--gutter); }
.boundary-band > div:first-child { background: var(--pink); border-right: 2px solid var(--carbon); }
.boundary-band > div:last-child { background: var(--cyan); }
.boundary-band h2 { margin: 0; font-size: clamp(48px, 5.7vw, 84px); }
.boundary-band p { max-width: 720px; margin: 30px 0 0; font-family: "Source Serif 4", Georgia, serif; font-size: 21px; line-height: 1.5; }

.warehouse-hero { display: grid; grid-template-columns: 92px 1fr; min-height: 690px; color: var(--white); background: var(--carbon); border-bottom: 2px solid var(--carbon); }
.margin-index { display: flex; padding: 26px 20px; align-items: center; justify-content: center; color: var(--carbon); background: var(--cyan); writing-mode: vertical-rl; transform: rotate(180deg); }
.warehouse-hero-copy { display: flex; padding: clamp(68px, 9vw, 130px) var(--gutter); flex-direction: column; justify-content: center; }
.warehouse-hero h1 { max-width: 1120px; margin-top: 55px; font-size: clamp(74px, 11vw, 168px); }
.warehouse-hero .lead { max-width: 700px; margin: 46px 0 0 auto; color: var(--pink); font-family: "Source Serif 4", Georgia, serif; font-size: clamp(21px, 2vw, 29px); line-height: 1.45; }
.warehouse-photo { margin: 0; background: var(--cyan); border-bottom: 2px solid var(--carbon); }
.warehouse-photo img { width: 100%; height: clamp(390px, 58vw, 780px); object-fit: cover; filter: saturate(.78) contrast(1.04); }
.warehouse-photo .image-caption { padding-inline: var(--gutter); color: var(--carbon); }
.warehouse-bands { border-bottom: 2px solid var(--carbon); }
.context-band { display: grid; grid-template-columns: minmax(280px, .82fr) minmax(380px, 1.18fr); min-height: 340px; border-bottom: 2px solid var(--carbon); }
.context-band:last-child { border-bottom: 0; }
.context-band > * { padding: clamp(48px, 7vw, 102px) var(--gutter); }
.context-band h2 { margin: 0; font-size: clamp(50px, 6vw, 90px); border-right: 2px solid var(--carbon); }
.context-band p { display: flex; margin: 0; align-items: center; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(20px, 2vw, 27px); line-height: 1.5; }
.context-band:nth-child(1) { background: var(--pink); }
.context-band:nth-child(2) { background: var(--cyan); }
.context-band:nth-child(3) { color: var(--white); background: var(--violet); }
.context-band:nth-child(3) h2 { border-right-color: var(--white); }

.work-hero { display: grid; grid-template-columns: minmax(380px, 1.15fr) minmax(320px, .85fr); min-height: 760px; background: var(--pink); border-bottom: 2px solid var(--carbon); }
.work-hero-copy { display: flex; padding: clamp(70px, 9vw, 130px) var(--gutter); flex-direction: column; justify-content: center; }
.work-hero h1 { margin-top: 48px; font-size: clamp(70px, 10vw, 150px); }
.work-hero .lead { max-width: 680px; margin: 45px 0 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(20px, 2vw, 28px); line-height: 1.5; }
.work-portrait { position: relative; margin: 0; padding: 48px 42px 0 0; overflow: hidden; background: var(--cyan); }
.work-portrait img { width: 100%; height: 100%; min-height: 710px; object-fit: cover; border-radius: 50% 50% 0 0 / 24% 24% 0 0; filter: saturate(.72) contrast(1.04); }
.work-portrait .image-caption { position: absolute; right: 12px; bottom: 24px; width: 180px; padding: 12px; color: var(--carbon); background: var(--paper); }
.work-note { padding: clamp(78px, 10vw, 150px) var(--gutter); background: var(--paper); border-bottom: 2px solid var(--carbon); }
.work-note p { max-width: 1240px; margin: 0 auto; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(42px, 6vw, 88px); letter-spacing: -.045em; line-height: 1.05; }
.work-note em { color: var(--violet); font-style: normal; }
.work-chapters { border-bottom: 2px solid var(--carbon); }
.work-chapter { display: grid; grid-template-columns: 80px minmax(300px, .9fr) minmax(360px, 1.1fr); min-height: 250px; border-bottom: 2px solid var(--carbon); }
.work-chapter:last-child { border-bottom: 0; }
.work-chapter > * { display: flex; margin: 0; padding: 38px var(--gutter); align-items: center; border-right: 1px solid var(--carbon); }
.work-chapter > *:last-child { border-right: 0; }
.work-chapter .chapter-num { color: var(--violet); font-family: "Source Serif 4", Georgia, serif; font-size: 52px; line-height: 1; }
.work-chapter h2 { font-family: "Source Serif 4", Georgia, serif; font-size: clamp(38px, 4.8vw, 66px); font-weight: 520; letter-spacing: -.04em; line-height: .95; }
.work-chapter p { font-size: 16px; }
.work-chapter:nth-child(2) { background: var(--cyan); }
.work-chapter:nth-child(3) { background: var(--pink); }

.contact-hero { position: relative; min-height: 570px; padding: clamp(70px, 9vw, 130px) var(--gutter); overflow: hidden; background: var(--pink); border-bottom: 2px solid var(--carbon); }
.contact-hero::after { position: absolute; right: -10%; bottom: -75%; width: min(66vw, 900px); aspect-ratio: 1; content: ""; background: var(--cyan); border: 2px solid var(--carbon); border-radius: 50%; }
.contact-hero h1 { position: relative; z-index: 1; max-width: 1180px; margin-top: 50px; font-size: clamp(70px, 11vw, 168px); }
.contact-hero .lead { position: relative; z-index: 1; max-width: 600px; margin: 44px 0 0; font-family: "Source Serif 4", Georgia, serif; font-size: 24px; }
.contact-channels { display: grid; grid-template-columns: .8fr 1.15fr 1.55fr; border-bottom: 2px solid var(--carbon); }
.channel { min-height: 250px; padding: 42px var(--gutter); border-right: 2px solid var(--carbon); }
.channel:last-child { border-right: 0; }
.channel:nth-child(1) { background: var(--cyan); }
.channel:nth-child(2) { background: var(--pink); }
.channel:nth-child(3) { color: var(--white); background: var(--violet); }
.channel h2 { margin: 14px 0 30px; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(34px, 4vw, 56px); font-weight: 520; letter-spacing: -.04em; }
.channel a, .channel address { font-style: normal; font-size: clamp(17px, 1.6vw, 22px); overflow-wrap: anywhere; text-underline-offset: 6px; }
.address-note { margin: 0; padding: 32px var(--gutter); color: var(--white); background: var(--carbon); font-size: 14px; }

.draft-zone { padding: clamp(76px, 10vw, 145px) var(--gutter); color: var(--white); background: var(--violet); border-bottom: 2px solid var(--carbon); }
#draft { scroll-margin-top: calc(var(--top) + 16px); }
.draft-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px, 7vw, 110px); margin-bottom: 70px; align-items: end; }
.draft-intro h2 { margin: 0; font-size: clamp(56px, 7vw, 104px); }
.draft-intro p { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: 21px; line-height: 1.55; }
.draft-shell { padding: clamp(42px, 7vw, 88px); color: var(--carbon); background: var(--paper); border: 2px solid var(--carbon); border-radius: 130px 130px 0 0; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 34px clamp(28px, 6vw, 86px); }
.form-field { display: grid; gap: 11px; align-content: start; }
.form-field.full { grid-column: 1 / -1; }
.form-field label, .consent-field label { font-size: 13px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 58px; padding: 12px 0; color: var(--carbon); background: transparent; border: 0; border-bottom: 2px solid var(--carbon); border-radius: 0; font-size: 16px; }
.form-field textarea { min-height: 160px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline: 0; border-bottom-color: var(--violet); box-shadow: 0 4px 0 var(--cyan); }
.form-field input::placeholder, .form-field textarea::placeholder { color: var(--slate); opacity: 1; }
.consent-field { display: grid; grid-template-columns: 26px 1fr; grid-column: 1 / -1; gap: 14px; margin-top: 14px; align-items: start; }
.consent-field input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--violet); }
.consent-field label { font-size: 12px; line-height: 1.6; text-transform: none; }
.form-review { display: grid; grid-template-columns: 1fr auto; grid-column: 1 / -1; gap: 30px; margin-top: 20px; align-items: center; }
.status { margin: 0; color: var(--slate); }
.draft-button { min-height: 58px; padding: 15px 22px; color: var(--carbon); background: var(--cyan); border: 2px solid var(--carbon); border-radius: 0; cursor: pointer; font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.draft-button:hover { color: var(--white); background: var(--carbon); }
.form-aftercare { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--slate); font-size: 13px; }
.form-aftercare p { margin: 0; }
.form-aftercare a { font-weight: 750; text-underline-offset: 5px; }
.no-script-note { margin: 28px 0 0; padding: 18px; color: var(--carbon); background: var(--pink); border: 1px solid var(--carbon); }

.page-action { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 360px; border-bottom: 2px solid var(--carbon); }
.page-action > * { padding: clamp(52px, 8vw, 112px) var(--gutter); }
.page-action h2 { display: flex; margin: 0; align-items: center; font-size: clamp(54px, 7vw, 102px); background: var(--pink); border-right: 2px solid var(--carbon); }
.action-link-wrap { display: flex; align-items: center; justify-content: center; background: var(--cyan); }
.circle-action { display: grid; width: min(28vw, 280px); aspect-ratio: 1; padding: 28px; place-items: center; color: var(--white); background: var(--violet); border-radius: 50%; font-size: 14px; font-weight: 750; line-height: 1.35; text-align: center; text-decoration: none; text-transform: uppercase; }
.circle-action:hover { color: var(--carbon); background: var(--paper); }

.contact-ribbon { display: flex; min-height: 155px; padding: 30px var(--gutter); flex-wrap: wrap; align-items: center; gap: 24px 34px; color: var(--carbon); background: var(--cyan); }
.ribbon-brand { font-family: "Source Serif 4", Georgia, serif; font-size: 28px; font-weight: 680; letter-spacing: -.04em; }
.contact-ribbon address { display: contents; font-style: normal; }
.contact-ribbon address > * { font-size: 13px; }
.contact-ribbon a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 700; text-underline-offset: 5px; }
.ribbon-note { width: 100%; margin: 0; padding-top: 18px; border-top: 1px solid var(--carbon); text-transform: none; }

@media (max-width: 1040px) {
  .home-hero { grid-template-columns: .9fr 1.1fr; }
  .scale-digits { font-size: clamp(170px, 27vw, 360px); }
  .topic-orbit { min-height: 780px; }
  .orbit-link { width: min(34vw, 330px); }
  .work-chapter { grid-template-columns: 70px minmax(240px, .8fr) minmax(300px, 1.2fr); }
  .contact-channels { grid-template-columns: 1fr 1fr; }
  .channel:nth-child(2) { border-right: 0; }
  .channel:nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 860px) {
  :root { --top: 76px; --bottom: 0px; --gutter: clamp(20px, 6vw, 34px); }
  body { padding-bottom: 0; }
  .site-top { grid-template-columns: 1fr auto; height: var(--top); }
  .brand { padding-inline: 18px; border-right: 0; }
  .brand-code { font-size: 30px; }
  .brand-name, .top-location, .persistent-action { display: none; }
  .menu-toggle { display: block; min-width: 112px; padding: 0 18px; }
  .atlas-nav { display: none; }
  .mobile-menu { position: fixed; z-index: 120; inset: 0; display: flex; flex-direction: column; overflow-y: auto; color: var(--white); background: var(--violet); }
  .mobile-menu-head { display: flex; min-height: 76px; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.55); }
  .mobile-menu-head .brand { color: var(--white); }
  .menu-close { min-width: 112px; min-height: 76px; padding: 0 18px; color: var(--carbon); background: var(--cyan); border: 0; border-radius: 0; cursor: pointer; font-size: 12px; font-weight: 750; text-transform: uppercase; }
  .mobile-menu nav { display: grid; }
  .mobile-menu nav a { display: flex; min-height: 82px; padding: 20px; align-items: center; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.55); color: inherit; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(28px, 8vw, 42px); letter-spacing: -.035em; text-decoration: none; }
  .mobile-menu nav a::before { color: var(--cyan); content: attr(data-index); font-family: "Azeret Mono", Consolas, monospace; font-size: 11px; }
  .mobile-menu nav a[aria-current="page"] { color: var(--carbon); background: var(--cyan); }
  .mobile-menu nav a[aria-current="page"]::before { color: var(--violet); }
  .mobile-direct { display: grid; gap: 8px; margin-top: auto; padding: 24px 20px; color: var(--carbon); background: var(--pink); }
  .mobile-direct a { min-height: 44px; display: flex; align-items: center; overflow-wrap: anywhere; font-size: 13px; font-weight: 700; }
  .home-hero, .closing-field, .route-photo.round, .boundary-band, .context-band, .work-hero, .contact-channels, .draft-intro, .form-grid, .page-action { grid-template-columns: 1fr; }
  .home-scale { min-height: 390px; border-right: 0; border-bottom: 2px solid var(--carbon); }
  .home-scale::before { width: 390px; }
  .home-scale::after { width: 280px; }
  .scale-digits { font-size: 210px; }
  .home-copy { padding-block: 58px 74px; }
  .home-copy h1 { margin-top: 40px; font-size: clamp(56px, 16vw, 86px); }
  .representative-arch { padding-top: 70px; }
  .representative-arch img { height: 330px; }
  .topic-orbit { min-height: auto; padding-block: 74px; }
  .orbit-title { position: relative; top: auto; left: auto; width: auto; margin-bottom: 50px; font-size: 56px; text-align: left; transform: none; }
  .orbit-ring { top: 15px; right: -130px; left: auto; width: 330px; transform: none; }
  .orbit-links { position: relative; display: grid; gap: 18px; }
  .orbit-link, .orbit-link:nth-child(1), .orbit-link:nth-child(2), .orbit-link:nth-child(3) { position: relative; inset: auto; width: 100%; }
  .closing-field h2, .page-action h2 { border-right: 0; border-bottom: 2px solid var(--carbon); }
  .page-hero { min-height: 600px; padding-block: 64px; }
  .page-hero h1, .warehouse-hero h1, .work-hero h1, .contact-hero h1 { font-size: clamp(60px, 17vw, 96px); }
  .page-hero .lead, .warehouse-hero .lead { margin-left: 0; }
  .route-canvas { padding-block: 70px; }
  .route-sequence::before { left: 13px; transform: none; }
  .waypoint, .waypoint:nth-child(even) { width: calc(100% - 45px); margin-left: 45px; }
  .waypoint:nth-child(odd)::after, .waypoint:nth-child(even)::after { right: auto; left: -45px; }
  .route-photo.round { padding-bottom: 70px; }
  .route-photo.round img { max-width: 480px; margin-inline: auto; }
  .boundary-band > div:first-child { border-right: 0; border-bottom: 2px solid var(--carbon); }
  .warehouse-hero { grid-template-columns: 58px 1fr; min-height: 650px; }
  .warehouse-hero-copy { padding-block: 64px; }
  .context-band h2 { border-right: 0; border-bottom: 2px solid var(--carbon); }
  .context-band:nth-child(3) h2 { border-right: 0; border-bottom-color: var(--white); }
  .work-hero-copy { padding-block: 64px; }
  .work-portrait { padding: 42px 28px 0; }
  .work-portrait img { min-height: 570px; }
  .work-chapter { grid-template-columns: 64px 1fr; }
  .work-chapter > *:nth-child(2) { border-right: 0; }
  .work-chapter p { grid-column: 1 / -1; border-top: 1px solid var(--carbon); }
  .contact-channels { grid-template-columns: 1fr; }
  .channel, .channel:nth-child(2) { border-right: 0; border-bottom: 2px solid var(--carbon); }
  .channel:nth-child(3) { grid-column: auto; border-bottom: 0; }
  .draft-zone { padding-inline: 0; padding-bottom: 0; }
  .draft-intro { padding-inline: var(--gutter); }
  .draft-shell { border-inline: 0; border-bottom: 0; border-radius: 76px 76px 0 0; }
  .form-field.full, .consent-field, .form-review { grid-column: auto; }
  .form-review { grid-template-columns: 1fr; }
  .draft-button { width: 100%; }
  .form-aftercare { grid-template-columns: 1fr; }
  .action-link-wrap { min-height: 340px; }
  .circle-action { width: 240px; }
  .contact-ribbon { align-items: flex-start; flex-direction: column; gap: 10px; }
  .contact-ribbon address { display: grid; gap: 8px; }
}

@media (max-width: 480px) {
  .scale-digits { font-size: 180px; }
  .home-scale::before { width: 330px; }
  .home-scale::after { width: 235px; }
  .route-photo { padding-inline: 0; }
  .route-photo .image-caption { padding-inline: var(--gutter); }
  .route-photo img { border-radius: 0; }
  .warehouse-hero { grid-template-columns: 44px 1fr; }
  .warehouse-hero h1 { font-size: clamp(46px, 15vw, 70px); letter-spacing: -.068em; }
  .margin-index { padding-inline: 10px; font-size: 10px; }
  .work-chapter { grid-template-columns: 56px 1fr; }
  .work-chapter > * { padding-inline: 18px; }
  .draft-shell { padding-inline: 22px; }
}

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