@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#160b29;--ink:#fff9fa;--muted:#c2b5cf;--gold:#f6dc91;--pink:#f499d7;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{border:0}#sparkles{position:fixed;inset:0;pointer-events:none;z-index:20;width:100%;height:100%}.aurora{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 15%,#76319745,transparent 50%),radial-gradient(ellipse at 10% 70%,#40218455,transparent 50%)}header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;position:absolute;top:0;left:0;right:0;z-index:10}.brand{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:3px;font-size:19px}.brand span{color:var(--gold)}.sound{background:#ffffff0c;border:1px solid var(--line);padding:11px 18px;border-radius:30px;display:flex;gap:9px;align-items:center}.hero{min-height:820px;height:100svh;max-height:1050px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:105px 8% 80px;overflow:hidden}.heroCopy{z-index:2}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;color:var(--gold);line-height:1.8}.eyebrow span{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:8px}.intro{font-size:20px;line-height:1.45;color:#e0d4e8;margin-top:35px}h1,h2,h3,p{margin-top:0}h1{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(80px,9vw,150px);letter-spacing:-7px;margin:0 0 -15px;line-height:1.05;background:linear-gradient(160deg,#fff9e9 20%,#e8b77f 60%,#fba4e7);background-clip:text;color:transparent}h2{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(34px,4.2vw,58px);letter-spacing:-1.7px;line-height:1.12;margin-bottom:20px}em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.birthday{display:flex;align-items:center;gap:18px;padding-left:4px}.birthday span{font-size:13px;letter-spacing:3px}.birthday b{font:800 105px/1.1 Outfit,sans-serif;color:var(--gold)}.heroText{line-height:1.75;font-size:15px;color:var(--muted);margin:15px 0 25px}.heroText strong{color:#eee0f9}.button{min-height:54px;display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:16px 25px;border-radius:7px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #e09fdd33}.button:active{transform:scale(.96)}.primary{background:linear-gradient(110deg,#f8dfa3,#f3b1d7);color:#291234}.heroDate{font-size:10px;letter-spacing:2px;margin-top:25px;color:#d6c7e0}.heroDate i{padding:0 9px;color:var(--gold)}.heroArt{height:100%;max-height:750px;position:relative;margin-left:-20px;display:flex;align-items:center;justify-content:center}.heroArt img{width:112%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);border-radius:45% 45% 8% 8%;position:relative}.orbit{position:absolute;inset:12% -5%;border:1px solid #dda1f333;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 55px #c549ed18}.orbit2{inset:18% -12%;transform:rotate(22deg)}.artLabel{position:absolute;bottom:9%;right:-15px;background:#302044b0;border:1px solid #efcff45c;backdrop-filter:blur(10px);padding:13px 20px;letter-spacing:2px;font-size:10px;transform:rotate(-6deg)}.artLabel span{font-size:24px;margin-left:15px;color:var(--gold)}.star{position:absolute;color:var(--gold);animation:float 5s ease-in-out infinite}.s1{font-size:65px;top:14%;left:0}.s2{font-size:43px;right:0;bottom:25%;animation-delay:-2s}.scrollHint{position:absolute;bottom:25px;left:8%;font-size:9px;letter-spacing:3px;color:var(--muted)}.ribbon{overflow:hidden;border-block:1px solid #e8baf62b;transform:rotate(-2deg);background:#342044;margin:15px 0 25px}.ribbon span{display:block;width:max-content;padding:15px;font-size:12px;letter-spacing:4px;color:#eed4f2;animation:marquee 35s linear infinite}.section{max-width:1100px;margin:auto;padding:100px 40px}.sectionHeading{text-align:center;margin-bottom:50px}.sectionHeading>p:last-child{color:var(--muted);font-size:15px;line-height:1.8}.memoryLayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photoWrap{height:540px;position:relative;overflow:hidden;border-radius:160px 160px 12px 12px;border:1px solid #edcdf047;box-shadow:15px 15px 0 #352143;touch-action:pan-y}.photoWrap:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#120d23d9);pointer-events:none}.photoWrap>img{width:100%;height:100%;object-fit:cover;transition:opacity .18s,transform .7s}.photoWrap:hover>img{transform:scale(1.025)}.photoMark{position:absolute;top:30px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;text-shadow:0 2px 8px #000}.photoCounter{position:absolute;bottom:23px;left:30px;z-index:2;display:flex;align-items:baseline;gap:10px}.photoCounter b{font:700 80px/1 Outfit,sans-serif}.photoCounter span{font-size:10px;letter-spacing:2px}.photoArrows{position:absolute;right:20px;bottom:30px;display:flex;gap:9px;z-index:3}.photoArrows button{border-radius:50%;width:43px;height:43px;background:#ffffff21;border:1px solid #ffffff50;backdrop-filter:blur(8px);font-size:20px}.ageTabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:40px}.ageTabs button{border-radius:50%;width:46px;height:46px;background:transparent;border:1px solid var(--line);font-family:Outfit;font-size:18px}.ageTabs button[aria-pressed=true]{background:var(--gold);color:#28192f;border-color:var(--gold);box-shadow:0 0 25px #e6cfa533}.memoryCaption h3{font:500 35px/1.1 Outfit,sans-serif;margin:15px 0}.memoryCaption p{color:var(--muted);line-height:1.8;min-height:80px}.progressTrack{height:2px;background:#ffffff20;margin:28px 0 18px}.progressTrack span{display:block;width:16.66%;height:100%;background:var(--gold);transition:width .4s}.swipeHint{font-size:8px;letter-spacing:2px;color:var(--muted)}.textButton{padding:14px 0;background:transparent;color:var(--gold);font-size:13px;border-bottom:1px solid #f6dc9150}.squad{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.squad>img{width:100%;border-radius:12px 120px 12px 12px;box-shadow:0 0 80px #7734a030}.squadCopy p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.squadCopy .button{margin-top:15px}.tiny{font-size:11px!important;line-height:1.6!important;color:var(--muted);margin:16px 0}.event{padding-top:75px}.ticket{max-width:720px;margin:auto;background:#f4e9d8;color:#2e173a;border-radius:15px;display:flex;transform:rotate(-1deg);box-shadow:0 15px 70px #0003}.ticketMain{padding:38px 44px;flex:1}.ticket .eyebrow{color:#805b83}.eventDate{display:flex;align-items:center;gap:22px}.eventDate>b{font:800 110px/1 Outfit,sans-serif;letter-spacing:-5px}.eventDate strong{display:block;font:600 26px Outfit,sans-serif;letter-spacing:2px}.eventDate span{display:block;margin-top:7px;font-size:11px;letter-spacing:2px}.eventTime{font:500 35px Outfit,sans-serif;margin:8px 0 22px}.eventTime span{font-size:16px}.address{font-size:17px;line-height:1.65}.address span{font-size:13px;color:#766078}.outline{border:1px solid #7a557d;background:transparent;margin-top:4px}.ticketStub{border-left:2px dashed #795c754a;width:100px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:30px 15px;position:relative}.ticketStub>span{writing-mode:vertical-rl;font:600 18px Outfit;letter-spacing:3px}.ticketStub b{font-size:7px;text-align:center;letter-spacing:1px}.barcode{height:80px;width:50px;background:repeating-linear-gradient(90deg,#392145 0 2px,transparent 2px 5px,#392145 5px 6px,transparent 6px 10px)}.countdown{text-align:center;margin-top:65px}.clock{display:flex;justify-content:center;gap:20px;align-items:center}.clock b{font:500 45px Outfit,sans-serif;font-variant-numeric:tabular-nums}.clock span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.clock i{font-style:normal;font-size:25px;color:#bda2c9;padding-bottom:18px}.rsvp{text-align:center;padding-top:30px}.rsvp h2{font-size:65px}.rsvp>p{line-height:1.8;color:var(--muted)}.rsvp label{display:block;font-size:12px;text-align:left;max-width:360px;margin:30px auto 9px;color:var(--muted)}.rsvp input{display:block;background:#ffffff07;border:1px solid #ffffff30;border-radius:7px;padding:16px;color:#fff;width:100%;max-width:360px;margin:0 auto 12px}.rsvp>.button{width:100%;max-width:360px}.rsvp .textButton{display:block;margin:auto}footer{text-align:center;padding:10px 20px 65px}footer>span{font:italic 18px Georgia;color:var(--muted)}footer strong{display:block;font:600 42px Outfit;color:var(--gold);margin:8px}footer p{font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:25px}.mobileDock{display:none}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}#musicPanel{position:fixed;right:20px;top:75px;z-index:30;width:min(360px,calc(100% - 40px));background:#28163a;border:1px solid #ae77c6;border-radius:14px;padding:18px;box-shadow:0 15px 80px #0009}#musicPanel[hidden]{display:none}.musicHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.musicHead small{font-size:7px;letter-spacing:1px;color:var(--gold)}.musicHead strong{display:block;font-size:17px;margin-top:6px}.musicHead button{background:transparent;font-size:27px;padding:5px 10px}#player iframe{width:100%;height:200px;border:0;border-radius:7px}#musicPanel p,#musicPanel>a{font-size:11px;line-height:1.7}#musicPanel>a{color:var(--gold)}@keyframes float{50%{transform:translateY(-18px) rotate(12deg)}}@keyframes marquee{to{transform:translateX(-35%)}}
@media(max-width:700px){header{height:70px;padding:0 22px}.brand{font-size:16px}.sound{padding:9px 13px;font-size:12px}.hero{min-height:1000px;max-height:none;height:auto;display:flex;flex-direction:column;padding:105px 24px 50px;text-align:center}.heroCopy{width:100%}.intro{font-size:16px;margin:22px 0 10px}h1{font-size:91px;letter-spacing:-5px;margin-bottom:-9px}.birthday{justify-content:center;gap:12px}.birthday b{font-size:81px}.birthday span{font-size:10px;letter-spacing:3px}.heroText{font-size:13px;margin:8px 0 20px}.heroCopy .button{min-height:49px}.heroDate{font-size:9px;margin-top:20px}.heroArt{width:100%;height:465px;max-width:390px;margin:-5px 0 -10px;order:2}.heroArt img{width:110%;height:100%;object-position:center 35%}.artLabel{right:5px;bottom:7%;padding:9px 14px}.s1{font-size:45px;left:8px;top:15%}.s2{font-size:36px;right:8px}.scrollHint{position:static;order:3;font-size:8px;margin-top:24px}.section{padding:65px 25px}.sectionHeading{margin-bottom:32px}h2{font-size:35px;letter-spacing:-1px}.sectionHeading>p:last-child{font-size:13px}.memoryLayout{display:flex;flex-direction:column;gap:30px}.photoWrap{height:440px;width:100%;max-width:370px;border-radius:130px 130px 10px 10px;box-shadow:8px 8px 0 #352143}.memoryText{width:100%;max-width:370px}.ageTabs{margin:0 0 28px;justify-content:space-between;gap:5px}.ageTabs button{width:43px;height:43px}.memoryCaption h3{font-size:30px}.memoryCaption p{font-size:14px;min-height:50px}.squad{display:flex;flex-direction:column;gap:30px;padding-top:25px}.squad>img{max-width:390px;border-radius:10px 90px 10px 10px}.squadCopy{text-align:center}.squadCopy h2{font-size:43px}.event{padding-top:40px}.ticketMain{padding:27px 22px}.ticket .eyebrow{font-size:8px;letter-spacing:1.4px}.eventDate{gap:12px}.eventDate>b{font-size:78px}.eventDate strong{font-size:19px;letter-spacing:1px}.eventDate span{font-size:8px;letter-spacing:1px}.eventTime{font-size:30px}.address{font-size:14px}.ticketStub{width:48px;padding:25px 7px}.ticketStub>span{font-size:12px;letter-spacing:2px}.ticketStub b{font-size:6px}.barcode{width:28px;height:60px}.ticket .button{font-size:12px;gap:20px;padding:12px 15px;min-height:46px}.countdown{margin-top:45px}.clock{gap:12px}.clock b{font-size:36px}.clock i{font-size:20px}.rsvp{padding-top:15px}.rsvp h2{font-size:52px}.rsvp>p{font-size:14px}footer{padding-bottom:120px}.mobileDock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#1e1032e8;backdrop-filter:blur(16px);border-top:1px solid #ffffff22;padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px;align-items:center}.mobileDock a{font-size:11px;padding:14px 12px;text-align:center;flex:1}.mobileDock a:last-child{background:var(--gold);color:#2d1639;border-radius:5px;font-weight:700;flex:1.5}.ribbon{margin-top:0}.ribbon span{font-size:9px;padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

#partyAudio{display:block;width:100%;height:44px;margin-top:8px} .sound[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}