:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand{--expand-progress:0;--expand-gutter:clamp(20px, 5.5vw, 96px);--expand-vertical:13%;--expand-hint-opacity:1;isolation:isolate;background:var(--paper);scroll-margin-top:-105px;position:relative}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-track{position:relative}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-window .scroll-expand-track{height:170svh}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-stage{width:100%;height:100svh;position:sticky;top:0}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-frame{top:calc(var(--expand-vertical) * (1 - var(--expand-progress)));bottom:calc(var(--expand-vertical) * (1 - var(--expand-progress)));left:calc(var(--expand-gutter) * (1 - var(--expand-progress)));right:calc(var(--expand-gutter) * (1 - var(--expand-progress)));border-radius:calc(24px * (1 - var(--expand-progress)));color:#fff;background:#111318;position:absolute;overflow:hidden;box-shadow:0 18px 45px #171b2412}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-media{object-fit:cover;object-position:50% 42%;width:100%;max-width:none;height:100%;transform:scale(var(--expand-media-scale,1.2));filter:grayscale();position:absolute;inset:0}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-shade{background:linear-gradient(#080a1066 0%,#080a1080 32%,#080a10c9 73%,#080a10f2 100%);position:absolute;inset:0}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-copy{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,2.2vh,26px);height:100%;padding:74px clamp(24px,4vw,68px) 72px;display:flex;position:relative}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-eyebrow{justify-content:center;display:flex}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-eyebrow img{opacity:.85;width:90px;height:auto}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-title{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(3rem,7.5vw,8rem);font-weight:700;line-height:.99}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-title .red-welcome-accent{color:#f20b58}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-details{max-width:620px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-details>p{color:#eeeff1;max-width:480px;font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0 auto;font-size:clamp(1.05rem,1.65vw,1.55rem);line-height:1.4}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-details .welcome-manifesto-link{margin-top:25px;box-shadow:0 0 28px #e0085033}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-hint{z-index:1;color:#e1e2e5;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;opacity:var(--expand-hint-opacity);align-items:center;gap:14px;font-size:.625rem;line-height:1.5;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-edge{pointer-events:none;border-radius:inherit;border:1px solid #ffffff14;position:absolute;inset:0}@media (max-width:767px){:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand{--expand-gutter:16px;--expand-vertical:9%;scroll-margin-top:-88px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-window .scroll-expand-track{height:145svh}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-frame{border-radius:calc(18px * (1 - var(--expand-progress)))}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-copy{gap:24px;padding:80px 24px 68px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-title{max-width:600px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-eyebrow img{width:80px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-details>p{max-width:290px;font-size:1.0625rem}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-media{object-position:58% 44%}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-shade{background:linear-gradient(#080a1073,#080a1094 35%,#080a10ed 100%)}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-hint{font-size:.5625rem;bottom:24px}}@media (max-width:380px){:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-copy{padding-inline:18px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-title{font-size:11.5vw}}@media (max-height:560px){:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand{--expand-vertical:6%}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-copy{gap:12px;padding-top:80px;padding-bottom:36px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-title{font-size:clamp(2.8rem,6.5vw,5.6rem)}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-eyebrow{display:none}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-details>p{font-size:.9375rem}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-details .welcome-manifesto-link{margin-top:14px}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-hint{bottom:12px}}@media (prefers-reduced-motion:reduce){:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-window .scroll-expand-track{height:auto}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-frame{border-radius:0;inset:0}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-media{transform:none}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-stage{position:relative}:where(html:not(:has(.page-skills,.page-fellowship))) .scroll-expand-hint{display:none}}
