:root{--black:#030304;--black-soft:#09090b;--ink:#f6f1f2;--muted:#a89fa2;--red:#ff244d;--red-deep:#a80025;--red-soft:#ff244d2e;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--red-deep) var(--black)}body{background:var(--black);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.experience-locked{overflow:hidden}button{color:inherit;font:inherit}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:2px solid #fff}.experience{background:radial-gradient(circle at 50% 0%, #99002014, transparent 33rem), var(--black);min-height:100vh}.gate,.intro{z-index:100;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.gate{align-content:center;gap:3rem}.gate-glow{aspect-ratio:1;background:radial-gradient(circle,#ff003421,#0000 68%);border-radius:50%;width:min(34rem,75vw);animation:3s ease-in-out infinite breathe;position:absolute}.gate-heart{background:var(--red);filter:drop-shadow(0 0 11px #ff2045c2);border-radius:4px;width:42px;height:42px;margin-bottom:1.2rem;animation:2s ease-in-out infinite heartPulseSimple;position:relative;transform:rotate(45deg)}.gate-heart:before,.gate-heart:after{content:"";background:var(--red);border-radius:50%;width:42px;height:42px;position:absolute}.gate-heart:before{top:0;left:-21px}.gate-heart:after{top:-21px;left:0}.gate-heart span{display:none}.primary-button,.replay-button{z-index:2;cursor:pointer;color:#fff;letter-spacing:.16em;text-transform:uppercase;background:#150307a6;border:1px solid #ff335794;border-radius:999px;padding:1rem 1.8rem;font-size:.83rem;font-weight:700;transition:border-color .35s,background .35s,transform .35s,box-shadow .35s;position:relative;box-shadow:0 0 28px #ff003029,inset 0 0 20px #ff00300d}.primary-button:hover,.replay-button:hover{border-color:var(--red);background:#78001959;transform:translateY(-2px);box-shadow:0 0 42px #ff00304d,inset 0 0 24px #ff003014}.heart-canvas{width:100%;height:100%;position:absolute;inset:0}.intro:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 20%,#00000038 55%,#000 100%);position:absolute;inset:0}.intro-copy{z-index:2;text-align:center;opacity:0;pointer-events:none;width:min(560px,82vw);transition:opacity 1.1s,transform 1.1s;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.intro-ready .intro-copy{opacity:1;pointer-events:auto;transform:translate(-50%,-46%)}.intro-copy p{text-shadow:0 0 25px #000,0 0 10px #000;margin:0 0 2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.42}.intro-timer{z-index:3;background:#ffffff1c;width:76px;height:2px;position:absolute;bottom:5vh;right:5vw;overflow:hidden}.intro-timer span{background:var(--red);height:100%;box-shadow:0 0 8px var(--red);transform-origin:0;animation:6s linear both timer;display:block}.sound-toggle{z-index:70;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#050507b3;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:1.5rem;right:1.5rem}.sound-wave{align-items:center;gap:3px;height:16px;display:flex}.sound-wave i{background:var(--red);width:2px;height:5px;box-shadow:0 0 6px var(--red);border-radius:2px}.sound-wave.active i:first-child{animation:.9s ease-in-out infinite wave}.sound-wave.active i:nth-child(2){animation:.9s ease-in-out .15s infinite wave}.sound-wave.active i:nth-child(3){animation:.9s ease-in-out .3s infinite wave}.story-content{visibility:hidden;opacity:0;transition:opacity 1.2s}.story-content.visible{visibility:visible;opacity:1}.panel{min-height:100vh;position:relative}.opening{background:radial-gradient(circle at 50% 48%,#ff1b431a,#0000 24rem),linear-gradient(#020203,#080507 60%,#030304);place-items:center;padding:8rem 8vw;display:grid;overflow:hidden}.opening:before{content:"";opacity:.1;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.age-mark{color:#0000;-webkit-text-stroke:1px #ff244d2b;text-shadow:0 0 70px #ff003314;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(18rem,42vw,48rem);font-style:italic;font-weight:700;line-height:.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.opening-copy{z-index:2;text-align:center;width:min(920px,90vw);position:relative}.eyebrow,.event-card time{color:var(--red);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;font-weight:700}.opening h1,.section-heading h2,.portrait-copy h3,.event-card h3,.letter-copy h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.opening h1{letter-spacing:-.055em;margin-top:1.4rem;font-size:clamp(3.1rem,7vw,7.8rem);line-height:.93}.opening h1 em{color:var(--red);text-shadow:0 0 28px #ff14406b;font-weight:400}.opening-message{color:#ded7d9;max-width:670px;margin:2.4rem auto 0;font-size:clamp(1rem,1.55vw,1.32rem);line-height:1.72}.scroll-cue{background:#ffffff21;width:1px;height:54px;position:absolute;bottom:2.6rem;overflow:hidden}.scroll-cue span{background:var(--red);width:100%;height:40%;animation:2s ease-in-out infinite scrollDown;display:block}.section-heading{text-align:center;align-content:center;justify-items:center;padding:8rem 8vw;display:grid}.section-heading.compact{min-height:58vh}.section-heading h2{letter-spacing:-.06em;font-size:clamp(4rem,10vw,11rem);line-height:.9}.portrait-section{background:linear-gradient(#030304,#090407 50%,#030304)}.portrait-scene.scroll-gallery{height:calc(100vh + var(--gallery-scroll))}.portrait-card{grid-template-columns:minmax(300px,.78fr) minmax(440px,1.22fr);align-items:center;gap:clamp(3rem,8vw,9rem);min-height:100vh;padding:8rem max(6vw,50vw - 770px);display:grid;position:relative;overflow:hidden}.scroll-gallery .portrait-card{position:sticky;top:0}.portrait-card.reverse{grid-template-columns:minmax(440px,1.22fr) minmax(300px,.78fr)}.portrait-card.reverse .portrait-copy{order:2}.portrait-card.reverse .portrait-media{order:1}.portrait-copy{z-index:2;position:relative}.card-number{color:var(--red);letter-spacing:.22em;margin-bottom:1.5rem;font-size:.72rem;display:inline-block}.portrait-copy h3{letter-spacing:-.045em;font-size:clamp(2.8rem,5vw,6.2rem);line-height:.96}.portrait-copy p{color:#d7d0d2;max-width:560px;margin:2rem 0 0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.72}.photo-group{isolation:isolate;place-items:center;min-height:min(72vh,760px);display:grid;position:relative}.photo-group:before{z-index:-1;content:"";aspect-ratio:1;filter:blur(90px);background:#ff002d24;border-radius:50%;width:78%;position:absolute}.photo-frame{background:#111;border:1px solid #ffffff21;border-radius:3px;width:min(100%,570px);height:min(72vh,720px);margin:0;transition:transform .75s cubic-bezier(.2,.75,.2,1),opacity .55s,filter .55s,box-shadow .55s;position:relative;overflow:hidden;box-shadow:0 34px 80px #000000a6,0 0 40px #ff002814}.photo-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 55px #00000038}.photo-frame img{object-fit:cover;filter:saturate(.91)contrast(1.02);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s;display:block}.photo-frame:hover img{filter:saturate()contrast(1.02);transform:scale(1.025)}.photos-2 .photo-frame,.photos-3 .photo-frame{width:min(68%,430px);height:min(64vh,620px);position:absolute}.photos-2 .photo-frame:first-child{transform:translate(-39%,3%)rotate(-3.5deg)}.photos-2 .photo-frame:nth-child(2){transform:translate(39%,-1%)rotate(3.5deg)}.photo-frame.is-active{z-index:5;opacity:1;filter:brightness(1.04);box-shadow:0 38px 95px #000000c7,0 0 46px #ff002824}.photos-2 .photo-frame:first-child.is-active{transform:translate(-34%,-2%)rotate(-2deg)scale(1.035)}.photos-2 .photo-frame:nth-child(2).is-active{transform:translate(34%,-4%)rotate(2deg)scale(1.035)}.photos-3 .photo-frame{width:min(54%,340px);height:min(54vh,510px)}.photos-3 .photo-frame:first-child{transform:translate(-64%,10%)rotate(-6deg)}.photos-3 .photo-frame:nth-child(2){transform:translateY(-3%)rotate(0)}.photos-3 .photo-frame:nth-child(3){transform:translate(64%,10%)rotate(6deg)}.photos-3 .photo-frame:nth-child(2){z-index:3}.photos-3 .photo-frame:first-child.is-active{transform:translate(-61%,5%)rotate(-4deg)scale(1.045)}.photos-3 .photo-frame:nth-child(2).is-active{transform:translateY(-7%)rotate(0)scale(1.045)}.photos-3 .photo-frame:nth-child(3).is-active{transform:translate(61%,5%)rotate(4deg)scale(1.045)}.gallery-dots{z-index:8;gap:.55rem;display:flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.gallery-dots span{background:#ffffff57;border-radius:50%;width:6px;height:6px;transition:width .35s,background .35s,box-shadow .35s;box-shadow:0 0 0 1px #00000059}.gallery-dots span.is-active{background:var(--red);border-radius:999px;width:22px;box-shadow:0 0 12px #ff244da6}[data-reveal]{opacity:0;transition:opacity 1s,transform 1.1s cubic-bezier(.2,.7,.2,1);transform:translateY(36px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.story-section{background:radial-gradient(circle at 50% 14%,#ff164212,#0000 34rem),#050506;padding-bottom:10rem;position:relative}.timeline{width:min(1180px,88vw);margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, transparent, var(--red) 7%, var(--red-deep) 92%, transparent);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 13px #ff002e59}.timeline-event{min-height:90vh;padding:6rem 0;position:relative}.timeline-sticky{grid-template-columns:1fr 1fr;align-items:center;gap:8rem;min-height:calc(90vh - 12rem);display:grid;position:relative}.timeline-event:nth-child(2n) .event-card{grid-column:2}.timeline-event.scroll-gallery-event{min-height:calc(100vh + var(--gallery-scroll));padding:0}.scroll-gallery-event .timeline-sticky{min-height:100vh;position:sticky;top:0}.timeline-dot{z-index:3;border:1px solid var(--red);background:#070507;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #ff003045}.timeline-dot span{color:#fff;font-size:.67rem}.event-card{background:linear-gradient(145deg,#ffffff09,#ffffff02);border:1px solid #ffffff1a;padding:2.4rem;position:relative;box-shadow:0 35px 70px #0000005c}.featured .event-card{border-color:#ff244d61;box-shadow:0 30px 90px #a200232e}.muted .event-card{filter:saturate(.45)}.event-card h3{letter-spacing:-.04em;margin-top:.9rem;font-size:clamp(2.25rem,3.4vw,4.5rem);line-height:1}.event-card>p{color:#cfc7ca;margin:1.5rem 0 0;font-size:1.04rem;line-height:1.7}.event-card .photo-group{min-height:440px;margin-top:2.2rem}.event-card .photo-frame{max-height:430px}.event-card .photos-3 .photo-frame{height:360px}.scroll-gallery-event .photos-3 .photo-frame{z-index:1;opacity:.5;transform:translateX(var(--photo-translate,0%)) rotate(var(--photo-rotate,0deg)) scale(.94)}.scroll-gallery-event .photos-3 .photo-frame.is-active{z-index:6;opacity:1;filter:saturate(1.03)brightness(1.04);transform:translate(0)rotate(0)scale(1.055)}.scroll-gallery-event .photos-3 .photo-frame.is-past:not(.is-active){filter:saturate(.72)brightness(.62)}.chat-frame{background:#0d0f14;border:1px solid #ffffff1c;border-radius:10px;margin:2rem 0 0;overflow:hidden;box-shadow:0 22px 55px #00000080}.chat-bar{background:#ffffff0a;gap:6px;padding:10px 12px;display:flex}.chat-bar i{background:#ffffff3d;border-radius:50%;width:6px;height:6px}.chat-bar i:first-child{background:var(--red)}.chat-frame img{object-fit:contain;width:100%;min-height:100px;padding:1rem;display:block}.home-scene{filter:drop-shadow(0 0 18px #ff194340);width:210px;height:190px;margin:2.5rem auto 0;position:relative}.home-roof{border:2px solid var(--red);border-bottom:0;border-right:0;width:130px;height:130px;position:absolute;top:25px;left:40px;transform:rotate(45deg)}.home-body{border:2px solid var(--red);border-top:0;width:126px;height:106px;position:absolute;bottom:8px;left:42px}.home-body span{border:1px solid #ffffff7a;border-bottom:0;width:34px;height:62px;position:absolute;bottom:0;left:45px}.home-body i{border:1px solid #ffffff7a;width:23px;height:23px;position:absolute;top:25px;right:15px}.home-pulse{z-index:2;color:var(--red);text-shadow:0 0 12px var(--red);font-size:1.2rem;animation:1.8s ease-in-out infinite heartPulse;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.letters-section{background:radial-gradient(at 50% 60%,#ff19421a,#0000 34rem),linear-gradient(#030304,#090507 45%,#030304);align-content:center;gap:1rem;padding:8rem 7vw 11rem;display:grid;overflow:hidden}.letters-section .section-heading{min-height:auto;padding:4rem 0 6rem}.letters-section .section-heading h2{font-size:clamp(4rem,8vw,8rem)}.envelopes{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem;width:min(1360px,100%);margin:0 auto;display:grid}.envelope{aspect-ratio:1.26;cursor:pointer;background:linear-gradient(135deg,#1b1718,#0e0d0e);border:1px solid #ffffff2b;border-radius:2px;justify-content:center;align-items:flex-end;padding:2.2rem 1.3rem;transition:transform .45s,border-color .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000075}.envelope:before,.envelope:after{content:"";border:1px solid #ffffff1a;width:90%;height:100%;position:absolute;bottom:-45%;transform:rotate(38deg)}.envelope:before{left:-50%}.envelope:after{right:-50%;transform:rotate(-38deg)}.envelope:hover{z-index:2;border-color:#ff244da6;transform:translateY(-10px);box-shadow:0 35px 70px #0000008c,0 0 35px #ff003021}.envelope-flap{aspect-ratio:1;background:#171415;border:1px solid #ffffff24;width:94%;position:absolute;top:-67%;left:3%;transform:rotate(45deg)}.envelope-seal{z-index:2;color:#f6cad3;background:#8e0926;border-radius:50%;place-items:center;width:37px;height:37px;font-size:.78rem;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ff003047}.envelope strong{z-index:3;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.25vw,1.3rem);font-weight:400;line-height:1.25;position:relative}.letter-modal{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d4;place-items:center;padding:2rem;animation:.35s both modalIn;display:grid;position:fixed;inset:0}.open-letter{color:#1f1819;background:#eee7dc;border:1px solid #ffffff2b;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);width:min(980px,94vw);max-height:88vh;display:grid;position:relative;overflow:auto;box-shadow:0 40px 100px #000000c7,0 0 45px #ff00301c}.open-letter figure{background:#171214;min-height:470px;margin:0}.open-letter figure img{object-fit:cover;width:100%;height:100%;display:block}.letter-copy{background-image:repeating-linear-gradient(0deg,#0000,#0000 31px,#4b2d3114 32px);flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,5.5rem);display:flex}.letter-copy h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,4.4rem);line-height:1}.letter-copy>p{margin:2rem 0 0;font-size:1.08rem;line-height:1.78}.close-letter{z-index:3;color:#1a1113;cursor:pointer;background:#fff9;border:1px solid #00000026;border-radius:50%;width:42px;height:42px;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.finale{background:#000;place-items:center;min-height:116vh;padding:8rem 7vw;display:grid;overflow:hidden}.final-heart-canvas{opacity:.42;filter:blur(.2px)}.finale-vignette{background:radial-gradient(circle,#0003,#000 75%);position:absolute;inset:0}.finale-copy{z-index:2;text-align:center;width:min(850px,90vw);position:relative}.final-message{letter-spacing:-.025em;text-shadow:0 0 26px #000;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,3.4vw,3.55rem);line-height:1.3}.signature{color:var(--red);text-shadow:0 0 20px #ff003080;margin:2rem 0 4.8rem;font-family:Brush Script MT,cursive;font-size:clamp(2.8rem,6vw,5rem);transform:rotate(-5deg)}.box-instruction{background:#5b00132e;border:1px solid #ff264c8f;border-radius:999px;margin:0 auto 2rem;padding:1.5rem 2.4rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.3rem,2.4vw,2.1rem);animation:2.4s ease-in-out infinite boxGlow;box-shadow:0 0 35px #ff003033,inset 0 0 28px #ff003012}.replay-button{background:0 0}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkles i{left:var(--spark-left);background:var(--red);width:3px;height:3px;box-shadow:0 0 8px var(--red);animation:sparkRise var(--spark-duration) var(--spark-delay) linear infinite;border-radius:50%;position:absolute;bottom:-10%}@keyframes breathe{50%{opacity:.72;transform:scale(1.08)}}@keyframes timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wave{50%{height:16px}}@keyframes scrollDown{0%{transform:translateY(-120%)}60%,to{transform:translateY(260%)}}@keyframes heartPulse{50%{transform:translate(-50%,-50%)scale(1.3)}}@keyframes heartPulseSimple{50%{transform:rotate(45deg)scale(1.08)}}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@keyframes boxGlow{50%{box-shadow:0 0 55px #ff003052,inset 0 0 32px #ff00301c}}@keyframes sparkRise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:.8}to{opacity:0;transform:translateY(-115vh)scale(1.3)}}@media (max-width:980px){.portrait-card,.portrait-card.reverse{grid-template-columns:1fr;gap:2.5rem;padding:7rem 7vw}.portrait-card.reverse .portrait-copy,.portrait-card.reverse .portrait-media{order:initial}.portrait-scene.scroll-gallery{height:calc(100vh + var(--gallery-scroll-mobile))}.portrait-copy{max-width:680px}.photo-group{min-height:66vh}.timeline:before{left:22px}.timeline-event{min-height:auto;padding:5rem 0 5rem 5rem}.timeline-sticky{grid-template-columns:1fr;min-height:auto}.timeline-event.scroll-gallery-event{min-height:calc(100vh + var(--gallery-scroll-mobile));padding:0 0 0 5rem}.scroll-gallery-event .timeline-sticky{min-height:100vh}.timeline-event:nth-child(2n) .event-card{grid-column:1}.timeline-dot{left:22px}.envelopes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:660px){.primary-button,.replay-button{padding:.85rem 1.2rem;font-size:.68rem}.sound-toggle{width:42px;height:42px;top:1rem;right:1rem}.opening{padding-inline:1.4rem}.opening h1{font-size:clamp(3.1rem,16vw,5.4rem)}.age-mark{font-size:80vw}.section-heading{min-height:72vh;padding-inline:1.5rem}.section-heading.compact{min-height:44vh}.section-heading h2{font-size:clamp(3.6rem,19vw,6rem)}.portrait-card,.portrait-card.reverse{padding:5rem 1.4rem}.portrait-copy h3{font-size:clamp(2.7rem,13vw,4.4rem)}.photo-group{min-height:58vh}.photo-frame{height:58vh}.timeline{width:calc(100% - 2rem)}.timeline-event{padding:3.5rem 0 3.5rem 3.1rem}.timeline-event.scroll-gallery-event{padding:0 0 0 3.1rem}.timeline:before,.timeline-dot{left:12px}.timeline-dot{width:32px;height:32px}.event-card{padding:1.5rem}.event-card .photo-group{min-height:350px}.event-card .photos-3 .photo-frame{height:280px}.letters-section{padding-inline:1.1rem}.envelopes{grid-template-columns:1fr}.envelope{aspect-ratio:1.55}.open-letter{grid-template-columns:1fr;width:94vw}.open-letter figure{min-height:270px;max-height:38vh}.letter-copy{padding:2.2rem 1.6rem}.finale{min-height:112vh;padding-inline:1.2rem}.final-message{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.portrait-scene.scroll-gallery{height:auto}.timeline-event.scroll-gallery-event{min-height:auto}.scroll-gallery .portrait-card,.scroll-gallery-event .timeline-sticky{position:relative}}