@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#34382e;background:#f6f2e8;font-synthesis:none;--red:#ed4b35;--ink:#34382e;--mint:#b9cdbb}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7956a9;outline-offset:6px}h1:focus{outline:none}.experience{max-width:1800px;min-height:100svh;margin:auto;padding:0 5%;display:flex;flex-direction:column;overflow:hidden}.masthead{height:100px;border-bottom:1px solid #d4d3c7;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:700;font-size:37px;letter-spacing:-3px;color:var(--ink);text-decoration:none}.brand-star{color:var(--red);font-size:34px;display:inline-block;vertical-align:-2px;letter-spacing:-3px}.brand-dot{color:var(--red)}.edition,.sound,.eyebrow,.fineprint,.disc-caption,.classic-sticker>span,.art-footnote,.chapters,.footer-love,.cake-caption{font-size:10px;font-weight:600;letter-spacing:1.5px}.edition span{color:#737668}.sound{border:1px solid #c8c9bc;border-radius:30px;padding:10px 15px;background:transparent;font-size:9px}.sound>span{font-size:17px;margin-right:8px;vertical-align:-1px}main{flex:1;display:flex;align-items:center;min-height:650px}.scene{width:100%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;padding:48px 0 56px}.eyebrow{margin:0 0 24px;font-size:10px}.eyebrow>span{color:var(--red);font-size:18px;vertical-align:-2px;margin-right:9px}h1{font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-weight:800;font-size:clamp(70px,7.8vw,125px);letter-spacing:-2px;line-height:.9;margin:0 0 30px}.name{position:relative;color:var(--red);display:inline-block}.underline{position:absolute;width:100%;height:19px;left:0;bottom:-16px;stroke:var(--red);stroke-width:3;fill:none}.intro-text{font-size:16px;line-height:1.65;margin:37px 0 25px}.intro-text em{font-family:Georgia,serif;font-size:17px;color:#656b5a}.primary{border:1px solid var(--ink);background:var(--ink);color:#fffdf5;border-radius:4px;padding:18px 21px;display:inline-flex;gap:26px;align-items:center;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.primary:hover{background:#4b5540;transform:translateY(-2px)}.primary>span{font-size:21px;line-height:10px}.fineprint{display:block;font-size:9px;letter-spacing:.25px;color:#6a6e60;margin-top:15px;font-weight:400}.birthday-art{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;padding-bottom:16px}.number-disc{width:min(38vw,480px);height:min(38vw,480px);border-radius:50%;background:var(--mint);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-10deg);position:relative}.number-disc:after{content:"";position:absolute;inset:14px;border:1px solid #879c8b;border-radius:50%;opacity:.55}.big-number{color:var(--red);font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;font-size:clamp(210px,26vw,385px);line-height:.92;letter-spacing:-15px;text-shadow:3px 5px 0 #733c2f;z-index:1;margin-left:-12px}.disc-caption{margin-top:7px;font-size:10px;z-index:1}.art-note,.receipt-note,.cake-note{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:19px;top:-7px;left:22px;transform:rotate(-9deg)}.swoop{width:100px;position:absolute;right:25px;top:-17px;fill:none;stroke:var(--ink);stroke-width:2}.spark{position:absolute;color:var(--red);z-index:2}.spark-one{font-size:70px;left:-10px;top:64px;transform:rotate(10deg)}.spark-two{font-size:74px;right:15px;bottom:10px;color:#9180b5}.classic-sticker{background:#c9bae7;border:1px solid var(--ink);position:absolute;right:-9px;top:106px;z-index:3;padding:22px 18px;transform:rotate(12deg);text-align:center;border-radius:50%;box-shadow:3px 4px #34382e}.classic-sticker strong{display:block;font-family:Georgia,serif;font-style:italic;font-size:27px;margin:7px 0}.classic-sticker>span{font-size:7px;letter-spacing:1px}.age-tag{position:absolute;left:2px;bottom:34px;background:#f7bd49;transform:rotate(-12deg);padding:18px 24px;box-shadow:2px 3px #34382e;border:1px solid var(--ink);font-family:Georgia,serif;font-size:28px;display:flex;gap:6px;align-items:center}.age-tag strong{font-weight:400;color:#9a3a25}.cross-out{font-size:17px;text-decoration:line-through}.tag-hole{width:8px;height:8px;background:var(--ink);border-radius:50%;margin-right:7px}.art-footnote{position:absolute;bottom:-27px;font-size:9px;letter-spacing:.5px;color:#656b5a}footer{border-top:1px solid #d4d3c7;min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:25px}.chapters{display:flex;gap:30px}.chapters button{border:0;background:none;padding:15px 0;font-size:10px;color:#6a6e60;letter-spacing:.3px;white-space:nowrap}.chapters button>span:first-child{margin-right:7px;font-size:9px}.chapters .active{color:var(--ink)}.chapter-dot{color:var(--red);font-size:6px;margin-left:7px;vertical-align:1px}.footer-love{font-size:8px;letter-spacing:1px}.footer-love span{color:var(--red);font-size:18px;vertical-align:-2px;margin-left:7px}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-5px;font-size:.85em}.denial-scene h1{font-size:clamp(65px,7.2vw,110px)}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.secondary{font-size:12px;background:none;border:none;text-decoration:underline;text-underline-offset:5px;padding:9px 0}.denial-reply{color:#656b5a;font-size:11px;min-height:28px}.receipt-wrap{position:relative;display:flex;justify-content:center;padding:40px 25px}.receipt{width:335px;background:#fffdf7;padding:28px 28px 22px;box-shadow:0 10px 24px #34382e16;transform:rotate(5deg);position:relative;font-family:monospace}.receipt:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:12px;background:linear-gradient(135deg,#fffdf7 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,#fffdf7 25%,transparent 25%) -6px 0/12px 12px}.receipt-star{font-size:43px;display:block;text-align:center}.receipt h2{font-size:19px;letter-spacing:2px;text-align:center;margin:13px 0 7px}.receipt p{text-align:center;font-size:10px}.receipt hr{border:0;border-top:1px dashed #99978c;margin:23px 0}.receipt>div:not(.barcode){display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:16px}.receipt .total{align-items:center;font-size:17px!important}.total strong{font-size:65px;line-height:1}.receipt-bottom{line-height:1.9}.barcode{height:32px;width:170px;margin:21px auto 9px;background:repeating-linear-gradient(90deg,#34382e 0 2px,transparent 2px 4px,#34382e 4px 5px,transparent 5px 8px,#34382e 8px 12px,transparent 12px 15px)}.receipt-code{display:block;text-align:center;font-size:9px}.receipt-note{top:-10px;left:90px}.approved{position:absolute;right:0;bottom:80px;border:3px double var(--red);color:var(--red);border-radius:50%;font-size:13px;font-weight:700;letter-spacing:2px;transform:rotate(-15deg);padding:22px 9px;text-align:center;background:#f6f2e8e8}.cake-scene h1{font-size:clamp(65px,7vw,105px);line-height:1.05}.cake-scene .serif{font-size:.8em;letter-spacing:-4px}.replay{display:block;margin-top:15px;color:#656b5a;font-size:11px}.cake-art{position:relative;text-align:center}.cake{width:100%;max-width:520px}.cake-note{top:8px;left:100px;white-space:nowrap}.cake-caption{font-size:9px;display:block}.flames{transform-origin:50% 35%;animation:flicker 1.4s ease-in-out infinite alternate}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti i{position:absolute;top:-30px;width:10px;height:15px;animation:confetti 3.6s ease-in forwards}.scene-enter-active,.scene-leave-active{transition:opacity .23s,transform .23s}.scene-enter-from{opacity:0;transform:translateY(14px)}.scene-leave-to{opacity:0;transform:translateY(-10px)}@keyframes flicker{to{transform:scale(.92,1.07)}}@keyframes confetti{to{translate:45px 110vh;rotate:650deg}}@media(min-width:1500px){.scene{gap:85px}main{min-height:760px}}@media(max-width:1000px){.experience{padding:0 4%}.scene{gap:15px}h1{font-size:9vw}.number-disc{width:42vw;height:42vw}.big-number{font-size:31vw}.birthday-art{min-height:470px}.classic-sticker{padding:15px 12px;right:-8px;top:90px}.classic-sticker strong{font-size:23px}.age-tag{font-size:25px;bottom:38px}.spark-one{left:-12px;top:75px}.chapters{gap:18px}.footer-love{font-size:7px}.cake-note{left:35px}.denial-scene h1{font-size:8vw}.receipt{width:300px}.approved{right:-7px}}@media(max-width:680px){.experience{padding:0 6%}.masthead{height:80px}.brand{font-size:30px}.brand-star{font-size:27px}.edition{font-size:7px;letter-spacing:1px}.edition span{display:block;margin-top:4px}.sound{font-size:7px;padding:7px 9px;letter-spacing:.5px}.sound>span{margin-right:4px}main{min-height:0;display:block}.scene{grid-template-columns:1fr;gap:32px;padding:34px 0 36px}.eyebrow{font-size:8px;margin-bottom:21px;letter-spacing:1px}h1{font-size:clamp(76px,18vw,110px);letter-spacing:-1px;margin-bottom:27px}.intro-text{font-size:14px;margin:30px 0 20px}.intro-text em{font-size:15px}.primary{padding:16px 17px;font-size:11px;gap:22px}.birthday-art{min-height:370px;margin:10px 6px 26px}.number-disc{width:310px;height:310px}.big-number{font-size:250px;letter-spacing:-10px}.disc-caption{font-size:8px}.classic-sticker{right:0;top:80px;padding:14px 12px}.classic-sticker strong{font-size:22px}.spark-one{left:0;top:37px;font-size:55px}.spark-two{font-size:55px;right:0;bottom:2px}.art-note{left:24px;top:-15px;font-size:16px}.swoop{right:15px;top:-8px;width:80px}.age-tag{left:0;bottom:15px;font-size:22px;padding:14px 18px}.art-footnote{bottom:-26px;font-size:8px}footer{padding:17px 0;min-height:85px;align-items:center;flex-direction:column;gap:7px}.chapters{width:100%;justify-content:space-between;gap:8px}.chapters button{font-size:9px;padding:7px 0}.footer-love{font-size:7px}.footer-love span{font-size:14px}.denial-scene h1{font-size:clamp(68px,16vw,95px)}.receipt-wrap{padding:25px 15px 20px}.receipt{width:290px}.receipt-note{left:50px;font-size:16px;top:-12px}.approved{right:0;bottom:50px;font-size:11px}.cake-scene h1{font-size:clamp(65px,15vw,95px)}.cake-art{margin-top:5px}.cake-note{font-size:16px;left:22%;top:3px}.cake-caption{font-size:8px}.serif,.cake-scene .serif{letter-spacing:-3px}.cake-scene{gap:15px}.cake{max-height:390px}.denial-reply{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}
