@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--bg:#061522;--deep:#05111c;--text:#f6f9fb;--muted:#9db7c8;--line:rgba(255,255,255,.16);--accent:#59cfff;--accent2:#9fe5ff;--max:1460px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:fixed;inset:0 0 auto;height:86px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.6vw,76px);background:rgba(4,17,28,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;flex-direction:column;line-height:1}.brand-main{font:700 17px/1 Manrope,sans-serif;letter-spacing:.18em}.brand-sub{margin-top:8px;font-size:10px;letter-spacing:.18em;color:#a3b8c7;text-transform:uppercase}.nav{display:flex;gap:31px}.nav a{font-size:12px;letter-spacing:.14em;color:#e2ebf0}.nav a:hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 12px;letter-spacing:.15em}
.hero-artwork{position:relative;margin-top:86px;background:#061522;overflow:hidden}.hero-artwork img{width:100%;height:auto}.hero-hotspot{position:absolute;z-index:4;display:block}.hotspot-sentinel{left:5.4%;bottom:8.3%;width:13.4%;height:7%}.hotspot-partnerships{left:19.4%;bottom:8.3%;width:16.2%;height:7%}

.cinematic-section{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse 64% 120% at 86% 52%,rgba(51,177,245,.25),rgba(18,92,145,.12) 43%,transparent 71%),linear-gradient(105deg,#061522 0%,#082a44 47%,#0c5688 78%,#1281bb 100%)}
.cinematic-section:before{content:"";position:absolute;z-index:0;right:-12vw;top:-35%;width:72vw;height:170%;border-radius:50%;border:1px solid rgba(99,211,255,.35);box-shadow:inset 70px 0 135px rgba(84,202,255,.055),0 0 90px rgba(54,173,240,.05);pointer-events:none}
.cinematic-section:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,14,24,.52) 0%,rgba(2,14,24,.28) 38%,transparent 61%);pointer-events:none}
.cinematic-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;min-height:690px;padding:72px clamp(30px,5.5vw,86px);display:grid;align-items:center;gap:54px}.two-col{grid-template-columns:.82fr 1.18fr}.copy-panel{position:relative;z-index:4;max-width:650px}.section-kicker,.mini{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent2);margin-bottom:30px}h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(50px,5.3vw,82px);line-height:.97;letter-spacing:-.05em;margin:0}h2 span{color:var(--accent)}.statement{font:700 clamp(19px,1.55vw,24px)/1.35 Manrope,sans-serif;margin:26px 0 12px}.lead{color:#c5d9e6;font-size:clamp(15px,1.1vw,18px);max-width:610px}.quiet{color:#83a4b7;max-width:610px;border-left:2px solid var(--accent);padding-left:18px}.button{display:inline-flex;align-items:center;gap:18px;margin-top:28px;padding:17px 24px;border:1px solid rgba(129,222,255,.55);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.button.primary{background:#5dd0ff;color:#04131f;border-color:#5dd0ff}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.micro-manifesto{margin-top:58px;padding-left:18px;border-left:2px solid var(--accent);font-size:10px;line-height:1.75;letter-spacing:.16em;color:#aac6d7}
.visual-panel{position:relative;min-height:520px;overflow:hidden;border:1px solid rgba(130,220,255,.20);box-shadow:0 24px 80px rgba(0,0,0,.18)}.visual-panel>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,34,.28),transparent 24%)}

/* 02 - use the approved cinematic ecosystem image as the visual half */
.ecosystem-section .cinematic-inner{min-height:760px}.ecosystem-visual{min-height:600px;border:none;box-shadow:none}.ecosystem-visual img{width:176%;max-width:none;left:-67%;object-position:center}.ecosystem-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a3354 0%,rgba(10,51,84,.18) 14%,transparent 32%)}

