/* Warm optical glass: a translucent body, broad specular rim, and a separate backdrop lens. */
.optical-glass{--glass-wash:rgba(250,247,237,.6);isolation:isolate;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid transparent!important;box-shadow:0 7px 22px #19281e1c,0 1px 3px #26352410!important;color:#1b3022!important;text-shadow:0 1px 1px #ffffff30;overflow:visible}.optical-glass>.glass-material{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;pointer-events:none!important;border-radius:inherit;z-index:-1;background:linear-gradient(155deg,#fff9 0%,#ffffff21 23%,#ffffff06 48%,#ead9af0c 72%,#fff4 100%),var(--glass-wash);-webkit-backdrop-filter:blur(18px) saturate(170%) brightness(1.08);backdrop-filter:blur(18px) saturate(170%) brightness(1.08);overflow:hidden}.glass-material::before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 3px #ffffffe6,inset 3px 0 5px #ffffff8c,inset -2px -2px 4px #fff6,inset 0 -5px 9px #7c745d1c;background:linear-gradient(135deg,#ffffff4d,transparent 22%,transparent 68%,#fff5)}.glass-material::after{content:'';position:absolute;inset:1px;border-radius:inherit;border:0;-webkit-mask-image:linear-gradient(120deg,#000,transparent 40%,transparent 64%,#000);mask-image:linear-gradient(120deg,#000,transparent 40%,transparent 64%,#000)}
@supports (backdrop-filter:url("#material-refraction")){.optical-glass>.glass-material::after{backdrop-filter:url("#material-refraction") blur(1px)}}
.optical-glass:hover{--glass-wash:rgba(250,247,237,.66)}header .wordmark.optical-glass,body.immersive header .wordmark.optical-glass{border-radius:22px}header>nav.optical-glass{border-radius:40px;padding:15px 25px}.mobile-menu-toggle.optical-glass{border-radius:50%}.mobile-menu-toggle>.glass-material{gap:0!important}.chapter-nav.optical-glass{--glass-wash:rgba(250,247,237,.62)}.chapter-nav.optical-glass::before,.scene-actions .optical-glass::before,.play-film.optical-glass::before{display:none!important}.chapter-nav button{position:relative;z-index:1}.chapter-nav button[aria-current]{background:#2e4b35e8;color:#fff}.chapter-nav button:not([aria-current]):hover{background:#ffffff45}.scene-actions .optical-glass,.play-film.optical-glass{--glass-wash:rgba(250,247,237,.59)}header nav a,header nav button{color:#1b3022!important}#mobile-site-menu{background:linear-gradient(145deg,#ffffff5c,transparent 45%,#fff2),rgba(249,245,234,.78);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border:1px solid transparent;box-shadow:inset 0 2px 4px #ffffffe0,inset 0 -2px 4px #b8af9129,0 18px 55px #15251d30}#mobile-site-menu::backdrop{background:#17291f26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body:has(.journey-stage[data-chapter="2"]) header .optical-glass,body:has(.journey-stage[data-chapter="3"]) header .optical-glass,body:has(.journey-stage[data-chapter="4"]) header .optical-glass{--glass-wash:rgba(250,247,237,.65)}
@media(max-width:760px){header .wordmark.optical-glass,body.immersive header .wordmark.optical-glass{border-radius:21px}.optical-glass>.glass-material{background:linear-gradient(150deg,#ffffff80,transparent 37%,#fff2),var(--glass-wash)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.optical-glass>.glass-material{background:#f2eedf}}
@media(prefers-reduced-transparency:reduce){.optical-glass{--glass-wash:#f2eedf!important}.optical-glass>.glass-material{-webkit-backdrop-filter:none;backdrop-filter:none}}

.chapter-nav button:not([aria-current]){color:#1b3022}

/* One shared, slow-breathing interaction for both AI Nate calls to action. */
@keyframes ai-nate-breathe{
  0%,100%{transform:scale(1);box-shadow:0 0 8px 1px rgba(99,191,145,.08),0 0 20px 3px rgba(99,191,145,.035)}
  48%{transform:scale(1.035);box-shadow:0 0 19px 5px rgba(99,191,145,.34),0 0 44px 14px rgba(99,191,145,.16)}
}
@media(prefers-reduced-motion:no-preference){
 .about-interview-button,
 .journey-stage[data-chapter="7"] .scene-actions .scene-case{
   transform-origin:center;
   animation:ai-nate-breathe 5.6s ease-in-out infinite;
   will-change:transform,box-shadow;
 }
}
@media(prefers-reduced-motion:reduce){
 .about-interview-button,
 .journey-stage[data-chapter="7"] .scene-actions .scene-case{
   animation:none;
 }
}