@layer reset, base, gallery, preview, concepts, responsive;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  html, body { overflow-x: hidden; }
  body { margin: 0; min-width: 320px; }
  body, button, input, select, textarea { font: inherit; }
  img, svg { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }
  button { color: inherit; }
  h1, h2, h3, p, ul, ol, blockquote { margin-top: 0; }
  button, a, input, select, textarea { outline-color: var(--accent, #ef2b24); outline-offset: 3px; }
}

@layer base {
  :root {
    --accent: #e42b22;
    --bg: #0d0d16;
    --ink: #f6f4ef;
    --font: Arial, Helvetica, sans-serif;
    --radius: 20px;
    --density: 1;
    --chrome-h: 64px;
  }

  .eyebrow { font-size: 11px; line-height: 1.2; letter-spacing: .16em; text-transform: uppercase; }
  .wordmark { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; }
  .wordmark img { width: 104px; height: 54px; object-fit: contain; }
  .wordmark span { font: 700 9px/1 Arial, sans-serif; letter-spacing: .18em; transform: translateY(8px); }
  .wordmark--light img { filter: brightness(0) invert(1); }
  .compact-mark { display: inline-flex; align-items: center; gap: 12px; }
  .compact-mark > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--accent); color: #fff; font: italic 700 24px/1 Georgia, serif; }
  .compact-mark small { font-weight: 800; letter-spacing: .14em; }

  .button-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 190px; padding: 15px 18px; border-radius: var(--radius); background: var(--accent); color: #fff; font-size: 13px; font-weight: 700; }
  .button-link svg, .text-link svg, .site-footer svg { width: 22px; }
  .text-link { display: inline-flex; align-items: center; gap: 16px; padding-bottom: 5px; border-bottom: 1px solid currentColor; }

  .section-heading { display: grid; grid-template-columns: .45fr 1.2fr .6fr; gap: 36px; align-items: start; }
  .section-heading > p { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
  .section-heading h2 { margin: 0; font-size: clamp(40px, 5vw, 76px); line-height: .98; font-weight: 400; }
  .section-heading > span { font-size: 14px; line-height: 1.5; opacity: .65; }

  .contact-block { padding: calc(110px * var(--density)) 6vw; display: grid; grid-template-columns: 1fr 1.15fr; gap: 7vw; border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); background: color-mix(in srgb, var(--bg) 92%, var(--ink)); }
  .contact-block h2 { margin-bottom: 22px; max-width: 760px; font-size: clamp(42px, 6vw, 86px); line-height: .95; font-weight: 400; letter-spacing: -.045em; }
  .contact-block > div > p:last-child { max-width: 560px; line-height: 1.55; opacity: .7; }
  .contact-block form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-self: end; }
  .contact-block label { display: grid; gap: 8px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
  .contact-block input, .contact-block textarea { width: 100%; padding: 13px 2px; border: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent); resize: vertical; background: transparent; color: inherit; font-size: 15px; text-transform: none; letter-spacing: 0; }
  .contact-block input::placeholder, .contact-block textarea::placeholder { color: currentColor; opacity: .45; }
  .contact-block .form-wide { grid-column: 1 / -1; }
  .contact-block button { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; border: 0; border-radius: var(--radius); padding: 17px 19px; background: var(--accent); color: #fff; cursor: pointer; font-weight: 700; }
  .contact-block button svg { width: 24px; }
  .contact-block form > small { align-self: center; opacity: .5; }

  .site-footer { display: grid; grid-template-columns: 1.2fr .8fr 1fr auto; gap: 34px; align-items: end; padding: 60px 6vw; border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent); background: var(--bg); color: var(--ink); font-size: 12px; line-height: 1.6; }
  .site-footer p { margin: 0; opacity: .68; }
  .site-footer > a { text-decoration: underline; text-underline-offset: 4px; }
  .site-footer--light .wordmark img { filter: brightness(0) invert(1); }
}

