*{box-sizing:border-box}html,body{margin:0;padding:0}body{color-scheme:dark}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo-standalone{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#111;overflow:auto}.boot-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;display:grid;place-items:center;pointer-events:auto;opacity:1;transition:opacity .45s ease}.boot-cover--out{opacity:0}.boot-loader{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transition:opacity .3s ease}.boot-loader--in{opacity:1}.boot-loader__label{position:relative;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;font-size:13px;letter-spacing:.1em;color:#f5f3eeb8}.boot-loader__dots{position:absolute;left:100%;top:0}.boot-bar{width:min(140px,34vw);height:2px;border-radius:1px;background:#f5f3ee29;overflow:hidden}.boot-bar__fill{height:100%;width:0;border-radius:1px;background:#f5f3ee;transform-origin:left center;transition:width .26s ease-out}@media(prefers-reduced-motion:reduce){.boot-cover,.boot-loader,.boot-bar__fill{transition-duration:1ms}}.project-pager{display:flex;justify-content:center;flex-wrap:nowrap;gap:8px;margin-top:clamp(14px,2.2vh,24px);pointer-events:none;opacity:0;transition:opacity .42s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.project-pager--in{opacity:1;pointer-events:auto}.project-pager__item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 11px;border:1px solid rgba(245,243,238,.22);border-radius:999px;background:#14141847;color:#f5f3eeb8;font:inherit;font-size:clamp(11.5px,.95vw,13px);letter-spacing:.03em;white-space:nowrap;cursor:pointer;transition:border-color .22s ease,background .22s ease,color .22s ease}.project-pager__item:hover{border-color:#f5f3ee6b;color:#f5f3ee}.project-pager__item:focus-visible{outline:2px solid rgba(245,243,238,.8);outline-offset:2px}.project-pager__item--on{border-color:#f5f3eebf;background:#f5f3ee24;color:#f5f3ee}.project-pager__dot{width:7px;height:7px;border-radius:50%;background:#f5f3ee59;transition:background .22s ease,box-shadow .22s ease}.project-pager__item--on .project-pager__dot{background:#f5f3ee;box-shadow:0 0 0 3px #f5f3ee29}.project-pager[aria-busy=true] .project-pager__item{cursor:default;opacity:.72}@media(max-width:899px){.project-pager{gap:6px}.project-pager__item{padding:7px 11px 7px 9px;gap:6px;font-size:11.5px}}@media(prefers-reduced-motion:reduce){.project-pager{transition:none}}.scroll-cue{display:flex;justify-content:center;align-items:flex-start;height:22px;color:#f5f3ee;opacity:0;transition:opacity .42s ease}.scroll-cue--in{opacity:.62}.scroll-cue__chevron{display:block;animation:scroll-cue-bounce 2.2s cubic-bezier(.45,0,.25,1) infinite}@keyframes scroll-cue-bounce{0%,55%,to{transform:translateY(0)}72%{transform:translateY(7px)}86%{transform:translateY(2px)}}@media(prefers-reduced-motion:reduce){.scroll-cue{transition:none}.scroll-cue__chevron{animation:none}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.scrim{position:absolute;left:0;right:0;pointer-events:none}.scrim-top{top:0;height:28vh;background:linear-gradient(to bottom,#000000a6,#0000)}.scrim-bottom{bottom:0;height:32vh;background:linear-gradient(to top,#000000b3,#0000)}.band-top,.band-bottom{position:relative;z-index:1;text-align:center;padding-left:calc(clamp(20px,5vw,56px) + env(safe-area-inset-left,0px));padding-right:calc(clamp(20px,5vw,56px) + env(safe-area-inset-right,0px));box-sizing:border-box}.band-top{padding-top:calc(clamp(64px,16vh,190px) + env(safe-area-inset-top,0px));padding-bottom:clamp(16px,4vh,44px)}.band-bottom{padding-top:clamp(16px,4vh,44px);padding-bottom:calc(clamp(64px,16vh,190px) + env(safe-area-inset-bottom,0px))}@media(max-width:899px){.band-top{padding-top:calc(clamp(24px,5vh,48px) + env(safe-area-inset-top,0px));padding-bottom:clamp(10px,2vh,20px)}.band-bottom{padding-top:clamp(10px,2vh,20px);padding-bottom:calc(clamp(24px,5vh,48px) + env(safe-area-inset-bottom,0px))}}.name{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(34px,calc(7vw + 10px),52px);white-space:nowrap;color:#f5f3ee;letter-spacing:.01em;line-height:1.1;min-height:1.1em}.role{margin:0;margin-top:clamp(8px,1.4vh,16px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(13px,1.6vw,17px);color:#f5f3ee;letter-spacing:.1em;opacity:.82;min-height:1.4em}.caret{display:inline-block;width:.08em;height:1em;margin-left:.08em;background:#f5f3ee;vertical-align:-.12em;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.project-info{position:absolute;z-index:4;right:calc(50% + var(--project-split-gap) / 2);left:calc(clamp(20px,5vw,56px) + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);max-width:460px;margin-left:auto;pointer-events:none;color:#f5f3ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;opacity:0;transition:opacity .42s ease}.project-info--in{opacity:1}.project-info__body{animation:project-info-swap .32s ease both}@keyframes project-info-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.project-info__lockup{display:block}.project-info__lockup img{display:block;margin-inline:auto;width:clamp(84px,8vw,112px);height:auto}.project-info__wordmark{margin:0;text-align:center;font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-.01em;line-height:clamp(84px,8vw,112px)}.project-info__blurb{margin:20px 0 0;font-size:clamp(14px,1.15vw,16px);line-height:1.65;color:#f5f3eedb}.project-info__points{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.project-info__points li{padding:5px 11px;border:1px solid rgba(245,243,238,.22);border-radius:999px;font-size:clamp(11px,.9vw,12.5px);letter-spacing:.04em;color:#f5f3eeb8}@media(max-width:899px){.project-info{right:calc(clamp(20px,5vw,56px) + env(safe-area-inset-right,0px));left:calc(clamp(20px,5vw,56px) + env(safe-area-inset-left,0px));top:var(--top-band-h, 140px);height:calc(var(--project-phone-peek-top) - var(--top-band-h, 140px));transform:none;max-width:none;display:flex;flex-direction:column;justify-content:center}.project-info__lockup img{width:64px}.project-info__wordmark{font-size:24px;line-height:64px}.project-info__blurb{margin-top:14px;font-size:13.5px;line-height:1.6}.project-info__points{justify-content:center;gap:6px;margin-top:14px}.project-info__points li{padding:4px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.project-info{transition:none}.project-info__body{animation:none}}