/* 03 - real SENTINEL image plus capability layer */
.sentinel-section{background:radial-gradient(ellipse 68% 120% at 88% 52%,rgba(45,181,250,.27),rgba(19,105,166,.12) 44%,transparent 72%),linear-gradient(105deg,#061522 0%,#082a44 45%,#0d5e91 78%,#168cc4 100%)}
.sentinel-visual{min-height:610px;border:none;background:#0c3353}.sentinel-visual img{object-position:54% 46%;filter:saturate(1.05) contrast(1.03)}.sentinel-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(6,21,34,.36),transparent 34%),linear-gradient(0deg,rgba(3,15,25,.26),transparent 42%)}.visual-caption{position:absolute;z-index:4;right:28px;top:26px;font-size:10px;line-height:1.75;letter-spacing:.25em;color:#d8f3ff;text-align:left}.glass-badge{position:absolute;z-index:4;width:235px;padding:16px 18px;border:1px solid rgba(117,218,255,.50);background:rgba(4,25,42,.72);backdrop-filter:blur(8px);box-shadow:0 0 36px rgba(58,190,250,.11)}.glass-badge b{display:block;font-size:12px;letter-spacing:.08em}.glass-badge span{display:block;margin-top:5px;font-size:11px;color:#a8cddd}.badge-a{left:24px;bottom:112px}.badge-b{right:24px;bottom:26px}
.capability-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.08)}.capability-strip div{padding:15px 16px;background:rgba(3,18,30,.52)}.capability-strip small{display:block;font-size:8px;color:var(--accent);letter-spacing:.16em}.capability-strip strong{display:block;font-size:12px;margin-top:6px}

/* 04 - environments */
.platform-section .cinematic-inner{min-height:670px}.compact-copy h2{font-size:clamp(48px,4.9vw,76px)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.pillars article{padding:15px 16px;background:rgba(3,18,30,.50);border-top:1px solid var(--accent)}.pillars b{display:block;font-size:12px}.pillars span{display:block;font-size:10.5px;color:#a5c1d2;margin-top:6px}.city-visual{min-height:560px;border:none}.city-visual img{object-position:center 55%;filter:saturate(1.08) brightness(.88)}.city-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(4,20,32,.18),rgba(3,19,31,.48)),linear-gradient(0deg,rgba(3,16,26,.60),transparent 55%)}.usecase-grid{position:absolute;z-index:4;left:22px;right:22px;top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.usecase-grid div{padding:14px 15px;background:rgba(4,24,39,.68);border:1px solid rgba(105,210,255,.26);backdrop-filter:blur(6px)}.usecase-grid b{display:block;font-size:11px}.usecase-grid span{display:block;color:#a7c8d9;font-size:9.5px;margin-top:4px}.city-callout{position:absolute;z-index:4;left:28px;bottom:26px}.city-callout b{font:700 24px Manrope,sans-serif}.city-callout span{display:block;font:600 18px Manrope,sans-serif;color:var(--accent);margin-top:2px}

/* 05 demonstrator */
.demo-section .cinematic-inner{min-height:650px}.demo-visual{min-height:540px;border:none}.demo-visual img{object-position:50% 44%;filter:saturate(1.08) contrast(1.03)}.demo-scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(3,16,26,.10),rgba(3,16,26,.40)),linear-gradient(0deg,rgba(3,16,26,.63),transparent 53%)}.demo-metric{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 15px;background:rgba(3,20,33,.74);border:1px solid rgba(107,211,255,.30);backdrop-filter:blur(6px)}.demo-metric strong{font:700 23px Manrope,sans-serif;color:var(--accent)}.demo-metric span{font-size:9px;line-height:1.25;letter-spacing:.13em}.m1{left:24px;bottom:24px}.m2{left:205px;bottom:24px}.m3{right:24px;bottom:24px}

/* 06 protected technology */
.protected-section .cinematic-inner{min-height:610px}.ip-visual{min-height:490px;border:none;background:radial-gradient(circle at 54% 49%,rgba(43,188,255,.18),rgba(5,25,40,.86) 48%,rgba(4,17,28,.96) 75%)}.ip-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(95,212,255,.35);border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:445px;height:445px;border-color:rgba(95,212,255,.16)}.ip-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:700 34px Manrope,sans-serif;background:radial-gradient(circle,rgba(20,92,140,.82),rgba(5,24,39,.95));border:1px solid rgba(113,222,255,.55);box-shadow:0 0 65px rgba(45,184,248,.15)}.ip-core span{font:600 9px/1.35 Inter,sans-serif;letter-spacing:.14em;color:#a6dff6;margin-top:8px}.ip-card{position:absolute;width:158px;padding:13px 14px;background:rgba(4,24,39,.78);border:1px solid rgba(105,210,255,.28);backdrop-filter:blur(6px)}.ip-card small{color:var(--accent);font-size:8px;letter-spacing:.15em}.ip-card b{display:block;font-size:9.5px;margin-top:5px}.i1{left:4%;top:12%}.i2{right:5%;top:15%}.i3{left:2%;bottom:18%}.i4{right:3%;bottom:19%}.i5{left:50%;bottom:2%;transform:translateX(-50%)}.ip-note{position:absolute;right:18px;bottom:12px;font-size:8px;letter-spacing:.14em;color:#7ea8bd}

footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr 1.2fr;padding:42px clamp(30px,5.5vw,86px) 30px;gap:26px;background:#04111c;border-top:1px solid rgba(255,255,255,.1)}footer strong{display:block;font-size:12px;letter-spacing:.12em}footer span,footer a{display:block;color:#91afc0;font-size:11px;margin-top:7px}.footer-contact{display:flex;flex-direction:column;gap:3px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:20px;color:#7899ac;font-size:9px}

@media(max-width:1100px){.cinematic-inner{grid-template-columns:1fr;min-height:0;padding-top:58px;padding-bottom:58px}.visual-panel{min-height:520px}.copy-panel{max-width:760px}.ecosystem-visual img{width:135%;left:-35%}.cinematic-section:before{right:-48vw;width:125vw}.pillars{max-width:680px}}
@media(max-width:760px){.site-header{height:72px;padding:0 20px}.nav{display:none;position:absolute;right:16px;top:70px;flex-direction:column;background:#061522;padding:18px 22px;border:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.hero-artwork{margin-top:72px}.cinematic-inner{padding:42px 22px;gap:30px}.cinematic-section:before{right:-95vw;width:180vw}.visual-panel{min-height:430px}h2{font-size:45px}.ecosystem-visual img{width:190%;left:-82%}.capability-strip,.usecase-grid,.pillars{grid-template-columns:1fr}.sentinel-visual,.city-visual,.demo-visual{min-height:500px}.glass-badge{width:200px}.demo-metric{position:relative;left:auto!important;right:auto!important;bottom:auto!important;margin:8px 12px;display:inline-flex}.demo-visual{padding-top:300px}.ip-card{width:132px}.ip-core{width:155px;height:155px}.orbit-one{width:260px;height:260px}.orbit-two{width:360px;height:360px}footer{grid-template-columns:1fr;padding:34px 22px}.copyright{grid-column:1}}

/* v1.10 — Section 03 locked to the same master composition logic as Section 02 */
.sentinel-section .cinematic-inner{min-height:760px}
.sentinel-layout{grid-template-columns:.82fr 1.18fr}
.sentinel-copy{max-width:650px}
.sentinel-master-visual{min-height:600px;border:none;box-shadow:none;background:#0b3555}
.sentinel-master-visual img{object-position:50% 50%;filter:saturate(1.07) contrast(1.03) brightness(.96)}
.sentinel-master-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a3354 0%,rgba(10,51,84,.14) 13%,transparent 30%);pointer-events:none}
.capability-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.08);max-width:600px}
.capability-grid-compact div{min-height:78px;padding:14px 16px;background:rgba(3,18,30,.56);display:flex;flex-direction:column;justify-content:center}
.capability-grid-compact small{font-size:8px;line-height:1;color:var(--accent);letter-spacing:.16em}
.capability-grid-compact strong{display:block;font-size:11.5px;line-height:1.25;margin-top:7px}

