/* Peptora Lab: glacier white, sky blue, cyan and deep ocean typography. */
:root{--ivory:#f5fbff;--obsidian:#063157;--paper:#f5fbff;--paper-2:#e6f4ff;--stone:#079fba;--mute:#496b86;--navy:#0968c8;--ink:#063157;--muted:#496b86;--white:#fff;--line:rgba(9,104,200,.17);--blue:#0968c8;--cyan:#00b8d0}
html,body,main,.opening-sequence,.opening-stage{background:#edf8ff;color:var(--ink)}
.opening-sequence{height:500svh}
@media(max-width:900px){.opening-sequence{height:500vh}@supports(height:100lvh){.opening-sequence{height:500lvh}}}
.opening-stage{background:radial-gradient(ellipse at 85% 25%,#b8e7ff 0,transparent 52%),linear-gradient(130deg,#fff,#e6f4ff 60%,#d4f3fa)}
::selection{background:#b6e9fb;color:#063157}
.site-noise{opacity:.012}
.site-header,.site-header.on-dark{color:var(--ink);background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 28%,rgba(255,255,255,.12) 48%,transparent 66%),linear-gradient(135deg,rgba(247,252,255,.58),rgba(213,237,255,.4));border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(180,225,255,.45),0 12px 38px rgba(0,19,42,.2);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%)}
.brand,.site-header .brand{width:112px;height:70px}
.brand>img,.site-header.on-dark .brand>img,.footer-brand img{width:100px;height:68px;object-fit:contain;filter:none}
.site-header .nav-tabs,.site-header.on-dark .nav-tabs{background:rgba(234,247,255,.14);border-color:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header .nav-tab,.site-header.on-dark .nav-tab{color:#123b5c;text-shadow:none}
.site-header .nav-tab:hover,.site-header.on-dark .nav-tab:hover{color:#0757b0}
.site-header .nav-tab.is-active,.site-header.on-dark .nav-tab.is-active{color:#0757b0;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(241,250,255,.3))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.3),0 3px 12px rgba(15,91,155,.08)}
.button,.site-header .button,.site-header.on-dark .button,.opening-stage .form-submit{background:linear-gradient(115deg,#0877d6,#0646a3);color:#fff;box-shadow:0 8px 24px rgba(9,104,200,.17)}
.button:hover,.site-header .button:hover,.site-header.on-dark .button:hover,.opening-stage .form-submit:hover{background:#008fab;color:#fff}
.chapter-rail.on-dark .chapter,.chapter{color:#507694}
.chapter-rail.on-dark .chapter.is-active,.chapter.is-active{color:#0757b0}
.chapter-rail.on-dark .chapter:before,.chapter:before{background:#edf8ff;border-color:#6da9d4}
.chapter-rail.on-dark .chapter.is-active:before,.chapter.is-active:before{background:#078bd0;border-color:#078bd0;box-shadow:0 0 0 5px rgba(7,139,208,.13)}
.chapter-rail.on-dark .rail-line{background:rgba(9,104,200,.18)}
.chapter-rail.on-dark .rail-progress{background:#078bd0}
.hero:after{background:linear-gradient(90deg,rgba(245,251,255,.94),rgba(235,248,255,.65) 48%,rgba(218,242,255,.08));pointer-events:none}
.hero-title,.story .section-title,.opening-stage .section-title,.opening-stage .portfolio-heading .section-title,.opening-stage .approach-heading .section-title,.opening-stage .contact-title{color:var(--ink);text-shadow:none}
.hero-title{font-size:clamp(76px,10vw,152px)}
.hero .outline-word{color:#087aca;-webkit-text-stroke:0}
.hero .eyebrow,.story .eyebrow,.opening-stage .eyebrow,.opening-stage .approach-heading .eyebrow,.opening-stage .contact-copy .eyebrow{color:#0878bb}
.hero-bottom>p,.story .body-copy,.story-principles p,.opening-stage .portfolio-heading .body-copy,.opening-stage .contact-lead{color:var(--muted);text-shadow:none}
.hero .round-link{background:rgba(255,255,255,.65);color:#0757b0;border-color:#71b9e0}
.hero .round-link:hover{background:#0968c8;color:#fff;border-color:#0968c8}
.hero .hero-stat{background:rgba(255,255,255,.75);border-color:rgba(9,104,200,.17);box-shadow:0 12px 34px rgba(9,104,200,.1)}
.hero-stat strong{color:#0757b0;font-size:36px;text-shadow:none}
.hero-stat span,.hero .scroll-cue{color:#496b86}
.hero .scroll-cue i{background:#95c5e4}.hero .scroll-cue i:after{background:#087aca}
.hero-ring-field{filter:sepia(1) saturate(4) hue-rotate(155deg);mix-blend-mode:multiply}
.hero-energy-ring{mix-blend-mode:multiply;background:none}
.opening-stage>.story-fibre{mix-blend-mode:multiply;filter:invert(1) sepia(.7) saturate(3) hue-rotate(155deg)}
.story:before{background:linear-gradient(90deg,rgba(242,250,255,.94),rgba(224,245,255,.57))}
.story-copy .lead{color:#174769;text-shadow:none}
.story .section-title em,.opening-stage .section-title em,.opening-stage .portfolio-heading .section-title em,.opening-stage .approach-heading .section-title em{color:#087aca}
.story-principles h3,.story-principles span{color:#0757b0}
.story-principles .principle-icon{color:#078bc8;background:rgba(255,255,255,.85);border-color:#b2def2;box-shadow:0 8px 24px rgba(9,104,200,.1)}
.story-principles .principle-icon:after{border-color:rgba(9,104,200,.22)}
.opening-stage>.services:before,.opening-stage>.portfolio:before,.opening-stage>.approach:before,.opening-stage>.contact:before,.opening-stage>.live-video:before{background:linear-gradient(115deg,rgba(245,251,255,.95),rgba(218,241,255,.8))}
.opening-stage>.services,.opening-stage>.portfolio,.opening-stage>.approach,.opening-stage>.contact,.opening-stage>.live-video,.opening-stage .expertise-copy,.opening-stage .portfolio-heading,.opening-stage .contact-inner{color:var(--ink)}
.expertise-copy span,.expertise-heading .eyebrow,.opening-stage .portfolio .eyebrow{color:#0878bb}
.expertise-copy p,.opening-stage .project-caption,.opening-stage .approach .process-card p,.opening-stage .approach .mission-band h3{color:#496b86}
.expertise-slide figure{background:#e0f3ff;box-shadow:0 20px 55px rgba(9,104,200,.18);aspect-ratio:3/2}
.expertise-slide img,.expertise-slide.is-active img{filter:none;object-fit:contain}
.expertise-arrow,.dissolve-reset{background:#fff;color:#0968c8;border-color:#b0d9f1}
.expertise-arrow:hover,.dissolve-reset:hover{background:#0968c8;color:#fff}
.expertise-progress{background:#badbf1}.expertise-progress i{background:#078bcb}
.opening-stage .project-tab{color:#426986;background:rgba(255,255,255,.5);border-color:#b1d8ef}
.opening-stage .project-tab:hover{color:#0757b0;background:#fff;border-color:#70b9e5}
.opening-stage .project-tab.is-active{color:#fff;background:#0968c8;border-color:#0968c8}
.opening-stage .project-caption b{color:#063157}
.opening-stage .comparison{background:#e8f6ff;border-color:#b8dcf2;box-shadow:0 24px 60px rgba(9,104,200,.16)}
.dissolve-comparison .dissolve-after{background:#e8f6ff}
.dissolve-hover-cue span,.dissolve-hover-cue b,.dissolve-comparison .image-label{background:rgba(6,75,144,.87);color:#fff;border-color:#a8dff4}
.ribbon-glow-canvas,.beyond-horizon{filter:invert(1) sepia(.7) saturate(2) hue-rotate(158deg);mix-blend-mode:multiply}
.opening-stage .live-video-copy .body-copy,.opening-stage .live-video-hint,.live-phone-note{color:#496b86}
.live-video-hint i{color:#087aca;border-color:#91c8e8}
.opening-stage .live-video-copy .section-title,.opening-stage .live-video-copy .section-title em{color:#0757b0}
.live-phone{box-shadow:0 24px 60px rgba(9,104,200,.22)}
.live-phone-media{background:#d3efff url('assets/peptora-semax.jpeg') center/cover no-repeat}
.live-phone-preview-video{visibility:hidden}
.live-phone-media-shade{background:linear-gradient(180deg,rgba(0,45,100,.18),transparent 40%,rgba(0,45,100,.7))}
.opening-stage .approach .process-card{color:#063157;text-shadow:none}
.opening-stage .approach .process-card h3{color:#063157}
.opening-stage .approach .process-card>span,.opening-stage .approach .mission-band p{color:#0878bb}
.opening-stage .approach .mission-band{border-color:#b3d8ef}
.opening-stage .contact-title em{color:#087aca;-webkit-text-stroke:0}
.opening-stage .contact-email{color:#0757b0;border-color:#75b8df}
.opening-stage .contact-email:hover{color:#0097ad;border-color:#0097ad}
.opening-stage .contact-form{background:rgba(255,255,255,.8);border-color:#b2d9ef;box-shadow:0 16px 50px rgba(9,104,200,.1)}
.opening-stage .form-heading{color:#063157;border-color:#bfdfef}
.opening-stage .contact-form label>span,.opening-stage .contact-meta small{color:#0878bb}
.opening-stage .contact-form input,.opening-stage .contact-form textarea{color:#063157;border-color:#a2cce7}
.opening-stage .contact-form input::placeholder,.opening-stage .contact-form textarea::placeholder{color:#66869e}
.opening-stage .contact-form input:focus,.opening-stage .contact-form textarea:focus{border-color:#087aca}
.opening-stage .contact-meta{border-color:#b5d9ee}.opening-stage .contact-meta p{color:#496b86}
.form-delivery-note{margin:12px 0 0;color:#496b86;font-size:11px;line-height:1.5}
.site-footer{background:linear-gradient(120deg,#f8fcff,#e4f4ff);border-color:#badcf0;color:#063157}
.footer-brand img{width:106px;height:94px}.footer-brand p,.footer-bottom{color:#496b86}
.footer-nav a,.footer-bottom a{color:#0757b0!important}.footer-bottom{border-color:#badcf0}
.architectural-preloader{--paper:#eff9ff;--ink:#063157;--stone:#078bc8;background:#eff9ff;color:#063157}
.arch-preloader-scene{background:radial-gradient(ellipse at center,#fff,#e0f3ff 70%,#c9eaff)}
.arch-preloader-blueprint-render{display:none}
.arch-blueprint,.arch-sketch-draw-head{display:none}
.arch-preloader-scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#78c7e6 2px,transparent 3px),linear-gradient(35deg,transparent 49.8%,rgba(9,104,200,.08) 50%,transparent 50.2%);background-size:80px 80px,160px 160px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.arch-preloader-index,.arch-preloader-index span,.arch-preloader-step span{color:#496b86}
.arch-preloader-meta{background:#e6f4ff;border-color:#b8dced}.arch-preloader-step i,.arch-preloader-progress{background:#b5d8eb}
.arch-preloader-progress i{background:linear-gradient(90deg,#00b8c8,#0968c8)}
.arch-intro-brand img,.arch-final-brand img{filter:none;max-height:42vh;object-fit:contain}
.arch-orbit-track{stroke:#b1dcec}.arch-orbit-line{stroke:#078bc8}
.video-theater{background:rgba(224,243,255,.97)}
.video-theater-close{background:#0968c8;color:#fff;border-color:#7abde4}
@media(max-width:900px){
 .site-header,.site-header.on-dark{border:1px solid rgba(255,255,255,.58);border-radius:16px;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}
 .brand,.site-header .brand{width:88px;height:58px}.brand>img,.site-header.on-dark .brand>img{width:82px;height:56px}
 .site-header .nav-tabs,.site-header.on-dark .nav-tabs{background:linear-gradient(145deg,rgba(247,252,255,.78),rgba(220,239,255,.63))!important;box-shadow:inset 1px 0 0 rgba(255,255,255,.75),-20px 0 60px rgba(0,25,50,.18);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}
 .site-header .nav-tabs:before{color:#123b5c;text-shadow:none}
 .site-header .nav-tabs .nav-tab,.site-header.on-dark .nav-tabs .nav-tab{color:#123b5c;border-color:#bbdcef}
 .site-header .nav-tabs .nav-tab.is-active,.site-header.on-dark .nav-tabs .nav-tab.is-active,.site-header .nav-tabs .nav-tab:hover{color:#0757b0}
 .site-header .mobile-nav-toggle,.site-header.on-dark .mobile-nav-toggle,body.mobile-nav-open .mobile-nav-toggle{color:#0757b0;background:#fff;border-color:#b1d8ee}
 .chapter-rail,.chapter-rail.on-dark{background:rgba(240,250,255,.92);border-color:#afd8f0;color:#0757b0}
 .chapter-rail.on-dark .chapter.is-active{color:#0757b0}
 .mobile-nav-backdrop{background:rgba(15,75,130,.2)}
 .hero-title{font-size:clamp(66px,15vw,115px)}
 .hero:after{background:linear-gradient(90deg,rgba(245,251,255,.93),rgba(225,245,255,.4))}
 .story:before{background:linear-gradient(90deg,rgba(245,251,255,.93),rgba(225,245,255,.7))}
 .expertise-slide figure{width:min(78vw,414px);aspect-ratio:3/2}
}
@media(max-width:600px){.hero-title{font-size:18vw}.hero-bottom>p{max-width:320px}.opening-stage .story .section-title{font-size:10.5vw}.opening-stage .contact-title{font-size:13vw}.footer-brand img{height:82px;width:90px}}
@media(prefers-reduced-motion:reduce){.arch-preloader-scene:before{animation:none}}

/* Fit the collection to the pinned viewport instead of stacking fixed heights. */
@media(max-width:1499px){
 .opening-stage .expertise-inner{
  height:min(100%,100svh);min-height:0;
  width:calc(100% - clamp(160px,16vw,240px));
  padding:108px 0 54px;display:grid;
  grid-template-rows:auto minmax(0,1fr);gap:18px;
 }
 .opening-stage .expertise-heading{margin:0;gap:24px}
 .opening-stage .expertise-heading .section-title{font-size:clamp(34px,4vw,56px);line-height:1.02}
 .opening-stage .expertise-heading .eyebrow{font-size:10px;margin-bottom:8px}
 .opening-stage .expertise-showcase{height:auto;min-height:0}
 .opening-stage .expertise-slides{inset:0 0 48px;min-height:0}
 .opening-stage .expertise-slide{
  min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);gap:clamp(24px,4vw,56px);container-type:size;
 }
 .opening-stage .expertise-slide figure{
  width:min(100%,calc(100cqh * 1.5));height:auto;aspect-ratio:3/2;
  min-height:0;max-width:none;max-height:none;border-radius:8px;
 }
 .opening-stage .expertise-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
 .opening-stage .expertise-copy{min-width:0;padding-bottom:0}
 .opening-stage .expertise-copy span{font-size:9px;margin-bottom:14px}
 .opening-stage .expertise-copy h3{font-size:clamp(28px,3.2vw,46px);margin-bottom:14px;line-height:1.04}
 .opening-stage .expertise-copy p{font-size:clamp(12px,1.1vw,15px);line-height:1.55}
 .opening-stage .expertise-controls{bottom:0;width:44%;gap:8px}
 .opening-stage .expertise-arrow{width:38px;height:38px;flex:0 0 38px}
}
@media(max-width:900px){
 .opening-stage .expertise-inner{width:calc(100% - 40px);padding:90px 0 64px;gap:18px}
 .opening-stage .expertise-heading .eyebrow{margin-bottom:10px;font-size:9px}
 .opening-stage .expertise-heading .section-title{font-size:clamp(30px,5.5vw,42px)}
 .opening-stage .expertise-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:14px}
 .opening-stage .expertise-slide figure{
  width:min(100%,calc((100cqh - 150px) * 1.5));height:auto;
  max-width:none;max-height:none;aspect-ratio:3/2;justify-self:center;
 }
 .opening-stage .expertise-copy{max-width:600px;width:100%;justify-self:center;padding:0}
 .opening-stage .expertise-copy span{margin-bottom:7px}
 .opening-stage .expertise-copy h3{font-size:28px;margin-bottom:8px}
 .opening-stage .expertise-copy p{font-size:12px;line-height:1.45}
 .opening-stage .expertise-controls{left:0;right:0;width:100%;bottom:0}
}
@media(max-width:600px){
 .opening-stage .expertise-inner{padding-top:86px;gap:12px}
 .opening-stage .expertise-heading .section-title{font-size:clamp(28px,8vw,36px)}
 .opening-stage .expertise-copy h3{font-size:25px}
 .opening-stage .expertise-copy p{font-size:11px}
 .opening-stage .expertise-slide{gap:10px}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
 .opening-stage .expertise-inner{padding:84px 0 48px;gap:10px}
 .opening-stage .expertise-heading{display:flex;align-items:center}
 .opening-stage .expertise-heading .section-title{font-size:28px}
 .opening-stage .expertise-heading .section-title br{display:none}
 .opening-stage .expertise-heading .eyebrow{margin:0}
 .opening-stage .expertise-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:24px}
 .opening-stage .expertise-slide figure{width:min(100%,calc(100cqh * 1.5));max-width:none;max-height:none}
 .opening-stage .expertise-copy h3{font-size:23px;margin-bottom:6px}
 .opening-stage .expertise-copy span{margin-bottom:5px;font-size:8px}
 .opening-stage .expertise-copy p{font-size:10px;line-height:1.4}
 .opening-stage .expertise-slides{bottom:40px}
 .opening-stage .expertise-controls{left:auto;width:46%}
 .opening-stage .expertise-arrow{width:32px;height:32px;flex-basis:32px}
}

/* A single ocean-blue helix scene continues from Our Story to the footer. */
main{position:relative;isolation:isolate}
.helix-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:#063157;opacity:var(--helix-opacity,0)}
.helix-background canvas,.helix-overlay{position:absolute;inset:0;display:block;width:100%;height:100%}
.helix-overlay{background:linear-gradient(90deg,rgba(2,19,38,.78),rgba(3,25,48,.56) 55%,rgba(2,19,38,.46)),linear-gradient(180deg,rgba(3,25,48,.08),rgba(2,18,36,.3))}
.opening-sequence{position:relative;z-index:1;background:transparent}
.opening-stage{background:transparent}
.opening-stage>.hero{background:radial-gradient(ellipse at 85% 25%,#0b4873 0,transparent 58%),linear-gradient(130deg,#041e38,#063157 60%,#073d60);opacity:var(--hero-visual-opacity,1)}
.opening-stage>.story:before,.opening-stage>.services:before,.opening-stage>.approach:before,.opening-stage>.contact:before{display:none}
.opening-stage .contact-grid{display:none}
.opening-stage>.story,.opening-stage>.services,.opening-stage>.approach,.opening-stage>.contact{--ink:#f0f8ff;--ivory:#f0f8ff;--muted:#c1d6e7;--line:rgba(171,217,247,.24);color:#f0f8ff}
.opening-stage .story .section-title,.opening-stage .services .section-title,.opening-stage .approach-heading .section-title,.opening-stage .contact-title,.opening-stage .expertise-copy,.opening-stage .expertise-copy h3,.opening-stage .approach .process-card,.opening-stage .approach .process-card h3,.opening-stage .form-heading{color:#f0f8ff;text-shadow:none}
.opening-stage .story .section-title em,.opening-stage .services .section-title em,.opening-stage .approach-heading .section-title em,.opening-stage .contact-title em{color:#7edff1}
.opening-stage .story-copy .lead{color:#e0edf7}
.opening-stage .story .body-copy,.opening-stage .story-principles p,.opening-stage .expertise-copy p,.opening-stage .approach .process-card p,.opening-stage .approach .mission-band h3,.opening-stage .contact-lead,.opening-stage .contact-meta p,.opening-stage .form-delivery-note{color:#c1d6e7}
.opening-stage .story .eyebrow,.opening-stage .services .eyebrow,.opening-stage .approach-heading .eyebrow,.opening-stage .contact-copy .eyebrow,.opening-stage .expertise-copy span,.opening-stage .story-principles h3,.opening-stage .approach .process-card>span,.opening-stage .approach .process-icon,.opening-stage .contact-form label>span,.opening-stage .contact-meta small{color:#8cdbf0}
.opening-stage .story-principles .principle-icon{color:#99e6f5;background:rgba(10,65,102,.65);border-color:rgba(153,230,245,.3);box-shadow:none}
.opening-stage .story-principles .principle-icon:after{border-color:rgba(153,230,245,.25)}
.opening-stage .expertise-arrow{background:rgba(9,52,85,.85);color:#e7f7ff;border-color:#608ba8}
.opening-stage .expertise-arrow:hover{background:#12618b}
.opening-stage .expertise-progress{background:rgba(153,211,241,.24)}
.opening-stage .expertise-progress i{background:#7edff1}
.opening-stage .contact-email{color:#b2ebfa;border-color:#608ba8}
.opening-stage .contact-form{background:rgba(3,29,53,.86);border-color:rgba(153,211,241,.25);box-shadow:0 16px 50px rgba(0,10,25,.16);color-scheme:dark}
.opening-stage .form-heading,.opening-stage .contact-meta{border-color:rgba(153,211,241,.25)}
.opening-stage .contact-form input,.opening-stage .contact-form textarea{color:#f0f8ff;border-color:#608ba8}
.opening-stage .contact-form input::placeholder,.opening-stage .contact-form textarea::placeholder{color:#abc3d6}
.opening-stage .contact-form input:focus,.opening-stage .contact-form textarea:focus{border-color:#7edff1}
.site-footer{position:relative;z-index:1;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 28%,rgba(255,255,255,.12) 48%,transparent 66%),linear-gradient(135deg,rgba(247,252,255,.58),rgba(213,237,255,.4));color:#063157;border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(180,225,255,.45),0 12px 38px rgba(0,19,42,.2);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%)}
.site-footer .footer-brand p,.site-footer .footer-bottom{color:#edf8ff;border-color:rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(2,24,45,.55)}
.site-footer .footer-nav a,.site-footer .footer-bottom a{color:#edf8ff!important;text-shadow:0 1px 3px rgba(2,24,45,.55)}
.site-footer .footer-nav a:hover,.site-footer .footer-bottom a:hover{color:#fff!important}
.site-footer .footer-brand img{background:transparent;border-radius:0}
@media(max-width:900px){.site-footer{backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}}
@media(min-width:901px){
 .chapter-rail.on-helix .chapter{color:#c1d6e7}
 .chapter-rail.on-helix .chapter.is-active{color:#a2ecfa}
 .chapter-rail.on-helix .chapter:before{background:#063157;border-color:#91c4e2}
 .chapter-rail.on-helix .chapter.is-active:before{background:#7edff1;border-color:#7edff1}
 .chapter-rail.on-helix .rail-line{background:rgba(153,211,241,.3)}
}

/* Navy arrival and loader; the loader borrows the existing helix canvas. */
html,body,main{background:#063157}
.opening-stage>.hero{--ivory:#f0f8ff;--ink:#f0f8ff;--muted:#c1d6e7;color:#f0f8ff}
.opening-stage>.hero:after{background:linear-gradient(90deg,rgba(2,19,38,.78),rgba(3,25,48,.35) 52%,rgba(3,25,48,.08))}
.hero .hero-title{color:#f0f8ff}
.hero .outline-word,.hero .eyebrow{color:#8cdbf0}
.hero .hero-bottom>p,.hero .hero-stat span,.hero .scroll-cue{color:#c1d6e7}
.hero .hero-stat{background:rgba(3,29,53,.72);border-color:rgba(153,211,241,.25);box-shadow:0 12px 34px rgba(0,10,25,.18)}
.hero .hero-stat strong{color:#a2ecfa}
.hero .round-link{background:rgba(8,56,89,.7);color:#e7f7ff;border-color:#608ba8}
.hero .round-link:hover{background:#12618b;border-color:#7edff1}
.hero .hero-energy-ring{mix-blend-mode:screen}
.hero .hero-ring-field{mix-blend-mode:screen;filter:none}
.hero-light-particles{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;contain:strict}
.hero-light-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--size,14px);height:var(--size,14px);border-radius:50%;background:radial-gradient(circle,rgba(206,246,255,.95) 0 9%,rgba(126,223,255,.65) 15%,rgba(107,211,255,.16) 38%,transparent 70%);opacity:0;animation:heroLightFloat var(--duration,20s) linear var(--delay,0s) infinite;animation-play-state:var(--hero-particle-state,paused)}
@keyframes heroLightFloat{0%{opacity:0;transform:translate3d(0,35px,0)}18%{opacity:.7}76%{opacity:.5}100%{opacity:0;transform:translate3d(var(--drift,30px),-180px,0)}}
@media(max-width:900px){.hero-light-particles i:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.hero-light-particles{display:none}.hero-light-particles i{animation:none}}
.hero .scroll-cue i{background:#527e9e}.hero .scroll-cue i:after{background:#7edff1}
.architectural-preloader{--paper:#063157;--ink:#f0f8ff;--stone:#8cdbf0;background:#063157;color:#f0f8ff}
.arch-preloader-scene{background:#063157}
.arch-preloader-scene:before{display:none}
.arch-helix{position:absolute;inset:0;overflow:hidden;contain:strict;pointer-events:none;background:#063157}
.arch-helix canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.arch-helix .helix-overlay{background:linear-gradient(90deg,rgba(2,19,38,.6),rgba(3,25,48,.4)),radial-gradient(ellipse at center,rgba(2,19,38,.35),transparent 70%)}
.arch-preloader-index,.arch-preloader-index span,.arch-preloader-step span{color:#c1d6e7}
.arch-preloader-meta{background:#041f39;border-color:rgba(153,211,241,.25)}
.arch-preloader-step i,.arch-preloader-progress{background:rgba(153,211,241,.25)}
.arch-preloader-progress i{background:linear-gradient(90deg,#009dff,#7edff1)}
.arch-intro-brand,.arch-final-brand{--brand-disc-size:clamp(300px,36vw,540px);--ink:#063157;color:#063157;isolation:isolate}
.arch-intro-brand:before,.arch-final-brand:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:calc(var(--brand-disc-size) * .8875);height:calc(var(--brand-disc-size) * .8875);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 27% 15%,rgba(255,255,255,.46),transparent 48%),linear-gradient(135deg,rgba(247,252,255,.65),rgba(216,241,255,.42) 55%,rgba(207,235,255,.57));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),inset 3px 0 7px rgba(255,255,255,.28),inset 0 -3px 9px rgba(164,222,255,.45),0 20px 65px rgba(0,16,36,.24);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%)}
.arch-intro-brand img,.arch-final-brand img{position:relative;background:transparent;border-radius:0;padding:0}
.arch-orbit-track{stroke:#b1dcec}.arch-orbit-line{stroke:#078bc8}
@media(max-width:900px){.arch-intro-brand,.arch-final-brand{--brand-disc-size:min(90vw,390px,70svh)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header,.site-header.on-dark,.site-footer{background:rgba(239,249,255,.94)}
 .arch-intro-brand:before,.arch-final-brand:before{background:rgba(239,249,255,.94)}
}
@media(min-width:901px){
 .chapter-rail.on-dark .chapter{color:#c1d6e7}
 .chapter-rail.on-dark .chapter.is-active{color:#a2ecfa}
 .chapter-rail.on-dark .chapter:before{background:#063157;border-color:#91c4e2}
 .chapter-rail.on-dark .chapter.is-active:before{background:#7edff1;border-color:#7edff1}
 .chapter-rail.on-dark .rail-line{background:rgba(153,211,241,.3)}
}

/* Keep the pinned chapters comfortably inside medium desktop viewports. */
.hero-handoff-shade{display:none}
@media(min-width:1000px) and (max-width:1550px){
 .rail-progress{height:100%;transform:scaleY(0);transform-origin:top;transition:transform .15s linear}
 .site-header{scale:.825;transform-origin:50% 0}
 .opening-stage>.hero:after{display:none}
 .hero-handoff-shade{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,19,38,.78),rgba(3,25,48,.35) 52%,rgba(3,25,48,.08));opacity:var(--hero-visual-opacity,1);will-change:opacity}
 .opening-stage>.hero,.helix-background{will-change:opacity}
 .opening-stage .story .section-inner{padding-top:90px;padding-bottom:40px}
 .opening-stage .story .section-title{font-size:clamp(36.8px,4.64vw,65.6px)}
 .opening-stage .story .eyebrow{font-size:8.8px;margin-bottom:19.2px}
 .opening-stage .story-copy .lead{font-size:clamp(17.6px,1.92vw,27.2px);margin:33.6px 0 16px}
 .opening-stage .story .body-copy{font-size:12.8px}
 .opening-stage .story-principles{margin-top:36px;gap:17.6px}
 .opening-stage .story-principles h3{font-size:13.6px;margin-top:16px}
 .opening-stage .story-principles p{font-size:10.4px}
 .opening-stage .story-principles .principle-icon{width:43.2px;height:43.2px}
 .opening-stage .story-principles .principle-icon i{font-size:15.2px}
 .opening-stage .approach-inner{padding:84px 0 clamp(72px,10vh,100px);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,2.5vh,24px)}
 .opening-stage .approach-heading .section-title{font-size:clamp(38px,4vw,60px)}
 .opening-stage .approach .process-grid{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;align-self:center;align-items:start;gap:20px}
 .opening-stage .approach .process-grid .process-card{position:relative;inset:auto;width:auto;min-width:0;min-height:0;padding:0}
 .opening-stage .approach .process-card h3{font-size:clamp(17px,1.5vw,22px);margin:14px 0 8px}
 .opening-stage .approach .process-card p{max-width:100%;overflow-wrap:break-word}
 .opening-stage .approach .process-icon{position:static;display:block;margin-top:12px;font-size:24px}
 .opening-stage .approach .mission-band{max-width:820px;align-self:end}
 .opening-stage .approach .mission-band h3{font-size:clamp(12px,1.05vw,15px);line-height:1.5;overflow-wrap:break-word}
 .opening-stage .contact-inner{transform:translate3d(0,calc(var(--contact-motion,105vh) - 10svh),0) scale(.8);transform-origin:50% 0}
}