@keyframes site-rise{0%{opacity:0;translate:0 var(--site-rise,1.5rem)}}@keyframes site-focus{0%{opacity:0;filter:blur(8px);letter-spacing:.3em}}@keyframes site-unveil{0%{clip-path:inset(12% 8%);scale:1.08}to{clip-path:inset(0)}}@keyframes site-parallax{0%{background-position-y:50%}to{background-position-y:85%}}@media (prefers-reduced-motion:no-preference){[data-motion=soft] [data-hero-text]>*,[data-motion=bold] [data-hero-text]>*{animation:.9s cubic-bezier(.2,.7,.2,1) both site-rise}[data-motion] [data-hero-text]>:nth-child(2){animation-delay:.12s}[data-motion] [data-hero-text]>:nth-child(3){animation-delay:.24s}[data-motion] [data-hero-text]>:nth-child(4){animation-delay:.36s}[data-motion] [data-hero-text]>:nth-child(n+5){animation-delay:.48s}[data-motion=bold]{--site-rise:3rem}[data-motion=bold] [data-hero-text] h1{animation:1.4s cubic-bezier(.2,.7,.2,1) both site-focus}@supports (animation-timeline:view()){[data-motion=soft] [data-reveal],[data-motion=bold] [data-reveal]{animation:linear both site-rise;animation-timeline:view();animation-range:entry entry 70%}[data-motion=bold] [data-unveil]{animation:linear both site-unveil;animation-timeline:view();animation-range:entry cover 40%}[data-motion=bold] [data-parallax]{animation:linear both site-parallax;animation-timeline:view();animation-range:exit}}}.envelope-stage{--paper:color-mix(in oklab, var(--ds-color-secondary) 85%, white);--paper-shade:color-mix(in oklab, var(--ds-color-secondary) 88%, black);--wax:var(--ds-color-primary);background:radial-gradient(ellipse at 50% 45%, color-mix(in oklab, var(--ds-color-secondary) 45%, var(--ds-color-background)), var(--ds-color-background) 70%)}.envelope{aspect-ratio:3/2;perspective:1400px;cursor:pointer;border-radius:6px;width:min(86vw,27rem);position:relative;rotate:x 8deg}.envelope>*{position:absolute}.envelope-back{background:var(--paper-shade);border-radius:6px;inset:0;box-shadow:0 2px 4px #0000000f,0 30px 60px -24px #0006}.envelope-liner{background:radial-gradient(color-mix(in oklab, var(--ds-color-primary) 35%, transparent) 1px, transparent 1.6px) 0 0 / 9px 9px, color-mix(in oklab, var(--ds-color-secondary) 70%, var(--ds-color-primary));border-radius:4px;position:absolute;inset:3% 3% 40%}.envelope-card{z-index:2;background:linear-gradient(170deg, var(--ds-color-surface), color-mix(in oklab, var(--ds-color-surface) 94%, var(--ds-color-secondary)));border-radius:3px;padding:.55rem;display:flex;inset:5% 7% 6%;box-shadow:0 6px 18px #0000001f}.envelope-card-frame{border:1px solid color-mix(in oklab, var(--ds-color-primary) 45%, transparent);outline:1px solid color-mix(in oklab, var(--ds-color-primary) 25%, transparent);outline-offset:3px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.5rem;display:flex}.envelope-rule{background:var(--ds-color-primary);opacity:.6;width:2.5rem;height:1px}.envelope-front{z-index:3;border-radius:6px;inset:0;overflow:hidden}.envelope-front>span{position:absolute;inset:0}.envelope-side-left{clip-path:polygon(0 0,52% 56%,0 100%);background:linear-gradient(90deg, var(--paper), var(--paper-shade))}.envelope-side-right{clip-path:polygon(100% 0,48% 56%,100% 100%);background:linear-gradient(270deg, var(--paper), var(--paper-shade))}.envelope-bottom{clip-path:polygon(0 100%,50% 47%,100% 100%);background:linear-gradient(0deg, var(--paper) 40%, color-mix(in oklab, var(--paper) 92%, black))}.envelope-flap-shadow{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);filter:blur(3px);background:#0000002e;height:64%;inset:0 0 auto;translate:0 3px}.envelope-flap{z-index:5;transform-origin:top;height:60%;inset:0 0 auto}.envelope-flap>span{clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;inset:0}.envelope-flap-outer{background:linear-gradient(180deg, color-mix(in oklab, var(--paper) 94%, black), var(--paper) 70%)}.envelope-flap-inner{opacity:0;background:radial-gradient(color-mix(in oklab, var(--ds-color-primary) 35%, transparent) 1px, transparent 1.6px) 0 0 / 9px 9px, color-mix(in oklab, var(--ds-color-secondary) 70%, var(--ds-color-primary))}.envelope-seal{z-index:6;filter:drop-shadow(0 3px 4px #0000004d);justify-content:center;align-items:center;width:3.8rem;height:3.8rem;font-size:1.05rem;display:flex;top:60%;left:50%;translate:-50% -50%}.envelope-seal:before{content:"";clip-path:polygon(50% 0,63% 5%,78% 4%,86% 16%,98% 26%,96% 42%,100% 56%,92% 70%,88% 86%,72% 92%,58% 100%,44% 95%,28% 97%,16% 86%,4% 76%,6% 60%,0 45%,7% 30%,12% 14%,28% 8%,38% 2%);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--wax) 70%, white), var(--wax) 45%, color-mix(in oklab, var(--wax) 70%, black));position:absolute;inset:-7%}.envelope-seal:after{content:"";border:1.5px solid color-mix(in oklab, var(--wax) 60%, black);box-shadow:inset 0 1px 2px #00000040, 0 1px 0 color-mix(in oklab, var(--wax) 60%, white);border-radius:9999px;position:absolute;inset:16%}.envelope-seal>span{z-index:1;color:color-mix(in oklab, var(--wax) 55%, black);text-shadow:0 1px 0 color-mix(in oklab, var(--wax) 55%, white);position:relative}[data-envelope-stage=opening]{animation:.5s 2.5s forwards envelope-stage-out}@keyframes envelope-stage-out{to{opacity:0;visibility:hidden}}@keyframes envelope-float{to{translate:0 -8px;rotate:x 14deg}}@keyframes envelope-seal-off{30%{scale:.92}to{opacity:0;rotate:18deg;scale:1.25}}@keyframes envelope-flap-open{0%,49%{z-index:5}50%,to{z-index:1}to{transform:rotateX(180deg)}}@keyframes envelope-face-out{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes envelope-face-in{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes envelope-fade{to{opacity:0}}@keyframes envelope-card-out{to{translate:0 -62%}}@keyframes envelope-card-zoom{0%{translate:0 -62%}to{opacity:0;translate:0 -30%;scale:1.2}}@keyframes envelope-drop{to{opacity:0;translate:0 35%}}@media (prefers-reduced-motion:no-preference){[data-envelope-stage=closed] .envelope{animation:2.6s ease-in-out infinite alternate envelope-float}[data-envelope-stage=opening] .envelope-seal{animation:.45s ease-in forwards envelope-seal-off}[data-envelope-stage=opening] .envelope-flap-shadow{animation:.3s .25s forwards envelope-fade}[data-envelope-stage=opening] .envelope-flap{animation:.9s cubic-bezier(.45,0,.2,1) .25s forwards envelope-flap-open,.7s ease-in 2s forwards envelope-drop}[data-envelope-stage=opening] .envelope-flap-outer{animation:.9s linear .25s forwards envelope-face-out}[data-envelope-stage=opening] .envelope-flap-inner{animation:.9s linear .25s forwards envelope-face-in}[data-envelope-stage=opening] .envelope-card{animation:1s cubic-bezier(.2,.7,.2,1) 1.05s forwards envelope-card-out,.6s cubic-bezier(.4,0,.2,1) 2.05s forwards envelope-card-zoom}[data-envelope-stage=opening] :is(.envelope-back,.envelope-front){animation:.7s ease-in 2s forwards envelope-drop}[data-envelope-stage=opening] :is(.envelope-hint,.envelope-kicker){animation:.3s forwards envelope-fade}}@media (prefers-reduced-motion:reduce){[data-envelope-stage]:not([data-in-editor]){display:none}[data-envelope-stage=opening]{animation-duration:.3s;animation-delay:0s}}.site-particles{z-index:30;pointer-events:none;height:0;position:sticky;top:0}.site-particles>div{height:100dvh;position:absolute;inset:0 0 auto;overflow:hidden}.site-particle{top:0;left:var(--x);animation:site-fall var(--duration) linear var(--delay) infinite;position:absolute}.site-particle>span{scale:var(--size);animation:site-tumble var(--spin) ease-in-out var(--delay) infinite alternate;display:block}@keyframes site-fall{0%{translate:0 -10vh}50%{translate:var(--sway) 50vh}to{translate:0 110vh}}@keyframes site-tumble{0%{transform:rotateX(0)rotate(0)}to{transform:rotateX(160deg)rotate(220deg)}}[data-particles=petals] .site-particle>span{background:linear-gradient(135deg, color-mix(in oklab, var(--ds-color-primary) 45%, white), var(--ds-color-primary));opacity:.85;border-radius:100% 0;width:.8rem;height:.95rem}[data-particles=petals] [data-tone="1"]{background:linear-gradient(135deg, color-mix(in oklab, var(--ds-color-accent) 40%, white), var(--ds-color-accent))}[data-particles=petals] [data-tone="2"]{background:linear-gradient(135deg, white, color-mix(in oklab, var(--ds-color-primary) 35%, white))}[data-particles=confetti] .site-particle>span{background:var(--ds-color-primary);border-radius:1px;width:.45rem;height:.8rem}[data-particles=confetti] [data-tone="1"]{background:var(--ds-color-accent)}[data-particles=confetti] [data-tone="2"]{background:color-mix(in oklab, var(--ds-color-primary) 40%, var(--ds-color-accent));border-radius:9999px;width:.55rem;height:.55rem}[data-particles=sparkles] .site-particle>span{background:color-mix(in oklab, var(--ds-color-primary) 45%, white);width:.35rem;height:.35rem;box-shadow:0 0 6px 1px color-mix(in oklab, var(--ds-color-primary) 80%, white), 0 0 14px 3px color-mix(in oklab, var(--ds-color-primary) 45%, transparent);border-radius:9999px;animation-name:site-twinkle}@keyframes site-twinkle{0%{opacity:.2}to{opacity:1}}@media (max-width:640px){.site-particle:nth-child(n+11){display:none}}@media (prefers-reduced-motion:reduce){.site-particles{display:none}}