@media(max-width:1100px){
  .sentinel-layout{grid-template-columns:1fr}
  .sentinel-master-visual{min-height:560px}
}
@media(max-width:760px){
  .capability-grid-compact{grid-template-columns:1fr}
  .sentinel-master-visual{min-height:500px}
}

/* v1.11 — Section 03: preserve the complete original SENTINEL and match the approved 02 palette */
.sentinel-section{
  background:radial-gradient(ellipse 64% 120% at 86% 52%,rgba(51,177,245,.25),rgba(18,92,145,.12) 43%,transparent 71%),linear-gradient(105deg,#061522 0%,#082a44 47%,#0c5688 78%,#1281bb 100%);
}
.sentinel-master-visual{
  min-height:600px;
  border:none;
  box-shadow:none;
  background:linear-gradient(105deg,#082a44 0%,#0c5688 56%,#1281bb 100%);
  overflow:hidden;
}
.sentinel-master-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  filter:saturate(1.10) contrast(1.03) brightness(1.02);
}
.sentinel-master-visual:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(ellipse 68% 90% at 58% 52%,rgba(38,159,231,.12),transparent 70%);
  pointer-events:none;
}
.sentinel-master-visual:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,#0a3354 0%,rgba(10,51,84,.20) 10%,transparent 24%,transparent 100%);
  pointer-events:none;
}

