:root{--gap-black: #101310;--gap-white: #f4f5f2;--gap-acid: #b9ff1f;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--gap-black);font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--gap-black);color-scheme:dark}body{color:var(--gap-white);background:var(--gap-black);-webkit-font-smoothing:antialiased}.stage{display:grid;place-items:center;position:relative;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;padding:40px clamp(18px,5vw,90px)}.composition{position:relative;display:inline-flex;flex-direction:column;align-items:center;max-width:100%;font-size:clamp(34px,9.7vw,164px);font-weight:690;letter-spacing:-.072em;line-height:1;transform:translateY(-.1em)}.headline{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:2;white-space:nowrap;margin:0;font:inherit;line-height:inherit;letter-spacing:inherit}.letters{display:inline-flex;white-space:pre;opacity:0}.letters.is-ready{opacity:1}.type-letter{display:inline-block;opacity:0;white-space:nowrap;transition:opacity .1s ease-out}.type-letter.is-visible{opacity:1}.slash-reserve{--gap-slash-height: calc(13em / 18);flex:0 0 auto;height:var(--gap-slash-height);width:calc(var(--gap-slash-height) * 19 / 26);margin-left:.075em;visibility:hidden}.cursor{position:absolute;z-index:3;display:block;left:50%;top:50%;--gap-slash-height: calc(13em / 18);height:var(--gap-slash-height);width:calc(var(--gap-slash-height) * 19 / 26);color:var(--gap-acid);background:currentColor;clip-path:polygon(68.42% 0,100% 0,31.58% 100%,0 100%);transform:translate(-50%,calc(-50% - .0125em));animation:intro-blinks .96s steps(1,end) 1 both;animation-play-state:paused}.cursor.is-writing{animation:none;opacity:1}@keyframes intro-blinks{0%,19%,40%,59%,82%,to{opacity:1}20%,39%,60%,81%{opacity:0}}.teaser{z-index:2;width:max-content;max-width:100%;margin:clamp(10px,1.15vw,20px) auto 0;text-align:center;color:#f4f5f2d1;font-size:clamp(8px,1.15vw,19px);font-weight:500;letter-spacing:.08em;line-height:1.4;white-space:nowrap;text-transform:uppercase;opacity:0;transform:translateY(12px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}.composition.is-complete .teaser{opacity:1;transform:translateY(0);transition-delay:.65s}.reflection{position:absolute;z-index:1;pointer-events:none;left:calc(50% - 50vw);right:auto;width:100vw;top:calc(100% + .075em);height:1.65em;overflow:visible;opacity:1;transition:opacity 1.1s cubic-bezier(.22,.61,.36,1);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.65) 25%,rgba(0,0,0,.45) 58%,transparent 96%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.65) 25%,rgba(0,0,0,.45) 58%,transparent 96%)}.reflection-copy{position:absolute;z-index:2;top:0;left:50%;width:var(--reflection-lockup-width, max-content);display:flex;flex-direction:column;align-items:center;color:var(--gap-white);font:inherit;line-height:inherit;letter-spacing:inherit;transform:translate(-50%) scaleY(-1) translateY(-100%);transform-origin:center top;opacity:.55}.reflection-title{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;white-space:pre;font:inherit;line-height:inherit;letter-spacing:inherit}.reflection-letters{display:inline-flex;align-items:center;white-space:pre;filter:blur(.042em)}.reflection-slash-reserve{--gap-slash-height: calc(13em / 18);display:inline-block;flex:0 0 auto;height:var(--gap-slash-height);width:calc(var(--gap-slash-height) * 19 / 26);margin-left:.075em;visibility:hidden}.reflection-slash{--gap-slash-height: calc(13em / 18);position:absolute;z-index:3;display:block;left:50%;top:50%;height:var(--gap-slash-height);width:calc(var(--gap-slash-height) * 19 / 26);background:var(--gap-acid);clip-path:polygon(68.42% 0,100% 0,31.58% 100%,0 100%);filter:blur(.042em);transform:translate(-50%,calc(-50% - .0125em));animation:intro-blinks .96s steps(1,end) 1 both;animation-play-state:paused}.reflection-slash.is-writing{animation:none;opacity:1}.reflection-teaser{width:max-content;max-width:100%;margin:clamp(10px,1.15vw,20px) auto 0;text-align:center;font-size:clamp(8px,1.15vw,19px);font-weight:500;letter-spacing:.08em;line-height:1.4;white-space:nowrap;text-transform:uppercase;opacity:0;filter:blur(.13em);transform:translateY(12px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}.reflection-haze{position:absolute;z-index:1;left:50%;top:.1em;width:calc(var(--reflection-lockup-width, 80%) + 120px);transform:translate(-50%);height:1.25em;background:radial-gradient(ellipse 79% 72% at 50% 7%,rgba(244,245,242,.1),rgba(244,245,242,.032) 50%,transparent 91%);filter:blur(.14em);opacity:0;transition:opacity .1s ease-out}.composition.has-reflection-letters .reflection-haze{opacity:.55}.composition.is-complete .reflection-teaser{opacity:1;transform:translateY(0);transition-delay:.65s}@media(max-width:600px){.composition{font-size:clamp(30px,9.4vw,58px);letter-spacing:-.076em}.cursor{margin-left:.075em}.reflection-letters,.reflection-slash{filter:blur(.04em)}.teaser,.reflection-teaser{font-size:8px;letter-spacing:.08em}.reflection-haze{filter:blur(.12em)}}@media(prefers-reduced-motion:reduce){.cursor{animation:none!important;opacity:1!important}.reflection,.reflection-haze,.teaser,.reflection-teaser{transition:none!important}}
