:root {
  --color-ink: #1b2931;
  --color-mineral: #30464b;
  --color-bone: #eee5d8;
  --color-stone: #d7cbbd;
  --color-warm-accent: #b27a5e;
  --color-human-light: #e9c7a3;
  --color-ink-soft: #5e6c70;
  --color-line: rgba(27, 41, 49, .16);
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-soft);
  --paper: var(--color-bone);
  --line: var(--color-line);
  --accent: var(--color-warm-accent);
  --accent-soft: var(--color-human-light);
  --mineral: var(--color-mineral);
  --shadow: 0 28px 70px rgba(27, 41, 49, .13);
  --radius: 28px;
  --pointer-x: 0;
  --pointer-y: 0;
  --mode-x: 0;
  --mode-y: 0;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--paper);
  color: var(--ink);
}

/* Candidate 10E.0: a single spatial recovery pass over the frozen 10D.9 build. */
.candidate-10e .hero__depth-frame {
  position: absolute;
  top: 16%;
  right: 5%;
  z-index: 1;
  width: min(30vw, 420px);
  height: 62%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 30px;
  opacity: .78;
  transform: perspective(1100px) rotateY(-8deg) rotateZ(1deg);
  box-shadow: 0 32px 90px rgba(9,20,28,.28), inset 0 0 0 1px rgba(255,255,255,.24);
  pointer-events: none;
}
.candidate-10e .hero__depth-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 45%; transform: scale(1.18); filter: saturate(.82) contrast(1.08); }
.candidate-10e .hero__depth-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(8,23,31,.02), rgba(8,23,31,.22) 72%, rgba(8,23,31,.6)); }
.candidate-10e .hero__depth-frame span { position: absolute; left: 18px; bottom: 16px; z-index: 1; color: rgba(255,255,255,.92); font-size: 9px; letter-spacing: .2em; }
.candidate-10e .hero__copy { max-width: 680px; transform: translate3d(0,-2vh,0); }
.candidate-10e .product-world { min-height: 110svh; grid-template-columns: minmax(0,.8fr) minmax(440px,1fr); background: linear-gradient(135deg,#eee5d8 0%,#e7d6c5 52%,#d7c5b4 100%); }
.candidate-10e .product-world__image { position: absolute; top: 10%; right: 7%; z-index: 0; width: min(38vw,560px); height: 72%; overflow: hidden; border: 1px solid rgba(255,255,255,.45); border-radius: 32px; opacity: .82; transform: perspective(1200px) rotateY(-9deg) rotateZ(1deg); box-shadow: 0 36px 100px rgba(32,43,47,.25); }
.candidate-10e .product-world__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.84) contrast(1.03); }
.candidate-10e .product-world__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(150deg, rgba(10,28,36,.02), rgba(10,28,36,.2) 58%, rgba(10,28,36,.68)); }
.candidate-10e .product-world__image span { position: absolute; left: 22px; bottom: 20px; z-index: 1; color: white; font-size: 10px; letter-spacing: .18em; }
.candidate-10e .mode-selector { z-index: 2; padding: 12px 18px; border: 1px solid rgba(27,41,49,.22); border-radius: 24px; background: rgba(255,255,255,.55); box-shadow: 0 28px 70px rgba(28,39,43,.17); backdrop-filter: blur(12px); }
.candidate-10e .mode { padding: 26px 12px; border-color: rgba(27,41,49,.15); }
.candidate-10e .representative-state { z-index: 3; background: rgba(255,255,255,.7); box-shadow: 0 22px 64px rgba(28,39,43,.16); }
.candidate-10e .evidence-section, .candidate-10e .guides-section { position: relative; overflow: hidden; background: linear-gradient(120deg,#eee5d8 0%,#f5ede3 56%,#e2d1c0 100%); }
.candidate-10e .evidence-section::before, .candidate-10e .guides-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 88% 12%, rgba(255,255,255,.68), transparent 34%), radial-gradient(circle at 6% 84%, rgba(183,149,117,.14), transparent 38%); }
.candidate-10e .trust-section { position: relative; background: #d9c6b3; }
.candidate-10e .trust-flow { position: relative; overflow: hidden; }
.candidate-10e .trust-flow::before { content: ""; position: absolute; top: 50%; left: 8%; right: 8%; height: 1px; background: var(--accent); opacity: .45; }
.candidate-10e .trust-flow li { position: relative; background: rgba(232,222,208,.58); }
@media (max-width: 700px) {
  .candidate-10e .hero__depth-frame { top: 17%; right: -18px; width: 58vw; height: 44%; opacity: .34; transform: perspective(900px) rotateY(-7deg); }
  .candidate-10e .hero__copy { transform: none; }
  .candidate-10e .product-world { min-height: 900px; padding-top: 110px; grid-template-columns: 1fr; background: linear-gradient(135deg,#eee5d8 0%,#e7d6c5 52%,#d7c5b4 100%); }
  .candidate-10e .product-world__image { top: 5%; right: -16px; width: 68vw; height: 44%; opacity: .38; transform: rotateZ(1deg); }
  .candidate-10e .product-world__copy, .candidate-10e .mode-selector, .candidate-10e .representative-state { position: relative; z-index: 2; }
  .candidate-10e .mode-selector { padding: 8px 14px; border-radius: 20px; }
  .candidate-10e .trust-flow::before { top: 0; bottom: 0; left: 7px; width: 1px; height: auto; }
  .candidate-10e .trust-flow li { padding-left: 20px; }
}

/* Candidate 10F.0: portrait-first mobile art direction and readable touch UI. */
.candidate-10f .spectrum-plane picture,
.candidate-10f .climax__media picture { position: absolute; inset: 0; display: block; }
.candidate-10f .spectrum-plane picture img,
.candidate-10f .climax__media picture img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 700px) {
  .candidate-10f .hero__depth-frame { display: none; }
  .candidate-10f .hero__support,
  .candidate-10f .product-world__intro,
  .candidate-10f .representative-state__next { font-size: 16px; line-height: 1.45; }
  .candidate-10f .mode { min-height: 132px; padding: 24px 16px; }
  .candidate-10f .mode__name { font-size: 20px; }
  .candidate-10f .mode__detail { font-size: 16px; line-height: 1.4; }
  .candidate-10f .mode__status { font-size: 14px; line-height: 1.35; }
  .candidate-10f .evidence-section p,
  .candidate-10f .trust-section p,
  .candidate-10f .guides-section p,
  .candidate-10f .closing-section > p { font-size: 16px; line-height: 1.5; }
  .candidate-10f .site-nav a,
  .candidate-10f .header-action,
  .candidate-10f .hero__action,
  .candidate-10f .primary-action,
  .candidate-10f .secondary-action,
  .candidate-10f .evidence-toggle { min-height: 44px; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); overflow-x: hidden; }
body::selection { background: var(--ink); color: var(--paper); }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 16px; border-radius: 999px; background: var(--ink); color: white; transform: translateY(-180%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.ambient-world { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: radial-gradient(circle at 78% 18%, rgba(220, 169, 130, .18), transparent 32%), radial-gradient(circle at 5% 70%, rgba(80, 126, 142, .1), transparent 36%); }
.ambient-world span { position: absolute; width: 28vw; height: 28vw; border-radius: 50%; filter: blur(45px); opacity: .14; background: var(--accent-soft); transform: translate(calc(var(--pointer-x) * -20px), calc(var(--pointer-y) * -18px)); }
.ambient-world span:nth-child(1) { top: -10vw; right: -8vw; }
.ambient-world span:nth-child(2) { left: -12vw; bottom: 16vh; background: #9ab2b5; }
.ambient-world span:nth-child(3) { right: 12vw; bottom: -16vw; background: #d1b79f; }
.entrance { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; gap: 18px; align-content: center; background: var(--paper); color: var(--ink); opacity: 1; transition: opacity .9s ease, visibility .9s ease; }
.entrance.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.entrance__mark img { width: 92px; height: 92px; object-fit: contain; margin: auto; }
.entrance p { margin: 0; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-soft); }
main { position: relative; z-index: 1; }
.scene { position: relative; isolation: isolate; }
.hero { min-height: 100svh; display: flex; align-items: flex-end; padding: clamp(120px, 14vw, 180px) clamp(22px, 6vw, 96px) clamp(44px, 8vh, 92px); overflow: hidden; background: #d6c5b4; }
.hero__media, .hero__veil, .three-canvas--hero { position: absolute; inset: 0; }
.hero__media { z-index: -4; transform: scale(calc(1.02 + var(--hero-progress, 0) * .04)) translate(calc(var(--pointer-x) * -10px), calc(var(--pointer-y) * -8px)); transition: transform .25s ease-out; }
.hero__media picture, .hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 54% 44%; }
.hero__veil { z-index: -2; background: linear-gradient(90deg, rgba(8, 20, 38, .74), rgba(8, 20, 38, .22) 50%, rgba(8, 20, 38, .05)), linear-gradient(0deg, rgba(8, 20, 38, .55), transparent 52%); }
.three-canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
.three-canvas--hero { z-index: -1; opacity: .82; mix-blend-mode: screen; }
.site-header { position: absolute; z-index: 5; top: 0; right: 0; left: 0; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 26px; padding: 22px clamp(22px, 6vw, 96px); color: white; transition: background .35s ease, color .35s ease, box-shadow .35s ease; }
.site-header.is-settled { position: fixed; background: rgba(246, 241, 232, .88); color: var(--ink); box-shadow: 0 1px 0 var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; text-decoration: none; }
.brand img { width: 112px; height: auto; object-fit: contain; }
.header-note { margin: 0; font-size: 10px; letter-spacing: .17em; text-transform: uppercase; opacity: .85; }
.header-note span { padding: 0 7px; opacity: .45; }
.site-nav { display: flex; justify-content: flex-end; gap: 20px; font-size: 12px; }
.site-nav a, .header-action, .site-footer a { text-decoration: none; }
.site-nav a { opacity: .82; }
.site-nav a:hover, .site-nav a:focus-visible { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.header-action { border: 1px solid currentColor; border-radius: 999px; padding: 10px 16px; font-size: 11px; white-space: nowrap; }
.hero__copy { position: relative; z-index: 2; max-width: 760px; color: white; }
.eyebrow { margin: 0 0 18px; font-size: 10px; line-height: 1.5; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.hero h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; }
.hero h1 { max-width: 730px; margin: 0; font-size: clamp(52px, 8.6vw, 130px); line-height: .91; }
.hero h1 span { display: block; }
.hero h1 span:last-child { color: #f8dfc6; }
.hero h1 sup { font-family: Inter, sans-serif; font-size: .18em; vertical-align: top; margin-left: .18em; letter-spacing: 0; }
.hero__support { max-width: 410px; margin: 28px 0 0; font-size: clamp(16px, 1.7vw, 21px); line-height: 1.45; color: rgba(255,255,255,.87); }
.brand-note { max-width: 470px; margin: 16px 0 0; font-size: 11px; line-height: 1.5; color: rgba(255,255,255,.7); }
.hero__action { display: inline-flex; gap: 20px; align-items: center; margin-top: 32px; padding: 14px 18px; border: 1px solid rgba(255,255,255,.52); border-radius: 999px; text-decoration: none; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.hero__action span { font-size: 18px; line-height: 1; }
.hero__caption, .hero__scroll-cue { position: absolute; z-index: 2; bottom: 38px; color: rgba(255,255,255,.8); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.hero__caption { right: clamp(22px, 6vw, 96px); display: grid; gap: 7px; text-align: right; }
.hero__caption span:last-child { color: rgba(255,255,255,.68); letter-spacing: .08em; text-transform: none; }
.hero__scroll-cue { left: clamp(22px, 6vw, 96px); display: flex; align-items: center; gap: 10px; }
.hero__scroll-cue span { display: inline-block; width: 22px; height: 1px; background: currentColor; }
.story-sequence { position: relative; height: 640vh; background: #122337; color: white; }
.story-stage { position: sticky; top: 0; height: 100svh; overflow: hidden; display: grid; align-items: center; }
.spectrum-light { position: absolute; inset: -25%; background: radial-gradient(circle at calc(52% + var(--pointer-x) * 12%), calc(48% + var(--pointer-y) * 12%), rgba(230, 184, 147, .26), transparent 32%), radial-gradient(circle at 12% 80%, rgba(120, 166, 172, .17), transparent 33%); filter: blur(10px); }
.spectrum-planes { position: absolute; inset: 0; perspective: 1100px; }
.spectrum-plane { position: absolute; inset: 9% 8% 12%; margin: 0; opacity: .04; transform: scale(1.08) translate3d(calc(var(--pointer-x) * -18px), calc(var(--pointer-y) * -12px), -10px); transition: opacity .45s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.spectrum-plane img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px; filter: saturate(.76) contrast(.97); box-shadow: var(--shadow); }
.spectrum-plane figcaption { position: absolute; left: 20px; bottom: 18px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: rgba(18,35,55,.35); backdrop-filter: blur(12px); font-size: 10px; letter-spacing: .18em; }
.spectrum-plane.is-focused { opacity: .95; transform: scale(1) translate3d(0,0,20px); }
.story__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,35,55,.95) 0%, rgba(18,35,55,.62) 40%, rgba(18,35,55,.18) 72%, rgba(18,35,55,.36)), linear-gradient(0deg, rgba(18,35,55,.72), transparent 50%); pointer-events: none; }
.story__copy { position: relative; z-index: 2; width: min(560px, 80vw); margin-left: clamp(22px, 9vw, 150px); transform: translateY(calc(var(--scroll-progress) * -4%)); }
.story__copy h2 { margin: 0; font-size: clamp(48px, 8vw, 110px); line-height: .92; }
.story__copy p:last-child { max-width: 390px; margin: 26px 0 0; color: rgba(255,255,255,.72); font-size: clamp(16px, 1.8vw, 21px); line-height: 1.42; }
.spectrum-index { position: absolute; z-index: 2; right: clamp(22px, 7vw, 110px); bottom: clamp(32px, 7vh, 76px); display: grid; grid-template-columns: auto auto; gap: 0 10px; align-items: baseline; color: rgba(255,255,255,.72); font-size: 11px; letter-spacing: .14em; }
.spectrum-index span:last-child { grid-column: 1 / -1; color: white; margin-top: 8px; }
.climax { min-height: 100svh; display: grid; align-items: end; padding: clamp(36px, 8vw, 110px); overflow: hidden; background: #162c3b; color: white; }
.climax__environment { position: absolute; inset: 0; background: radial-gradient(circle at 50% 30%, rgba(219, 161, 116, .3), transparent 34%), linear-gradient(145deg, #10283b, #345b63); }
.climax__media { position: absolute; inset: 0; opacity: .38; mix-blend-mode: screen; transform: scale(1.06); }
.climax__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.75); }
.climax__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,34,51,.88), rgba(15,34,51,.15)); }
.three-canvas--mark { position: absolute; top: 8%; left: 42%; width: 46%; height: 77%; z-index: 1; opacity: .92; }
.climax__copy { position: relative; z-index: 2; max-width: 700px; }
.climax__copy h2 { margin: 0; font-size: clamp(52px, 8vw, 120px); line-height: .92; }
.climax__copy h2 em { color: #efc79f; font-style: normal; }
.climax__copy p:last-child { max-width: 420px; margin: 28px 0 0; color: rgba(255,255,255,.72); font-size: 19px; line-height: 1.4; }
.product-world { position: relative; min-height: 100svh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .85fr); align-items: center; gap: clamp(34px, 7vw, 130px); padding: clamp(74px, 12vw, 150px) clamp(22px, 9vw, 150px); overflow: hidden; background: var(--paper); }
.product-world__environment { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.product-world__memory, .product-world__focus, .product-world__orbit { position: absolute; border-radius: 50%; transform: translate(calc(var(--mode-x) * 65px), calc(var(--mode-y) * 65px)); transition: transform .8s ease, opacity .8s ease; }
.product-world__memory { width: 42vw; height: 42vw; top: -14vw; right: -10vw; background: rgba(188,112,72,.16); filter: blur(4px); }
.product-world__focus { width: 26vw; height: 26vw; bottom: -9vw; left: 18vw; background: rgba(37,93,107,.11); }
.product-world__orbit { width: 68vw; height: 68vw; top: 10%; left: 30%; border: 1px solid rgba(18,35,55,.14); box-shadow: inset 0 0 0 22px rgba(255,255,255,.08); }
.product-world__copy, .mode-selector, .representative-state { position: relative; z-index: 1; }
.product-world__copy h2 { max-width: 720px; margin: 0; font-size: clamp(50px, 7vw, 100px); line-height: .94; }
.product-world__intro { max-width: 450px; margin: 24px 0 0; color: var(--ink-soft); font-size: 18px; line-height: 1.45; }
.mode-selector { display: grid; gap: 1px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mode { display: grid; grid-template-columns: 44px 1fr; gap: 2px 14px; padding: 22px 0; border: 0; border-bottom: 1px solid var(--line); color: var(--ink); background: transparent; text-align: left; cursor: pointer; transition: padding .3s ease, color .3s ease; }
.mode:last-child { border-bottom: 0; }
.mode:hover, .mode:focus-visible, .mode.is-active { padding-left: 14px; color: var(--mineral); }
.mode__number { grid-row: 1 / span 3; padding-top: 3px; color: var(--accent); font-size: 11px; letter-spacing: .12em; }
.mode__name { font-family: Georgia, "Times New Roman", serif; font-size: 28px; }
.mode__detail, .mode__status { font-size: 12px; line-height: 1.45; }
.mode__detail { color: var(--ink-soft); }
.mode__status { color: var(--accent); }
.representative-state { position: absolute; right: clamp(22px, 9vw, 150px); bottom: 34px; max-width: 480px; padding: 20px 24px; border-left: 2px solid var(--accent); background: rgba(255,255,255,.36); backdrop-filter: blur(15px); }
.representative-state__eyebrow { margin: 0 0 8px; font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.representative-state h3 { margin: 0; font-size: 30px; line-height: 1.02; }
.representative-state p:not(.representative-state__eyebrow):not(.representative-state__next) { margin: 12px 0 0; color: var(--ink-soft); line-height: 1.45; }
.representative-state__rule { display: block; width: 50px; height: 1px; margin: 18px 0 0; background: var(--accent); }
.representative-state__next { margin: 14px 0 0; color: var(--mineral); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.representative-state__next span { font-size: 16px; }
.product-world__footnote { position: absolute; left: clamp(22px, 9vw, 150px); bottom: 34px; margin: 0; color: var(--ink-soft); font-size: 11px; letter-spacing: .08em; }
.evidence-section, .trust-section, .guides-section { padding: clamp(90px, 13vw, 170px) clamp(22px, 9vw, 150px); background: var(--paper); }
.evidence-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(420px, 1fr); gap: clamp(36px, 8vw, 130px); }
.evidence-section h2, .trust-section h2, .guides-section h2, .closing-section h2 { margin: 0; font-size: clamp(50px, 7vw, 100px); line-height: .94; }
.evidence-section__intro > p:last-child, .trust-section__intro > p:last-child, .guides-section__intro > p:last-child { max-width: 440px; margin: 24px 0 0; color: var(--ink-soft); font-size: 17px; line-height: 1.5; }
.evidence-example { align-self: start; padding: clamp(26px, 4vw, 54px); border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.38); box-shadow: var(--shadow); }
.evidence-label { margin: 0 0 15px; color: var(--accent); font-size: 10px; font-weight: 700; letter-spacing: .19em; }
.evidence-example h3 { margin: 0; font-size: clamp(28px, 3vw, 46px); line-height: 1.02; }
.evidence-status { margin: 20px 0 0; color: var(--ink-soft); font-size: 13px; }
.evidence-toggle { display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; padding: 12px 0; border: 0; border-bottom: 1px solid currentColor; color: var(--ink); background: none; cursor: pointer; font-weight: 700; }
.evidence-source { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 14px; line-height: 1.5; }
.evidence-source[hidden] { display: none; }
.evidence-note { margin-bottom: 0; }
.trust-section { background: #e8ded0; }
.trust-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 60px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-flow li { min-height: 230px; padding: 26px; border-right: 1px solid var(--line); }
.trust-flow li:last-child { border-right: 0; }
.trust-flow span { color: var(--accent); font-size: 11px; letter-spacing: .15em; }
.trust-flow b { display: block; margin-top: 58px; font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 400; }
.trust-flow p { max-width: 190px; margin: 12px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.45; }
.guides-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(420px, 1fr); gap: clamp(36px, 8vw, 130px); }
.guide-list { border-top: 1px solid var(--line); }
.guide-link { display: grid; grid-template-columns: 44px 1fr 20px; gap: 12px; align-items: start; padding: 24px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.guide-link > span { color: var(--accent); font-size: 11px; letter-spacing: .1em; }
.guide-link h3 { margin: 0; font-size: 26px; letter-spacing: -.02em; }
.guide-link p { margin: 8px 0 0; color: var(--ink-soft); font-size: 13px; }
.guide-link:hover h3, .guide-link:focus-visible h3 { color: var(--accent); }
.closing-section { position: relative; min-height: 78svh; display: grid; align-content: center; padding: clamp(76px, 11vw, 150px) clamp(22px, 9vw, 150px); overflow: hidden; background: #102839; color: white; }
.closing-spectrum { position: absolute; inset: 0; opacity: .5; pointer-events: none; }
.closing-spectrum span { position: absolute; width: 32vw; height: 32vw; border-radius: 50%; border: 1px solid rgba(238,201,165,.28); transform: translate(calc(var(--pointer-x) * var(--distance, 22px)), calc(var(--pointer-y) * var(--distance, 16px))); }
.closing-spectrum span:nth-child(1) { top: -16vw; right: -7vw; --distance: 12px; }
.closing-spectrum span:nth-child(2) { top: 20%; right: 12%; --distance: 18px; }
.closing-spectrum span:nth-child(3) { bottom: -18vw; left: 12%; --distance: 26px; }
.closing-spectrum span:nth-child(4) { bottom: 12%; left: -7vw; --distance: 34px; }
.closing-section > *:not(.closing-spectrum) { position: relative; z-index: 1; }
.closing-section h2 { max-width: 850px; }
.closing-section > p:not(.eyebrow) { max-width: 430px; margin: 24px 0 0; color: rgba(255,255,255,.74); font-size: 18px; line-height: 1.5; }
.closing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.primary-action, .secondary-action { display: inline-flex; gap: 18px; align-items: center; padding: 14px 18px; border-radius: 999px; text-decoration: none; font-size: 12px; }
.primary-action { background: #eec9a5; color: var(--ink); }
.secondary-action { border: 1px solid rgba(255,255,255,.35); }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px clamp(22px, 6vw, 96px); background: #0c1f2e; color: rgba(255,255,255,.75); font-size: 11px; }
.site-footer .brand img { width: 106px; filter: brightness(0) invert(1); }
.site-footer p { margin: 0; letter-spacing: .12em; text-transform: uppercase; }
.orientation { position: fixed; z-index: 20; right: 24px; top: 50%; display: grid; gap: 5px; min-width: 105px; color: white; transform: translateY(-50%); mix-blend-mode: difference; pointer-events: none; }
.orientation p { margin: 0; font-size: 9px; letter-spacing: .17em; text-transform: uppercase; }
.orientation__count { font-size: 12px !important; }
.orientation__next { opacity: .72; }
.webgl-fallback .three-canvas { display: none; }
.webgl-fallback .climax__environment { background: radial-gradient(circle at 76% 22%, rgba(228,178,138,.25), transparent 30%), linear-gradient(145deg, #10283b, #345b63); }
.webgl-fallback .hero__media { transform: none; }
@media (max-width: 1050px) {
  .site-header { grid-template-columns: auto 1fr auto; }
  .header-note { display: none; }
  .site-nav { grid-column: 2 / -1; grid-row: 2; justify-content: flex-end; }
  .product-world, .evidence-section, .guides-section { grid-template-columns: 1fr; }
  .mode-selector { max-width: 720px; }
  .representative-state { position: relative; right: auto; bottom: auto; margin: 10px 0 0; max-width: 720px; }
  .product-world__footnote { position: relative; left: auto; bottom: auto; margin-top: 18px; }
  .product-world { align-content: center; }
}
@media (max-width: 700px) {
  .entrance__mark img { width: 74px; height: 74px; }
  .entrance p { max-width: 240px; text-align: center; line-height: 1.6; }
  .hero { min-height: 720px; padding-top: 142px; }
  .hero__media picture, .hero__media img { object-position: 62% 42%; }
  .hero__veil { background: linear-gradient(180deg, rgba(8,20,38,.48), rgba(8,20,38,.16) 40%, rgba(8,20,38,.84)); }
  .site-header { gap: 12px; padding: 16px 18px; }
  .brand img { width: 90px; }
  .site-nav { gap: 11px; font-size: 10px; }
  .header-action { padding: 8px 11px; font-size: 10px; }
  .hero h1 { font-size: clamp(48px, 14vw, 72px); }
  .hero__support { margin-top: 18px; font-size: 15px; }
  .hero__action { margin-top: 23px; font-size: 10px; }
  .hero__caption { right: 18px; bottom: 22px; font-size: 9px; }
  .hero__scroll-cue { left: 18px; bottom: 22px; font-size: 9px; }
  .story-sequence { height: 500vh; }
  .story-stage { min-height: 680px; }
  .spectrum-plane { inset: 11% 18px 21%; }
  .spectrum-plane img { border-radius: 17px; }
  .story__veil { background: linear-gradient(180deg, rgba(18,35,55,.28), rgba(18,35,55,.94) 70%); }
  .story__copy { width: calc(100vw - 44px); margin: 0 22px; align-self: end; padding-bottom: 126px; }
  .story__copy h2 { font-size: clamp(45px, 14vw, 72px); }
  .story__copy p:last-child { margin-top: 18px; font-size: 16px; }
  .spectrum-index { left: 22px; right: auto; bottom: 36px; }
  .three-canvas--mark { top: 8%; left: 30%; width: 70%; height: 58%; opacity: .62; }
  .climax { min-height: 700px; padding: 40px 22px 70px; }
  .climax__copy h2 { font-size: clamp(48px, 14vw, 72px); }
  .climax__copy p:last-child { font-size: 16px; }
  .product-world { min-height: 780px; padding: 86px 22px 56px; gap: 24px; }
  .product-world__copy h2 { font-size: clamp(46px, 13vw, 66px); }
  .product-world__intro { font-size: 16px; }
  .mode__name { font-size: 25px; }
  .representative-state { padding: 17px 18px; }
  .representative-state h3 { font-size: 26px; }
  .evidence-section, .trust-section, .guides-section { padding: 82px 22px; }
  .evidence-section h2, .trust-section h2, .guides-section h2, .closing-section h2 { font-size: clamp(46px, 13vw, 68px); }
  .evidence-example { padding: 24px 20px; }
  .trust-flow { display: block; margin-top: 36px; }
  .trust-flow li { min-height: auto; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .trust-flow li:last-child { border-bottom: 0; }
  .trust-flow b { margin-top: 28px; font-size: 28px; }
  .guide-link h3 { font-size: 23px; }
  .closing-section { min-height: 650px; padding: 78px 22px; }
  .site-footer { align-items: flex-start; flex-direction: column; padding: 26px 22px; }
  .site-footer p { font-size: 9px; line-height: 1.7; }
  .orientation { right: 14px; top: auto; bottom: 17px; transform: none; }
}

/* Candidate 10B.2: fitted signature mark with protected copy and face zones. */
.climax { isolation: isolate; }
.three-canvas--mark { top: 15%; left: 47%; width: 45%; height: 70%; z-index: 2; opacity: 1; filter: drop-shadow(0 22px 22px rgba(10,23,26,.24)); }
.climax__copy { max-width: min(44vw, 560px); }
.climax::after { left: 58%; top: 66%; width: 18%; height: 9%; background: radial-gradient(ellipse, rgba(12,28,31,.22), transparent 70%); }
.climax__environment { background: radial-gradient(circle at 66% 24%, rgba(238,205,170,.24), transparent 32%), linear-gradient(145deg, #3c5154, #7a8078); }
.climax__media { opacity: .42; mix-blend-mode: normal; }
.climax__media img { filter: saturate(1.05) brightness(1.15) sepia(.005) contrast(1.01); }
.climax__veil { background: linear-gradient(90deg, rgba(27,41,49,.48), rgba(27,41,49,.08) 72%); }
@media (max-width: 1100px) {
  .three-canvas--mark { left: 48%; width: 47%; }
  .climax__copy { max-width: min(48vw, 520px); }
}
@media (max-width: 700px) {
  .three-canvas--mark { top: 8%; left: 30%; width: 66%; height: 56%; opacity: .9; }
  .climax__copy { max-width: none; }
  .climax::after { left: 43%; top: 50%; width: 34%; height: 8%; }
}

/* Candidate 10B.1 repair: natural human luminance, a readable mineral sculpture and one chapter orientation. */
.story-sequence { background: #455357; }
.story__veil { background: linear-gradient(90deg, rgba(27,41,49,.42), rgba(27,41,49,.14) 43%, rgba(27,41,49,.025) 78%), linear-gradient(0deg, rgba(27,41,49,.24), transparent 56%); }
.spectrum-plane img { filter: saturate(1.02) brightness(1.05) contrast(1.01); }
.spectrum-plane--partners img { filter: saturate(.98) brightness(1.07) sepia(.012) contrast(1.01); }
.spectrum-plane--small-family img { filter: saturate(1.02) brightness(1.04) contrast(1.01); }
.spectrum-plane--multigenerational img { filter: saturate(.96) brightness(1.06) sepia(.01) contrast(1.02); }
.spectrum-plane--caring img { filter: saturate(.98) brightness(1.05) sepia(.018) contrast(1.01); }
.spectrum-plane--independent img { filter: saturate(.94) brightness(1.08) sepia(.01) contrast(1.01); }
.climax { background: #31484c; }
.climax__environment { background: radial-gradient(circle at 58% 25%, rgba(233,199,163,.25), transparent 34%), linear-gradient(145deg, #2d454a, #6a746d); }
.climax__media { opacity: .52; mix-blend-mode: normal; transform: scale(1.025); }
.climax__media img { filter: saturate(1.02) brightness(1.08) sepia(.01) contrast(1.02); }
.climax__veil { background: linear-gradient(90deg, rgba(27,41,49,.52), rgba(27,41,49,.08) 72%); }
.climax.is-converged .climax__media { opacity: .34; transform: scale(1.012); }
.three-canvas--mark { top: 3%; left: 38%; width: 58%; height: 91%; z-index: 2; opacity: 1; filter: drop-shadow(0 28px 28px rgba(10,23,26,.32)); }
.climax::after { content: ""; position: absolute; z-index: 1; left: 47%; top: 58%; width: 32%; height: 14%; border-radius: 50%; background: radial-gradient(ellipse, rgba(12,28,31,.3), transparent 68%); filter: blur(18px); pointer-events: none; }
.climax__copy { z-index: 3; max-width: min(54vw, 650px); }
.climax__copy h2 { font-size: clamp(48px, 6.3vw, 94px); }
.orientation { mix-blend-mode: normal; color: rgba(255,255,255,.86); }
@media (max-width: 700px) {
  .story__veil { background: linear-gradient(180deg, rgba(27,41,49,.12), rgba(27,41,49,.76) 72%); }
  .three-canvas--mark { top: 4%; left: 26%; width: 78%; height: 60%; opacity: .96; }
  .climax::after { left: 30%; top: 48%; width: 52%; height: 12%; }
  .climax__copy { max-width: none; }
  .climax__copy h2 { font-size: clamp(46px, 13vw, 72px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .hero__media { transform: none !important; }
  .spectrum-plane { opacity: .2 !important; transform: none !important; }
  .spectrum-plane.is-focused { opacity: .86 !important; }
  .entrance { transition: none; }
}

/* 10D.4 final cascade: these overrides intentionally come after all 10D.3 history. */
.climax { min-height: 126svh; }
.climax__environment { opacity: .12; }
.climax__media,
.climax.is-converged .climax__media,
.climax.is-resolved .climax__media { opacity: 1 !important; mix-blend-mode: normal; transform: scale(1.015) !important; }
.climax__media img { object-position: 58% center; filter: saturate(1.04) brightness(1.05) contrast(1.02); }
.climax__veil { background: linear-gradient(90deg, rgba(18,31,38,.46) 0%, rgba(18,31,38,.16) 42%, rgba(18,31,38,.02) 76%), linear-gradient(0deg, rgba(18,29,34,.2), transparent 62%); }
.climax::after { display: none; }
.climax__copy { isolation: isolate; }
.climax__copy::before { content: ""; position: absolute; z-index: -1; inset: -32px -44px -36px -28px; pointer-events: none; background: linear-gradient(90deg, rgba(18,31,38,.38), rgba(18,31,38,.08) 72%, transparent); filter: blur(8px); }
.orientation.is-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: none !important; }
@media (max-width: 700px) {
  .hero__caption { display: grid !important; right: 18px; bottom: calc(env(safe-area-inset-bottom) + 66px); width: min(43vw, 170px); max-width: 43vw; gap: 6px; font-size: 8px; line-height: 1.35; }
  .hero__scroll-cue { left: 18px; bottom: calc(env(safe-area-inset-bottom) + 22px); width: min(46vw, 180px); font-size: 8px; line-height: 1.35; }
  .climax { min-height: 900px; padding: 34px 22px calc(env(safe-area-inset-bottom) + 58px); align-items: end; }
  .climax__environment { opacity: .08; }
  .climax__media { inset: 0; opacity: 1 !important; transform: scale(1.02) !important; }
  .climax__media img { object-position: 42% 50%; filter: saturate(1.05) brightness(1.06) contrast(1.03); }
  .climax__veil { background: linear-gradient(180deg, rgba(18,31,38,.02) 0%, rgba(18,31,38,.04) 38%, rgba(18,31,38,.66) 78%, rgba(18,31,38,.84) 100%); }
  .climax__copy { width: 100%; max-width: none; padding-bottom: 0; }
  .climax__copy::before { inset: -28px -22px -30px; background: linear-gradient(180deg, transparent, rgba(18,31,38,.38) 42%, rgba(18,31,38,.58)); filter: blur(10px); }
  .climax__copy h2 { font-size: clamp(43px, 12.5vw, 70px); line-height: .95; }
  .climax__copy p:last-child { max-width: 300px; margin-top: 20px; color: rgba(255,255,255,.86); }
  .orientation[data-current-scene="one-thysure"] { top: calc(var(--header-height) + 18px); bottom: auto; right: 18px; }
}
@media (max-width: 360px) {
  .hero__caption { right: 14px; bottom: calc(env(safe-area-inset-bottom) + 68px); width: 42vw; max-width: 132px; font-size: 7px; }
  .hero__scroll-cue { left: 14px; width: 44vw; font-size: 7px; }
}

/* Reference uplift 02: one bounded scale correction for the editorial field.
   Media remains frozen; this layer only restores readable type-to-image balance. */
@media (min-width: 701px) {
  .candidate-reference-uplift .hero__copy { max-width: min(760px, 54vw); padding-bottom: clamp(10px, 2vh, 28px); }
  .candidate-reference-uplift .hero h1 { font-size: clamp(64px, 7.4vw, 112px); line-height: .9; }
  .candidate-reference-uplift .hero__support { max-width: 490px; margin-top: 26px; font-size: clamp(18px, 1.42vw, 21px); line-height: 1.42; }
  .candidate-reference-uplift .hero .eyebrow,
  .candidate-reference-uplift .story__copy .eyebrow { font-size: 12px; letter-spacing: .2em; }
  .candidate-reference-uplift .story__copy { width: min(620px, 48vw); max-width: min(620px, 48vw); margin-left: clamp(28px, 10vw, 160px); }
  .candidate-reference-uplift .story__copy h2 { font-size: clamp(64px, 7.2vw, 104px); line-height: .9; }
  .candidate-reference-uplift .story__copy p:last-child { max-width: 430px; margin-top: 28px; font-size: clamp(18px, 1.35vw, 21px); line-height: 1.42; }
  .candidate-reference-uplift .spectrum-index { right: clamp(28px, 7vw, 112px); font-size: 13px; letter-spacing: .12em; }
  .candidate-reference-uplift .orientation p { font-size: 12px; }
  .candidate-reference-uplift .hero__caption,
  .candidate-reference-uplift .hero__scroll-cue { font-size: 12px; }
  .candidate-reference-uplift .story__veil { background: linear-gradient(90deg, rgba(14,27,34,.62), rgba(14,27,34,.12) 62%, rgba(14,27,34,.02)), linear-gradient(0deg, rgba(14,27,34,.42), transparent 60%); }
}

@media (max-width: 700px) {
  .candidate-reference-uplift .hero h1 { font-size: clamp(44px, 13vw, 68px); line-height: .92; }
  .candidate-reference-uplift .hero__support { max-width: 320px; font-size: 16px; line-height: 1.4; }
  .candidate-reference-uplift .hero .eyebrow,
  .candidate-reference-uplift .story__copy .eyebrow { font-size: 10px; letter-spacing: .16em; }
  .candidate-reference-uplift .story__copy h2 { font-size: clamp(44px, 13vw, 68px); line-height: .93; }
  .candidate-reference-uplift .story__copy p:last-child { max-width: 320px; font-size: 16px; line-height: 1.42; }
  .candidate-reference-uplift .orientation p { font-size: 10px; }
  .candidate-reference-uplift .hero__caption,
  .candidate-reference-uplift .hero__scroll-cue { font-size: 9px; }
}

/* Reference-quality uplift 01: shared THYSURE DNA, scoped to the fresh review build. */
@font-face { font-family: Stage01Editorial; src: url("assets/fonts/CormorantGaramond-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Stage01Editorial; src: url("assets/fonts/CormorantGaramond-SemiBold.ttf") format("truetype"); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/Inter-Medium.ttf") format("truetype"); font-weight: 500 700; font-style: normal; font-display: swap; }
.candidate-reference-uplift {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-control: 999px;
  --radius-input: 18px;
  --radius-card: 24px;
  --radius-media: 32px;
  --motion-fast: 180ms;
  --motion-control: 360ms;
  --motion-story: 900ms;
  --font-display: Stage01Editorial, Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  font-family: var(--font-body);
}
.candidate-reference-uplift h1,
.candidate-reference-uplift h2,
.candidate-reference-uplift h3,
.candidate-reference-uplift .mode__name,
.candidate-reference-uplift .trust-flow b { font-family: var(--font-display); }
.candidate-reference-uplift .site-header { padding-block: clamp(18px, 2.2vw, 28px); gap: var(--space-6); }
.candidate-reference-uplift .brand img { width: clamp(128px, 11vw, 178px); height: auto; }
.candidate-reference-uplift .header-action,
.candidate-reference-uplift .hero__action,
.candidate-reference-uplift .primary-action,
.candidate-reference-uplift .secondary-action,
.candidate-reference-uplift .evidence-toggle { min-height: 44px; border-radius: var(--radius-control); }
.candidate-reference-uplift .hero__copy { max-width: 700px; }
.candidate-reference-uplift .hero h1 { font-weight: 600; letter-spacing: -.055em; text-wrap: balance; }
.candidate-reference-uplift .hero__support { max-width: 440px; }
.candidate-reference-uplift .story__copy h2,
.candidate-reference-uplift .climax__copy h2,
.candidate-reference-uplift .product-world__copy h2,
.candidate-reference-uplift .evidence-section h2,
.candidate-reference-uplift .trust-section h2,
.candidate-reference-uplift .guides-section h2,
.candidate-reference-uplift .closing-section h2 { font-weight: 600; }
.candidate-reference-uplift .product-world { background: linear-gradient(135deg, var(--color-bone) 0%, #e6d6c5 54%, var(--color-stone) 100%); }
.candidate-reference-uplift .product-world__environment { opacity: .72; }
.candidate-reference-uplift .product-world__image { border-radius: var(--radius-media); box-shadow: 0 36px 90px rgba(27,41,49,.18); }
.candidate-reference-uplift .mode-selector { border-radius: var(--radius-card); padding: 8px 18px; background: rgba(255,252,248,.52); box-shadow: 0 22px 58px rgba(27,41,49,.12); }
.candidate-reference-uplift .mode { min-height: 112px; padding-block: 24px; transition: padding var(--motion-control) cubic-bezier(.2,.7,.2,1), color var(--motion-fast) ease, background var(--motion-fast) ease; }
.candidate-reference-uplift .mode.is-active { background: rgba(255,252,248,.55); }
.candidate-reference-uplift .representative-state { border-left-width: 3px; border-radius: 0 var(--radius-input) var(--radius-input) 0; background: rgba(255,252,248,.68); }
.candidate-reference-uplift .evidence-example,
.candidate-reference-uplift .guide-link { border-radius: var(--radius-card); background: rgba(255,252,248,.56); }
.candidate-reference-uplift .trust-flow li { border-radius: var(--radius-input); }
.candidate-reference-uplift :focus-visible { outline: 2px solid var(--color-mineral); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .candidate-reference-uplift *,
  .candidate-reference-uplift *::before,
  .candidate-reference-uplift *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
@media (max-width: 700px) {
  .candidate-reference-uplift .site-header { padding: 16px 18px; gap: 12px; }
  .candidate-reference-uplift .brand img { width: 132px; }
  .candidate-reference-uplift .header-note { display: none; }
  .candidate-reference-uplift .hero h1 { font-size: clamp(48px, 14vw, 72px); }
  .candidate-reference-uplift .product-world { min-height: 900px; padding-inline: 22px; }
  .candidate-reference-uplift .mode-selector { padding-inline: 12px; }
  .candidate-reference-uplift .mode { min-height: 120px; }
  .candidate-reference-uplift .evidence-section,
  .candidate-reference-uplift .trust-section,
  .candidate-reference-uplift .guides-section { padding-inline: 22px; }
}

/* 10D.7 final mobile authority: authored later-scene framing wins legacy layers. */
@media (max-width: 700px) {
  .spectrum-plane--multigenerational img,
  .spectrum-plane--caring img,
  .spectrum-plane--independent img { object-position: 50% 50% !important; }
  .climax__media img { object-position: 50% 50% !important; }
}

/* 10D.6 final mobile focal-point authority. */
@media (max-width: 700px) {
  .spectrum-plane img { object-position: var(--mobile-focus, 56% 50%); }
  .climax__media img { object-position: var(--mobile-focus, 50% 36%); }
}

/* 10D.7: later Human Spectrum scenes use authored portrait compositions from the
   approved source photographs. Each scene gets a different spatial emphasis. */
@media (max-width: 700px) {
  .spectrum-plane--multigenerational { height: 61svh; min-height: 450px; }
  .spectrum-plane--multigenerational + .spectrum-plane::after { background: linear-gradient(180deg, rgba(14,27,34,.02), rgba(14,27,34,.08) 58%, rgba(14,27,34,.78) 100%); }
  .spectrum-plane--caring { height: 55svh; }
  .spectrum-plane--caring img { object-position: 50% 46%; }
  .spectrum-plane--independent { height: 58svh; min-height: 430px; }
  .spectrum-plane--independent img { object-position: 50% 48%; }
  .story-sequence[data-active-scene="multigenerational"] .story__copy { bottom: calc(82px + var(--mobile-safe-bottom)); max-width: 330px; }
  .story-sequence[data-active-scene="caring-parent"] .story__copy { bottom: calc(96px + var(--mobile-safe-bottom)); max-width: 340px; }
  .story-sequence[data-active-scene="older-independent"] .story__copy { bottom: calc(86px + var(--mobile-safe-bottom)); max-width: 315px; }
  .climax__media img { object-position: 50% 50%; }
}

/* 10D.6 final mobile focal-point authority. */
@media (max-width: 700px) {
  .spectrum-plane img { object-position: var(--mobile-focus, 56% 50%); }
  .climax__media img { object-position: var(--mobile-focus, 50% 36%); }
}

/* 10D.6 mobile art direction. Desktop and tablet behavior remains frozen above. */
@media (max-width: 700px) {
  :root { --mobile-safe-top: env(safe-area-inset-top, 0px); --mobile-safe-bottom: env(safe-area-inset-bottom, 0px); }
  .hero { min-height: max(760px, 100svh); height: max(760px, 100svh); display: block; padding: 0; background: #172c32; }
  .hero__media { inset: 0 0 auto; height: 56svh; min-height: 420px; max-height: 520px; transform: none; z-index: 0; }
  .hero__media picture, .hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--mobile-focus, 76% 48%); }
  .hero__veil { inset: 0 0 auto; height: 68svh; z-index: 1; background: linear-gradient(180deg, rgba(8,20,38,.22), rgba(8,20,38,.02) 35%, rgba(23,44,50,.92) 100%); }
  .three-canvas--hero { z-index: 2; opacity: .16; height: 56svh; }
  .site-header { z-index: 5; padding: calc(14px + var(--mobile-safe-top)) 18px 12px; grid-template-columns: auto 1fr auto; }
  .site-nav { display: none; }
  .header-action { padding: 10px 13px; }
  .hero__copy { position: absolute; inset: auto 22px calc(78px + var(--mobile-safe-bottom)); max-width: none; z-index: 4; }
  .hero__copy::before { content: ""; position: absolute; z-index: -1; inset: -120px -22px -28px; background: linear-gradient(180deg, transparent, rgba(23,44,50,.88) 38%, rgba(23,44,50,.98)); pointer-events: none; }
  .hero .eyebrow { margin-bottom: 12px; font-size: 9px; }
  .hero h1 { max-width: 350px; font-size: clamp(46px, 13.2vw, 66px); line-height: .93; }
  .hero__support { max-width: 310px; margin-top: 16px; font-size: 15px; line-height: 1.36; }
  .brand-note { max-width: 310px; margin-top: 12px; font-size: 10px; }
  .hero__action { margin-top: 18px; padding: 12px 14px; font-size: 9px; }
  .hero__caption { right: 18px; bottom: calc(28px + var(--mobile-safe-bottom)); z-index: 4; }
  .hero__scroll-cue { left: 18px; bottom: calc(28px + var(--mobile-safe-bottom)); z-index: 4; }
  .story-sequence { height: 430vh; }
  .story-stage { height: 100svh; min-height: 700px; display: block; background: #182b32; }
  .spectrum-planes { inset: 0; }
  .spectrum-plane { inset: 0 0 auto; height: 55svh; min-height: 390px; max-height: 520px; transform: none !important; background: #405355; }
  .spectrum-plane img { width: 100%; height: 100%; object-fit: cover; object-position: var(--mobile-focus, 50% 40%); border-radius: 0; filter: saturate(.98) brightness(.98) contrast(1.02); }
  .spectrum-plane::after { background: linear-gradient(180deg, rgba(14,27,34,.04), rgba(14,27,34,.02) 44%, rgba(14,27,34,.72) 100%); }
  .story__veil { inset: 44% 0 0; background: linear-gradient(180deg, rgba(24,43,50,.08), rgba(24,43,50,.98) 28%); }
  .story__copy { position: absolute; inset: auto 22px calc(94px + var(--mobile-safe-bottom)); width: auto; max-width: 350px; margin: 0; padding: 0; z-index: 3; transform: none; }
  .story__copy .eyebrow { margin-bottom: 12px; font-size: 9px; }
  .story__copy h2 { font-size: clamp(44px, 12.4vw, 62px); line-height: .94; }
  .story__copy p:last-child { max-width: 300px; margin-top: 16px; font-size: 15px; line-height: 1.4; color: rgba(255,255,255,.8); }
  .orientation { top: auto; right: 18px; bottom: calc(24px + var(--mobile-safe-bottom)); transform: none; mix-blend-mode: normal; color: rgba(255,255,255,.78); }
  .climax { min-height: max(760px, 100svh); height: max(760px, 100svh); padding: 0 22px calc(36px + var(--mobile-safe-bottom)); display: flex; align-items: flex-end; }
  .climax__media { inset: 0; opacity: 1 !important; transform: none !important; }
  .climax__media img { object-fit: cover; object-position: var(--mobile-focus, 50% 36%); filter: saturate(1.02) brightness(1.02) contrast(1.015); }
  .climax__veil { background: linear-gradient(180deg, rgba(18,31,38,.04), rgba(18,31,38,.12) 38%, rgba(18,31,38,.9) 86%, rgba(18,31,38,.98)); }
  .climax__copy { width: 100%; max-width: 350px; padding: 0; }
  .climax__copy h2 { font-size: clamp(43px, 12.2vw, 64px); line-height: .94; }
  .climax__copy p:last-child { max-width: 300px; margin-top: 18px; font-size: 15px; color: rgba(255,255,255,.86); }
  .product-world { min-height: max(820px, 100svh); padding-top: calc(76px + var(--mobile-safe-top)); padding-bottom: calc(72px + var(--mobile-safe-bottom)); }
}

/* Must remain the final mobile selector so scene metadata wins the legacy cascade. */
@media (max-width: 700px) {
  .spectrum-plane img { object-position: var(--mobile-focus, 56% 50%); }
  .climax__media img { object-position: var(--mobile-focus, 50% 36%); }
}
@media (max-width: 360px) {
  .site-nav { gap: 8px; font-size: 9px; }
  .header-action { display: none; }
  .hero { padding-left: 18px; padding-right: 18px; }
  .hero__caption { display: none; }
  .product-world { padding-left: 18px; padding-right: 18px; }
  .mode { grid-template-columns: 35px 1fr; padding: 18px 0; }
  .mode__detail { font-size: 11px; }
}

/* Candidate 10D.4: narrow final correction pass. */
.climax { min-height: 126svh; }
.climax__environment { opacity: .12; }
.climax__media,
.climax.is-converged .climax__media,
.climax.is-resolved .climax__media { opacity: 1 !important; mix-blend-mode: normal; transform: scale(1.015) !important; }
.climax__media img { object-position: 58% center; filter: saturate(1.04) brightness(1.05) contrast(1.02); }
.climax__veil { background: linear-gradient(90deg, rgba(18,31,38,.46) 0%, rgba(18,31,38,.16) 42%, rgba(18,31,38,.02) 76%), linear-gradient(0deg, rgba(18,29,34,.2), transparent 62%); }
.climax::after { display: none; }
.climax__copy { isolation: isolate; }
.climax__copy::before { content: ""; position: absolute; z-index: -1; inset: -32px -44px -36px -28px; pointer-events: none; background: linear-gradient(90deg, rgba(18,31,38,.38), rgba(18,31,38,.08) 72%, transparent); filter: blur(8px); }
.climax.is-resolved .climax__copy { transition: opacity .7s ease, transform 1.1s cubic-bezier(.22,.7,.2,1); }
.climax.is-still .climax__copy { transform: translateY(0); }
.orientation.is-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

@media (max-width: 700px) {
  .hero__caption { display: grid !important; right: 18px; bottom: calc(env(safe-area-inset-bottom) + 66px); width: min(43vw, 170px); max-width: 43vw; gap: 6px; font-size: 8px; line-height: 1.35; }
  .hero__caption span:last-child { max-width: 100%; }
  .hero__scroll-cue { left: 18px; bottom: calc(env(safe-area-inset-bottom) + 22px); width: min(46vw, 180px); font-size: 8px; line-height: 1.35; }
  .climax { min-height: 900px; padding: 34px 22px calc(env(safe-area-inset-bottom) + 58px); align-items: end; }
  .climax__environment { opacity: .08; }
  .climax__media { inset: 0; opacity: 1 !important; transform: scale(1.02) !important; }
  .climax__media img { object-position: 61% 34%; filter: saturate(1.05) brightness(1.06) contrast(1.03); }
  .climax__veil { background: linear-gradient(180deg, rgba(18,31,38,.02) 0%, rgba(18,31,38,.04) 38%, rgba(18,31,38,.66) 78%, rgba(18,31,38,.84) 100%); }
  .climax__copy { width: 100%; max-width: none; padding-bottom: 0; }
  .climax__copy::before { inset: -28px -22px -30px; background: linear-gradient(180deg, transparent, rgba(18,31,38,.38) 42%, rgba(18,31,38,.58)); filter: blur(10px); }
  .climax__copy h2 { font-size: clamp(43px, 12.5vw, 70px); line-height: .95; }
  .climax__copy p:last-child { max-width: 300px; margin-top: 20px; color: rgba(255,255,255,.86); }
}

@media (max-width: 360px) {
  .hero__caption { right: 14px; bottom: calc(env(safe-area-inset-bottom) + 68px); width: 42vw; max-width: 132px; font-size: 7px; }
  .hero__scroll-cue { left: 14px; width: 44vw; font-size: 7px; }
}

/* Candidate 10B finish: one mineral/bone world, scene-specific light and calmer material. */
:root { --color-deep: #26393e; --color-deep-soft: #40565a; }
html, body { background: var(--color-bone); }
.entrance { background: var(--color-bone); }
.hero { background: var(--color-deep); }
.hero__veil { background: linear-gradient(90deg, rgba(27,41,49,.78), rgba(27,41,49,.23) 54%, rgba(27,41,49,.06)), linear-gradient(0deg, rgba(27,41,49,.58), transparent 58%); }
.three-canvas--hero { opacity: .42; mix-blend-mode: soft-light; }
.story-sequence { background: var(--color-deep); }
.spectrum-light { background: radial-gradient(circle at calc(52% + var(--pointer-x) * 12%), calc(48% + var(--pointer-y) * 12%), rgba(233,199,163,.2), transparent 32%), radial-gradient(circle at 12% 80%, rgba(134,157,151,.13), transparent 33%); }
.spectrum-plane img { filter: saturate(.9) contrast(.98); }
.spectrum-plane--partners img { filter: saturate(.86) sepia(.025) contrast(.98); }
.spectrum-plane--small-family img { filter: saturate(.9) brightness(.98) contrast(.98); }
.spectrum-plane--multigenerational img { filter: saturate(.82) brightness(.97) sepia(.018) contrast(1.02); }
.spectrum-plane--caring img { filter: saturate(.85) brightness(.96) sepia(.035) contrast(1.01); }
.spectrum-plane--independent img { filter: saturate(.8) brightness(1.01) sepia(.018) contrast(.98); }
.climax { background: var(--color-deep); }
.climax__environment { background: radial-gradient(circle at 56% 27%, rgba(233,199,163,.19), transparent 34%), linear-gradient(145deg, var(--color-deep), #526968); }
.climax__media { opacity: .25; mix-blend-mode: normal; transform: scale(1.03); }
.climax__media img { filter: saturate(.78) sepia(.025) contrast(.98); }
.climax__veil { background: linear-gradient(90deg, rgba(38,57,62,.9), rgba(38,57,62,.24)); }
.climax.is-converged .climax__media { opacity: .16; transform: scale(1.015); }
.three-canvas--mark { opacity: .84; }
.climax__copy h2 em { color: var(--color-human-light); }
.product-world, .evidence-section, .guides-section { background: var(--color-bone); }
.trust-section { background: var(--color-stone); }
.product-world__memory { background: rgba(178,122,94,.13); filter: blur(10px); }
.product-world__focus { background: rgba(70,101,99,.1); }
.product-world__orbit { border-color: rgba(48,70,75,.15); box-shadow: inset 0 0 0 22px rgba(255,255,255,.1); }
.product-world__constellation { position: absolute; top: 18%; right: 13%; width: min(30vw, 360px); height: min(30vw, 360px); border: 1px solid rgba(48,70,75,.13); border-radius: 50%; opacity: .7; transform: translate(calc(var(--mode-x) * -32px), calc(var(--mode-y) * -32px)) rotate(calc(var(--mode-x) * 8deg)); transition: transform .9s ease; }
.product-world__constellation::before, .product-world__constellation::after { content: ""; position: absolute; background: var(--color-warm-accent); opacity: .35; transform-origin: left center; }
.product-world__constellation::before { width: 54%; height: 1px; top: 43%; left: 18%; transform: rotate(22deg); }
.product-world__constellation::after { width: 42%; height: 1px; top: 61%; left: 25%; transform: rotate(-28deg); }
.product-world__constellation i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--color-warm-accent); box-shadow: 0 0 0 7px rgba(178,122,94,.09); }
.product-world__constellation i:nth-child(1) { top: 21%; left: 25%; }
.product-world__constellation i:nth-child(2) { top: 39%; left: 62%; }
.product-world__constellation i:nth-child(3) { top: 57%; left: 35%; }
.product-world__constellation i:nth-child(4) { top: 72%; left: 68%; }
.product-world__constellation i:nth-child(5) { top: 27%; left: 78%; }
.product-world[data-active-mode="search"] .product-world__constellation { opacity: .34; transform: translate(-10px, -4px) scale(.9); }
.product-world[data-active-mode="household"] .product-world__constellation { opacity: .86; transform: translate(0, 0) scale(1); }
.product-world[data-active-mode="care"] .product-world__constellation { opacity: .5; transform: translate(22px, 10px) scale(.95); }
.mode { border-color: rgba(48,70,75,.17); }
.mode:hover, .mode:focus-visible, .mode.is-active { color: var(--color-deep); }
.mode.is-active .mode__name { color: var(--color-warm-accent); }
.representative-state { background: rgba(238,229,216,.66); border-left-color: var(--color-warm-accent); }
.evidence-example { border: 0; border-radius: 0; background: transparent; box-shadow: none; position: relative; padding-left: clamp(18px, 3vw, 44px); }
.evidence-example::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: var(--color-warm-accent); }
.evidence-example.is-open { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .56fr); column-gap: 34px; align-items: end; }
.evidence-example.is-open .evidence-toggle { grid-column: 1; grid-row: 2; justify-self: start; }
.evidence-example.is-open .evidence-source { grid-column: 2; grid-row: 1 / span 2; margin: 0; padding: 0 0 0 24px; border-top: 0; border-left: 1px solid var(--color-line); }
.trust-flow { position: relative; border-color: rgba(48,70,75,.22); }
.trust-flow::before { content: ""; position: absolute; top: 49px; right: 6%; left: 6%; height: 1px; background: var(--color-warm-accent); opacity: .65; }
.trust-flow li { position: relative; z-index: 1; background: var(--color-stone); }
.trust-flow li:not(:last-child)::after { content: "→"; position: absolute; top: 36px; right: -8px; z-index: 2; color: var(--color-warm-accent); background: var(--color-stone); padding: 0 5px; }
.trust-flow b { letter-spacing: -.02em; }
.guide-link:first-child { padding-top: 34px; padding-bottom: 34px; }
.guide-link:first-child h3 { font-size: clamp(30px, 3.2vw, 48px); }
.guide-link { border-color: rgba(48,70,75,.17); }
.closing-section { background: var(--color-deep); }
.closing-spectrum span { width: 38vw; height: 38vw; border-color: rgba(233,199,163,.25); background-position: center; background-size: cover; opacity: .18; mix-blend-mode: screen; }
.closing-spectrum span:nth-child(1) { background-image: url('assets/production/stage01/derived/THY-M01-ARRIVAL-SOLITUDE_desktop.webp'); }
.closing-spectrum span:nth-child(2) { background-image: url('assets/production/stage01/derived/THY-M03-LIVES-COUPLE-PARTNERS_desktop.webp'); }
.closing-spectrum span:nth-child(3) { background-image: url('assets/production/stage01/derived/THY-M05-ELDER-CARE_desktop.webp'); }
.closing-spectrum span:nth-child(4) { background-image: url('assets/production/stage01/derived/THY-M06-SENIOR-INDEPENDENT_desktop.webp'); }
.primary-action { background: var(--color-human-light); }
.site-footer { background: var(--color-deep); }
.site-header.is-settled { background: rgba(238,229,216,.9); color: var(--color-ink); }
.site-header a:focus-visible, .mode:focus-visible, .evidence-toggle:focus-visible, .guide-link:focus-visible { outline: 2px solid var(--color-warm-accent); outline-offset: 5px; }
@media (max-width: 700px) {
  .three-canvas--hero { opacity: .22; }
  .three-canvas--mark { opacity: .6; }
  .evidence-example.is-open { display: block; }
  .evidence-example.is-open .evidence-source { margin-top: 24px; padding: 24px 0 0; border-top: 1px solid var(--color-line); border-left: 0; }
  .trust-flow::before, .trust-flow li:not(:last-child)::after { display: none; }
  .closing-spectrum span { width: 62vw; height: 62vw; }
}

/* Candidate 10C final override: let the human world carry the depth; keep the mark shallow. */
.climax { background: #26363b; }
.climax__environment { background: radial-gradient(circle at 64% 26%, rgba(246,214,180,.34), transparent 32%), linear-gradient(145deg, #23373d 0%, #53605b 68%, #827466 100%); }
.climax__media { opacity: .34; mix-blend-mode: normal; transform: scale(1.025); }
.climax__media img { filter: saturate(1.02) brightness(1.08) contrast(1.02); }
.climax__veil { background: linear-gradient(90deg, rgba(30,42,47,.58), rgba(30,42,47,.08) 70%), linear-gradient(0deg, rgba(18,29,34,.2), transparent 55%); }
.three-canvas--human { position: absolute; inset: 0; z-index: 1; opacity: .86; pointer-events: none; mix-blend-mode: normal; }
.three-canvas--mark { top: 8%; left: 44%; width: 48%; height: 78%; z-index: 3; opacity: .98; filter: drop-shadow(0 10px 12px rgba(10,23,26,.18)); }
.climax::after { left: 55%; top: 67%; width: 22%; height: 8%; background: radial-gradient(ellipse, rgba(12,28,31,.16), transparent 70%); filter: blur(16px); }
.climax.is-converged .climax__media { opacity: .22; transform: scale(1.012); }
.climax.is-converged .three-canvas--human { opacity: .68; }
.climax.is-converged .canonical-resolve { opacity: 1 !important; }
@media (max-width: 1100px) {
  .three-canvas--mark { left: 46%; width: 48%; }
}
@media (max-width: 700px) {
  .climax__environment { background: radial-gradient(circle at 65% 24%, rgba(246,214,180,.3), transparent 34%), linear-gradient(160deg, #263a40, #76695d); }
  .three-canvas--human { opacity: .64; }
  .three-canvas--mark { top: 5%; left: 26%; width: 70%; height: 58%; opacity: .92; }
  .climax__media { opacity: .26; }
  .climax__veil { background: linear-gradient(180deg, rgba(31,43,47,.08), rgba(31,43,47,.74) 78%); }
}
@media (prefers-reduced-motion: reduce) {
  .three-canvas--human { opacity: .5; }
  .three-canvas--mark { opacity: .9; }
}
.canonical-resolve { position: absolute; top: 8%; left: 44%; width: 48%; height: 78%; z-index: 4; object-fit: contain; object-position: center; opacity: 0; pointer-events: none; filter: drop-shadow(0 4px 8px rgba(10,23,26,.08)); transition: opacity .15s linear; }
@media (max-width: 1100px) { .canonical-resolve { left: 46%; width: 48%; } }
@media (max-width: 700px) { .canonical-resolve { top: 5%; left: 26%; width: 70%; height: 58%; } }
@media (prefers-reduced-motion: reduce) { .canonical-resolve { opacity: 1 !important; } }

/* Candidate 10D closure: the mark is a small flat brand cue; human storytelling owns the climax. */
.climax { background: #d9d1c6; color: var(--color-ink); }
.climax__environment { background: radial-gradient(circle at 72% 20%, rgba(247,222,193,.72), transparent 34%), linear-gradient(135deg, #d9d1c6 0%, #b8b7ae 100%); }
.climax__media { opacity: .86; mix-blend-mode: normal; transform: scale(1.015); }
.climax__media img { filter: saturate(1.04) brightness(1.08) contrast(1.01); }
.climax__veil { background: linear-gradient(90deg, rgba(18,31,38,.72), rgba(18,31,38,.12) 72%), linear-gradient(0deg, rgba(18,29,34,.14), transparent 58%); }
.three-canvas--human { position: absolute; inset: 0; z-index: 1; opacity: .2; pointer-events: none; mix-blend-mode: normal; }
.canonical-flat-mark { position: absolute; top: 13%; right: 9%; width: min(16vw, 190px); height: auto; z-index: 2; opacity: 0; pointer-events: none; filter: drop-shadow(0 3px 7px rgba(10,23,26,.08)); transition: opacity .35s ease, transform .35s ease; transform: translateY(8px) scale(.98); }
.climax.is-converged .canonical-flat-mark { opacity: .88 !important; transform: translateY(0) scale(1); }
.climax.is-converged .climax__media { opacity: .9; transform: scale(1.01); }
.climax.is-converged .three-canvas--human { opacity: .16; }
.climax__copy { z-index: 3; max-width: min(46vw, 620px); }
.climax__copy h2 { font-size: clamp(48px, 6.1vw, 92px); }
.climax__copy { color: #fff; }
.climax__copy h2 em { color: #efc79f; }
@media (max-width: 1100px) {
  .canonical-flat-mark { right: 7%; width: min(20vw, 160px); }
}
@media (max-width: 700px) {
  .climax { min-height: 700px; padding: 40px 22px 70px; }
  .climax__environment { background: radial-gradient(circle at 78% 20%, rgba(247,222,193,.62), transparent 36%), linear-gradient(160deg, #d9d1c6, #8e918a); }
  .climax__media { opacity: .78; }
  .climax__veil { background: linear-gradient(180deg, rgba(18,31,38,.08), rgba(18,31,38,.76) 78%); }
  .three-canvas--human { opacity: .14; }
  .canonical-flat-mark { top: 7%; right: 8%; width: 23vw; }
  .climax__copy { max-width: none; }
  .climax__copy h2 { font-size: clamp(46px, 12.5vw, 72px); }
}
@media (prefers-reduced-motion: reduce) {
  .canonical-flat-mark { opacity: .88 !important; transform: none; }
  .three-canvas--human { opacity: .1; }
}

/* Candidate 10D.1: deterministic story lifecycle, header-safe anchors, and authored product-world surfaces. */
:root { --header-height: 115px; }
.orientation { transition: opacity .28s ease, visibility .28s ease; }
.orientation.is-hidden { opacity: 0 !important; visibility: hidden; pointer-events: none; }
.spectrum-plane { transition: opacity .3s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
.spectrum-plane.is-focused { opacity: .98; }
.product-world, .evidence-section, .trust-section, .guides-section, .closing-section { scroll-margin-top: calc(var(--header-height) + 16px); }
.evidence-section, .trust-section, .guides-section { padding-block-start: max(clamp(90px, 13vw, 170px), calc(var(--header-height) + 56px)); }
.product-world__environment { opacity: .22; background: linear-gradient(90deg, transparent 34%, rgba(238,229,216,.15) 60%, rgba(238,229,216,.9) 100%), url('assets/production/stage01/derived/THY-M10-MULTIGENERATIONAL_desktop.webp') right center / 42% auto no-repeat; }
.product-world__memory, .product-world__focus, .product-world__orbit, .product-world__constellation { display: none; }
.product-world__copy, .mode-selector, .representative-state { z-index: 2; }
.mode { position: relative; }
.mode.is-active::after { content: "↗"; position: absolute; right: 0; top: 24px; color: var(--color-warm-accent); font-size: 18px; }
.mode.is-active .mode__status { letter-spacing: .03em; }
@media (min-width: 1051px) {
  .representative-state { position: relative; right: auto; bottom: auto; grid-column: 2; margin-top: -12px; align-self: end; background: rgba(255,255,255,.52); }
}
.evidence-example { position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,.5), rgba(238,229,216,.2)); }
.evidence-example::after { content: "SOURCE  /  STATEMENT  /  BOUNDARY"; position: absolute; right: 28px; top: 28px; padding: 9px 11px; border: 1px solid rgba(178,122,94,.35); color: var(--color-warm-accent); font-size: 9px; letter-spacing: .16em; transform: rotate(90deg) translateX(100%); transform-origin: top right; opacity: .75; }
.evidence-source { position: relative; background: rgba(255,255,255,.3); }
.evidence-source::before { content: ""; display: block; width: 34px; height: 3px; margin-bottom: 14px; background: var(--color-warm-accent); box-shadow: 0 8px 0 rgba(178,122,94,.28), 0 16px 0 rgba(178,122,94,.14); }
.trust-flow { border: 0; gap: 0; position: relative; }
.trust-flow::before { top: 53px; left: 3%; right: 3%; height: 2px; opacity: .45; }
.trust-flow li { min-height: 220px; padding: 26px 28px 26px 0; border-right: 0; background: transparent; }
.trust-flow li::before { content: ""; display: block; width: 13px; height: 13px; margin: 0 0 19px; border: 2px solid var(--color-warm-accent); border-radius: 50%; background: var(--color-stone); }
.trust-flow li:not(:last-child)::after { top: 48px; right: 10px; background: var(--color-stone); }
.trust-flow b { margin-top: 0; }
.guides-section { background: linear-gradient(110deg, var(--color-bone), #e8ded0); }
.guide-list { position: relative; }
.guide-link { transition: padding .25s ease, color .25s ease, background .25s ease; }
.guide-link:hover, .guide-link:focus-visible { padding-left: 14px; background: rgba(255,255,255,.25); }
@media (max-width: 1050px) {
  .product-world, .evidence-section, .trust-section, .guides-section, .closing-section { scroll-margin-top: calc(var(--header-height) + 16px); }
  .evidence-section, .trust-section, .guides-section { padding-block-start: max(90px, calc(var(--header-height) + 44px)); }
}
@media (max-width: 700px) {
  .product-world, .evidence-section, .trust-section, .guides-section, .closing-section { scroll-margin-top: calc(var(--header-height) + 16px); }
  .evidence-section, .trust-section, .guides-section { padding-block-start: max(82px, calc(var(--header-height) + 28px)); }
  .spectrum-plane { opacity: 0 !important; transform: scale(1.02) !important; transition: opacity .18s ease !important; }
  .spectrum-plane.is-focused { opacity: 1 !important; transform: scale(1) !important; }
  .product-world__environment { opacity: .16; background-size: 86% auto; background-position: 160% center; }
  .representative-state { margin-top: 8px; }
  .evidence-example::after { display: none; }
  .evidence-source::before { margin-top: 4px; }
  .trust-flow::before { top: 0; bottom: 0; left: 6px; right: auto; width: 2px; height: auto; }
  .trust-flow li { padding: 18px 0 18px 28px; }
  .trust-flow li::before { position: absolute; left: 0; margin: 3px 0 0; background: var(--color-stone); }
  .trust-flow li:not(:last-child)::after { display: none; }
}

/* Candidate 10D.2: one cinematic CSS story field, one active scene, no card frame. */
.story-sequence { height: 640vh; background: #182b32; }
.story-stage { position: sticky; top: 0; height: 100svh; }
.spectrum-planes { inset: 0; perspective: none; }
.spectrum-plane { inset: 0; border-radius: 0; transform: translate3d(0, 0, 0) scale(1); transition: opacity .42s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.spectrum-plane img { width: 100%; height: 100%; border-radius: 0; box-shadow: none; object-fit: cover; filter: saturate(.96) brightness(.94) contrast(1.02); }
.spectrum-plane::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(14,27,34,.68), rgba(14,27,34,.12) 58%, rgba(14,27,34,.02)), linear-gradient(0deg, rgba(14,27,34,.5), transparent 52%); }
.spectrum-plane.is-focused { opacity: 1 !important; transform: translate3d(0, 0, 0) scale(1) !important; }
.spectrum-plane figcaption { display: none; }
.story__veil { background: linear-gradient(90deg, rgba(14,27,34,.5), rgba(14,27,34,.04) 66%), linear-gradient(0deg, rgba(14,27,34,.34), transparent 60%); }
.story__copy { max-width: min(650px, 48vw); }
.story__copy h2 { font-size: clamp(50px, 7vw, 104px); }
.climax::after, .climax .canonical-flat-mark, .climax .three-canvas--human { display: none !important; }
.climax { min-height: 100svh; padding: clamp(48px, 8vw, 110px); }
.climax__media { opacity: .94 !important; transform: scale(1.01) !important; }
.climax__media img { filter: saturate(1.03) brightness(1.03) contrast(1.01); }
.climax__veil { background: linear-gradient(90deg, rgba(18,31,38,.6), rgba(18,31,38,.08) 70%), linear-gradient(0deg, rgba(18,29,34,.2), transparent 56%); }
.climax__copy { max-width: min(650px, 48vw); }
@media (max-width: 700px) {
  .story-sequence { height: 430vh; }
  .story-stage { position: sticky; height: 100svh; }
  .spectrum-plane img { object-position: 56% center; }
  .spectrum-plane::after { background: linear-gradient(180deg, rgba(14,27,34,.08), rgba(14,27,34,.78) 82%); }
  .story__copy { max-width: none; }
  .story__copy h2 { font-size: clamp(46px, 13vw, 72px); }
  .climax { min-height: 700px; padding: 40px 22px 70px; }
  .climax__copy { max-width: none; }
}

/* 10D.3 final cascade, intentionally last. */
.story-sequence { height: 700vh; }
.climax { min-height: 112svh; padding: clamp(48px, 8vw, 110px); background: #26383c; }
.climax__environment { background: #6f756d; }
.climax__media { opacity: .94 !important; transform: scale(1.035) !important; mix-blend-mode: normal; transition: opacity 1.2s ease, transform 1.8s cubic-bezier(.22,.7,.2,1); }
.climax__media img { object-position: 58% center; filter: saturate(1.02) brightness(1.02) contrast(1.015); }
.climax__veil { background: linear-gradient(90deg, rgba(18,31,38,.73) 0%, rgba(18,31,38,.34) 38%, rgba(18,31,38,.05) 74%), linear-gradient(0deg, rgba(18,29,34,.34), transparent 58%); }
.climax__copy { max-width: min(610px, 46vw); padding-bottom: clamp(8px, 3vh, 38px); }
.climax__copy .eyebrow { opacity: .78; letter-spacing: .24em; }
.climax__copy h2 { font-size: clamp(48px, 6vw, 88px); line-height: .94; text-wrap: balance; }
.climax__copy h2 em { color: #f0c8a3; }
.climax__copy p:last-child { max-width: 370px; margin-top: 30px; color: rgba(255,255,255,.78); font-size: 17px; }
.product-world { min-height: 104svh; padding-top: clamp(100px, 14vw, 170px); background: linear-gradient(180deg, #d9d1c6 0%, var(--color-bone) 19%); }
.product-world::before { content: ""; position: absolute; top: 0; left: 9vw; width: 1px; height: clamp(70px, 12vw, 150px); background: rgba(178,122,94,.5); }
.product-world__environment { opacity: .12; }
@media (max-width: 700px) {
  .story-sequence { height: 500vh; }
  .climax { min-height: 820px; padding: 40px 22px 72px; }
  .climax__media { opacity: .9 !important; transform: scale(1.02) !important; }
  .climax__media img { object-position: 58% center; }
  .climax__veil { background: linear-gradient(180deg, rgba(18,31,38,.04) 0%, rgba(18,31,38,.22) 40%, rgba(18,31,38,.82) 84%); }
  .climax__copy { max-width: none; padding-bottom: 0; }
  .climax__copy h2 { font-size: clamp(46px, 12.5vw, 72px); }
  .climax__copy p:last-child { font-size: 16px; }
  .product-world { min-height: 860px; padding-top: 104px; }
  .product-world::before { left: 22px; }
}

/* 10D.4 authoritative last layer. */
.climax { min-height: 126svh; }
.climax__environment { opacity: .12; }
.climax__media,
.climax.is-converged .climax__media,
.climax.is-resolved .climax__media { opacity: 1 !important; mix-blend-mode: normal; transform: scale(1.015) !important; }
.climax__media img { object-position: 58% center; filter: saturate(1.04) brightness(1.05) contrast(1.02); }
.climax__veil { background: linear-gradient(90deg, rgba(18,31,38,.46) 0%, rgba(18,31,38,.16) 42%, rgba(18,31,38,.02) 76%), linear-gradient(0deg, rgba(18,29,34,.2), transparent 62%); }
.climax::after { display: none; }
.climax__copy { isolation: isolate; }
.climax__copy::before { content: ""; position: absolute; z-index: -1; inset: -32px -44px -36px -28px; pointer-events: none; background: linear-gradient(90deg, rgba(18,31,38,.38), rgba(18,31,38,.08) 72%, transparent); filter: blur(8px); }
.orientation.is-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: none !important; }
@media (max-width: 700px) {
  .hero__caption { display: grid !important; right: 18px; bottom: calc(env(safe-area-inset-bottom) + 66px); width: min(43vw, 170px); max-width: 43vw; gap: 6px; font-size: 8px; line-height: 1.35; }
  .hero__scroll-cue { left: 18px; bottom: calc(env(safe-area-inset-bottom) + 22px); width: min(46vw, 180px); font-size: 8px; line-height: 1.35; }
  .climax { min-height: 900px; padding: 34px 22px calc(env(safe-area-inset-bottom) + 58px); align-items: end; }
  .climax__environment { opacity: .08; }
  .climax__media { inset: 0; opacity: 1 !important; transform: scale(1.02) !important; }
  .climax__media img { object-position: 61% 34%; filter: saturate(1.05) brightness(1.06) contrast(1.03); }
  .climax__veil { background: linear-gradient(180deg, rgba(18,31,38,.02) 0%, rgba(18,31,38,.04) 38%, rgba(18,31,38,.66) 78%, rgba(18,31,38,.84) 100%); }
  .climax__copy { width: 100%; max-width: none; padding-bottom: 0; }
  .climax__copy::before { inset: -28px -22px -30px; background: linear-gradient(180deg, transparent, rgba(18,31,38,.38) 42%, rgba(18,31,38,.58)); filter: blur(10px); }
  .climax__copy h2 { font-size: clamp(43px, 12.5vw, 70px); line-height: .95; }
  .climax__copy p:last-child { max-width: 300px; margin-top: 20px; color: rgba(255,255,255,.86); }
}
@media (max-width: 360px) {
  .hero__caption { right: 14px; bottom: calc(env(safe-area-inset-bottom) + 68px); width: 42vw; max-width: 132px; font-size: 7px; }
  .hero__scroll-cue { left: 14px; width: 44vw; font-size: 7px; }
}

/* 10D.9 final cascade: edge-to-edge mobile photography, no backdrop layer. */
@media (max-width: 700px) {
  .story-stage { height: 100dvh; min-height: 100svh; }
  .spectrum-plane,
  .spectrum-plane--multigenerational,
  .spectrum-plane--caring,
  .spectrum-plane--independent,
  .climax__media { inset: 0 !important; height: 100% !important; min-height: 0 !important; max-height: none !important; overflow: hidden; background: transparent !important; }
  .spectrum-plane::before,
  .climax__media::before { display: none !important; content: none !important; }
  .spectrum-plane img,
  .climax__media img { position: absolute; inset: 0 !important; z-index: 1; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0; }
  .spectrum-plane::after { z-index: 2; background: linear-gradient(180deg, rgba(14,27,34,.02), rgba(14,27,34,.10) 54%, rgba(14,27,34,.78) 100%); }
  .climax__media::after { z-index: 2; background: linear-gradient(180deg, rgba(18,31,38,.02), rgba(18,31,38,.16) 55%, rgba(18,31,38,.76) 100%); }
  .spectrum-plane--individual img { object-position: 76% 48% !important; }
  .spectrum-plane--partners img { object-position: 50% 50% !important; }
  .spectrum-plane--small-family img { object-position: 50% 43% !important; }
  .spectrum-plane--multigenerational img { object-position: 50% 50% !important; }
  .spectrum-plane--caring img { object-position: 50% 50% !important; }
  .spectrum-plane--independent img { object-position: 50% 50% !important; }
  .climax__media img { object-position: 50% 50% !important; filter: saturate(1.04) brightness(1.04) contrast(1.02); }
  .story__copy { z-index: 3; }
}

/* Reference reconstruction 01: a material stage system rather than a sequence of panels. */
:root {
  --stage-line: rgba(16, 37, 47, .16);
  --stage-warm: #b77b5e;
  --stage-paper: #eee4d5;
}
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.hero {
  isolation: isolate;
  background: #182b34;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 6%, rgba(255,255,255,.09) 6.08%, transparent 6.16%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 22%, transparent 76%, rgba(0,0,0,.24));
  mix-blend-mode: screen;
}
.hero::after {
  content: "01  /  ARRIVAL";
  position: absolute;
  right: clamp(22px, 6vw, 96px);
  top: 50%;
  z-index: 2;
  transform: rotate(90deg) translateX(50%);
  transform-origin: right center;
  color: rgba(255,255,255,.58);
  font-size: 9px;
  letter-spacing: .28em;
}
.hero__media { filter: saturate(.9) contrast(1.04); }
.hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(9,24,32,.18), transparent 42%), radial-gradient(circle at 72% 18%, rgba(255,226,187,.2), transparent 30%);
  pointer-events: none;
}
.hero__depth-frame {
  border-radius: 30px;
  border-color: rgba(255,255,255,.52);
  box-shadow: 0 34px 110px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.16);
  transform: perspective(1300px) rotateY(-12deg) rotateZ(1deg) translate3d(calc(var(--pointer-x) * -10px), calc(var(--pointer-y) * -7px), 0);
  transition: transform .5s cubic-bezier(.2,.75,.2,1), box-shadow .5s ease;
}
.hero__depth-frame:hover { box-shadow: 0 42px 130px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.22); }
.site-header { backdrop-filter: blur(0); }
.site-header.is-settled { background: rgba(238,228,213,.92); }
.hero__copy { max-width: 760px; }
.hero h1 { text-wrap: balance; }
.hero__action, .header-action { transition: transform .28s ease, background .28s ease, color .28s ease; }
.hero__action:hover, .hero__action:focus-visible, .header-action:hover, .header-action:focus-visible { transform: translateY(-3px); background: rgba(255,255,255,.12); }

.story-sequence {
  background:
    radial-gradient(circle at 70% 16%, rgba(237,192,153,.18), transparent 24%),
    linear-gradient(115deg, #142832 0%, #1c3b42 52%, #12242e 100%);
}
.story-stage::before {
  content: "HUMAN SPECTRUM  /  01—07";
  position: absolute;
  top: 28px;
  left: clamp(22px, 9vw, 150px);
  z-index: 4;
  color: rgba(255,255,255,.56);
  font-size: 9px;
  letter-spacing: .22em;
}
.story-stage::after {
  content: "";
  position: absolute;
  top: 28px;
  right: clamp(22px, 9vw, 150px);
  bottom: 28px;
  width: 1px;
  z-index: 4;
  background: linear-gradient(180deg, rgba(255,255,255,.26), transparent 35%, rgba(255,255,255,.08));
}
.spectrum-light { filter: blur(16px); opacity: .9; }
.spectrum-plane.is-focused img { filter: saturate(1.02) contrast(1.05); }
.story__copy { transform: translate3d(0, calc(var(--scroll-progress) * -4%), 0); }
.story__copy::after {
  content: "READ THE PEOPLE, THEN THE QUESTION";
  display: block;
  width: max-content;
  margin-top: 34px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.24);
  color: rgba(255,255,255,.52);
  font-size: 9px;
  letter-spacing: .22em;
}

.climax {
  isolation: isolate;
  background: #1c333b;
}
.climax::before {
  content: "";
  position: absolute;
  inset: 12% 9%;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  transform: rotate(-12deg) scaleX(1.4);
  pointer-events: none;
}
.climax__copy::after {
  content: "THE PRODUCT WORLD FOLLOWS";
  display: block;
  margin-top: 34px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.28);
  color: rgba(255,255,255,.58);
  font-size: 9px;
  letter-spacing: .24em;
}

.product-world {
  min-height: 112svh;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  grid-template-rows: auto auto;
  align-content: center;
  gap: 46px clamp(34px, 7vw, 120px);
  background:
    linear-gradient(90deg, transparent 9%, rgba(16,37,47,.12) 9.08%, transparent 9.16%),
    linear-gradient(180deg, #ded4c5, #eee4d5 60%, #e6d6c3);
}
.product-world::after {
  content: "SEARCH  /  HOUSEHOLD  /  CARE";
  position: absolute;
  right: clamp(22px, 9vw, 150px);
  top: 34px;
  color: rgba(16,37,47,.48);
  font-size: 9px;
  letter-spacing: .25em;
}
.product-world__copy { grid-column: 1 / -1; max-width: 760px; }
.product-world__copy h2 { max-width: 720px; text-wrap: balance; }
.product-world__environment { opacity: .18; background: linear-gradient(90deg, transparent 26%, rgba(238,228,213,.12) 61%, rgba(238,228,213,.82) 100%), url('assets/production/stage01/derived/THY-M10-MULTIGENERATIONAL_desktop.webp') right 52% / 45% auto no-repeat; }
.mode-selector {
  grid-column: 1;
  align-self: start;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: 1px solid var(--stage-line);
  border-radius: 0;
  background: rgba(255,255,255,.18);
  box-shadow: 0 24px 60px rgba(16,37,47,.1);
  backdrop-filter: blur(10px);
}
.mode { min-height: 192px; padding: 24px 22px; border-right: 1px solid var(--stage-line); border-bottom: 0; transition: background .3s ease, color .3s ease, transform .3s ease; }
.mode:last-child { border-right: 0; }
.mode:hover, .mode:focus-visible, .mode.is-active { padding-left: 22px; color: var(--ink); background: rgba(255,255,255,.62); transform: translateY(-5px); }
.mode.is-active { box-shadow: inset 0 4px 0 var(--stage-warm); }
.mode.is-active::after { top: 24px; right: 18px; color: var(--stage-warm); }
.mode__name { font-size: 30px; }
.representative-state {
  grid-column: 2;
  right: auto;
  bottom: auto;
  align-self: start;
  min-height: 192px;
  margin-top: 0;
  padding: 28px 30px;
  border-left: 1px solid var(--stage-warm);
  border-radius: 0;
  background: rgba(255,255,255,.42);
  box-shadow: 0 24px 60px rgba(16,37,47,.12);
}
.representative-state h3 { font-size: clamp(28px, 3vw, 42px); }
.product-world__footnote { bottom: 26px; }

.evidence-section { position: relative; background: linear-gradient(120deg, #eee4d5 0%, #f4ede4 52%, #dfccb7 100%); }
.evidence-section::before, .trust-section::before, .guides-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(22px, 9vw, 150px);
  right: clamp(22px, 9vw, 150px);
  height: 1px;
  background: var(--stage-line);
}
.evidence-example { border-radius: 0; box-shadow: 0 32px 90px rgba(16,37,47,.12); }
.evidence-example::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: linear-gradient(180deg, var(--stage-warm), transparent 72%);
}
.evidence-toggle { transition: transform .25s ease, color .25s ease; }
.evidence-toggle:hover, .evidence-toggle:focus-visible { transform: translateX(8px); color: var(--stage-warm); }
.trust-section { position: relative; background: #d9c5af; }
.trust-flow { margin-top: 58px; padding: 0 0 10px; border-top: 0; border-bottom: 1px solid rgba(16,37,47,.24); }
.trust-flow::before { left: 2%; right: 2%; top: 46px; background: var(--stage-warm); opacity: .7; }
.trust-flow li { min-height: 250px; padding: 24px 32px 28px 0; border-right: 0; }
.trust-flow li::before { width: 17px; height: 17px; margin-bottom: 25px; background: #d9c5af; }
.trust-flow li:not(:last-child)::after { top: 42px; right: 10px; width: 20px; background: #d9c5af; color: var(--stage-warm); }
.trust-flow b { font-size: 28px; }
.guides-section { position: relative; background: linear-gradient(110deg, #eee4d5, #e6d6c3); }
.guide-list { border-top: 1px solid var(--stage-line); }
.guide-link { border-bottom: 1px solid var(--stage-line); border-radius: 0; background: transparent; transition: padding .25s ease, background .25s ease; }
.guide-link:hover, .guide-link:focus-visible { padding-left: 24px; background: rgba(255,255,255,.42); }
.closing-section { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 30%, rgba(217,168,124,.36), transparent 28%), linear-gradient(135deg, #152f39, #31575a); }
.closing-section::before { content: ""; position: absolute; inset: 12% 8%; border: 1px solid rgba(255,255,255,.18); transform: skewX(-12deg); pointer-events: none; }
.closing-section h2 { max-width: 900px; }
.primary-action, .secondary-action { transition: transform .28s ease, background .28s ease; }
.primary-action:hover, .primary-action:focus-visible, .secondary-action:hover, .secondary-action:focus-visible { transform: translateY(-3px); }

@media (max-width: 1050px) {
  .product-world { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .product-world__copy, .mode-selector, .representative-state { grid-column: 1; }
  .representative-state { margin-top: 0; }
}
@media (max-width: 700px) {
  .hero::after { right: 18px; top: 46%; font-size: 7px; }
  .hero__depth-frame { display: block; right: -28px; width: 60vw; opacity: .36; transform: perspective(900px) rotateY(-9deg); }
  .story-stage::before { top: 18px; left: 18px; font-size: 7px; }
  .story-stage::after { top: 18px; right: 18px; bottom: 18px; }
  .story__copy::after { margin-top: 22px; font-size: 7px; }
  .climax::before { inset: 9% -18%; transform: rotate(-12deg) scaleX(1.5); }
  .climax__copy::after { margin-top: 22px; font-size: 7px; }
  .product-world { min-height: 920px; gap: 28px; padding-top: 126px; }
  .product-world::after { top: 28px; right: 22px; font-size: 7px; letter-spacing: .16em; }
  .product-world__copy { grid-column: 1; }
  .mode-selector { grid-column: 1; grid-template-columns: 1fr; border-radius: 0; }
  .mode { min-height: 112px; padding: 20px 18px; border-right: 0; border-bottom: 1px solid var(--stage-line); }
  .mode:last-child { border-bottom: 0; }
  .mode:hover, .mode:focus-visible, .mode.is-active { padding-left: 18px; transform: none; }
  .representative-state { grid-column: 1; min-height: 166px; padding: 22px; }
  .representative-state h3 { font-size: 30px; }
  .evidence-section::before, .trust-section::before, .guides-section::before { left: 22px; right: 22px; }
  .trust-flow li { min-height: 0; padding-right: 0; }
  .trust-flow b { font-size: 26px; }
  .closing-section::before { inset: 10% 5%; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__depth-frame, .hero__action, .header-action, .mode, .evidence-toggle, .guide-link, .primary-action, .secondary-action { transition: none; }
}