/* v1.12 — Section 03: same cinematic transition grammar as approved Section 02 */
.sentinel-section .cinematic-inner{
  max-width:none;
  min-height:760px;
  padding-left:clamp(54px,7.2vw,128px);
  padding-right:0;
  gap:0;
  grid-template-columns:42% 58%;
}
.sentinel-section:before{
  right:-12vw;
  top:-35%;
  width:72vw;
  height:170%;
}
.sentinel-copy{
  max-width:620px;
  padding-right:34px;
}
.sentinel-master-visual{
  min-height:680px;
  height:100%;
  margin:0;
  border:0;
  box-shadow:none;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(8,42,68,.95) 0%,rgba(8,42,68,.52) 12%,rgba(8,42,68,.08) 30%,transparent 44%),
    url('assets/sentinel-original-city.png');
  background-size:cover;
  background-position:center 47%;
}
.sentinel-master-visual img{
  position:absolute;
  z-index:2;
  right:2.5%;
  left:auto;
  top:2%;
  bottom:2%;
  width:auto;
  height:96%;
  max-width:76%;
  object-fit:contain;
  object-position:right center;
  filter:saturate(1.08) contrast(1.02) brightness(1.02);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 5%,#000 18%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 5%,#000 18%,#000 100%);
}
.sentinel-master-visual:before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background:
    radial-gradient(ellipse 54% 88% at 18% 50%,rgba(51,177,245,.20),transparent 68%),
    linear-gradient(90deg,#082a44 0%,rgba(8,42,68,.86) 8%,rgba(8,42,68,.38) 22%,transparent 40%);
  pointer-events:none;
}
.sentinel-master-visual:after{
  content:"";
  position:absolute;
  z-index:4;
  left:-14%;
  top:-24%;
  width:48%;
  height:148%;
  border-radius:50%;
  border:1px solid rgba(99,211,255,.34);
  box-shadow:inset 60px 0 120px rgba(84,202,255,.05);
  background:transparent;
  pointer-events:none;
}
.capability-grid-compact{
  margin-top:24px;
  max-width:570px;
  background:rgba(255,255,255,.10);
}
.capability-grid-compact div{
  min-height:64px;
  padding:11px 14px;
  background:rgba(3,18,30,.44);
}
@media(max-width:1100px){
  .sentinel-section .cinematic-inner{grid-template-columns:1fr;padding-right:clamp(30px,5.5vw,86px);gap:34px}
  .sentinel-master-visual{min-height:600px}
  .sentinel-master-visual img{right:0;max-width:82%}
}
@media(max-width:760px){
  .sentinel-section .cinematic-inner{padding-left:22px;padding-right:22px}
  .sentinel-master-visual{min-height:500px;background-position:center}
  .sentinel-master-visual img{height:94%;top:3%;max-width:92%;right:-4%}
}

/* v1.13 — Section 03 is the approved cinematic master composition */
.sentinel-artwork-section{
  position:relative;
  overflow:hidden;
  background:#061522;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sentinel-artwork-section img{
  display:block;
  width:100%;
  height:auto;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:760px){
  .sentinel-artwork-section{
    min-height:620px;
    background:#061522;
  }
  .sentinel-artwork-section img{
    width:auto;
    max-width:none;
    height:620px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }
}

