/* Kinetic glass: the scene is continuous beneath a moving, frosted frame. */
:root {
  --ui: 'Instrument Sans', Arial, sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --side: clamp(40px, 3.2vw, 64px);
  --pearl: #f0f5f7;
  --silver: #c5d6df;
  --ice: #b3dded;
  --glass-rgb: 21 151 203;
  --glass-deep: 24 52 76;
  --glass-light: 107 200 235;
  --ink: var(--pearl);
  --muted: var(--silver);
  --accent: var(--ice);
  --edge: #c8e4ef38;
}
body, button, input, summary { font-family: var(--ui); }
body { color: var(--pearl); background: #08141c; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid #cae9f5; outline-offset: 5px; }
.site-header, .site-header.scrolled {
  left: var(--side); right: var(--side); top: 32px; height: 48px;
  padding: 0; background: none; backdrop-filter: none; border: 0; width: auto;
}
.site-header .brand, .site-header .brand img { width: 110px; }
.site-header .brand img { filter: none; }
.desktop-nav { margin-left: auto; margin-right: 30px; gap: 28px; }
.desktop-nav a { font: 500 12px var(--ui); letter-spacing: -.01em; color: #dfebf0; text-shadow: 0 1px 12px #04111dcc; }
.desktop-nav a:after { bottom: -8px; background: #c5e5f1; }
.header-contact {
  border: 1px solid #e0eff34d; border-radius: 40px; padding: 12px 17px 12px 20px;
  font: 500 12px var(--ui); color: var(--pearl); gap: 27px;
  background: linear-gradient(130deg, #e2f4fa10, #e2f4fa04), #142b3bb3;
  backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 #f2fbff14, 0 5px 25px #03101a0a;
  transition: background .25s, border-color .25s;
}
.header-contact span { color: #d6eaf2; font-size: 17px; }
.header-contact:hover { background: linear-gradient(130deg, #e2f4fa22, #e2f4fa0c), #142b3bb3; border-color: #e0eff38c; }
body.is-below-scene .site-header {
  top: 14px; left: 28px; right: 28px; padding: 10px 24px; height: 70px;
  border: 1px solid #d1e7f02b; border-radius: 18px;
  background: #102530df; backdrop-filter: blur(20px);
}
.landscape-stage { isolation: isolate; }
.landscape-stage:after { display: none; }
.landscape-story .scene-shade,
.landscape-story[data-chapter] .scene-shade {
  z-index: 1; background: linear-gradient(180deg, #04101a38, transparent 27%, transparent 80%, #04101a22) !important;
}
.kinetic-frame { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.kinetic-pane { position: absolute; inset: 0; pointer-events: none; }
.kinetic-pane.copy-glass {
  background: linear-gradient(125deg, rgb(var(--glass-rgb) / .25), rgb(var(--glass-deep) / .75) 88%);
  backdrop-filter: blur(24px) saturate(.75); -webkit-backdrop-filter: blur(24px) saturate(.75);
}
.kinetic-pane.utility-glass {
  background: linear-gradient(115deg, rgb(var(--glass-deep) / .48), rgb(var(--glass-deep) / .74));
  backdrop-filter: blur(18px) saturate(.8); -webkit-backdrop-filter: blur(18px) saturate(.8);
}
.kinetic-pane.instrument-glass {
  background: linear-gradient(130deg, rgb(var(--glass-deep) / .65), #142932b8);
  backdrop-filter: blur(22px) saturate(.65); -webkit-backdrop-filter: blur(22px) saturate(.65);
}
.kinetic-channels {
  position: absolute; inset: 0; clip-path: url(#kinetic-gap-mask);
  background: linear-gradient(125deg, rgb(var(--glass-light) / .34), #e1eff24a);
  backdrop-filter: blur(28px) saturate(.5); -webkit-backdrop-filter: blur(28px) saturate(.5);
}
.kinetic-boundaries { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.kinetic-boundaries .edge-shadow { stroke: #092b3e40; stroke-width: 1.4; fill: none; }
.kinetic-boundaries .edge-light { stroke: #d3edf485; stroke-width: .8; fill: none; }
.landscape-story .story-eyebrow {
  z-index: 5; top: 131px; left: var(--side); font: 400 8px var(--mono);
  letter-spacing: .025em; text-transform: uppercase; color: #c5dfe9; gap: 12px;
}
.story-eyebrow .live-dot { background: #b6dfee; width: 4px; height: 4px; }
.story-eyebrow .eyebrow-rule { width: 19px; background: #b9dae355; }
.landscape-story .story-copy { inset: 0; z-index: 5; pointer-events: none; }
.landscape-story .story-panel,
.landscape-story .story-panel[data-scene] {
  left: var(--side); inset-inline-start: var(--side); top: 25%; bottom: auto;
  width: 29%; max-width: 510px; right: auto; height: auto;
}
.landscape-story .story-panel[data-scene="0"] { top: 25%; width: 29%; }
.landscape-story .story-panel[data-scene="3"] { top: 26%; width: 22%; max-width: 375px; }
.landscape-story .story-copy h1 {
  font: 400 clamp(48px, 4.65vw, 82px)/1.025 var(--ui);
  letter-spacing: -.058em; text-transform: none; max-width: 490px;
}
.landscape-story .story-copy h2,
.landscape-story .story-panel[data-scene="5"] h2,
.landscape-story .story-panel[data-scene="6"] h2 {
  font: 400 clamp(38px, 3.45vw, 61px)/1.045 var(--ui); letter-spacing: -.052em;
}
.landscape-story .story-panel[data-scene="3"] h2 { font-size: clamp(32px, 2.65vw, 47px); }
.landscape-story .story-copy h1 em { display: block; max-width: 400px; }
.landscape-story .story-copy em { color: #d3e2e9; font-style: normal; }
.landscape-story .chapter-kicker {
  font: 400 9px/1.5 var(--mono); letter-spacing: .025em;
  color: #c0e3f0; margin: 0 0 28px; gap: 13px;
}
.chapter-kicker:before { width: 23px; background: linear-gradient(90deg, #6bc8eb, #c2e7f0); }
.landscape-story .story-description,
.landscape-story .story-panel[data-scene="0"] .story-description,
.landscape-story .story-panel[data-scene="3"] .story-description {
  font: 400 14px/1.7 var(--ui); letter-spacing: -.005em;
  color: #d5e1e7; max-width: 330px; margin-top: 27px;
}
.landscape-story .story-panel[data-scene="3"] .story-description { font-size: 13px; max-width: 290px; }
.landscape-story .story-panel>.text-link,
.landscape-story .story-panel[data-scene="0"]>.text-link {
  font: 500 12px var(--ui); margin-top: 31px; padding: 0 0 12px;
  color: #f0f5f7; background: none; border: 0; border-bottom: 1px solid #c6e3ed66;
  border-radius: 0; gap: 40px; letter-spacing: -.01em;
}
.landscape-story .story-panel>.text-link span { color: #d2e9f2; font-size: 18px; }
.landscape-story .story-panel>.text-link:hover { background: none; border-color: #e5f4fa; }
.landscape-story .asset-spec { gap: 17px; margin-top: 27px; max-width: 330px; border-color: #d1e5ee38; }
.asset-spec span { font: 400 8px var(--mono); color: #a5c8d8; }
.asset-spec strong { font: 400 11px/1.5 var(--ui); color: #d6e5ec; }
.landscape-story .scene-readout {
  z-index: 5; left: 41%; right: auto; bottom: 49px; top: auto;
  width: clamp(150px, 10.5vw, 184px); text-align: left; color: #bed6e1;
}
.landscape-story[data-chapter] .scene-readout { top: auto; margin: 0; padding: 0; text-shadow: none; }
.landscape-story .scene-readout .readout-top { display: flex; border: 0; font-size: 8px; padding: 0; margin-bottom: 12px; color: #b2cfdd; }
.landscape-story .scene-readout>strong { font: 400 14px var(--ui); color: #edf5f8; }
.landscape-story .scene-readout .readout-line { font: 400 10px/1.6 var(--ui); margin-left: 0; max-width: 220px; color: #b8cfdc; }
.landscape-story[data-chapter="3"] .scene-readout, .landscape-story[data-chapter="5"] .scene-readout { display: block; }
.landscape-story .chapter-rail {
  z-index: 8; left: auto; right: var(--side); top: auto; bottom: 48px; width: 44%;
  transform: none; flex-direction: row; padding: 0; border: 0; background: none; backdrop-filter: none;
}
.landscape-story .chapter-rail button {
  width: auto; height: 53px; min-height: 44px; flex: 1; padding: 9px 8px 0;
  text-align: left; border: 0; border-radius: 0; border-top: 1px solid #c5e0e238;
  background: none; transition: border-color .3s, background .3s;
}
.landscape-story .chapter-rail button>span { color: #b0c6d1; font: 400 9px var(--mono); }
.landscape-story .chapter-rail button.is-active { background: linear-gradient(#e1f1f315, transparent); border-color: #e0f3fa; }
.landscape-story .chapter-rail button.is-active>span { color: #f0f8fc; }
.landscape-story .chapter-rail small { display: block; color: #c2d6df; font: 400 11px var(--ui); padding-top: 12px; }
.landscape-story .chapter-rail button>span>small { color: #c2d6df; }
.landscape-story .chapter-rail button.is-active small { color: #f0f8fc; }
.landscape-story .chapter-rail button.is-active>span>small { color: #f0f8fc; }
.landscape-story .chapter-rail button:hover { background: #e1f1f312; }
.landscape-story .chapter-rail button:after { display: none; }
.landscape-story .scene-bottom { z-index: 6; left: var(--side); right: auto; bottom: 43px; width: 26%; flex-direction: column; align-items: start; gap: 24px; }
.landscape-story .scroll-cue { font: 400 11px var(--ui); color: #d9e8ee; gap: 12px; }
.landscape-story .scroll-line { width: 18px; height: 22px; flex-basis: 18px; }
.scene-tools { gap: 21px; }
.replay-opening, .landscape-story .ambient-toggle { font: 400 9px var(--ui); color: #bfd4df; }
.landscape-story .story-progress { left: 18px; right: 18px; bottom: 15px; opacity: .6; }
.landscape-story .scene-anchor>div { border-radius: 12px; background: #c1e6f010; border-color: #d1e5ed4a; backdrop-filter: blur(16px); }
.landscape-story .scene-anchor strong { font-weight: 400; }
.scene-instruments { right: var(--side); top: 124px; width: 252px; z-index: 10; gap: 22px; }
.landscape-story .scene-instruments .fire-readout,
.landscape-story .scene-instruments .swim-live-stats {
  background: none; border: 0; border-radius: 0; padding: 0;
  backdrop-filter: none; box-shadow: none;
}
.landscape-story .scene-instruments .fire-readout { order: 2; padding-top: 23px; border-top: 1px solid #d4e6eb38; }
.landscape-story .scene-instruments .swim-live-stats { order: 1; }
.swim-stats-heading { font: 400 9px var(--mono); color: #cee2eb; }
.swim-stats-heading [data-stat-status] { color: #b7d8d2; font-size: 8px; }
.swim-stat-primary [data-stat-accuracy] { color: #f1f7fa; font: 400 49px/1 var(--ui); letter-spacing: -.055em; }
.swim-live-stats .swim-stat-primary>span { font: 400 11px/1.5 var(--ui); color: #c0d5e1; }
.swim-live-stats .swim-stat-counts dd { font: 400 22px var(--ui); color: #e0edf3; }
.swim-live-stats .swim-stat-counts dt { font: 400 10px var(--ui); color: #a9c4d2; }
.landscape-story .swim-live-stats>p { color: #bed1dd; font-size: 11px; }
.swim-stats-foot { font: 400 9px/1.5 var(--ui); color: #a3bfce; }
.landscape-story .swim-live-stats>a { color: #d6e9f2; font-size: 10px; }
.fire-readout .fire-caption { font: 400 9px var(--mono); color: #c4d9e4; margin-bottom: 18px; }
.fire-readout .fire-caption strong { font-size: 9px; color: #f0dfbb; }
.fire-readout .forecast-heading { font: 400 11px var(--ui); text-transform: none; color: #d5e5ed; }
.fire-readout .forecast-options { padding: 4px; border-radius: 30px; border-color: #d9e8ef45; gap: 3px; background: #0c19292b; }
.fire-readout .forecast-options button { height: 34px; border-radius: 30px; border: 0; font: 500 12px var(--ui); color: #b4cbd8; }
.fire-readout .forecast-options button[aria-checked=true] { background: #d4eaf329; border: 1px solid #dcecf34a; color: #f3f8fa; }
.fire-readout .forecast-description { color: #bed2dd; font-size: 11px; line-height: 1.5; }
.fire-readout .fire-legend { color: #d2e2e9; font-size: 10px; }
.landscape-story .fire-readout small { font: 400 9px var(--ui); color: #a9c2d1; }
.landscape-story .case-compass { right: 26%!important; bottom: 23%!important; }
.is-active h1, .is-active h2 { animation: none; }
.is-entering .kinetic-frame { opacity: 0; }
.entry-complete .kinetic-frame { transition: opacity .85s; }
.scene-opening { background: linear-gradient(100deg, #112c3af5, #132e41ef 37%, #10212d20 63%, transparent); }
.opening-title h2 { font-weight: 400; color: #edf5f9; letter-spacing: -.055em; }
.opening-title h2 span+span { color: #bfdce9; }
.opening-frame { border-radius: 24px; }
.is-entering #world { clip-path: inset(21% 7% 21% 56% round 24px); }
.is-revealing #world { clip-path: inset(0 round 0); }
@keyframes aperture-in {
  from { clip-path: inset(49.8% 7% 49.8% 56% round 24px); filter: brightness(.55) saturate(.7); }
  to { clip-path: inset(21% 7% 21% 56% round 24px); filter: brightness(.82) saturate(.83); }
}
.opening-brand>span, .opening-disciplines, .opening-foot { color: #b5cfdd; }
.opening-foot>a { color: #ebf5fa; }
/* The same type, palette and soft-edged surfaces continue below the scene. */
.section-pad { padding-inline: clamp(28px, 6vw, 110px); }
.introduction, .company, .site-footer { background: #0a1923; }
.platforms { background: radial-gradient(ellipse at 90% 20%, #183f5359, transparent 65%), #10232f; }
.selected-work { background: #0b1d28; }
.proof { background: #112834; }
.section-top, .mono { font-family: var(--mono); }
.intro-heading h2, .section-heading h2, .work-heading h2, .proof h2, .company h2,
.industry-content h2, .contact h2 { font-family: var(--ui); font-weight: 400; letter-spacing: -.055em; }
.expertise-columns h3, .platform-tabs strong, .product-description h3,
.industry-list h3, .testimony blockquote, .work-row h3, .image-corner { font-family: var(--ui); font-weight: 400; }
.section-top { color: #a7c9da; }
.section-top>span:first-child { color: #c8dce6; }
.intro-heading .lead, .company .lead { color: #dce8ef; }
.expertise-columns p, .industry-detail p, .product-description p:not(.mono), .company-grid p { color: #b9cfdb; }
.expertise-workbench { border-radius: 22px; overflow: hidden; background: linear-gradient(125deg, #21506b24, #1c3c4d59); border-color: #cbe3ec2d; }
.workbench-caption { font-family: var(--ui); color: #adc9d9; }
.expertise-columns article.is-selected { background: #a9d3e70c; }
.expertise-columns article:before { background: #93cadf; height: 1px; }
.platform-view:before { display: none; }
.interface-top { border: 1px solid #d1e7ee38; border-bottom: 0; border-radius: 20px 20px 0 0; background: #c0e5f00a; color: #bcd7e5; }
.product-visual { border-color: #d1e7ee38; border-radius: 0 0 20px 20px; background: #081620; box-shadow: 0 30px 60px #020b121a; overflow: hidden; }
.platform-tabs strong { letter-spacing: -.035em; }
.platform-tabs button[aria-selected=true] { background: linear-gradient(90deg, #a4d7e812, transparent); }
.platform-tabs button:before { background: #a9d5e9; }
.quote-controls button { border-radius: 50%; background: #d4eaf30a; color: #dfedf3; border-color: #c0dce844; }
.platform-dialog { border-radius: 20px; background: #102530; border-color: #c7dfea4d; }
.testimony blockquote { letter-spacing: -.035em; }
.contact { background: linear-gradient(120deg, #d1e3eb, #a4c3d4); color: #17384a; }
.contact h2 { font-family: var(--ui); }
.contact h2 em { color: #43697d; }
.footer-top p { color: #9cbbc9; }
.mobile-nav { background: #102c3eed; backdrop-filter: blur(28px); border-radius: 20px; left: 14px; right: 14px; top: 88px; border: 1px solid #c1e1ef47; }
@media(min-width:761px) and (max-height:800px) {
  .site-header, .site-header.scrolled { top: 26px; }
  .landscape-story .story-eyebrow { top: 108px; }
  .landscape-story .story-panel[data-scene] { top: 24%; }
  .landscape-story .chapter-kicker { margin-bottom: 20px; font-size: 8px; }
  .landscape-story .story-description, .landscape-story .story-panel[data-scene="0"] .story-description { margin-top: 20px; font-size: 13px; }
  .landscape-story .story-panel>.text-link { margin-top: 24px; }
  .landscape-story .story-copy h1 { font-size: clamp(47px, 4.5vw, 69px); }
  .landscape-story .story-copy h2, .landscape-story .story-panel[data-scene="5"] h2, .landscape-story .story-panel[data-scene="6"] h2 { font-size: clamp(35px, 3.2vw, 48px); }
  .landscape-story .story-panel[data-scene="3"] h2 { font-size: 34px; }
  .landscape-story .story-panel[data-scene="3"] .story-description { font-size: 12px; }
  .landscape-story .scene-readout { bottom: 35px; }
  .landscape-story .scene-readout .readout-top { display: none; }
  .landscape-story .scene-readout>strong { font-size: 12px; }
  .landscape-story .scene-readout .readout-line { font-size: 9px; }
  .landscape-story .chapter-rail { bottom: 30px; }
  .landscape-story .scene-bottom { bottom: 30px; gap: 19px; }
  .scene-instruments { top: 110px; width: 230px; gap: 17px; }
  .swim-stat-primary [data-stat-accuracy] { font-size: 39px; }
  .swim-live-stats .swim-stat-counts { margin-top: 13px; }
  .landscape-story .swim-live-stats>p { font-size: 10px; margin: 12px 0 9px; }
  .landscape-story .scene-instruments .fire-readout { padding-top: 17px; }
  .fire-readout .fire-caption { margin-bottom: 13px; }
  .fire-readout .forecast-description { font-size: 10px; }
}
@media(min-width:761px) and (max-width:1200px) {
  .desktop-nav { gap: 19px; margin-right: 22px; }
  .desktop-nav a, .header-contact { font-size: 11px; }
  .landscape-story .story-panel[data-scene] { width: 29%; }
  .landscape-story .story-panel[data-scene="3"] { width: 24%; }
  .landscape-story .story-panel[data-scene="3"] h2 { font-size: 31px; }
  .landscape-story .story-eyebrow { font-size: 7px; gap: 8px; }
  .scene-instruments { width: 206px; }
  .landscape-story .scene-readout { left: 39%; width: 170px; }
  .landscape-story .scene-readout .readout-line { font-size: 9px; }
  .landscape-story .chapter-rail { width: 42%; }
  .landscape-story .chapter-rail small { font-size: 10px; }
}
@media(max-width:760px) {
  :root { --side: 30px; }
  .site-header, .site-header.scrolled { left: 29px; right: 29px; top: 26px; height: 38px; }
  .site-header .brand, .site-header .brand img { width: 96px; }
  .header-contact { display: none; }
  .menu-toggle { border: 1px solid #d4e8ee5c; border-radius: 50%; width: 40px; height: 40px; background: #d7eef21a; backdrop-filter: blur(14px); }
  .landscape-stage { min-height: 660px; }
  .landscape-story .story-eyebrow { top: 102px; font-size: 7px; gap: 8px; }
  .landscape-story .story-eyebrow .eyebrow-rule { width: 10px; }
  .landscape-story .story-panel[data-scene] {
    left: 31px; right: 31px; inset-inline-start: 31px; width: auto; max-width: none; top: 51%; bottom: auto;
  }
  .landscape-story .story-copy h1 { font: 400 clamp(39px, 10.5vw, 52px)/1.025 var(--ui); letter-spacing: -.055em; }
  .landscape-story .story-copy h1 em { max-width: none; display: inline; }
  .landscape-story .story-copy h2,
  .landscape-story .story-panel[data-scene="5"] h2,
  .landscape-story .story-panel[data-scene="6"] h2 { font-size: 35px; line-height: 1.04; }
  .landscape-story .chapter-kicker { font-size: 8px; margin-bottom: 18px; }
  .landscape-story .story-description, .landscape-story .story-panel[data-scene="0"] .story-description { font-size: 12px; line-height: 1.6; max-width: 320px; margin-top: 17px; }
  .landscape-story .story-panel>.text-link, .landscape-story .story-panel[data-scene="0"]>.text-link { font-size: 11px; margin-top: 20px; padding-bottom: 9px; }
  .landscape-story .asset-spec { margin-top: 18px; padding-top: 13px; font-size: 9px; }
  .asset-spec span { font-size: 7px; }.asset-spec strong { font-size: 10px; }
  .landscape-story .chapter-rail { left: 30px; right: 30px; bottom: 46px; width: auto; }
  .landscape-story .chapter-rail button { min-height: 32px; height: 32px; padding: 9px 5px 0; text-align: center; }
  .landscape-story .chapter-rail button>span { font-size: 9px; }
  .landscape-story .chapter-rail small { display: none; }
  .landscape-story .scene-bottom { left: 30px; right: 30px; bottom: 17px; width: auto; display: flex; flex-direction: row; justify-content: space-between; }
  .landscape-story .scroll-cue { display: none; }
  .scene-tools { width: 100%; justify-content: space-between; }
  .replay-opening small { display: inline; font-size: 9px; }
  .landscape-story .scene-readout { display: none !important; }
  .landscape-story .story-progress { bottom: 9px; left: 17px; right: 17px; }
  .landscape-story .story-panel[data-scene="3"] { top: 55%; }
  .landscape-story .story-panel[data-scene="3"] .chapter-kicker { font-size: 7px; margin-bottom: 12px; }
  .landscape-story .story-panel[data-scene="3"] h2 { font-size: 28px; max-width: 320px; }
  .landscape-story .story-panel[data-scene="3"] .story-description { font-size: 11px; line-height: 1.55; margin-top: 12px; max-width: 325px; }
  .landscape-story .story-panel[data-scene="3"]>.text-link { border: 0; font-size: 10px; margin-top: 12px; padding: 0; }
  .scene-instruments { display: contents; }
  .landscape-story .scene-instruments .swim-live-stats {
    position: absolute; left: 30px; right: 30px; top: 94px; bottom: auto; width: auto;
    padding: 12px 14px; border-radius: 14px; border: 1px solid #d2e7ef3b; background: #123144a3; backdrop-filter: blur(18px);
  }
  .swim-stats-heading { font-size: 7px; }.swim-stats-heading [data-stat-status] { font-size: 7px; }
  .swim-stat-primary [data-stat-accuracy] { font-size: 29px; }
  .swim-live-stats .swim-stat-primary>span { font-size: 8px; line-height: 1.25; }
  .swim-live-stats .swim-stat-counts dd { font-size: 15px; }.swim-live-stats .swim-stat-counts dt { font-size: 8px; }
  .landscape-story .scene-instruments .fire-readout {
    position: absolute; left: 31px; right: 31px; top: auto; bottom: 92px; width: auto;
    padding-top: 12px; border-top-color: #d4e6eb38; z-index: 10;
  }
  .fire-readout .fire-caption { font-size: 7px; margin-bottom: 9px; }
  .fire-readout .forecast-options button { height: 29px; font-size: 11px; }
  .fire-readout .forecast-description { font-size: 9px; margin: 7px 0 8px; }
  .fire-readout .fire-legend { font-size: 9px; }
  .fire-readout .fire-track { display: none; }
  .landscape-story:not([data-chapter="3"]) .scene-instruments>* { visibility: hidden; pointer-events: none; }
  .landscape-story .case-compass { right: 30px!important; top: 40%!important; bottom: auto!important; }
  body.is-below-scene .site-header { left: 14px; right: 14px; top: 10px; height: 64px; padding: 10px 15px; border-radius: 16px; }
  .section-pad { padding-inline: 28px; }
  .opening-title { top: 40%; width: 85%; }
  .opening-title h2 { font-size: 49px; }
  .contact>a { gap: 18px; }
  .contact h2 { min-width: 0; font-size: clamp(65px, 18vw, 88px); }
  .contact-arrow { font-size: 64px; flex-shrink: 0; }
}
@media(max-width:760px) and (max-height:760px) {
  .landscape-story .story-panel[data-scene] { top: 48%; }
  .landscape-story .story-copy h2, .landscape-story .story-panel[data-scene="5"] h2, .landscape-story .story-panel[data-scene="6"] h2 { font-size: 30px; }
  .landscape-story .story-panel[data-scene="3"] { top: 45%; }
  .landscape-story .story-panel[data-scene="3"] h2 { font-size: 26px; }
  .landscape-story .story-panel[data-scene="3"] .story-description { font-size: 10px; }
  .landscape-story .story-panel[data-scene="3"]>.text-link { margin-top: 8px; }
}
@media(prefers-reduced-transparency:reduce) {
  .kinetic-pane.copy-glass { background: #17374bed; backdrop-filter: none; }
  .kinetic-pane.utility-glass, .kinetic-pane.instrument-glass { background: #173448ed; backdrop-filter: none; }
}
@media(prefers-reduced-motion:reduce) {
  .entry-complete .kinetic-frame { transition: none; }
}

/* Revision 17: seven compositions, one continuous world. */
.kinetic-pane{background:linear-gradient(125deg,rgb(var(--glass-rgb) / .24),rgb(var(--glass-deep) / .78) 88%);backdrop-filter:blur(24px) saturate(.75);-webkit-backdrop-filter:blur(24px) saturate(.75)}
.kinetic-pane:nth-child(n+3){background:linear-gradient(115deg,rgb(var(--glass-deep) / .55),rgb(var(--glass-deep) / .80));backdrop-filter:blur(20px) saturate(.75);-webkit-backdrop-filter:blur(20px) saturate(.75)}
@media(prefers-reduced-transparency:reduce){.kinetic-pane{background:#17374bed;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(min-width:761px){
 .landscape-story .scene-bottom{flex-direction:row;align-items:center;gap:20px;bottom:32px}
 .landscape-story .scroll-cue{font-size:10px}.scene-tools{gap:17px}.replay-opening,.landscape-story .ambient-toggle{font-size:9px}
 .landscape-story .story-panel[data-scene="2"] h2{font-size:clamp(35px,3vw,52px)}
 .landscape-story .story-panel[data-scene="2"] .chapter-kicker{margin-bottom:19px}
 .landscape-story .story-panel[data-scene="2"] .story-description{margin-top:19px;max-width:430px}
 .landscape-story .story-panel[data-scene="2"] .asset-spec{max-width:430px;margin-top:20px;padding-top:14px}
 .landscape-story .story-panel[data-scene="3"] h2{font-size:clamp(26px,2.05vw,36px);line-height:1.04;letter-spacing:-.045em;max-width:none}
 .landscape-story .story-panel[data-scene="3"] .chapter-kicker{margin-bottom:12px;font-size:8px}
 .landscape-story .story-panel[data-scene="3"] .story-description{font-size:12px;line-height:1.6;margin-top:14px;max-width:520px}
 .landscape-story .story-panel[data-scene="3"]>.text-link{font-size:11px;margin-top:14px;padding-bottom:8px;gap:24px}
 .landscape-story .story-panel[data-scene="4"] h2{font-size:clamp(27px,2.2vw,39px);line-height:1.04}
 .landscape-story .story-panel[data-scene="4"] .chapter-kicker{font-size:8px;margin-bottom:13px}
 .landscape-story .story-panel[data-scene="4"] .story-description{font-size:12px;line-height:1.6;max-width:500px;margin-top:16px}
 .landscape-story .story-panel[data-scene="1"] h2,.landscape-story .story-panel[data-scene="5"] h2{font-size:clamp(36px,3.3vw,57px)}
 .landscape-story .chapter-rail{bottom:43px}
 .landscape-story .scene-instruments{left:44.5%;right:var(--side);top:73.5%;width:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:30px}
 .landscape-story .scene-instruments .swim-live-stats{grid-column:1;grid-row:1;padding:0;border:0}
 .landscape-story .scene-instruments .fire-readout{grid-column:2;grid-row:1;padding:0 0 0 24px;border:0;border-left:1px solid #d3e7ef33}
 .swim-live-stats .swim-stats-body{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin-top:12px}
 .swim-live-stats .swim-stat-primary{display:block}
 .swim-live-stats .swim-stat-primary>span{display:block;max-width:none;margin-top:6px;font-size:10px}
 .swim-stat-primary [data-stat-accuracy]{font-size:43px}
 .swim-live-stats .swim-stat-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0;align-self:center}
 .swim-live-stats .swim-stat-counts dd{font-size:19px}.swim-live-stats .swim-stat-counts dt{font-size:9px}
 .landscape-story .swim-live-stats>p{font-size:10px;line-height:1.5;margin:12px 0 7px}
 .swim-live-stats .swim-stats-foot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;font-size:8px;padding-top:0;border:0}
 .landscape-story .swim-live-stats>a{font-size:9px;margin-top:9px}
 .fire-readout .fire-caption{font-size:8px;margin-bottom:11px}.fire-readout .forecast-heading{font-size:10px;margin-bottom:8px}
 .fire-readout .forecast-options button{height:29px;font-size:11px}
 .fire-readout .forecast-description{font-size:10px;margin:7px 0 9px}.fire-readout .fire-legend{font-size:9px}
 .fire-readout .fire-track{margin-top:9px}.landscape-story .fire-readout small{font-size:8px;margin-top:7px}
 .landscape-story .case-compass{right:4%!important;top:60%!important;bottom:auto!important}
 .landscape-story[data-chapter="3"] .scene-readout{opacity:0!important}
}
@media(min-width:761px) and (max-height:800px){
 .landscape-story .story-panel[data-scene="2"] h2{font-size:36px}
 .landscape-story .story-panel[data-scene="2"] .story-description{font-size:12px;line-height:1.6;margin-top:14px}
 .landscape-story .story-panel[data-scene="2"] .asset-spec{margin-top:15px;padding-top:10px}
 .landscape-story .story-panel[data-scene="3"] h2{font-size:27px}
 .landscape-story .story-panel[data-scene="3"] .chapter-kicker{font-size:7px;margin-bottom:9px}
 .landscape-story .story-panel[data-scene="3"] .story-description{font-size:10px;line-height:1.5;margin-top:10px}
 .landscape-story .story-panel[data-scene="3"]>.text-link{margin-top:10px;font-size:10px;padding-bottom:6px}
 .landscape-story .story-panel[data-scene="4"] h2{font-size:27px}
 .landscape-story .story-panel[data-scene="4"] .chapter-kicker{font-size:7px;margin-bottom:9px}
 .landscape-story .story-panel[data-scene="4"] .story-description{font-size:11px;margin-top:11px}
 .landscape-story .scene-instruments{top:71.5%;gap:20px}
 .swim-stats-heading{font-size:7px}.swim-stats-heading [data-stat-status]{font-size:6px}
 .swim-live-stats .swim-stats-body{gap:10px;margin-top:9px}.swim-stat-primary [data-stat-accuracy]{font-size:31px}
 .swim-live-stats .swim-stat-primary>span{font-size:8px;margin-top:3px}
 .swim-live-stats .swim-stat-counts{gap:8px}.swim-live-stats .swim-stat-counts dd{font-size:16px}.swim-live-stats .swim-stat-counts dt{font-size:8px}
 .landscape-story .swim-live-stats>p{font-size:9px;margin:9px 0 6px}.swim-live-stats .swim-stats-foot{font-size:7px}
 .landscape-story .swim-live-stats>a{font-size:8px;margin-top:6px}
 .landscape-story .scene-instruments .fire-readout{padding-left:17px}
 .fire-readout .fire-caption{font-size:7px;margin-bottom:8px}.fire-readout .fire-caption strong{font-size:7px}
 .fire-readout .forecast-heading{font-size:9px;margin-bottom:6px}.fire-readout .forecast-options{padding:3px}
 .fire-readout .forecast-options button{height:24px;font-size:10px}.fire-readout .forecast-description{font-size:9px;margin:6px 0}
 .fire-readout .fire-legend{font-size:8px}.fire-readout .fire-track{display:none}.landscape-story .fire-readout small{font-size:7px;margin-top:6px}
 .landscape-story .chapter-rail{bottom:23px}.landscape-story .chapter-rail button{height:40px;min-height:40px}
 .landscape-story .chapter-rail small{padding-top:8px;font-size:10px}
 .landscape-story .scene-bottom{bottom:23px}.landscape-story .scroll-cue{font-size:9px}
}
@media(max-width:760px){
 .landscape-story .chapter-rail{border:1px solid #d3e7ee38;border-radius:12px;padding:5px;background:#102c3b85;backdrop-filter:blur(14px)}
 .landscape-story .chapter-rail button{border-top:0;border-radius:7px}
 .landscape-story .story-panel[data-scene="6"] h2{font-size:32px}
 .landscape-story[data-chapter="3"] .scene-instruments{display:contents}
}

@media(max-width:760px) and (max-height:760px){
 .landscape-story .story-panel[data-scene="3"] h2{font-size:24px}
 .landscape-story .story-panel[data-scene="3"] .chapter-kicker{margin-bottom:9px}
 .landscape-story .story-panel[data-scene="3"] .story-description{font-size:9px;line-height:1.5;margin-top:8px}
 .landscape-story .story-panel[data-scene="3"]>.text-link{font-size:9px;margin-top:8px}
 .landscape-story .scene-instruments .swim-live-stats{padding:9px 12px}
 .swim-stats-heading,.swim-stats-heading [data-stat-status]{font-size:6px}
 .swim-live-stats .swim-stats-body{grid-template-columns:80px 1fr;margin-top:6px!important}
 .swim-stat-primary [data-stat-accuracy]{font-size:24px}
 .swim-live-stats .swim-stat-primary>span{font-size:7px;margin-top:2px}
 .swim-live-stats .swim-stat-counts dd{font-size:12px}.swim-live-stats .swim-stat-counts dt{font-size:7px}
}

@media(min-width:761px) and (max-height:800px){
 .fire-readout .fire-caption{margin-bottom:6px}
 .fire-readout .forecast-heading{margin-bottom:4px}
 .fire-readout .forecast-description{margin:4px 0}
 .landscape-story .fire-readout small{line-height:1.2;margin-top:5px}
}

/* Keep navigation legible while the viewing window is filled by bright cloud. */
.kinetic-joined-channels{clip-path:url(#kinetic-joined-mask);opacity:0}
.kinetic-joined-boundaries{opacity:0}
html[data-motion-mode="fluid"] .landscape-story .story-panel{will-change:transform,opacity;transition:none}
body:not(.is-below-scene):has(.landscape-story[data-chapter="4"]) .site-header{left:28px;right:28px;top:20px;height:64px;padding:0 24px;border:1px solid #d1e7f03b;border-radius:18px;background:#18344cbd;backdrop-filter:blur(18px)}
@media(max-width:760px){body:not(.is-below-scene):has(.landscape-story[data-chapter="4"]) .site-header{left:20px;right:20px;top:20px;height:58px;padding:0 12px;border-radius:16px}}