/* Scroll-controlled glass composition on the homepage. */
.glass-assembly{position:relative;height:430vh;background:#0c3122;color:#edf3e7}
.glass-pin{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:540px;overflow:hidden;isolation:isolate;background:#0c3122}
.glass-stage,.glass-poster,.glass-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.glass-stage{z-index:1;pointer-events:none}
.glass-poster{z-index:0}
.glass-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.glass-stage canvas{z-index:1;background:#0c3122;visibility:hidden}
.glass-stage.frame-ready canvas{visibility:visible}
.glass-stage.frame-ready .glass-poster{visibility:hidden}
.glass-copy{position:absolute;z-index:2;pointer-events:none}
.glass-copy a{pointer-events:auto}
.glass-intro{left:8%;top:24%;max-width:680px}
.glass-eyebrow{margin:0 0 25px;color:#c0d1c3;font-size:12px;font-weight:500;letter-spacing:.17em;line-height:1.6}
.glass-intro h1{margin:0 0 26px;font-size:clamp(52px,5.3vw,88px);font-weight:500;line-height:1.07;letter-spacing:-.065em;color:#edf3e7}
.glass-copy em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#ffa35b}
.glass-lede{margin:0;color:#c5d4c8;font-size:18px;line-height:1.65}
.glass-primary-link{display:inline-flex;align-items:center;gap:24px;margin-top:28px;padding:15px 21px;border-radius:3px;background:#f6923d;color:#15241b;font-size:14px;font-weight:600}
.glass-primary-link:hover{background:#ffae64;color:#15241b}
.glass-signature{left:8%;bottom:18%;opacity:0}
.glass-stage-line{margin:0;font-size:clamp(40px,4.4vw,70px);line-height:1.05;letter-spacing:-.06em;font-weight:500}
.glass-complete{left:8%;top:32%;opacity:0}
.glass-complete .glass-lede{margin-top:22px}
.glass-complete>a{display:inline-flex;margin-top:22px;padding-bottom:8px;border-bottom:1px solid #a6c5ae;color:#f0f5ed;font-size:15px;gap:16px}
.glass-complete>a:hover{color:#ffa35b}
.glass-scene-links{position:absolute;z-index:4;top:22px;right:5%;font-size:12px}
.glass-scene-links a{display:inline-flex;gap:8px;color:#dae9dc;padding:9px 0;border-bottom:1px solid #c3d5c45c}
.glass-scene-links a:hover{color:#ffa35b}
.glass-near-complete .glass-scene-links{opacity:0;pointer-events:none}
.glass-scene-bottom{position:absolute;z-index:4;inset:auto 5% 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c4d4c7}
.glass-scroll-cue{display:flex;align-items:center;gap:15px;margin:0;font-size:13px}
.glass-scroll-line{height:38px;width:1px;background:#aac2b044;position:relative;overflow:hidden}
.glass-scroll-line::after{content:'';position:absolute;left:0;top:0;width:1px;height:16px;background:#ffad6b;animation:glass-guide 2.6s ease-in-out infinite}
.glass-chapter{display:flex;align-items:center;gap:17px;font:11px/1.5 monospace;letter-spacing:.13em}
.glass-chapter>span:first-child{color:#ffa35b}
#glass-chapter-name{width:108px}
.glass-progress-track{width:100px;height:1px;background:#c2d1c539}
.glass-progress-track i{display:block;height:100%;background:#f6a968;transform:scaleX(0);transform-origin:left}
.glass-fallback{position:absolute;z-index:5;right:6%;bottom:70px;max-width:280px;padding:14px;background:#173d2bcc;color:#edf3e7;font-size:13px}
.glass-fallback[hidden]{display:none}
.glass-fallback p{margin:0 0 6px}
.glass-fallback a{color:#ffb276;text-decoration:underline}
.glass-static{height:calc(100svh - var(--header-height))}
.glass-static .glass-pin{position:relative;top:0}
.glass-static .glass-stage canvas{display:none}
.glass-static .glass-intro{opacity:1!important;transform:none!important}
.glass-static .glass-signature,.glass-static .glass-complete,.glass-static .glass-scene-bottom{display:none}
.lab-range-track{animation-play-state:running}
@keyframes glass-guide{0%{transform:translateY(-20px)}70%,100%{transform:translateY(50px)}}
@media(max-width:850px){
  .glass-assembly{height:395vh}
  .glass-pin{min-height:0}
  .glass-intro{left:7%;top:13%;max-width:86%}
  .glass-intro h1{font-size:clamp(45px,8vw,67px)}
  .glass-eyebrow{font-size:10px;margin-bottom:19px}
  .glass-lede{font-size:16px}
  .glass-scene-links{right:6%;top:15px}
  .glass-scene-bottom{inset:auto 6% 95px;align-items:flex-end}
  .glass-scroll-cue{font-size:11px;max-width:190px;line-height:1.5}
  .glass-chapter{gap:8px}
  .glass-progress-track{width:45px}
  #glass-chapter-name{display:none}
  .glass-signature{left:7%;bottom:17%}
  .glass-stage-line{font-size:clamp(33px,5vw,50px)}
  .glass-complete{left:7%;top:auto;bottom:13%}
  .glass-complete .glass-lede{font-size:14px;margin-top:10px}
  .glass-complete>a{font-size:13px;margin-top:12px}
  .glass-poster img{object-position:59% center}
  .glass-near-complete .glass-scene-bottom{opacity:0}
}
@media(max-width:600px){
  .glass-intro{top:10%}
  .glass-intro h1{font-size:clamp(40px,10vw,54px)}
  .glass-intro .glass-lede{font-size:15px;max-width:330px}
  .glass-primary-link{margin-top:20px;padding:13px 16px;font-size:13px}
  .glass-complete{max-width:185px;bottom:12%}
  .glass-complete .glass-stage-line{font-size:31px}
  .glass-complete .glass-lede{font-size:13px;line-height:1.4}
  .glass-complete>a{font-size:12px}
  .glass-signature .glass-stage-line{font-size:37px}
  .glass-scene-links{font-size:10px}
  .glass-stage.is-static-final .glass-poster img{position:absolute;top:15%;left:50%;width:auto;height:70%;max-width:none;transform:translateX(-48.4%);object-fit:fill}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){
  .glass-poster img{position:absolute;top:15%;left:50%;width:auto;height:70%;max-width:none;transform:translateX(-48.4%);object-fit:fill}
}
@media(max-width:600px) and (max-height:650px){
  .glass-intro{top:5%;max-width:90%}
  .glass-eyebrow{display:none}
  .glass-intro h1{font-size:clamp(34px,9.5vw,42px);line-height:1.02;margin-bottom:12px}
  .glass-intro .glass-lede{font-size:12px;line-height:1.4;max-width:250px}
  .glass-primary-link{margin-top:14px;padding:10px 12px}
  .glass-scene-links{top:auto;right:auto;bottom:110px;left:7%}
  .glass-scene-bottom{display:none}
  .glass-signature{bottom:23%}
  .glass-signature .glass-stage-line{font-size:31px}
  .glass-complete{bottom:18%;max-width:155px}
  .glass-complete .glass-stage-line{font-size:25px}
  .glass-complete .glass-lede{font-size:11px}
  .glass-complete>a{font-size:11px}
}
@media(min-width:851px) and (max-height:620px){.glass-pin{min-height:0}}
@media(prefers-reduced-motion:reduce){
  .glass-assembly{height:calc(100svh - var(--header-height))}
  .glass-pin{position:relative;top:0}
  .glass-signature,.glass-complete,.glass-scene-bottom{display:none}
  .glass-intro{opacity:1!important;transform:none!important}
  .glass-scroll-line::after,.lab-range-track{animation:none}
}