@layer gallery {
  .gallery-body { background: #eeeae2; color: #161616; font-family: Arial, Helvetica, sans-serif; }
  .gallery-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; padding: 22px 4vw; border-bottom: 1px solid #c9c3b8; }
  .gallery-nav > p { margin: 0; font-size: 10px; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; }
  .gallery-nav > a:last-child { justify-self: end; font-size: 12px; border-bottom: 1px solid; padding-bottom: 4px; }
  .gallery-hero { padding: 11vh 4vw 9vh; }
  .gallery-hero h1 { margin: 0 0 58px; font: 400 clamp(58px, 10vw, 148px)/.86 Georgia, serif; letter-spacing: -.07em; }
  .gallery-hero h1 i { margin-left: 12vw; color: #d52e26; font-weight: 400; }
  .gallery-hero > div { display: grid; grid-template-columns: 1.2fr .8fr; gap: 12vw; margin-left: 27vw; }
  .gallery-hero > div p { max-width: 610px; font-size: 18px; line-height: 1.55; }
  .gallery-hero > div span { font-size: 11px; line-height: 1.6; letter-spacing: .08em; text-transform: uppercase; }
  .gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid #bfb9ae; }
  .gallery-card { padding: 3vw; border-right: 1px solid #bfb9ae; border-bottom: 1px solid #bfb9ae; transition: background .25s ease; }
  .gallery-card:nth-child(2n) { border-right: 0; }
  .gallery-card:hover { background: #e5dfd4; }
  .gallery-card:hover .concept-mini { transform: translateY(-5px); box-shadow: 0 22px 45px #31281a1e; }
  .gallery-card-copy { display: grid; grid-template-columns: 42px 1fr 42px; gap: 18px; align-items: start; margin-top: 24px; }
  .gallery-card-copy > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #aaa398; border-radius: 50%; font-size: 11px; }
  .gallery-card h2 { margin: 0 0 4px; font: 400 30px/1.1 Georgia, serif; }
  .gallery-card p { margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
  .gallery-card-copy > i { justify-self: end; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #171717; color: #fff; }
  .gallery-card-copy svg { width: 20px; }
  .gallery-card > small { display: block; max-width: 550px; margin: 18px 0 0 60px; color: #6f6a62; font-size: 13px; line-height: 1.45; }

  .concept-mini { position: relative; overflow: hidden; aspect-ratio: 16/9; padding: 7%; transition: .3s ease; }
  .concept-mini strong { position: relative; z-index: 2; font-weight: 400; }
  .mini-1 { background: radial-gradient(circle at 85% 30%, #7a2d85 0, transparent 36%), #0d0d16; color: #fff; }
  .mini-1 .mini-nav { display: flex; gap: 12px; position: absolute; top: 7%; right: 7%; }
  .mini-1 .mini-nav i { width: 36px; height: 4px; border-radius: 3px; background: #fff8; }
  .mini-1 strong { display: block; margin-top: 20%; font-size: clamp(24px, 4vw, 58px); line-height: .92; }
  .mini-1 .mini-glow { position: absolute; right: -8%; bottom: -28%; width: 48%; aspect-ratio: 1; border-radius: 50%; border: 18px solid #ff3b30; filter: blur(22px); opacity: .55; }
  .mini-2 { background: #f7f6f1; color: #121212; }
  .mini-mast { display: flex; justify-content: space-between; border-bottom: 1px solid; padding-bottom: 5%; font-family: Arial, sans-serif; }
  .mini-mast i { font-size: 10px; }
  .mini-2 strong { display: block; margin-top: 9%; font: 400 clamp(24px, 4vw, 55px)/.92 Georgia, serif; }
  .mini-2 strong em { color: #2046d7; }
  .mini-sky { position: absolute; right: 0; bottom: 0; width: 42%; height: 58%; background: radial-gradient(circle at 50% 30%, #ffb14c 0 4%, transparent 5%), linear-gradient(#143c9c,#5081ce); }
  .mini-3 { color: #17201d; background-color: #e7e4dc; background-image: linear-gradient(#17201d13 1px,transparent 1px),linear-gradient(90deg,#17201d13 1px,transparent 1px); background-size: 32px 32px; }
  .mini-3 .mini-coord { font: 9px monospace; letter-spacing: .1em; }
  .mini-3 strong { display: block; margin-top: 12%; font: 700 clamp(25px,4vw,60px)/.84 Arial,sans-serif; text-transform: uppercase; }
  .mini-3 .mini-map { position: absolute; right: 6%; bottom: 15%; color: #d62d23; font: 700 clamp(24px,4vw,60px)/1 monospace; }
  .mini-4 { padding: 0; background: #dcd5c9; }
  .mini-split { display: grid; grid-template-columns: 1fr 1fr; height: 100%; }
  .mini-split span { display: grid; place-content: end start; padding: 9%; background: linear-gradient(145deg,#a29a8c,#2a2928); color: #fff; font: 400 clamp(25px,4vw,55px)/1 Georgia,serif; }
  .mini-split span:last-child { background: #ede8dc; color: #181818; }
  .mini-split small { margin-bottom: 10px; font: 10px Arial,sans-serif; }
  .mini-stamp { position: absolute; inset: 50% auto auto 50%; display: grid; width: 16%; aspect-ratio: 1; place-items: center; border-radius: 50%; background: #ef3e33; color: #fff; transform: translate(-50%,-50%) rotate(-9deg); font: italic 700 32px Georgia,serif; }
  .mini-5 { background: #f0eee8; color: #111; }
  .mini-5 .mini-rule { height: 10px; background: #d8271f; margin: -7% -8% 8%; }
  .mini-5 strong { font: 900 clamp(28px,4vw,58px)/.8 Arial,sans-serif; letter-spacing: -.06em; }
  .mini-5 strong span { color: #d8271f; }
  .mini-modules { position: absolute; right: 7%; bottom: 7%; display: grid; grid-template-columns: repeat(3,1fr); width: 45%; }
  .mini-modules i { padding: 10px; border: 1px solid #111; font: 10px monospace; }
  .mini-6 { background: #bdb2a1; }
  .mini-paper { position: absolute; inset: 8% 12%; padding: 7%; background: #eee5d7; box-shadow: 12px 15px 0 #897c69; transform: rotate(-2deg); }
  .mini-paper strong { display: block; margin-top: 10%; font: 400 clamp(22px,3vw,44px)/.95 Georgia,serif; }
  .mini-paper i { position: absolute; right: 8%; bottom: 8%; color: #9c2821; font: italic 700 25px Georgia,serif; }
  .mini-7 { background-color: #07100e; background-image: linear-gradient(#a8ff3610 1px,transparent 1px),linear-gradient(90deg,#a8ff3610 1px,transparent 1px); background-size: 24px 24px; color: #e5f3ed; font-family: monospace; }
  .mini-terminal { font-size: 9px; color: #a8ff36; }
  .mini-7 strong { display: block; margin-top: 15%; font-size: clamp(24px,4vw,56px); line-height: .82; font-weight: 700; }
  .mini-7 strong span { color: #a8ff36; }
  .mini-radar { position: absolute; right: 6%; bottom: -12%; width: 40%; aspect-ratio: 1; border: 1px solid #a8ff36; border-radius: 50%; box-shadow: inset 0 0 0 26px #07100e,inset 0 0 0 27px #a8ff3677; }
  .mini-8 { background: #d8d1c5; color: #292621; text-align: center; }
  .mini-8 .mini-stone { position: absolute; inset: 0 30%; background: linear-gradient(120deg,#a59a8b,#d6cfc5 40%,#80766b); clip-path: polygon(22% 0,85% 0,70% 100%,0 100%); opacity: .72; }
  .mini-8 small { position: relative; z-index: 1; letter-spacing: .16em; }
  .mini-8 strong { display: block; margin-top: 12%; font: 400 clamp(25px,4vw,57px)/.9 Georgia,serif; }
  .mini-8 strong em { color: #9e4c3b; }
  .gallery-help { padding: 10vw 4vw; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; }
  .gallery-help h2 { margin: 0; font: 400 clamp(40px,5vw,74px)/.96 Georgia,serif; }
  .gallery-help div { display: grid; }
  .gallery-help span { padding: 16px 0; border-bottom: 1px solid #bbb4a9; font-size: 14px; }
  .gallery-footer { display: flex; justify-content: space-between; padding: 24px 4vw; border-top: 1px solid #c4beb4; font-size: 10px; letter-spacing: .1em; }
  .gallery-footer p { margin: 0; }
}

@layer preview {
  .preview-body { background: #171717; font-family: var(--font); }
  .concept-stage { padding-top: var(--chrome-h); }
  .preview-chrome { position: fixed; z-index: 1000; inset: 0 0 auto; height: var(--chrome-h); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 18px; background: #151515f5; color: #fff; border-bottom: 1px solid #ffffff1c; font: 12px/1 Arial,sans-serif; backdrop-filter: blur(15px); }
  .chrome-back { justify-self: start; display: flex; gap: 10px; align-items: center; opacity: .75; }
  .chrome-title { display: flex; align-items: center; gap: 10px; }
  .chrome-title > b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #fff; color: #111; font-size: 10px; }
  .chrome-title > span { display: grid; gap: 3px; font-weight: 700; }
  .chrome-title small { color: #9d9d9d; font-size: 9px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; }
  .chrome-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
  .chrome-actions > a { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #292929; }
  .chrome-actions > span { color: #8d8d8d; font-size: 10px; }
  .chrome-actions button { border: 1px solid #555; border-radius: 999px; padding: 9px 14px; background: #f5f5f5; color: #111; cursor: pointer; }
  .customizer { position: fixed; z-index: 1200; top: 0; right: 0; width: min(410px, 94vw); height: 100vh; padding: 28px; background: #f1eee7; color: #151515; transform: translateX(102%); transition: .28s ease; box-shadow: -30px 0 70px #0003; font: 13px/1.2 Arial,sans-serif; overflow-y: auto; }
  .customizer.is-open { transform: none; }
  .customizer-head { display: flex; justify-content: space-between; align-items: start; padding-bottom: 24px; border-bottom: 1px solid #c9c4bb; }
  .customizer-head p { margin: 0 0 7px; font-size: 10px; color: #777; text-transform: uppercase; letter-spacing: .12em; }
  .customizer-head h2 { margin: 0; font: 400 24px/1 Georgia,serif; }
  .customizer-head button { border: 0; background: transparent; font-size: 30px; line-height: 1; cursor: pointer; }
  .control-row, .control-stack { padding: 18px 0; border-bottom: 1px solid #d1cdc5; }
  .control-row { display: flex; align-items: center; justify-content: space-between; }
  .control-row input[type=color] { width: 54px; height: 32px; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .control-stack { display: grid; gap: 12px; }
  .control-stack > span { display: flex; justify-content: space-between; }
  .control-stack output { color: #777; }
  .control-stack select { width: 100%; padding: 11px; border: 1px solid #bcb6ac; border-radius: 4px; background: #faf9f6; }
  .control-stack input[type=range] { width: 100%; accent-color: #171717; }
  .reset-button { width: 100%; margin-top: 24px; padding: 14px; border: 1px solid #1d1d1d; background: transparent; cursor: pointer; }
  .customizer-note { margin-top: 18px; color: #777; font-size: 11px; line-height: 1.5; }
  .panel-backdrop { position: fixed; z-index: 1100; inset: 0; background: #0008; opacity: 0; pointer-events: none; transition: .25s ease; }
  .panel-open .panel-backdrop { opacity: 1; pointer-events: auto; }
}

@layer concepts {
  /* 01 — BLACKLINE */
  .c1 { min-height: 100vh; overflow: hidden; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c1-nav { position: absolute; z-index: 5; inset: calc(var(--chrome-h) + 28px) 5vw auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 34px; }
  .c1-nav nav { display: flex; gap: 30px; padding: 16px 26px; border-radius: 999px; background: color-mix(in srgb, var(--ink) 96%, transparent); color: var(--bg); font-size: 12px; }
  .c1-nav .button-link { justify-self: end; min-width: 165px; }
  .c1-hero { position: relative; min-height: calc(100vh - var(--chrome-h)); padding: calc(185px * var(--density)) 5vw 55px; display: flex; flex-direction: column; justify-content: end; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 83% 33%, color-mix(in srgb, var(--accent) 35%, #6e2bd1) 0, transparent 30%), radial-gradient(circle at 68% 88%, #301c5685 0, transparent 34%), linear-gradient(135deg, color-mix(in srgb,var(--bg) 86%,#241c38), var(--bg)); }
  .c1-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .12; background-image: repeating-linear-gradient(112deg, transparent 0 7px, #fff 8px 9px); mask-image: linear-gradient(90deg,transparent 43%,#000); }
  .c1-hero h1 { position: relative; z-index: 1; margin: 28px 0 45px; font-size: clamp(66px, 9.4vw, 150px); line-height: .8; letter-spacing: -.07em; font-weight: 400; }
  .c1-hero h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--accent); }
  .c1-hero-foot { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 60px; margin-left: 40%; }
  .c1-hero-foot > p { max-width: 570px; margin: 0; font-size: clamp(16px,1.6vw,24px); line-height: 1.35; }
  .c1-hero-foot > span { padding-left: 20px; border-left: 1px solid #ffffff55; font-size: 32px; line-height: .7; }
  .c1-hero-foot small { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; opacity: .6; }
  .c1-orbit { position: absolute; right: 5%; top: 17%; width: min(36vw, 520px); aspect-ratio: 1; border-radius: 50%; border: 1px solid #ffffff22; transform: rotate(24deg); }
  .c1-orbit::before, .c1-orbit::after { content: ''; position: absolute; inset: 13%; border: 1px solid #ffffff22; border-radius: 50%; }
  .c1-orbit::after { inset: 32%; border-color: var(--accent); box-shadow: 0 0 40px color-mix(in srgb,var(--accent) 60%,transparent); }
  .c1-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
  .c1-orbit i:nth-child(1) { top: 8%; left: 40%; }
  .c1-orbit i:nth-child(2) { bottom: 17%; left: 7%; background: var(--accent); }
  .c1-orbit i:nth-child(3) { right: 12%; bottom: 24%; }
  .c1-expertise { padding: calc(135px * var(--density)) 5vw; background: color-mix(in srgb,var(--bg) 94%,var(--ink)); }
  .c1 .section-heading { margin-bottom: 90px; }
  .c1-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
  .c1-duo article { min-height: 530px; padding: 34px; display: flex; flex-direction: column; border-radius: var(--radius); background: color-mix(in srgb,var(--ink) 7%,transparent); }
  .c1-duo article:last-child { background: var(--ink); color: var(--bg); }
  .c1-duo article > b { font-size: 11px; opacity: .55; }
  .c1-duo article > p { margin: auto 0 12px; color: var(--accent); font-size: 11px; text-transform: uppercase; letter-spacing: .13em; }
  .c1-duo h3 { max-width: 650px; margin-bottom: 40px; font-size: clamp(35px,4vw,60px); line-height: .98; font-weight: 400; letter-spacing: -.04em; }
  .c1-duo ul { display: grid; gap: 12px; padding: 20px 0 0; border-top: 1px solid color-mix(in srgb,currentColor 22%,transparent); list-style: none; }
  .c1-duo li { font-size: 13px; }
  .c1-reach { padding: calc(120px * var(--density)) 5vw; display: grid; grid-template-columns: .85fr 1.15fr; gap: 8vw; }
  .c1-reach h2 { margin: 0; font-size: clamp(55px,7vw,110px); line-height: .88; font-weight: 400; }
  .route-list { display: grid; }
  .route-list span { display: grid; grid-template-columns: 52px 1fr auto; gap: 16px; padding: 21px 0; border-bottom: 1px solid color-mix(in srgb,currentColor 18%,transparent); font-size: clamp(20px,2.3vw,34px); }
  .route-list b { color: var(--accent); font-size: 10px; }
  .route-list i { font-style: normal; opacity: .5; }
  .c1-method { padding: calc(130px * var(--density)) 5vw; background: var(--accent); color: #fff; }
  .c1-method > h2 { max-width: 1250px; margin: 35px 0 90px; font-size: clamp(44px,6vw,92px); line-height: .95; font-weight: 400; letter-spacing: -.045em; }
  .c1-method > div { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid #ffffff88; }
  .c1-method span { display: grid; gap: 60px; padding: 16px 12px; border-right: 1px solid #ffffff44; font-size: 12px; }
  .c1-method b { font-size: 10px; opacity: .6; }

  /* 02 — TRUST EDITORIAL */
  .c2 { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c2-nav { height: 106px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; padding: 0 5vw; border-bottom: 1px solid color-mix(in srgb,var(--ink) 16%,transparent); }
  .c2-nav nav { display: flex; gap: 52px; font-family: Arial,sans-serif; font-weight: 700; }
  .round-menu { justify-self: end; width: 46px; height: 46px; border: 1px solid currentColor; border-radius: 50%; background: transparent; cursor: pointer; }
  .c2-hero { display: grid; grid-template-columns: 58% 42%; min-height: 760px; }
  .c2-copy { padding: calc(9vw * var(--density)) 5vw 7vw; }
  .c2-copy .issue { font: 10px/1 Arial,sans-serif; letter-spacing: .15em; }
  .c2-copy h1 { margin: 80px 0 42px; font-size: clamp(64px,8.6vw,132px); line-height: .78; letter-spacing: -.07em; font-weight: 400; }
  .c2-copy h1 i { color: var(--accent); font-size: .75em; font-weight: 400; }
  .c2-copy > p:nth-of-type(2) { max-width: 610px; font-size: 19px; line-height: 1.55; }
  .c2-copy .button-link { margin-top: 28px; }
  .c2-sky { position: relative; overflow: hidden; background: radial-gradient(circle at 45% 32%,#e9b560 0 2%,transparent 2.2%), radial-gradient(circle at 25% 18%,#ffffffaa 0 1px,transparent 2px), radial-gradient(circle at 76% 26%,#ffffffaa 0 1px,transparent 2px), linear-gradient(170deg,#152f80 0,#2450a9 38%,#849cd2 70%,#e0a66e 100%); }
  .c2-sky::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(#fff 0 1px, transparent 1.5px); background-size: 48px 58px; opacity: .28; }
  .c2-sky .sun { position: absolute; left: 45%; top: 32%; width: 42px; height: 42px; border-radius: 50%; background: #f2a634; box-shadow: 0 0 50px #f2a634; }
  .c2-sky > span { position: absolute; right: 8%; bottom: 7%; color: #fff; font: 10px/1.5 Arial,sans-serif; letter-spacing: .14em; text-align: right; }
  .c2-intro { padding: calc(120px * var(--density)) 8vw; display: grid; grid-template-columns: auto 1.5fr .7fr; align-items: start; gap: 38px; border-bottom: 1px solid color-mix(in srgb,var(--ink) 15%,transparent); }
  .dropcap { margin: -18px 0 0; color: var(--accent); font-size: 130px; line-height: 1; }
  .c2-intro > p:nth-child(2) { margin: 0; font-size: clamp(31px,4vw,58px); line-height: 1.1; }
  .c2-intro aside { display: grid; gap: 10px; padding-top: 8px; border-top: 1px solid; }
  .c2-intro aside b { font-size: 62px; font-weight: 400; }
  .c2-intro aside span { font: 12px/1.5 Arial,sans-serif; }
  .c2-services { padding: calc(125px * var(--density)) 5vw; }
  .editorial-cards { margin-top: 90px; display: grid; grid-template-columns: repeat(2,1fr); }
  .editorial-cards article { display: grid; grid-template-columns: 50px 1fr auto; gap: 20px; min-height: 260px; padding: 32px 24px; border-top: 1px solid currentColor; }
  .editorial-cards article:nth-child(odd) { border-right: 1px solid currentColor; }
  .editorial-cards article > span { font: 11px Arial,sans-serif; color: var(--accent); }
  .editorial-cards h3 { margin: 0; font-size: clamp(28px,3vw,43px); line-height: 1; font-weight: 400; }
  .editorial-cards p { grid-column: 2; align-self: end; max-width: 480px; margin: 0; font: 13px/1.5 Arial,sans-serif; opacity: .66; }
  .editorial-cards a { align-self: end; }
  .editorial-cards svg { width: 26px; }
  .c2-industries { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; padding: calc(130px * var(--density)) 7vw; background: var(--accent); color: #fff; }
  .c2-industries h2 { margin: 0; font-size: clamp(45px,6vw,86px); line-height: .95; font-weight: 400; }
  .brand-cloud { display: flex; flex-wrap: wrap; align-content: end; gap: 9px; }
  .brand-cloud span { padding: 10px 15px; border: 1px solid #ffffff70; border-radius: 999px; font: 12px Arial,sans-serif; }
  .c2-quote { padding: calc(130px * var(--density)) 12vw; text-align: center; }
  .c2-quote blockquote { margin-bottom: 42px; font-size: clamp(42px,6.5vw,90px); line-height: 1.03; }
  .c2-quote p { max-width: 660px; margin: 0 auto; font: 14px/1.6 Arial,sans-serif; }

  /* 03 — ROUTE ATLAS */
  .c3 { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c3-nav { display: grid; grid-template-columns: 1fr auto auto 1fr; align-items: center; gap: 46px; padding: 17px 3vw; border-bottom: 1px solid color-mix(in srgb,var(--ink) 30%,transparent); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
  .c3-nav .coordinates { font-family: monospace; opacity: .6; }
  .c3-nav nav { display: flex; gap: 26px; }
  .c3-nav .button-link { justify-self: end; min-width: 130px; padding: 12px 16px; }
  .c3-hero { min-height: 720px; display: grid; grid-template-columns: 42% 58%; border-bottom: 1px solid color-mix(in srgb,var(--ink) 30%,transparent); }
  .c3-title { padding: calc(100px * var(--density)) 3vw 50px; border-right: 1px solid color-mix(in srgb,var(--ink) 30%,transparent); }
  .c3-title > p { font: 10px monospace; letter-spacing: .16em; }
  .c3-title h1 { margin: 90px 0 70px; font-size: clamp(63px,8vw,120px); line-height: .77; text-transform: uppercase; letter-spacing: -.08em; }
  .c3-title h1 strong { color: var(--accent); font-weight: inherit; }
  .c3-title > div { display: flex; flex-wrap: wrap; gap: 8px; }
  .c3-title > div span { padding: 9px 12px; border: 1px solid currentColor; border-radius: var(--radius); font-size: 10px; text-transform: uppercase; }
  .map-wrap { position: relative; display: grid; place-items: center; overflow: hidden; }
  .map-wrap > p { position: absolute; right: 3%; bottom: 2%; font: 9px monospace; opacity: .5; }
  .route-map { width: 96%; overflow: visible; }
  .route-map .land { fill: color-mix(in srgb,var(--ink) 10%,transparent); stroke: currentColor; stroke-width: 1; }
  .route-map .routes path { fill: none; stroke: var(--accent); stroke-width: 2; stroke-dasharray: 6 7; }
  .route-map .nodes circle { fill: var(--accent); stroke: var(--bg); stroke-width: 3; }
  .route-map .labels { fill: currentColor; font: 10px monospace; letter-spacing: .08em; }
  .c3-manifest { padding: calc(120px * var(--density)) 5vw; display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
  .manifest-head > p:first-child { font: 10px monospace; color: var(--accent); }
  .manifest-head h2 { margin: 50px 0 28px; font-size: clamp(45px,6vw,86px); line-height: .9; text-transform: uppercase; }
  .manifest-head > p:last-child { max-width: 430px; line-height: 1.55; }
  .c3-manifest ol { margin: 0; padding: 0; list-style: none; }
  .c3-manifest li { display: grid; grid-template-columns: 48px 1fr auto; gap: 20px; padding: 22px 0; border-bottom: 1px solid color-mix(in srgb,var(--ink) 25%,transparent); }
  .c3-manifest li b, .c3-manifest li i { font: 10px monospace; }
  .c3-manifest li i { color: var(--accent); }
  .c3-deals { display: grid; grid-template-columns: 70px 1fr; border-top: 1px solid color-mix(in srgb,var(--ink) 25%,transparent); }
  .vertical-label { margin: 0; padding: 25px; border-right: 1px solid color-mix(in srgb,var(--ink) 25%,transparent); writing-mode: vertical-rl; font: 10px monospace; letter-spacing: .16em; }
  .c3-deals > div { padding: calc(115px * var(--density)) 5vw; }
  .c3-deals h2 { max-width: 970px; margin: 25px 0 80px; font-size: clamp(52px,7vw,104px); line-height: .87; text-transform: uppercase; }
  .atlas-cards { display: grid; grid-template-columns: repeat(4,1fr); }
  .atlas-cards article { min-height: 320px; padding: 20px; border: 1px solid color-mix(in srgb,var(--ink) 35%,transparent); margin-right: -1px; }
  .atlas-cards span { font: 10px monospace; color: var(--accent); }
  .atlas-cards h3 { margin: 80px 0 22px; font-size: 23px; text-transform: uppercase; }
  .atlas-cards p { font-size: 12px; line-height: 1.5; }
  .atlas-cards a { display: none; }
  .c3-values { display: grid; grid-template-columns: repeat(4,1fr); background: var(--accent); color: #fff; }
  .c3-values p { margin: 0; padding: 42px 22px; border-right: 1px solid #ffffff66; text-transform: uppercase; font-size: 13px; }

  /* 04 — DUAL PRACTICE */
  .c4 { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c4-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 14px 4vw; border-bottom: 1px solid color-mix(in srgb,var(--ink) 18%,transparent); }
  .c4-nav > p { margin: 0; font-size: 9px; line-height: 1.45; text-align: center; letter-spacing: .12em; }
  .c4-nav > a { justify-self: end; font-size: 12px; }
  .c4-hero { position: relative; display: grid; grid-template-columns: 1fr 1fr; min-height: 780px; }
  .c4-hero article { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: calc(75px * var(--density)) 4vw; }
  .c4-hero article > *:not(.c4-wheel,.c4-paper) { position: relative; z-index: 2; }
  .c4-supply { background: linear-gradient(150deg,#141718 0,#3f4543 54%,#9f9485 100%); color: #fff; }
  .c4-consult { background: color-mix(in srgb,var(--bg) 90%,white); }
  .c4-hero article > p:first-child { margin-bottom: auto; font-size: 10px; letter-spacing: .12em; }
  .c4-hero h1, .c4-hero h2 { margin: 0 0 25px; font: 400 clamp(60px,8vw,120px)/.82 Georgia,serif; letter-spacing: -.055em; }
  .c4-hero .lead { max-width: 520px; font-size: 16px; line-height: 1.5; }
  .c4-hero article > a { display: flex; justify-content: space-between; align-items: center; max-width: 340px; padding: 15px 0; border-top: 1px solid currentColor; font-size: 12px; }
  .c4-hero article > a svg { width: 23px; }
  .c4-stamp { position: absolute; z-index: 4; left: 50%; top: 50%; display: grid; width: 124px; height: 124px; place-content: center; border-radius: 50%; background: var(--accent); color: #fff; transform: translate(-50%,-50%) rotate(-10deg); text-align: center; font: italic 700 30px/1 Georgia,serif; box-shadow: 0 14px 50px #0004; }
  .c4-stamp small { font: 9px Arial,sans-serif; letter-spacing: .18em; }
  .c4-wheel { position: absolute; width: 580px; height: 580px; right: -230px; top: 55px; border: 65px solid #151515; border-radius: 50%; box-shadow: inset 0 0 0 4px #7d776f, 0 0 0 2px #c5b9a4; opacity: .75; }
  .c4-wheel::after { content: ''; position: absolute; inset: 90px; border: 2px solid #a99c8a; border-radius: 50%; box-shadow: inset 0 0 0 64px #242424; }
  .c4-paper { position: absolute; inset: 12% 8% auto auto; width: 43%; height: 50%; opacity: .28; transform: rotate(8deg); }
  .c4-paper i { position: absolute; inset: 0; border: 1px solid; background: color-mix(in srgb,var(--bg) 90%,white); }
  .c4-paper i:nth-child(2) { transform: translate(-22px,18px) rotate(-4deg); }
  .c4-paper i:nth-child(3) { transform: translate(-45px,38px) rotate(-8deg); }
  .c4-supply-detail { padding: calc(120px * var(--density)) 5vw; display: grid; grid-template-columns: 1.1fr .9fr; gap: 8vw; }
  .c4-supply-detail h2 { max-width: 820px; margin: 30px 0 0; font-size: clamp(50px,7vw,100px); line-height: .9; font-weight: 400; }
  .c4-checks { display: grid; align-content: end; }
  .c4-checks span { display: grid; grid-template-columns: 34px 1fr; padding: 17px 0; border-bottom: 1px solid color-mix(in srgb,var(--ink) 18%,transparent); }
  .c4-checks i { color: var(--accent); font-style: normal; }
  .c4-consult-detail { display: grid; grid-template-columns: 30% 70%; background: color-mix(in srgb,var(--ink) 94%,var(--bg)); color: var(--bg); }
  .c4-side-title { padding: calc(100px * var(--density)) 4vw; border-right: 1px solid color-mix(in srgb,var(--bg) 20%,transparent); }
  .c4-side-title > p { color: var(--accent); }
  .c4-side-title h2 { margin-top: 80px; font: 400 clamp(50px,6vw,84px)/.9 Georgia,serif; writing-mode: vertical-rl; transform: rotate(180deg); }
  .split-cards { padding: calc(100px * var(--density)) 4vw; display: grid; grid-template-columns: repeat(2,1fr); }
  .split-cards article { padding: 28px; border: 1px solid color-mix(in srgb,var(--bg) 25%,transparent); margin: 0 -1px -1px 0; min-height: 300px; }
  .split-cards article > span { color: var(--accent); font-size: 10px; }
  .split-cards h3 { margin: 70px 0 25px; font-size: 30px; line-height: 1; }
  .split-cards p { font-size: 13px; line-height: 1.55; }
  .split-cards a { display: none; }
  .c4-principles { display: grid; grid-template-columns: repeat(3,1fr); background: var(--accent); color: #fff; }
  .c4-principles p { margin: 0; padding: 55px 4vw; border-right: 1px solid #ffffff66; font: 400 clamp(24px,3vw,42px)/1.04 Georgia,serif; }

  /* 05 — RED STANDARD */
  .c5 { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c5-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 16px 3vw; border-top: 12px solid var(--accent); border-bottom: 1px solid var(--ink); }
  .c5-nav > p { margin: 0; font-size: 9px; line-height: 1.45; letter-spacing: .12em; }
  .c5-nav nav { justify-self: end; display: flex; gap: 34px; font-size: 11px; font-weight: 800; }
  .c5-hero { position: relative; min-height: 730px; padding: calc(95px * var(--density)) 3vw 45px; display: flex; flex-direction: column; justify-content: space-between; border-bottom: 1px solid var(--ink); }
  .c5-hero .big-index { position: absolute; right: 3vw; top: 38px; font: 700 11px monospace; }
  .c5-hero h1 { margin: 0; font-size: clamp(70px,12.7vw,196px); line-height: .69; letter-spacing: -.08em; font-weight: 900; }
  .c5-hero h1 span { color: var(--accent); }
  .c5-deck { align-self: end; width: 66%; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ink); }
  .c5-deck p { margin: 0; padding: 15px 18px 0 0; border-right: 1px solid var(--ink); font-size: 12px; line-height: 1.45; }
  .c5-deck p:not(:first-child) { padding-left: 18px; }
  .c5-scope, .c5-process { display: grid; grid-template-columns: 24% 76%; border-bottom: 1px solid var(--ink); }
  .scope-title { padding: calc(80px * var(--density)) 3vw; border-right: 1px solid var(--ink); }
  .scope-title p { color: var(--accent); font: 700 12px monospace; }
  .scope-title h2 { margin-top: 50px; font-size: clamp(40px,5vw,76px); line-height: .9; text-transform: uppercase; }
  .module-grid { display: grid; grid-template-columns: repeat(2,1fr); }
  .module-grid article { min-height: 330px; padding: calc(46px * var(--density)) 34px; border: solid var(--ink); border-width: 0 1px 1px 0; }
  .module-grid article:nth-child(2n) { border-right: 0; }
  .module-grid b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--accent); color: #fff; }
  .module-grid h3 { margin: 80px 0 22px; font-size: 32px; }
  .module-grid p { max-width: 470px; line-height: 1.5; }
  .c5-fact { padding: calc(90px * var(--density)) 4vw; display: grid; grid-template-columns: auto 1fr; gap: 5vw; align-items: center; background: var(--accent); color: #fff; }
  .c5-fact span { font-size: clamp(120px,20vw,290px); line-height: .67; letter-spacing: -.1em; font-weight: 900; }
  .c5-fact p { max-width: 560px; margin: 0; font-size: clamp(25px,3vw,46px); line-height: 1; }
  .process-grid { display: grid; grid-template-columns: repeat(3,1fr); }
  .process-grid article { min-height: 240px; padding: 24px; border: solid var(--ink); border-width: 0 1px 1px 0; }
  .process-grid article:nth-child(3n) { border-right: 0; }
  .process-grid b { font: 11px monospace; color: var(--accent); }
  .process-grid h3 { margin-top: 70px; font-size: 22px; text-transform: uppercase; }
  .process-grid span { float: right; font-size: 24px; color: var(--accent); }
  .c5-rule { padding: calc(120px * var(--density)) 10vw; background: var(--ink); color: var(--bg); text-align: center; }
  .c5-rule > p { font: 10px monospace; color: var(--accent); }
  .c5-rule h2 { max-width: 1200px; margin: 40px auto 0; font-size: clamp(45px,6.5vw,95px); line-height: .94; text-transform: uppercase; }

  /* 06 — PRIVATE DOSSIER */
  .c6 { min-height: 100vh; display: grid; grid-template-columns: 82px 1fr; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c6-index { position: sticky; z-index: 4; top: var(--chrome-h); height: calc(100vh - var(--chrome-h)); display: flex; flex-direction: column; align-items: center; padding: 24px 0; border-right: 1px solid color-mix(in srgb,var(--ink) 24%,transparent); background: color-mix(in srgb,var(--bg) 92%,#000); }
  .seal { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--accent); border-radius: 50%; color: var(--accent); font: italic 700 26px Georgia,serif; }
  .c6-index nav { display: grid; gap: 24px; margin: auto; }
  .c6-index nav a { display: grid; width: 34px; height: 34px; place-items: center; border-bottom: 1px solid; font-size: 12px; }
  .c6-index > span { writing-mode: vertical-rl; font-size: 8px; letter-spacing: .2em; }
  .dossier { min-width: 0; }
  .dossier-head { display: grid; grid-template-columns: 1fr auto auto; gap: 7vw; align-items: center; padding: 24px 5vw; border-bottom: 1px solid color-mix(in srgb,var(--ink) 24%,transparent); }
  .dossier-head > p, .dossier-no { margin: 0; font-size: 9px; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
  .dossier-no { padding: 11px 14px; border: 1px solid var(--accent); color: var(--accent); transform: rotate(2deg); }
  .dossier-cover { position: relative; min-height: 820px; padding: calc(110px * var(--density)) 7vw 70px; overflow: hidden; }
  .dossier-cover::before { content: ''; position: absolute; top: 0; right: 8vw; width: 28%; height: 100%; background: linear-gradient(100deg,#817463,#d5c7b2 45%,#a69884); opacity: .25; clip-path: polygon(17% 0,100% 0,78% 100%,0 100%); }
  .dossier-cover h1 { position: relative; z-index: 1; margin: 75px 0 55px; max-width: 1100px; font-size: clamp(66px,9vw,140px); line-height: .79; letter-spacing: -.055em; font-weight: 400; }
  .dossier-cover h1 i { color: var(--accent); font-weight: 400; }
  .red-thread { width: 38%; height: 3px; background: var(--accent); transform: rotate(-2deg); }
  .cover-copy { max-width: 670px; margin: 55px 0 0 22%; font-size: clamp(18px,2vw,28px); line-height: 1.35; }
  .signature { display: flex; align-items: end; justify-content: space-between; margin-top: 70px; }
  .signature img { width: 120px; }
  .signature span { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
  .dossier-file { position: relative; margin: 0 5vw 90px; padding: calc(90px * var(--density)) 6vw; background: color-mix(in srgb,var(--bg) 88%,#fff); box-shadow: 14px 18px 0 color-mix(in srgb,var(--ink) 10%,transparent); }
  .file-tab { position: absolute; right: 0; top: -34px; padding: 10px 22px; background: var(--accent); color: #fff; font-size: 9px; letter-spacing: .15em; }
  .file-meta { display: grid; grid-template-columns: 1fr auto auto; gap: 36px; padding-bottom: 16px; border-bottom: 1px solid color-mix(in srgb,var(--ink) 25%,transparent); font: 9px/1 monospace; }
  .file-meta p { margin: 0; color: var(--accent); }
  .dossier-file > h2 { margin: 70px 0; font-size: clamp(55px,7vw,105px); line-height: .86; font-weight: 400; }
  .file-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; }
  .file-columns > p { font-size: 19px; line-height: 1.5; }
  .file-columns ol { margin: 0; padding: 0; list-style: none; }
  .file-columns li { display: grid; grid-template-columns: 35px 1fr; padding: 13px 0; border-bottom: 1px dotted color-mix(in srgb,var(--ink) 30%,transparent); }
  .file-columns li b { color: var(--accent); }
  .country-stamps { margin-top: 80px; display: flex; flex-wrap: wrap; gap: 12px; }
  .country-stamps span { padding: 9px 13px; border: 1px solid var(--accent); color: var(--accent); font: 10px Arial,sans-serif; transform: rotate(-1deg); }
  .dossier-file--dark { background: var(--ink); color: var(--bg); }
  .dossier-file--dark > h2 { color: var(--accent); }
  .dossier-cards { display: grid; grid-template-columns: repeat(2,1fr); }
  .dossier-cards article { min-height: 250px; padding: 26px; border: 1px solid color-mix(in srgb,var(--bg) 25%,transparent); margin: 0 -1px -1px 0; }
  .dossier-cards span { color: var(--accent); font: 10px monospace; }
  .dossier-cards h3 { margin: 50px 0 20px; font-size: 29px; }
  .dossier-cards p { font-size: 13px; line-height: 1.5; }
  .dossier-file--dark blockquote { max-width: 840px; margin: 80px 0 0; padding-left: 25px; border-left: 3px solid var(--accent); font-size: 24px; line-height: 1.35; }
  .c6-note { padding: calc(110px * var(--density)) 10vw; text-align: center; }
  .c6-note > span { color: var(--accent); font-size: 10px; letter-spacing: .16em; }
  .c6-note h2 { max-width: 950px; margin: 40px auto 30px; font-size: clamp(48px,6vw,88px); line-height: .95; font-weight: 400; }

  /* 07 — SIGNAL */
  .c7 { min-height: 100vh; overflow: hidden; background-color: var(--bg); background-image: linear-gradient(color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px); background-size: 48px 48px; color: var(--ink); font-family: var(--font); }
  .c7-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 22px 3vw; border-bottom: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); font-size: 10px; letter-spacing: .08em; }
  .signal-logo { font-size: 19px; font-weight: 900; letter-spacing: .12em; }
  .signal-logo > i { display: inline-block; width: 8px; height: 8px; margin-right: 10px; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
  .signal-logo sup { color: var(--accent); font-size: 8px; }
  .status { color: var(--accent); }
  .status i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
  .c7-nav nav { justify-self: end; display: flex; gap: 28px; }
  .c7-hero { position: relative; min-height: 780px; padding: calc(110px * var(--density)) 4vw 44px; overflow: hidden; }
  .scanline { position: absolute; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 3px,#000 4px); opacity: .14; pointer-events: none; }
  .c7-copy { position: relative; z-index: 2; }
  .c7-copy > p:first-child { color: var(--accent); font-size: 10px; letter-spacing: .14em; }
  .c7-copy h1 { margin: 55px 0 36px; font-size: clamp(75px,13vw,190px); line-height: .7; letter-spacing: -.08em; }
  .c7-copy h1 span { color: var(--accent); -webkit-text-stroke: 1px var(--accent); color: transparent; }
  .c7-copy > p:nth-of-type(2) { max-width: 600px; font-size: 17px; line-height: 1.55; }
  .c7-copy .button-link { margin-top: 25px; color: #07100e; }
  .radar { position: absolute; right: -4vw; top: 8%; width: min(45vw,620px); aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--accent) 65%,transparent); border-radius: 50%; box-shadow: inset 0 0 70px color-mix(in srgb,var(--accent) 8%,transparent); }
  .radar::before, .radar::after { content: ''; position: absolute; inset: 16%; border: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); border-radius: 50%; }
  .radar::after { inset: 34%; }
  .radar > i:nth-child(1) { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: color-mix(in srgb,var(--accent) 28%,transparent); }
  .radar > i:nth-child(2) { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: color-mix(in srgb,var(--accent) 28%,transparent); }
  .radar > i:nth-child(3) { position: absolute; inset: 50% auto auto 50%; width: 42%; height: 2px; background: var(--accent); transform-origin: left; transform: rotate(-32deg); box-shadow: 0 0 16px var(--accent); }
  .radar > b { position: absolute; top: 29%; left: 64%; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 20px var(--accent); }
  .radar > span { position: absolute; right: 12%; bottom: 15%; color: var(--accent); font-size: 9px; }
  .telemetry { position: absolute; z-index: 2; left: 4vw; right: 4vw; bottom: 35px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid color-mix(in srgb,var(--accent) 40%,transparent); }
  .telemetry span { padding-top: 16px; font-size: 9px; letter-spacing: .1em; }
  .telemetry b { margin-right: 10px; color: var(--accent); font-size: 20px; }
  .c7-operations { padding: calc(120px * var(--density)) 4vw; border-top: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); background: color-mix(in srgb,var(--bg) 92%,#000); }
  .terminal-title { display: grid; grid-template-columns: 1fr auto; }
  .terminal-title p { grid-column: 1 / -1; color: var(--accent); font-size: 10px; }
  .terminal-title h2 { margin: 30px 0 70px; font-size: clamp(50px,7vw,100px); line-height: .8; text-transform: uppercase; }
  .terminal-title > span { align-self: end; margin-bottom: 70px; color: var(--accent); font-size: 10px; }
  .terminal-grid { display: grid; grid-template-columns: repeat(3,1fr); }
  .terminal-grid article { min-height: 350px; padding: 24px; border: 1px solid color-mix(in srgb,var(--accent) 32%,transparent); margin-right: -1px; }
  .terminal-grid article > div { color: var(--accent); font-size: 11px; }
  .terminal-grid h3 { margin: 100px 0 24px; font-size: 22px; }
  .terminal-grid p { min-height: 60px; font-size: 11px; line-height: 1.55; opacity: .7; }
  .progress { display: block; height: 4px; margin-top: 32px; background: color-mix(in srgb,var(--accent) 12%,transparent); }
  .progress i { display: block; height: 100%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
  .c7-network { padding: calc(120px * var(--density)) 4vw; display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; }
  .c7-network > div:first-child > p:first-child { color: var(--accent); font-size: 10px; }
  .c7-network h2 { margin: 50px 0 30px; font-size: clamp(45px,6vw,85px); line-height: .9; text-transform: uppercase; }
  .c7-network > div:first-child > p:last-child { max-width: 520px; line-height: 1.5; opacity: .7; }
  .network-stack { display: grid; align-content: center; }
  .network-stack span { display: grid; grid-template-columns: 50px 1fr auto; padding: 20px 0; border-bottom: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); transform: translateX(calc(var(--i) * 9px)); }
  .network-stack b, .network-stack i { color: var(--accent); font-size: 9px; }
  .c7-compliance { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 24px; padding: 55px 4vw; background: var(--accent); color: var(--bg); }
  .c7-compliance > span { font-size: 70px; line-height: 1; }
  .c7-compliance > p { font-size: 10px; }
  .c7-compliance h2 { margin: 0; font-size: clamp(25px,4vw,55px); line-height: .95; text-transform: uppercase; }

  /* 08 — MONUMENT */
  .c8 { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font); }
  .c8-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 24px 5vw; border-bottom: 1px solid color-mix(in srgb,var(--ink) 18%,transparent); }
  .c8-nav nav { display: flex; gap: 30px; font: 11px Arial,sans-serif; }
  .c8-nav > a { justify-self: end; padding-bottom: 5px; border-bottom: 1px solid; font: 11px Arial,sans-serif; }
  .c8-hero { position: relative; min-height: 890px; padding: calc(130px * var(--density)) 7vw 70px; text-align: center; overflow: hidden; isolation: isolate; }
  .monolith { position: absolute; z-index: -1; top: -5%; left: 33%; width: 36%; height: 110%; opacity: .5; filter: contrast(1.1); }
  .monolith::before { content: ''; position: absolute; inset: 0; background: linear-gradient(118deg,#9f9587 0,#e0dad0 29%,#776e64 58%,#c0b7a9); clip-path: polygon(24% 0,92% 0,72% 100%,0 100%); }
  .monolith::after { content: ''; position: absolute; inset: 0; opacity: .13; background-image: repeating-linear-gradient(78deg,transparent 0 11px,#241d16 12px 13px); clip-path: polygon(24% 0,92% 0,72% 100%,0 100%); }
  .c8-hero h1 { margin: 80px 0 50px; font-size: clamp(75px,11.5vw,175px); line-height: .72; letter-spacing: -.07em; font-weight: 400; }
  .c8-hero h1 i { color: var(--accent); font-weight: 400; }
  .c8-hero > p:nth-of-type(2) { max-width: 590px; margin: 0 auto 40px; font: 15px/1.6 Arial,sans-serif; }
  .c8-statement { padding: calc(150px * var(--density)) 10vw; text-align: center; background: color-mix(in srgb,var(--bg) 88%,#fff); }
  .c8-statement > p { font: 10px Arial,sans-serif; letter-spacing: .15em; text-transform: uppercase; }
  .c8-statement h2 { max-width: 1200px; margin: 50px auto 90px; font-size: clamp(48px,7vw,100px); line-height: .98; font-weight: 400; }
  .c8-statement > div { display: grid; grid-template-columns: repeat(3,1fr); }
  .c8-statement span { padding: 20px; border-top: 1px solid currentColor; font-size: 14px; }
  .c8-statement b { display: block; margin-bottom: 30px; color: var(--accent); font: 10px Arial,sans-serif; }
  .c8-practice { padding: calc(130px * var(--density)) 6vw; display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; }
  .c8-practice article:nth-child(2) { margin-top: 180px; }
  .stone-image { position: relative; height: 520px; margin-bottom: 44px; overflow: hidden; background: linear-gradient(145deg,#77746e,#c8c2b8 44%,#5c5d5b); }
  .stone-image--one::before { content: ''; position: absolute; left: 17%; bottom: 0; width: 67%; height: 64%; border: 4px solid #ddd7cc; border-bottom: 0; border-radius: 50% 50% 0 0; box-shadow: inset 0 0 0 28px #353b3a; }
  .stone-image--one::after { content: ''; position: absolute; left: 44%; top: 15%; width: 12%; height: 85%; background: var(--accent); opacity: .7; }
  .stone-image--two { background: linear-gradient(155deg,#d6cfc3,#8b8176 50%,#3d3c39); }
  .stone-image--two::before { content: ''; position: absolute; left: 10%; top: 12%; width: 70%; height: 70%; border: 1px solid #ffffffaa; transform: rotate(-8deg); box-shadow: 36px 27px 0 #8d8174; }
  .c8-practice h2 { margin: 25px 0; font-size: clamp(45px,5vw,76px); line-height: .95; font-weight: 400; }
  .c8-practice article > p:not(.eyebrow) { max-width: 570px; font: 14px/1.6 Arial,sans-serif; }
  .c8-practice article > a { display: inline-block; margin-top: 22px; padding-bottom: 6px; border-bottom: 1px solid; font: 11px Arial,sans-serif; }
  .c8-number { padding: calc(110px * var(--density)) 8vw; display: grid; grid-template-columns: auto auto auto 1fr; gap: 20px; align-items: end; background: var(--accent); color: #fff; }
  .c8-number > span { align-self: start; font: 12px Arial,sans-serif; text-transform: uppercase; }
  .c8-number b { font-size: clamp(150px,24vw,360px); line-height: .62; letter-spacing: -.08em; font-weight: 400; }
  .c8-number i { font-size: 48px; font-weight: 400; }
  .c8-number p { max-width: 480px; margin: 0 0 5px 5vw; font: 16px/1.45 Arial,sans-serif; }
  .c8-process { padding: calc(130px * var(--density)) 7vw; }
  .c8-process > div { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 70px; }
  .c8-process span { min-height: 150px; padding: 20px; border: 1px solid color-mix(in srgb,var(--ink) 22%,transparent); margin: 0 -1px -1px 0; }
  .c8-process b { display: block; margin-bottom: 55px; color: var(--accent); font: 10px Arial,sans-serif; }
}

@layer responsive {
  @media (max-width: 980px) {
    .gallery-hero > div { margin-left: 10vw; }
    .gallery-grid { grid-template-columns: 1fr; }
    .gallery-card { border-right: 0; }
    .section-heading { grid-template-columns: 1fr; }
    .section-heading > span { max-width: 460px; }
    .contact-block { grid-template-columns: 1fr; }
    .site-footer { grid-template-columns: 1fr 1fr; }
    .c1-nav nav, .c2-nav nav, .c3-nav .coordinates, .c4-nav > p, .c5-nav > p, .c7-nav .status, .c8-nav nav { display: none; }
    .c1-nav, .c2-nav, .c3-nav, .c4-nav, .c5-nav, .c7-nav, .c8-nav { grid-template-columns: 1fr auto; }
    .c1-hero-foot { margin-left: 20%; }
    .c1-method > div { grid-template-columns: repeat(3,1fr); }
    .c1-method span { border-bottom: 1px solid #ffffff44; }
    .c2-hero { grid-template-columns: 1fr; }
    .c2-sky { min-height: 480px; }
    .c2-intro { grid-template-columns: auto 1fr; }
    .c2-intro aside { grid-column: 2; }
    .c3-hero { grid-template-columns: 1fr; }
    .c3-title { border-right: 0; border-bottom: 1px solid color-mix(in srgb,var(--ink) 30%,transparent); }
    .map-wrap { min-height: 520px; }
    .atlas-cards { grid-template-columns: repeat(2,1fr); }
    .c4-hero { grid-template-columns: 1fr; }
    .c4-hero article { min-height: 650px; }
    .c4-stamp { top: 50%; }
    .c4-supply-detail { grid-template-columns: 1fr; }
    .c5-deck { width: 100%; }
    .c5-scope, .c5-process { grid-template-columns: 1fr; }
    .scope-title { border-right: 0; border-bottom: 1px solid var(--ink); }
    .scope-title h2 { margin-top: 20px; }
    .c7-network { grid-template-columns: 1fr; }
    .radar { right: -25%; opacity: .65; }
    .c8-practice article:nth-child(2) { margin-top: 90px; }
    .c8-number { grid-template-columns: auto auto auto; }
    .c8-number p { grid-column: 1 / -1; margin-left: 0; }
  }

  @media (max-width: 700px) {
    :root { --chrome-h: 56px; }
    .chrome-back span, .chrome-title, .chrome-actions > span { display: none; }
    .preview-chrome { grid-template-columns: 1fr auto; }
    .chrome-actions { grid-column: 2; }
    .gallery-nav { grid-template-columns: 1fr auto; }
    .gallery-nav > p { display: none; }
    .gallery-hero { padding-top: 70px; }
    .gallery-hero h1 { margin-bottom: 40px; font-size: clamp(52px,16vw,90px); }
    .gallery-hero h1 i { margin-left: 0; }
    .gallery-hero > div, .gallery-help { grid-template-columns: 1fr; margin-left: 0; }
    .gallery-card { padding: 22px; }
    .gallery-card > small { margin-left: 0; }
    .gallery-card h2 { font-size: 25px; }
    .gallery-footer { display: grid; gap: 10px; }
    .contact-block { padding-left: 22px; padding-right: 22px; }
    .contact-block form { grid-template-columns: 1fr; }
    .contact-block .form-wide { grid-column: 1; }
    .site-footer { grid-template-columns: 1fr; padding: 45px 22px; }
    .wordmark img { width: 90px; }

    .c1-nav { inset: calc(var(--chrome-h) + 15px) 18px auto; }
    .c1-nav .button-link { min-width: auto; padding: 12px 14px; }
    .c1-hero { min-height: 760px; padding-left: 22px; padding-right: 22px; }
    .c1-hero h1 { font-size: clamp(60px,19vw,95px); }
    .c1-hero-foot { grid-template-columns: 1fr; margin-left: 12%; }
    .c1-orbit { width: 74vw; right: -25%; }
    .c1-expertise, .c1-reach, .c1-method { padding-left: 22px; padding-right: 22px; }
    .c1-duo, .c1-reach { grid-template-columns: 1fr; }
    .c1-duo article { min-height: 430px; }
    .c1-method > div { grid-template-columns: repeat(2,1fr); }

    .c2-nav { height: 82px; padding: 0 20px; }
    .c2-copy { padding: 70px 22px; }
    .c2-copy h1 { margin-top: 55px; font-size: clamp(58px,18vw,90px); }
    .c2-sky { min-height: 380px; }
    .c2-intro { grid-template-columns: 1fr; padding: 80px 22px; }
    .dropcap { display: none; }
    .c2-intro aside { grid-column: auto; }
    .c2-services, .c2-industries { padding-left: 22px; padding-right: 22px; }
    .editorial-cards, .c2-industries { grid-template-columns: 1fr; }
    .editorial-cards article:nth-child(odd) { border-right: 0; }
    .c2-quote { padding-left: 22px; padding-right: 22px; }

    .c3-nav { padding: 13px 18px; }
    .c3-nav nav { display: none; }
    .c3-title { padding: 70px 22px; }
    .c3-title h1 { margin: 55px 0; font-size: clamp(60px,18vw,92px); }
    .map-wrap { min-height: 380px; }
    .c3-manifest { grid-template-columns: 1fr; padding: 80px 22px; }
    .c3-deals { grid-template-columns: 38px 1fr; }
    .vertical-label { padding: 12px; }
    .c3-deals > div { padding: 80px 20px; }
    .atlas-cards { grid-template-columns: 1fr; }
    .c3-values { grid-template-columns: 1fr 1fr; }

    .c4-nav { padding: 10px 20px; }
    .c4-hero article { min-height: 590px; padding: 55px 22px; }
    .c4-stamp { width: 92px; height: 92px; }
    .c4-supply-detail { padding: 80px 22px; }
    .c4-consult-detail { grid-template-columns: 1fr; }
    .c4-side-title { border-right: 0; border-bottom: 1px solid color-mix(in srgb,var(--bg) 20%,transparent); }
    .c4-side-title h2 { margin-top: 30px; writing-mode: horizontal-tb; transform: none; }
    .split-cards { grid-template-columns: 1fr; padding: 22px; }
    .c4-principles { grid-template-columns: 1fr; }
    .c4-principles p { border-right: 0; border-bottom: 1px solid #ffffff66; }

    .c5-nav { padding: 10px 18px; }
    .c5-nav nav { gap: 14px; font-size: 9px; }
    .c5-hero { min-height: 610px; padding: 80px 20px 30px; }
    .c5-hero h1 { font-size: clamp(58px,18vw,92px); line-height: .75; }
    .c5-deck { grid-template-columns: 1fr; }
    .c5-deck p { padding: 10px 0; border-right: 0; border-bottom: 1px solid; }
    .c5-deck p:not(:first-child) { padding-left: 0; }
    .module-grid, .process-grid { grid-template-columns: 1fr; }
    .module-grid article, .process-grid article { border-right: 0; }
    .c5-fact { grid-template-columns: 1fr; padding: 70px 22px; }
    .c5-rule { padding-left: 22px; padding-right: 22px; }

    .c6 { grid-template-columns: 1fr; }
    .c6-index { display: none; }
    .dossier-head { grid-template-columns: 1fr auto; padding: 18px 22px; }
    .dossier-head > p { display: none; }
    .dossier-cover { min-height: 720px; padding: 85px 24px 60px; }
    .cover-copy { margin-left: 0; }
    .dossier-file { margin: 0 16px 70px; padding: 70px 22px; }
    .file-meta { grid-template-columns: 1fr; gap: 8px; }
    .file-columns, .dossier-cards { grid-template-columns: 1fr; }

    .c7-nav { padding: 18px; }
    .c7-nav nav a:not(:last-child) { display: none; }
    .c7-hero { min-height: 680px; padding: 90px 22px 30px; }
    .c7-copy h1 { font-size: clamp(64px,20vw,98px); }
    .radar { width: 92vw; top: 30%; right: -48%; opacity: .35; }
    .telemetry { grid-template-columns: 1fr 1fr; left: 22px; right: 22px; }
    .telemetry span:last-child { display: none; }
    .c7-operations, .c7-network { padding-left: 22px; padding-right: 22px; }
    .terminal-grid { grid-template-columns: 1fr; }
    .terminal-grid article { min-height: 280px; }
    .c7-compliance { grid-template-columns: auto 1fr; }
    .c7-compliance h2 { grid-column: 1 / -1; }

    .c8-nav { padding: 15px 20px; }
    .c8-nav > a { font-size: 9px; }
    .c8-hero { min-height: 730px; padding: 90px 20px 60px; }
    .monolith { left: 14%; width: 72%; }
    .c8-hero h1 { font-size: clamp(67px,19vw,100px); }
    .c8-statement { padding: 90px 22px; }
    .c8-statement > div { grid-template-columns: 1fr; }
    .c8-practice { grid-template-columns: 1fr; padding: 80px 22px; }
    .c8-practice article:nth-child(2) { margin-top: 60px; }
    .stone-image { height: 380px; }
    .c8-number { grid-template-columns: auto auto; padding: 70px 22px; }
    .c8-number > span { grid-column: 1 / -1; }
    .c8-number i { font-size: 32px; }
    .c8-process { padding: 80px 22px; }
    .c8-process > div { grid-template-columns: 1fr 1fr; }
  }
}
}