*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100svh;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}button,input{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.heading-hero{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:.02em;color:var(--color-text-primary);font-weight:400;line-height:1.1}.heading-section{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em;color:var(--color-text-primary);font-weight:400;line-height:1.2}.subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:300;line-height:1.6}.scene-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.caption{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:400}.body-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);font-weight:400;line-height:1.75}.handwriting{font-family:var(--font-handwriting);font-weight:400}@media (width>=768px){.heading-hero{font-size:var(--text-hero-lg)}.heading-section{font-size:var(--text-2xl)}}.grain-overlay{z-index:9999;pointer-events:none;opacity:.045;will-change:transform;background-repeat:repeat;animation:.3s steps(6,end) infinite grain-shift;position:fixed;inset:0}@keyframes grain-shift{0%,to{transform:translate(0)}20%{transform:translate(-2%,-3%)}40%{transform:translate(3%,2%)}60%{transform:translate(-1%,4%)}80%{transform:translate(2%,-2%)}}@media (prefers-reduced-motion:reduce){.grain-overlay{opacity:.02;animation:none}}.unlock{z-index:1000;background-color:var(--color-bg-deep);transition:opacity .8s var(--ease-cinematic);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.unlock--leaving{opacity:0;pointer-events:none}.unlock__ticket{width:90%;max-width:400px;transition:transform 1.2s var(--ease-cinematic), opacity 1s var(--ease-cinematic);position:relative}.unlock__ticket--leaving{opacity:0;transform:translateY(-120vh)rotate(-3deg)}.unlock__ticket--shake{animation:.5s ease-out ticket-shake}@keyframes ticket-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)rotate(-.5deg)}30%{transform:translate(6px)rotate(.5deg)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}}.unlock__ticket-edge{background:var(--color-bg-warm);height:12px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12'%3E%3Ccircle cx='10' cy='0' r='6' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12'%3E%3Ccircle cx='10' cy='0' r='6' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:20px 12px;mask-size:20px 12px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.unlock__ticket-edge--top{border-radius:var(--border-radius) var(--border-radius) 0 0;-webkit-mask-position:top;mask-position:top}.unlock__ticket-edge--bottom{border-radius:0 0 var(--border-radius) var(--border-radius);transform:rotate(180deg);-webkit-mask-position:bottom;mask-position:bottom}.unlock__ticket-body{background-color:var(--color-bg-warm);padding:var(--space-xl) var(--space-lg);text-align:center;border-left:1px dashed var(--color-divider);border-right:1px dashed var(--color-divider)}.unlock__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--color-amber);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-amber);border-radius:var(--border-radius);font-weight:500;display:inline-block}.unlock__heading{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:400;line-height:1.2}.unlock__subheading{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.unlock__divider{background-color:var(--color-divider);width:60px;height:1px;margin:0 auto var(--space-lg)}.unlock__question{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-accent);margin-bottom:var(--space-lg);font-style:italic;line-height:1.5}.unlock__form{gap:var(--space-sm);flex-direction:column;max-width:300px;margin:0 auto;display:flex}.unlock__input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-divider);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:var(--text-base);text-align:center;background-color:#f5e6d30f;min-height:48px;transition:border-color .3s,background-color .3s}.unlock__input:focus:not(:focus-visible){outline:none}.unlock__input::placeholder{color:var(--color-text-secondary);opacity:.6}.unlock__input:focus{border-color:var(--color-amber);background-color:#f5e6d31a}.unlock__button{padding:var(--space-sm) var(--space-md);background-color:var(--color-amber);min-height:48px;color:var(--color-bg-deep);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color .3s,transform .15s}.unlock__button:hover{background-color:var(--color-text-accent)}.unlock__button:active{transform:scale(.97)}.unlock__error{font-size:var(--text-sm);color:var(--color-error);min-height:1.4em;margin-top:var(--space-xs)}.unlock__hint{font-size:var(--text-xs);color:var(--color-text-secondary);min-height:1.2em;font-style:italic}.unlock__date{margin-top:var(--space-lg);font-size:var(--text-xs);letter-spacing:.15em;color:var(--color-text-secondary);opacity:.5;display:block}@media (width>=768px){.unlock__heading{font-size:var(--text-2xl)}.unlock__ticket-body{padding:var(--space-2xl) var(--space-xl)}}.film{opacity:0;transition:opacity 1s var(--ease-cinematic)}.film--visible{opacity:1}.scene{padding:var(--space-2xl) var(--space-md);position:relative;overflow:hidden}.scene__inner{max-width:var(--max-width-content);margin:0 auto}.scene__inner--centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.scene--title{background-color:var(--color-bg-deep);padding:0 var(--space-md)}.title__content{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.title__heading{margin:var(--space-sm) 0}.title__line{background-color:var(--color-amber);transform-origin:50%;width:80px;height:1px}.title__scroll-hint{bottom:var(--space-lg);align-items:center;gap:var(--space-xs);opacity:.5;flex-direction:column;display:flex;position:absolute}.title__scroll-arrow{background-color:var(--color-text-secondary);width:1px;height:24px;position:relative}.title__scroll-arrow:after{content:"";border-right:1px solid var(--color-text-secondary);border-bottom:1px solid var(--color-text-secondary);width:8px;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(45deg)}.scene--memory{background-color:var(--color-bg-scene);padding:var(--space-2xl) var(--space-md)}.scene--memory:nth-of-type(2n){background-color:var(--color-bg-deep)}.memory{gap:var(--space-lg);flex-direction:column;display:flex}.memory__text{gap:var(--space-sm);flex-direction:column;display:flex}.memory__date{margin-top:var(--space-xs)}.memory__photo-wrap{gap:var(--space-sm);flex-direction:column;align-items:center;display:flex}.memory__photo{width:100%;max-width:var(--max-width-photo);aspect-ratio:4/3;object-fit:cover;border:1px solid var(--color-divider);border-radius:var(--border-radius);box-shadow:0 8px 40px var(--color-amber-glow)}.memory__caption{text-align:center}@media (width>=768px){.memory{align-items:center;gap:var(--space-xl);flex-direction:row}.memory__text{flex:1}.memory__photo-wrap{flex:1;max-width:50%}.scene--photo-right .memory{flex-direction:row}.scene--photo-left .memory{flex-direction:row-reverse}}.scene--gallery{background-color:var(--color-bg-deep);padding-bottom:var(--space-xl)}.gallery__header{gap:var(--space-sm);margin-bottom:var(--space-lg);max-width:var(--max-width-content);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}.gallery__track{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:var(--space-sm) var(--space-md);margin:0 calc(-1 * var(--space-md));scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.gallery__track::-webkit-scrollbar{display:none}.gallery__item{scroll-snap-align:center;gap:var(--space-xs);flex-direction:column;flex:0 0 280px;display:flex}.gallery__photo{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--color-divider);border-radius:var(--border-radius);width:100%;box-shadow:0 4px 24px #0000004d}.gallery__caption{text-align:center;padding:var(--space-xs) 0}@media (width>=768px){.gallery__item{flex:0 0 320px}}.scene--quote{background-color:var(--color-bg-scene);padding:0 var(--space-md)}.quote{max-width:600px;padding:var(--space-lg) 0;position:relative}.quote__text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-style:italic;line-height:1.5}.quote__mark{font-family:var(--font-display);color:var(--color-amber);opacity:.3;font-size:4rem;line-height:1;display:block}.quote__mark--close{text-align:right}.quote__attribution{margin-top:var(--space-md);font-style:normal;display:block}@media (width>=768px){.quote__text{font-size:var(--text-2xl)}.quote__mark{font-size:6rem}}.scene--letter{background-color:var(--color-bg-deep);padding:var(--space-2xl) var(--space-md)}.letter{gap:var(--space-lg);flex-direction:column;display:flex}.letter__heading{text-align:center}.letter__body{gap:var(--space-md);max-width:560px;padding:var(--space-lg);border-left:1px solid var(--color-divider);flex-direction:column;margin:0 auto;display:flex}.letter__salutation{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-accent);font-style:italic}.letter__closing{color:var(--color-text-secondary);margin-top:var(--space-sm);font-style:italic}.letter__signature{color:var(--color-text-accent);margin-top:var(--space-xs);font-size:2rem}.scene--countdown{background-color:var(--color-bg-scene);padding:0 var(--space-md)}.countdown__heading{margin-bottom:var(--space-xl)}.countdown__timer{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.countdown__unit{align-items:center;gap:var(--space-xs);flex-direction:column;min-width:60px;display:flex}.countdown__number{font-family:var(--font-body);font-size:var(--text-hero);color:var(--color-text-accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:300;line-height:1}.countdown__closing{margin-bottom:var(--space-xl)}.countdown__credit{opacity:.4;bottom:var(--space-lg);position:absolute}@media (width>=768px){.countdown__timer{gap:var(--space-xl)}.countdown__unit{min-width:80px}.countdown__number{font-size:var(--text-hero-lg)}}.media-video-wrap{width:100%;display:inline-block;position:relative}.media-video-wrap video{display:block}.media-sound-toggle{bottom:var(--space-sm);right:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;z-index:2;background-color:#0a0a0899;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,transform .15s;display:flex;position:absolute}.media-sound-toggle:hover{background-color:#0a0a08cc}.media-sound-toggle:active{transform:scale(.9)}.media-sound-toggle[data-state=playing]{background-color:#d4a8534d}.scene--collage{background-color:var(--color-bg-scene);padding:var(--space-2xl) var(--space-md)}.scene--collage .scene__inner{gap:var(--space-lg);flex-direction:column;display:flex}.collage__grid{gap:var(--space-xs);width:100%;max-width:720px;margin:0 auto;display:grid}.collage__grid--mosaic{grid-template-columns:1fr 1fr}.collage__grid--mosaic .collage__cell:first-child{grid-column:1/-1}.collage__grid--2-1{grid-template-columns:1fr 1fr}.collage__grid--2-1 .collage__cell:nth-child(3){grid-column:1/-1}.collage__grid--1-2{grid-template-columns:1fr 1fr}.collage__grid--1-2 .collage__cell:first-child{grid-column:1/-1}.collage__grid--grid-4{grid-template-columns:1fr 1fr}.collage__cell{border-radius:var(--border-radius);position:relative;overflow:hidden}.collage__cell--span-2{grid-column:span 2}.collage__media{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--color-divider);border-radius:var(--border-radius);width:100%;transition:transform .4s var(--ease-cinematic);display:block}.collage__cell:hover .collage__media,.collage__cell:hover video{transform:scale(1.02)}.collage__caption{padding:var(--space-lg) var(--space-sm) var(--space-xs);text-align:center;opacity:0;background:linear-gradient(#0000,#0a0a08b3);transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.collage__cell:hover .collage__caption{opacity:1}@media (width<=767px){.collage__caption{opacity:1}}@media (width>=768px){.collage__grid{gap:var(--space-sm);max-width:800px}}.scene+.scene:before{content:"";background-color:var(--color-divider);width:40px;height:1px;margin:0 auto var(--space-xl);display:block}.scene--title+.scene:before,.scene--countdown:before{display:none}:root{--color-bg-deep:#0a0a08;--color-bg-scene:#1a1814;--color-bg-warm:#2a2318;--color-text-primary:#f5e6d3;--color-text-secondary:#c4b299;--color-text-accent:#e8c47c;--color-amber:#d4a853;--color-amber-glow:#d4a85326;--color-divider:#f5e6d31f;--color-overlay:#0a0a08d9;--color-error:#c97a5a;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--font-display:"DM Serif Display", "Georgia", serif;--font-body:"Inter", "Helvetica Neue", sans-serif;--font-handwriting:"Caveat", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-hero:3.5rem;--text-hero-lg:5rem;--ease-cinematic:cubic-bezier(.22, .61, .36, 1);--duration-fade:1.2s;--duration-slow:2s;--max-width-content:680px;--max-width-photo:560px;--border-radius:2px}body{background-color:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.75}body.locked{overflow:hidden}::selection{background-color:var(--color-amber);color:var(--color-bg-deep)}:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}html.unlocked{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}