:root{--gutter:clamp(20px, 5vw, 72px);--bar:72px}.bar{z-index:50;height:var(--bar);padding:0 var(--gutter);justify-content:space-between;align-items:center;transition:background-color .5s,color .5s;display:flex;position:fixed;inset:0 0 auto}.bar:after{content:"";background:repeating-linear-gradient(90deg, var(--line) 0 10px, transparent 10px 18px);height:2px;position:absolute;inset:auto 0 0}.bar .wordmark{--wm:30px}.clock{font:700 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;left:50%;translate:-50%}.sol{z-index:1;bottom:-6px;left:calc(var(--gutter) - 7px + var(--p,0) * (100% - 2 * var(--gutter)));background:var(--dot);border-radius:50%;width:14px;height:14px;position:absolute}.bar.ink .sol{box-shadow:inset 4px -3px 0 0 var(--paper);background:0 0;rotate:-20deg}.day{min-height:clamp(800px,100svh,1000px);padding:0 max(var(--gutter), (100% - 1360px) / 2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,5vw,88px);display:grid;position:relative;overflow:hidden}.copy{z-index:4;max-width:590px;padding:calc(var(--bar) + 72px) 0 104px;align-self:center;position:relative}.day:nth-of-type(2n) .copy{order:2}.when{font:700 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:14px;margin-bottom:30px;display:flex}.when i{background:var(--dot);border-radius:50%;flex:none;width:16px;height:16px}.ink .when i{box-shadow:inset 5px -3px 0 0 var(--paper);background:0 0;rotate:-20deg}.when:after{content:"";background:repeating-linear-gradient(90deg, var(--line) 0 10px, transparent 10px 18px);flex:1;height:2px}h1,h2{font:500 clamp(54px, 6.4vw, 108px)/.96 var(--display);letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(62px,7.8vw,128px)}h1 em,h2 em{color:var(--em);font-style:italic}.sub{max-width:30em;font:500 clamp(17px, 1.45vw, 21px)/1.45 var(--sans);color:var(--fg2);text-wrap:pretty;margin-top:28px}.facts{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.facts li{border:2px solid var(--fg);border-radius:22px;min-width:9.2em;padding:15px 18px 17px;rotate:-1deg}.facts li:nth-child(2){rotate:.8deg}.facts li:first-child{background:var(--fg);color:var(--bg)}.facts b{font:500 36px/1 var(--title);letter-spacing:-.02em;display:block}.facts span{font:600 13px/1.3 var(--sans);color:var(--fg2);margin-top:8px;display:block}.facts li:first-child span{color:inherit}.cta{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:40px;display:flex}.cta p{font:600 14px/1.45 var(--sans);color:var(--fg2)}.more{font:700 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);-webkit-text-decoration:underline 2px var(--em);text-decoration:underline 2px var(--em);text-underline-offset:7px;align-items:center;gap:10px;margin-top:26px;padding:12px 0;display:inline-flex}.more svg{width:16px;height:16px;transition:translate .2s}.more:hover svg{translate:4px}.cue{z-index:4;left:max(var(--gutter), (100% - 1360px) / 2);font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fg2);align-items:center;gap:12px;text-decoration:none;display:flex;position:absolute;bottom:32px}.cue svg{width:18px;height:18px}.promises{gap:14px;margin-top:36px;display:grid}.promises li{font:600 17px/1.45 var(--sans);gap:14px;display:flex}.promises li:before{content:"";background:var(--sun);border-radius:50%;flex:none;width:10px;height:10px;margin-top:8px}.stage{--pw:clamp(300px, 30vw, 450px);--top:calc(var(--bar) + 56px);position:relative}.stage>*{position:absolute}.stage .phone{--w:var(--pw);z-index:2;left:50%;top:var(--top);translate:-50%;rotate:var(--tilt,2deg)}.stage .wcard{z-index:3;font-size:clamp(12px,1.02vw,15px)}.disc{aspect-ratio:1;border-radius:50%}.lift{z-index:3;--k:calc(var(--pw) * .94 / 1320 * var(--s,1));width:calc(var(--cw) * var(--k));height:calc(var(--ch) * var(--k));background-repeat:no-repeat;background-size:calc(1320 * var(--k)) auto;background-position:calc(var(--cx) * var(--k) * -1) calc(var(--cy) * var(--k) * -1);border-radius:calc(var(--cr) * var(--k));box-shadow:0 30px 60px -20px var(--shade), 0 8px 20px #0000001f}.rings{left:50%;top:calc(var(--top) + var(--pw) * .493)}.rings i{width:calc(var(--pw) * var(--d));aspect-ratio:1;border:3px solid rgba(246,239,227,var(--o));border-radius:50%;position:absolute;translate:-50% -50%}.moon{width:calc(var(--pw) * .42);box-shadow:inset calc(var(--pw) * .1) calc(var(--pw) * -.056) 0 0 var(--paper);rotate:-8deg}.star{width:var(--d,6px);background:var(--paper);opacity:var(--o,.6)}.foot{padding:72px max(var(--gutter), (100% - 1360px) / 2) 136px;border-top:2px dashed var(--line);grid-template-columns:auto 1fr auto;align-items:end;gap:28px;display:grid}.foot .wordmark{--wm:56px}.foot p{font:600 14px/1.5 var(--sans);color:var(--fg2)}.foot nav{font:600 14px/1 var(--sans);flex-wrap:wrap;gap:0 24px;display:flex}.foot nav a{padding:14px 0;text-decoration:none}.foot nav a:hover{color:var(--sun)}@media (prefers-reduced-motion:no-preference){.hero .copy>*{animation:.9s cubic-bezier(.2,.7,.2,1) both up}.hero .copy>:nth-child(2){animation-delay:80ms}.hero .copy>:nth-child(3){animation-delay:.16s}.hero .copy>:nth-child(4){animation-delay:.24s}.hero .copy>:nth-child(5){animation-delay:.32s}.hero .sunrise{animation:1.8s cubic-bezier(.2,.7,.2,1) .1s both sunrise}.hero .phone{animation:1.1s cubic-bezier(.2,.8,.2,1) .3s both lift}.hero .wcard{animation:.7s cubic-bezier(.3,1.4,.5,1) 1s both pop}.star{animation:3.2s ease-in-out infinite alternate twinkle}.star:nth-child(3n){animation-delay:-1.1s}.star:nth-child(3n+1){animation-delay:-2.3s}@supports (animation-timeline:view()){.day:not(.hero) .phone{animation:linear both lift;animation-timeline:view();animation-range:entry entry 45%}.day:not(.hero) :is(.wcard,.lift){animation:linear both pop;animation-timeline:view();animation-range:entry}.day:not(.hero) .disc:not(.star){animation:linear both grow;animation-timeline:view();animation-range:entry cover 45%}}}@keyframes up{0%{opacity:0;translate:0 24px}}@keyframes sunrise{0%{translate:0 45%}}@keyframes lift{0%{opacity:0;translate:-50% 90px;rotate:0deg}}@keyframes pop{0%{opacity:0;scale:.85}}@keyframes grow{0%{scale:.55}}@keyframes twinkle{to{opacity:.15}}@media (max-width:899px){.day{grid-template-columns:minmax(0,1fr);min-height:0}.day:nth-of-type(2n) .copy{order:0}.copy{padding:96px 0 8px}.hero .copy{padding-top:calc(var(--bar) + 48px)}.stage{--pw:min(74vw, 340px);--top:40px;height:calc(var(--pw) * 1.62)}.stage .wcard{font-size:clamp(10.5px,3vw,13px)}.cue{display:none}.foot{grid-template-columns:1fr;align-items:start}}@media (max-width:599px){.clock span{display:none}.bar .wordmark{--wm:26px}.facts li{flex:8em;min-width:0}}