/* v1.14 — Sections 01/02/03 share one locked visual master system */
.master-artwork-section{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#061522;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.master-artwork-section:first-of-type{margin-top:86px;}
.master-artwork-section img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1723/827;
  object-fit:cover;
  object-position:center center;
}
.master-01 img{aspect-ratio:1725/827;}
.art-hotspot{position:absolute;z-index:5;display:block;}
/* 01 — same button positions as the approved original after removing the baked nav strip */
.hs-01-sentinel{left:5.3%;bottom:7.4%;width:13.2%;height:7.2%;}
.hs-01-partnerships{left:19.4%;bottom:7.4%;width:16.4%;height:7.2%;}
/* 02 — Explore TUIS Ecosystem */
.hs-02-explore{left:4.4%;bottom:18.2%;width:20.2%;height:7.4%;}
/* 03 — Explore Sentinel */
.hs-03-explore{left:6.2%;bottom:11.8%;width:15.6%;height:6.4%;}

@media(max-width:760px){
  .master-artwork-section:first-of-type{margin-top:72px;}
  .master-artwork-section{min-height:560px;}
  .master-artwork-section img{
    width:auto;
    max-width:none;
    height:560px;
    aspect-ratio:auto;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }
  .art-hotspot{display:none;}
}

/* v1.15 — approved Section 02 and 03 artwork, preserved without re-composition */
.master-02 img,
.master-03 img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center top;
}
.hs-02-explore{left:5.9%;bottom:11.0%;width:16.8%;height:9.0%;}
.hs-03-explore{left:5.9%;bottom:8.5%;width:12.0%;height:7.5%;}
@media(max-width:760px){
  .master-02,.master-03{min-height:0;}
  .master-02 img,.master-03 img{
    position:static;
    width:100%;
    height:auto;
    max-width:100%;
    transform:none;
  }
}

/* v1.16 — approved Section 04/05 artwork in the same locked master system as 01–03 */
.master-04 img,
.master-05 img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center top;
}
.hs-04-invest{left:4.2%;bottom:8.0%;width:18.8%;height:8.2%;}
.hs-05-impact{left:3.9%;bottom:9.0%;width:14.5%;height:8.2%;}
@media(max-width:760px){
  .master-04,.master-05{min-height:0;}
  .master-04 img,.master-05 img{
    position:static;
    width:100%;
    height:auto;
    max-width:100%;
    transform:none;
  }
}

/* v1.17 — approved Section 06/07 artwork, locked to the same master artwork system */
.master-06 img,
.master-07 img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center top;
}
/* 06 — Discuss a Pilot CTA inside approved artwork */
.hs-06-pilot{left:4.0%;bottom:9.7%;width:15.7%;height:8.0%;}
@media(max-width:760px){
  .master-06,.master-07{min-height:0;}
  .master-06 img,.master-07 img{
    position:static;
    width:100%;
    height:auto;
    max-width:100%;
    transform:none;
  }
}

