/* Sequential HTML is the baseline. Sticky is enabled only when the composition fits. */
.rain-still-glass{position:absolute;inset:-20px;background:url('../assets/rain-lenses.svg') center/cover;transform:translate(calc(var(--depth-x,0px) * -.3),calc(var(--depth-y,0px) * -.3)) scale(1.025);transition:transform 1.4s var(--ease)}
.reduced-motion .rain-still-glass{transform:none}
@media(max-width:760px){.rain-still-glass{background-position:61% center}}
@media(prefers-reduced-motion:reduce){.rain-still-glass{transform:none}}
.editorial-shell{min-height:0;padding-block:52px 26px}
.story-heading{display:flex;justify-content:space-between;gap:24px;color:#656a71;border-bottom:1px solid #d4d6d5;padding-bottom:22px}
.story-heading .mono{font-size:11px}
.story-index{display:flex;gap:36px;padding-top:12px}
.story-index a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:#686d75;position:relative}
.story-index a .mono{font-size:10px;color:#656874}
.story-index a:hover,.story-index a[aria-current="step"]{color:#171a22}
.story-index a[aria-current="step"]::after{content:'';position:absolute;bottom:1px;height:2px;background:#7e75aa;left:0;right:0}
.story-panels{padding-top:clamp(40px,6svh,68px)}
.story-panel{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:64px;scroll-margin-top:42px}
.story-panel+.story-panel{border-top:1px solid #d4d6d5;padding-top:64px}
.story-question>.eyebrow{color:#6c6e76;margin:0 0 27px;font-size:11px}
.editorial-shell h2{font-size:clamp(66px,6.7vw,96px);line-height:.99;letter-spacing:-.065em;font-weight:450;margin:0}
.editorial-shell .about-copy{max-width:475px;padding-top:4px}
.editorial-shell .about-lead{font-size:clamp(28px,2.5vw,36px);line-height:1.28;letter-spacing:-.045em;margin-bottom:28px;text-wrap:pretty}
.editorial-shell .about-copy>p:not(.about-lead){font-size:16px;line-height:1.85;color:#575c65;margin-bottom:22px}
.editorial-shell .about-signature{margin-top:32px;padding-top:24px}
.specialties{margin-top:42px;max-width:360px}
.specialties>.mono{color:#626672;font-size:11px;margin-bottom:13px}
.specialties ul{list-style:none;margin:0;padding:0}
.specialties li{font-size:15px;letter-spacing:-.015em;padding:9px 0;border-top:1px solid #d4d6d5}
.project-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;max-width:500px;align-items:start}
.project-proof figure{margin:0;min-width:0}
.project-proof img{width:100%;height:auto;border:1px solid #d4d6d5;background:#fff}
.project-proof figcaption{padding-top:12px;font-size:12px;line-height:1.7;color:#626770}
.project-proof figcaption strong{display:block;color:#242a33;font-weight:500}
.project-proof figcaption span{display:block;font-size:10px}
.story-project-link{font-size:14px;margin-top:6px;color:#282d39;min-height:44px}
.editorial-shell .about-copy>.proof-note{margin-top:42px;font-size:21px!important;line-height:1.5!important;letter-spacing:-.035em;color:#666572!important}
.human-composition{margin-top:45px;max-width:430px}
.human-rule{display:block;width:40px;height:1px;background:#9d95b4;margin-bottom:22px}
.human-composition p{font-size:25px;line-height:1.45;letter-spacing:-.04em;margin:0 0 17px;color:#45434f}
.human-composition p span{color:#6f607b}
.human-composition>.mono{font-size:11px;color:#65636d}
.purpose-signature{margin-top:32px;display:flex;align-items:center;gap:17px;padding-top:24px;border-top:1px solid #d4d6d5}
.purpose-signature img{width:46px;height:46px;background:#10121a;border-radius:4px;padding:4px}
.purpose-signature p{font-size:12px;line-height:1.85;margin:0;color:#353740}.purpose-signature p span{color:#696571}
.editorial-shell .about-baseline{margin-top:16px;min-height:44px}
.story-exits{display:flex;gap:28px}.story-reading{display:none}.story-sticky .story-reading{display:inline-block}
.story-sticky{height:calc(240svh + 18px)}
.story-sticky .editorial-shell{position:sticky;top:0;height:100svh;min-height:0;display:flex;flex-direction:column}
.story-sticky .story-panels{display:grid;flex:1;align-items:start;min-height:0}
.story-sticky .story-panel{grid-area:1/1;visibility:hidden;pointer-events:none;border:0;padding:0;min-width:0}
.story-sticky .story-panel.is-active{visibility:visible;pointer-events:auto}
.showcase-bridge{position:relative;z-index:2;background:#101218;color:#eeedf4;border-top:1px solid #3b3c45;min-height:38svh;padding-block:72px 84px}
.showcase-bridge .eyebrow{font-size:11px;color:#aaa6bb;margin:0 0 30px}
.showcase-bridge h2{font-size:clamp(36px,4.2vw,64px);line-height:1.1;font-weight:450;letter-spacing:-.055em;margin:0 0 20px}
.showcase-bridge p:last-child{font-size:15px;color:#b3b1c0;margin:0}
@media(max-width:1100px){.story-panel{gap:7%}.project-proof{gap:12px}.project-proof figcaption span{font-size:10px}.editorial-shell h2{font-size:6.7vw}}
@media(max-width:900px){.editorial-shell{padding-block:38px 26px}.story-heading .mono:last-child{display:none}.story-index{gap:12px;justify-content:space-between;padding-top:12px;flex-wrap:wrap}.story-index a{font-size:11px;gap:6px}.story-panel{grid-template-columns:1fr;gap:36px;padding-bottom:52px}.story-panel+.story-panel{padding-top:52px}.story-panels{padding-top:44px}.story-question>.eyebrow{font-size:11px;margin-bottom:23px}.editorial-shell h2{font-size:clamp(56px,17vw,82px);line-height:.99}.editorial-shell .about-copy{max-width:560px;padding-top:0}.editorial-shell .about-lead{font-size:28px;margin-bottom:23px}.editorial-shell .about-copy>p:not(.about-lead){font-size:14px;line-height:1.85}.specialties{margin-top:30px;max-width:100%}.specialties li{font-size:14px;padding-block:9px}.specialties>.mono{font-size:11px}.project-proof{margin-top:30px;gap:14px;max-width:560px}.project-proof figcaption{font-size:12px;padding-top:10px}.project-proof figcaption span{font-size:11px;line-height:1.55}.human-composition{margin-top:32px}.human-composition p{font-size:23px}.human-composition>.mono{font-size:11px}.editorial-shell .about-copy>.proof-note{margin-top:28px;font-size:20px!important}.editorial-shell .about-baseline{font-size:11px;gap:16px}.showcase-bridge{min-height:0;padding-block:56px 68px}.showcase-bridge h2{font-size:36px}.showcase-bridge p:last-child{font-size:14px}}
@media(max-width:350px){.story-index{gap:0 14px;justify-content:flex-start}.story-index a{font-size:11px}.editorial-shell h2{font-size:54px;letter-spacing:-.06em}.editorial-shell .about-lead{font-size:25px}.human-composition p{font-size:21px}.project-proof{gap:10px}.project-proof figcaption span{font-size:10px}.editorial-shell .about-baseline{font-size:10px}}
@media(max-width:900px){.story-panel{gap:0}.story-question{display:contents}.story-question>.eyebrow{order:0}.story-question>h2{order:1;margin-bottom:32px}.story-panel>.about-copy{order:2}.specialties,.project-proof,.human-composition{order:3}.story-index a{font-size:12px}.story-index a .mono{font-size:11px}.editorial-shell .about-baseline,.project-proof figcaption span{font-size:11px}}
@media(max-width:900px){.story-panel{scroll-margin-top:0}#purpose-title{font-size:clamp(44px,14.6vw,58px)}}
@media(prefers-reduced-motion:reduce){.story-sticky{height:auto}.story-sticky .editorial-shell{position:static;height:auto}.story-sticky .story-panels{display:block}.story-sticky .story-panel{visibility:visible;pointer-events:auto;position:static}.story-sticky .story-panel+.story-panel{border-top:1px solid #d4d6d5;padding-top:64px}}
