:root{--ink:#0d0712;--paper:#f5eee8;--hot:#ff315c;--violet:#8a5cff;--ice:#d9c8ff;--sun:#f8d66d;--line:#f5eee838;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, "Times New Roman", serif;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}main{position:relative;overflow:clip}.cover-image{object-fit:cover}.confetti-layer{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{width:var(--piece-width);height:var(--piece-height);background:var(--piece-color);opacity:0;display:block;position:absolute}.confetti-drop .confetti-piece{top:-24px;left:var(--left);animation:confetti-drop var(--duration) var(--delay) cubic-bezier(.17, .72, .3, 1) forwards}.confetti-burst .confetti-piece{animation:confetti-burst var(--duration) var(--delay) cubic-bezier(.18, .78, .28, 1) forwards;top:72%;left:50%}.progress-track{z-index:70;top:50%;right:max(8px, env(safe-area-inset-right));background:#ffffff2e;width:2px;height:112px;position:fixed;overflow:hidden;transform:translateY(-50%)}.progress-track span{background:var(--paper);transform-origin:top;will-change:transform;width:100%;height:100%;display:block}.hero{isolation:isolate;background:#3d1b53;min-height:100svh;position:relative;overflow:hidden}.hero:after{z-index:-1;content:"";opacity:.14;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-backdrop{z-index:-2;position:absolute;inset:0}.hero-backdrop img{filter:saturate(1.12)contrast(1.08);animation:14s ease-in-out infinite alternate hero-drift;transform:scale(1.05)}.hero-wash{background:linear-gradient(#08030d61,#0000 26%),linear-gradient(#0000 55%,#08030de0),radial-gradient(circle at 20% 45%,#0000 0 22%,#08030d66 72%);position:absolute;inset:0}.topbar{z-index:4;width:100%;padding:max(18px, env(safe-area-inset-top)) 18px 12px;letter-spacing:.22em;border-bottom:1px solid #ffffff42;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0}.topbar-star{font-size:15px;animation:9s linear infinite star-turn}.hero-type{z-index:3;text-align:center;width:100%;position:absolute;top:18%;left:0}.hero-kicker{font-family:var(--serif);letter-spacing:.02em;margin-bottom:9px;font-size:clamp(16px,4vw,21px);font-style:italic;animation:.9s cubic-bezier(.18,.9,.22,1) .25s both rise-in;display:inline-block}.hero h1{color:var(--paper);letter-spacing:-.085em;text-indent:-.07em;text-transform:uppercase;margin:0;font-size:clamp(62px,20vw,128px);font-weight:900;line-height:.72;animation:1s cubic-bezier(.18,.9,.22,1) .34s both rise-in;position:relative}.hero h1 span{display:block}.hero h1 span:last-child{color:#0000;-webkit-text-stroke:1px #ffffffe0}.hero-card{z-index:2;aspect-ratio:.77;border:7px solid var(--paper);background:var(--paper);border-bottom-width:30px;width:min(53vw,280px);animation:1.1s cubic-bezier(.16,1,.3,1) .52s both card-in;position:absolute;top:42%;left:50%;overflow:visible;transform:translate(-50%)rotate(-3.5deg);box-shadow:0 30px 70px #0300086b}.hero-card img{z-index:0}.tape{z-index:2;mix-blend-mode:screen;background:#daccedb8;width:48px;height:18px;position:absolute}.tape-one{top:-11px;left:-22px;transform:rotate(-32deg)}.tape-two{bottom:-12px;right:-24px;transform:rotate(-28deg)}.hero-name{z-index:3;color:var(--sun);font-family:var(--serif);text-shadow:0 8px 28px #1d022180;font-size:clamp(64px,24vw,148px);font-style:italic;line-height:.8;animation:1.1s cubic-bezier(.16,1,.3,1) .73s both name-in;position:absolute;bottom:9.5%;left:50%;transform:translate(-50%)rotate(-7deg)}.scroll-cue{z-index:5;right:18px;bottom:max(18px, env(safe-area-inset-bottom));min-height:44px;color:var(--paper);cursor:pointer;letter-spacing:.2em;background:0 0;border:0;align-items:center;gap:10px;padding:12px 0 12px 12px;font-size:9px;font-weight:700;display:flex;position:absolute}.scroll-line{background:currentColor;width:34px;height:1px;display:block;position:relative}.scroll-line:after{content:"";border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(-45deg)}.eyebrow{color:var(--hot);letter-spacing:.24em;margin-bottom:14px;font-size:10px;font-weight:800;line-height:1.3;display:block}.letter-section{background:var(--paper);color:var(--ink);padding:86px 20px 100px;position:relative;overflow:hidden}.noise-layer{opacity:.24;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.letter-heading,.letter-grid{z-index:1;max-width:1100px;margin:0 auto;position:relative}.letter-heading h2,.moods-heading h2,.after-dark h2,.play-copy h2,.wish-content h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(44px,12vw,98px);font-weight:400;line-height:.94}.letter-heading h2 em{color:var(--hot);font-weight:400}.letter-grid{gap:54px;margin-top:60px;display:grid}.letter-copy{align-self:center;max-width:520px}.letter-copy p{font-family:var(--serif);margin:0 0 22px;font-size:19px;line-height:1.5}.letter-copy .dropcap{font-size:18px}.dropcap:first-letter{float:left;color:var(--hot);font-family:var(--serif);margin:-14px 9px -12px 0;font-size:82px;font-style:italic;line-height:1}.spanish-line{border-top:1px solid #0d071238;padding-top:20px;font-style:italic}.letter-portrait{width:min(76vw,390px);margin-left:auto;position:relative}.portrait-frame{aspect-ratio:.78;box-shadow:18px 20px 0 var(--ice);position:relative;overflow:hidden;transform:rotate(2.5deg)}.portrait-star{width:54px;color:var(--hot);filter:drop-shadow(0 7px 0 var(--ink));position:absolute;top:-28px;right:-20px}.hand-note{background:var(--sun);color:var(--ink);font-family:var(--serif);padding:6px 10px;font-size:20px;font-style:italic;position:absolute;bottom:-25px;left:-17px;transform:rotate(-7deg)}.moods-section{background:var(--ink);padding:92px 0 84px}.moods-heading{padding:0 20px}.moods-heading h2 span{color:var(--ice);font-style:italic}.mood-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin-top:54px;padding:0 20px 18px;scroll-padding:20px;display:flex;overflow-x:auto}.mood-rail::-webkit-scrollbar{display:none}.mood-card{aspect-ratio:.74;scroll-snap-align:center;background:#22172a;flex:0 0 min(78vw,360px);position:relative;overflow:hidden}.mood-card:after{content:"";background:linear-gradient(#0000,#08030dc7);height:42%;position:absolute;inset:auto 0 0}.mood-card .mood-image{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1);display:block}.mood-card:active .mood-image{transform:scale(1.03)}.mood-number,.mood-label{z-index:2;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800;position:absolute;bottom:17px}.mood-number{color:var(--sun);left:16px}.mood-label{right:16px}.rail-end{border:1px solid var(--line);color:var(--ice);scroll-snap-align:end;text-align:center;flex-direction:column;flex:0 0 190px;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex}.rail-end span{max-width:120px;font-family:var(--serif);font-size:20px;font-style:italic}.swipe-hint{color:#f5eee880;letter-spacing:.18em;margin:10px 20px 0;font-size:9px;font-weight:700}.after-dark{background:radial-gradient(circle at 74% 31%,#7333ff73,#0000 26%),radial-gradient(circle at 20% 68%,#ff315c38,#0000 33%),#09050d;min-height:150svh;padding:100px 20px;position:relative;overflow:hidden}.after-dark-title{z-index:5;max-width:1080px;margin:0 auto;position:relative}.after-dark h2{text-transform:uppercase;font-size:clamp(60px,17vw,136px);line-height:.77}.after-dark h2 i{color:var(--hot);text-transform:none;font-weight:400}.dark-collage{width:min(100%,900px);height:740px;margin:30px auto 0;position:relative}.dark-photo{position:absolute;overflow:hidden;box-shadow:0 35px 100px #00000073}.dark-photo-one{width:78%;height:520px;top:65px;right:-9%;transform:rotate(3deg)}.dark-photo-two{z-index:2;border:8px solid var(--paper);width:57%;height:330px;bottom:35px;left:-5%;transform:rotate(-6deg)}.dark-photo-three{z-index:3;border:5px solid var(--hot);width:44%;height:245px;bottom:-20px;right:-4%;transform:rotate(7deg)}.orbit{z-index:4;pointer-events:none;border:1px solid #ffffff4d;border-radius:50%;position:absolute}.orbit-one{width:280px;height:94px;top:35%;left:20%;transform:rotate(-26deg)}.orbit-two{width:230px;height:80px;top:27%;left:31%;transform:rotate(58deg)}.dark-manifesto{border-top:1px solid var(--line);max-width:680px;margin:80px auto 0;padding:28px 0 0}.dark-manifesto p{font-family:var(--serif);margin:0 0 16px;font-size:clamp(34px,10vw,60px);font-style:italic;line-height:1}.dark-manifesto span{color:var(--sun);letter-spacing:.16em;font-size:10px;font-weight:800}.play-section{background:var(--hot);color:var(--ink);padding:104px 20px 108px;position:relative}.play-sticker{z-index:4;background:var(--sun);letter-spacing:.14em;padding:11px 54px;font-size:10px;font-weight:900;position:absolute;top:58px;right:-44px;transform:rotate(10deg)}.play-image{aspect-ratio:.76;width:min(88vw,540px);box-shadow:14px 14px 0 var(--ink);border-radius:52% 52% 8px 8px;position:relative;overflow:hidden}.play-copy{margin-top:58px}.play-copy .eyebrow{color:var(--ink)}.play-copy h2{font-size:clamp(48px,14vw,98px)}.play-copy ul{border-top:1px solid #0d071261;margin:46px 0 0;padding:0;list-style:none}.play-copy li{font-family:var(--serif);border-bottom:1px solid #0d071261;align-items:center;gap:18px;padding:17px 0;font-size:22px;font-style:italic;display:flex}.play-copy li span{font-family:var(--sans);letter-spacing:.16em;font-size:9px;font-style:normal;font-weight:800}.wish-section{min-height:100svh;padding:90px 20px max(90px, calc(64px + env(safe-area-inset-bottom)));isolation:isolate;place-items:center;display:grid;position:relative}.wish-photo{z-index:-2;position:absolute;inset:0}.wish-photo img{filter:saturate(.8)contrast(1.06)}.wish-overlay{background:radial-gradient(circle at 50% 55%,#28082f33,#08030dd1 68%),linear-gradient(#08030d38,#08030ddb);position:absolute;inset:0}.wish-content{text-align:center;width:100%;max-width:760px}.wish-content .eyebrow{color:var(--sun)}.wish-content h2{text-shadow:0 12px 50px #00000080;font-size:clamp(48px,13vw,100px)}.wish-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:min(100%,340px);min-height:76px;color:var(--paper);cursor:pointer;background:#0d07127a;border:1px solid #ffffff9e;border-radius:999px;justify-content:center;align-items:center;gap:22px;margin:56px auto 0;padding:13px 22px;transition:background .25s,color .25s,transform .2s;display:flex}.wish-button:active{transform:scale(.97)}.wish-button.is-made{border-color:var(--sun);background:var(--sun);color:var(--ink)}.wish-button-copy{letter-spacing:.16em;font-size:10px;font-weight:800}.candle{width:23px;height:49px;display:block;position:relative}.candle-body{background:repeating-linear-gradient(45deg, var(--hot) 0 5px, var(--paper) 5px 10px);border-radius:3px 3px 1px 1px;width:13px;height:32px;position:absolute;bottom:0;left:5px}.wick{background:var(--ink);width:1px;height:7px;position:absolute;top:12px;left:11px}.flame{background:var(--sun);width:12px;height:17px;box-shadow:0 0 19px var(--sun);transform-origin:bottom;border-radius:50% 50% 46% 46%;animation:.7s ease-in-out infinite alternate flame-dance;position:absolute;top:0;left:6px;transform:rotate(8deg)}.is-made .flame{animation:.38s forwards flame-out}.wish-result{min-height:24px;font-family:var(--serif);margin:22px 0 0;font-size:17px;font-style:italic}footer{padding:84px 20px max(42px, env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);text-align:center;justify-items:center;gap:26px;display:grid}footer>span{letter-spacing:.2em;font-size:9px;font-weight:800}footer svg{width:44px;color:var(--hot)}footer strong{font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(38px,12vw,76px);font-style:italic;font-weight:400;line-height:.9}.reveal{opacity:0;transition:opacity .85s var(--reveal-delay) cubic-bezier(.16, 1, .3, 1), transform .85s var(--reveal-delay) cubic-bezier(.16, 1, .3, 1);transform:translateY(42px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-drift{0%{transform:scale(1.05)translate(-1.5%,-1%)}to{transform:scale(1.11)translate(1.5%,1%)}}@keyframes rise-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translate(-50%)translateY(80px)rotate(6deg)scale(.82)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(-3.5deg)scale(1)}}@keyframes name-in{0%{opacity:0;transform:translate(-50%)translateY(35px)rotate(-12deg)scale(.8)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(-7deg)scale(1)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes flame-dance{0%{transform:rotate(-5deg)scale(.92,1.04)}to{transform:rotate(7deg)scale(1.06,.94)}}@keyframes flame-out{0%{opacity:1;transform:scale(1)}55%{opacity:.8;transform:translate(6px)scale(.5,1.5)}to{opacity:0;transform:translate(14px,-9px)scale(0)}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(-3vh)rotate(0)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(var(--drift), 108vh) rotate(var(--rotation))}}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}38%{opacity:1;transform:translate(var(--x-one), -42vh) rotate(var(--rotation-mid))}to{opacity:0;transform:translate(var(--x-two), 36vh) rotate(var(--rotation))}}@media (min-width:720px){.topbar{padding-left:30px;padding-right:30px}.hero-type{top:16%}.hero-card{width:310px;top:40%}.hero-name{bottom:5%}.letter-section,.after-dark,.play-section{padding-left:6vw;padding-right:6vw}.letter-grid{grid-template-columns:1fr .8fr;align-items:center;gap:9vw;margin-top:84px}.moods-heading{max-width:1100px;margin:0 auto;padding:0 6vw}.mood-rail{padding-left:6vw;padding-right:6vw;scroll-padding:6vw}.swipe-hint{margin-left:6vw}.dark-collage{height:850px}.dark-photo-one{width:62%;height:650px;right:4%}.dark-photo-two{width:43%;height:430px;left:1%}.dark-photo-three{width:34%;height:350px;right:0}.play-section{grid-template-columns:minmax(300px,540px) minmax(320px,1fr);align-items:center;gap:8vw;min-height:100svh;display:grid}.play-image{width:100%}.play-copy{margin:0}}@media (min-width:1100px){.hero-type{top:15%}.hero h1{font-size:142px}.hero-card{width:330px;top:37%}.hero-name{font-size:148px}.mood-rail{justify-content:flex-start}.mood-card{flex-basis:320px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.confetti-layer{display:none}}