/* v1.18 — premium cinematic full-screen chapter experience */
:root{
  --header-h:86px;
  --chapter-bg:#04131f;
  --ease-cinema:cubic-bezier(.22,.61,.36,1);
}
html{
  scroll-padding-top:var(--header-h);
}
@media (min-width: 761px){
  html{scroll-snap-type:y mandatory;}
  body.cinematic-site{overflow-x:hidden;background:var(--chapter-bg);}
  .chapter-deck{position:relative;}
  .master-artwork-section.chapter{
    height:calc(100svh - var(--header-h));
    min-height:620px;
    width:100%;
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    background:
      radial-gradient(circle at 78% 45%,rgba(37,154,225,.12),transparent 42%),
      #04131f;
    isolation:isolate;
  }
  .master-artwork-section.chapter:first-of-type{margin-top:var(--header-h)!important;}
  .master-artwork-section.chapter img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    max-width:none;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:.45;
    transform:translate3d(0,20px,0) scale(1.018);
    filter:saturate(.92) brightness(.88);
    transition:
      opacity .72s var(--ease-cinema),
      transform 1.05s var(--ease-cinema),
      filter .9s var(--ease-cinema);
    will-change:transform,opacity,filter;
  }
  .master-artwork-section.chapter::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(3,13,22,.12),transparent 13%,transparent 86%,rgba(3,13,22,.18)),
      radial-gradient(ellipse 80% 110% at 92% 48%,rgba(57,190,255,.08),transparent 63%);
    opacity:.45;
    transition:opacity .8s ease;
  }
  .master-artwork-section.chapter::after{
    content:"";
    position:absolute;
    z-index:3;
    inset:-2px;
    pointer-events:none;
    background:linear-gradient(90deg,#04131f 0%,#07253d 38%,rgba(14,104,161,.82) 67%,rgba(22,143,199,.38) 100%);
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
    transition:clip-path 1.12s var(--ease-cinema),opacity .9s ease;
    opacity:.88;
  }
  .master-artwork-section.chapter.is-active img{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:saturate(1.03) brightness(1);
  }
  .master-artwork-section.chapter.is-active::before{opacity:1;}
  .master-artwork-section.chapter.is-active::after{
    clip-path:inset(0 0 0 100%);
    opacity:.18;
  }
  .master-artwork-section.chapter.is-past img{opacity:.72;transform:scale(.992);filter:saturate(.92) brightness(.86);}
  .art-hotspot{z-index:6;}

  /* Fixed glass header becomes quieter while scrolling and brighter on hover. */
  .site-header{
    height:var(--header-h);
    background:linear-gradient(90deg,rgba(3,16,27,.90),rgba(5,24,39,.82));
    box-shadow:0 14px 42px rgba(0,0,0,.18);
    transition:background .35s ease,box-shadow .35s ease;
  }
  .site-header.is-scrolled{background:rgba(3,16,27,.72);box-shadow:0 14px 50px rgba(0,0,0,.28);}
  .site-header:hover{background:rgba(3,16,27,.94);}
  .nav a{position:relative;transition:color .25s ease,opacity .25s ease;}
  .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--accent);transition:right .3s ease;}
  .nav a:hover::after,.nav a.is-active::after{right:0;}
  .nav a.is-active{color:var(--accent2);}

  /* Right-side chapter rail — compact, discreet, investor-deck feel. */
  .chapter-rail{
    position:fixed;
    z-index:45;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:12px 9px;
    border:1px solid rgba(121,211,255,.13);
    border-radius:999px;
    background:rgba(2,15,25,.34);
    backdrop-filter:blur(12px);
  }
  .chapter-dot{
    width:8px;height:8px;border-radius:50%;
    border:1px solid rgba(166,226,255,.55);
    background:rgba(110,202,244,.12);
    padding:0;cursor:pointer;
    transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
  }
  .chapter-dot:hover{transform:scale(1.35);background:rgba(91,207,255,.6);}
  .chapter-dot.is-active{background:#66d6ff;box-shadow:0 0 0 4px rgba(102,214,255,.12),0 0 18px rgba(80,200,255,.65);transform:scale(1.2);}
  .chapter-counter{
    position:fixed;z-index:44;right:15px;bottom:18px;
    font:600 10px/1 Manrope,sans-serif;letter-spacing:.18em;color:rgba(210,236,250,.64);
    writing-mode:vertical-rl;transform:rotate(180deg);
  }
  footer{scroll-snap-align:start;}
}

@media (max-width:760px){
  :root{--header-h:72px;}
  html{scroll-snap-type:none;}
  .chapter-rail,.chapter-counter{display:none;}
  .master-artwork-section.chapter{height:auto;min-height:0;}
  .master-artwork-section.chapter:first-of-type{margin-top:72px!important;}
  .master-artwork-section.chapter img{position:static;width:100%;height:auto;max-width:100%;transform:none;filter:none;opacity:1;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;scroll-snap-type:none!important;}
  .master-artwork-section.chapter img,.master-artwork-section.chapter::after{transition:none!important;transform:none!important;opacity:1!important;filter:none!important;clip-path:none!important;}
}

/* v1.22 — Section 02 signature arc reveal, replayable performance build.
   Only compositor-friendly transforms are animated. The artwork itself no longer
   animates filters/brightness/scale, which removes the visible hitch on slower GPUs. */
