.classic-cover{z-index:100;color:#304532;font-family:var(--font-geist), sans-serif;background:#f7f5ef;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex;position:fixed;inset:0;overflow:hidden}.classic-cover:before{content:"";opacity:.48;pointer-events:none;background:url(/images/sabrina-asaph/blue-hydrangeas.webp) 50%/cover;position:absolute;inset:0}.classic-cover[hidden]{display:none}.classic-cover-intro,.classic-cover-note,.classic-skip{z-index:2;text-align:center;position:relative}.classic-cover-intro p{font:italic 1.2rem var(--font-display), Georgia, serif;margin-bottom:.75rem}.classic-cover-intro h1{font:400 clamp(2rem, 4vw, 3.5rem)/1.15 var(--font-display), Georgia, serif}.classic-envelope-scene{perspective:1400px;width:min(640px,78vw);margin:1rem 0}.classic-envelope{aspect-ratio:3/2;background:#f7f5ef;width:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:relative;transform:rotate(-4deg);box-shadow:0 24px 45px #30453230}.classic-envelope-front,.classic-envelope-flap{background:url(/images/sabrina-asaph/classic-envelope.webp) 50%/100% 100%;position:absolute;inset:0}.classic-envelope-front{z-index:3;clip-path:polygon(0 0,50% 79%,100% 0,100% 100%,0 100%)}.classic-envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 79%);transform-origin:top;backface-visibility:hidden}.classic-letter{z-index:2;text-align:center;background:#fff;border:1px solid #d4af37;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:5% 5% 8%}.classic-letter span{font:italic clamp(2rem, 6vw, 4rem) var(--font-display), Georgia, serif;color:#304532}.classic-letter p{font:italic clamp(.8rem, 2vw, 1.3rem) var(--font-display), Georgia, serif;margin-top:1rem}.classic-open{z-index:5;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:end;padding:0 1rem 8%;display:flex;position:absolute;inset:0}.classic-open span{color:#304532;font:italic 1.05rem var(--font-display), Georgia, serif;letter-spacing:.06em;background:0 0;border:0;border-bottom:1px solid #d4af37;padding:.75rem 1.5rem;transition:background .25s}.classic-open:hover span{background:#ffffff60}.classic-open:focus-visible{outline:none}.classic-open:focus-visible span{outline-offset:6px;outline:2px solid #d4af37}.classic-envelope:hover{transform:rotate(-1deg)translateY(-5px)}.classic-cover-note{max-width:36rem;font-size:.8rem;line-height:1.7}.classic-skip{cursor:pointer;text-underline-offset:5px;min-height:44px;font-size:.75rem;text-decoration:underline}.classic-skip:focus-visible{outline-offset:4px;outline:2px solid #304532}.classic-cover-opening{pointer-events:none;animation:1.9s cubic-bezier(.4,0,.2,1) .5s both classic-depart}.classic-cover-opening .classic-envelope{animation:2.4s cubic-bezier(.22,1,.36,1) both classic-envelope-dissolve}.classic-cover-opening .classic-cover-intro,.classic-cover-opening .classic-cover-note{animation:.9s both classic-depart}.classic-cover-opening .classic-envelope-flap{animation:1s cubic-bezier(.22,1,.36,1) both classic-unfold}.classic-cover-opening .classic-letter{animation:1.1s cubic-bezier(.22,1,.36,1) .5s both classic-letter-rise}.classic-cover-opening .classic-open{opacity:0;transition:opacity .25s}@keyframes classic-unfold{to{transform:rotateX(175deg)}}@keyframes classic-letter-rise{to{transform:translateY(-32%)}}@keyframes classic-depart{to{opacity:0}}@keyframes classic-envelope-dissolve{35%{opacity:1;filter:blur();transform:rotate(0)translateY(-8px)}to{opacity:0;filter:blur(5px);transform:rotate(0)translateY(-24px)scale(1.04)}}@media (max-width:600px){.classic-cover{gap:1.8rem}.classic-envelope-scene{width:86vw;margin-block:1.5rem}.classic-cover-note{max-width:270px}}@media (max-height:580px) and (min-width:600px){.classic-cover{gap:.5rem;padding:1rem}.classic-cover-intro h1{font-size:2rem}.classic-envelope-scene{width:min(430px,60vh);margin:0}}@media (prefers-reduced-motion:reduce){.classic-cover *,.classic-cover{transition:none!important;animation:none!important}}