@media (min-width:761px){
  .master-02.chapter::after{
    opacity:0!important;
    clip-path:none!important;
    transition:none!important;
  }

  .master-02 .arc-reveal-curtain,
  .master-02 .arc-reveal-line{
    position:absolute;
    pointer-events:none;
    z-index:4;
    top:-34%;
    left:-17%;
    height:168%;
    width:118%;
    border-radius:0 52% 52% 0 / 0 50% 50% 0;
    transform:translate3d(18%,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-style:preserve-3d;
    contain:paint;
    will-change:transform,opacity;
  }

  .master-02 .arc-reveal-curtain{
    background:linear-gradient(90deg,
      rgba(1,10,18,.94) 0%,
      rgba(2,17,29,.92) 72%,
      rgba(4,28,47,.84) 90%,
      rgba(5,45,73,.58) 100%);
    opacity:.94;
  }

  .master-02 .arc-reveal-line{
    border-right:2px solid rgba(111,225,255,.98);
    box-shadow:8px 0 22px rgba(38,184,255,.34);
    opacity:0;
  }

  /* Keep the artwork static. Darkness comes only from the moving curtain. */
  .master-02.chapter img,
  .master-02.chapter.is-active img{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }


  /* Instant off-screen re-arm: prevents the reveal from visibly running backwards. */
  .master-02.chapter.arc-resetting .arc-reveal-curtain,
  .master-02.chapter.arc-resetting .arc-reveal-line{
    animation:none!important;
    transition:none!important;
  }

  .master-02.chapter.arc-go .arc-reveal-curtain{
    animation:tuisArcCurtainSmooth 3.35s cubic-bezier(.16,.72,.18,1) 80ms both;
  }
  .master-02.chapter.arc-go .arc-reveal-line{
    animation:tuisArcLineSmooth 3.35s cubic-bezier(.16,.72,.18,1) 80ms both;
  }

  @keyframes tuisArcCurtainSmooth{
    0%   {transform:translate3d(18%,0,0);opacity:.94}
    88%  {transform:translate3d(-88.5%,0,0);opacity:.94}
    100% {transform:translate3d(-91%,0,0);opacity:0}
  }

  @keyframes tuisArcLineSmooth{
    0%   {transform:translate3d(18%,0,0);opacity:0}
    3%   {opacity:1}
    88%  {transform:translate3d(-88.5%,0,0);opacity:1}
    100% {transform:translate3d(-91%,0,0);opacity:0}
  }
}

@media (prefers-reduced-motion:reduce){
  .master-02 .arc-reveal-curtain,
  .master-02 .arc-reveal-line{display:none!important}
  .master-02.chapter img{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* v1.23 — Section 01 uses the same replayable TUIS living-arc reveal as Section 02. */
@media (min-width:761px){
  .master-01.chapter::after{
    opacity:0!important;
    clip-path:none!important;
    transition:none!important;
  }

  .master-01 .arc-reveal-curtain,
  .master-01 .arc-reveal-line{
    position:absolute;
    pointer-events:none;
    z-index:4;
    top:-34%;
    left:-17%;
    height:168%;
    width:118%;
    border-radius:0 52% 52% 0 / 0 50% 50% 0;
    transform:translate3d(18%,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-style:preserve-3d;
    contain:paint;
    will-change:transform,opacity;
  }

  .master-01 .arc-reveal-curtain{
    background:linear-gradient(90deg,
      rgba(1,10,18,.94) 0%,
      rgba(2,17,29,.92) 72%,
      rgba(4,28,47,.84) 90%,
      rgba(5,45,73,.58) 100%);
    opacity:.94;
  }

  .master-01 .arc-reveal-line{
    border-right:2px solid rgba(111,225,255,.98);
    box-shadow:8px 0 22px rgba(38,184,255,.34);
    opacity:0;
  }

  .master-01.chapter img,
  .master-01.chapter.is-active img{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }

  .master-01.chapter.arc-resetting .arc-reveal-curtain,
  .master-01.chapter.arc-resetting .arc-reveal-line{
    animation:none!important;
    transition:none!important;
  }

  .master-01.chapter.arc-go .arc-reveal-curtain{
    animation:tuisArcCurtainSmooth 3.35s cubic-bezier(.16,.72,.18,1) 80ms both;
  }
  .master-01.chapter.arc-go .arc-reveal-line{
    animation:tuisArcLineSmooth 3.35s cubic-bezier(.16,.72,.18,1) 80ms both;
  }
}

@media (prefers-reduced-motion:reduce){
  .master-01 .arc-reveal-curtain,
  .master-01 .arc-reveal-line{display:none!important}
  .master-01.chapter img{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}