@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Montserrat:wght@300;400;500;600&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--wine:#b52b36;--wine-dark:#081523;--rose:#79bcd7;--cream:#f5f9fb;--ink:#162c3d;--gold:#d9aa65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Montserrat,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.hero{color:#fff;background:radial-gradient(circle at 76% 28%,#245b7c 0,#102f48 30%,#07131f 74%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #e8c6c62b;border-radius:50%;width:58vw;height:58vw;position:absolute;inset:12% -15% auto auto;box-shadow:0 0 0 80px #e8c6c608,0 0 0 160px #e8c6c605}.sky{z-index:0;position:absolute;inset:0}.sky i{opacity:.65;background:#fff;border-radius:50%;animation:3s infinite alternate twinkle;position:absolute;box-shadow:0 0 8px #fff}@keyframes twinkle{to{opacity:.12;transform:scale(.5)}}nav{z-index:3;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;width:min(1180px,90%);height:100px;margin:auto auto 0;display:flex;position:relative}.brand{letter-spacing:4px;font:500 28px Cormorant Garamond}.brand b{color:#ef5663}nav div{gap:34px;display:flex}nav div a{text-transform:uppercase;letter-spacing:2px;opacity:.7;font-size:11px;transition:all .2s}nav div a:hover{opacity:1}.hero-content{z-index:2;width:min(1180px,90%);margin:auto;padding:8vh 0 16vh;position:relative}.eyebrow{letter-spacing:4px;color:#9ed5e9;font-size:10px;font-weight:500}.hero h1{letter-spacing:-3px;max-width:980px;margin:26px 0;font:400 clamp(54px,8vw,110px)/.91 Cormorant Garamond}.hero-copy{color:#dbeaf1;max-width:680px;font-size:14px;line-height:1.9}.primary{text-transform:uppercase;letter-spacing:2px;border:1px solid #ffffff4a;align-items:center;gap:32px;margin-top:30px;padding:17px 22px;font-size:10px;transition:all .3s;display:inline-flex}.primary:hover{color:var(--wine-dark);background:#fff}.primary span{font-size:18px}.counter{z-index:2;text-align:right;position:absolute;bottom:12%;right:6%}.counter strong{font:400 48px Cormorant Garamond;display:block}.counter span{letter-spacing:3px;text-transform:uppercase;color:#cba5af;font-size:9px}.scroll{letter-spacing:3px;opacity:.45;z-index:2;font-size:8px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.section{padding:110px 5%}.paper{background-color:var(--cream);background-image:radial-gradient(#1e668511 1px,#0000 1px);background-size:22px 22px}.section-head{text-align:center;max-width:850px;margin:0 auto 80px}.section-head>span{color:var(--gold);font:italic 18px Cormorant Garamond;display:block}.section-head>p{letter-spacing:4px;color:var(--wine);margin:12px;font-size:9px}.section-head h2{margin:15px 0;font:400 clamp(40px,5vw,64px)/1.05 Cormorant Garamond}.ornament{color:var(--gold);margin-top:24px}.ornament:before,.ornament:after{content:"";vertical-align:middle;background:#caa36b55;width:70px;height:1px;margin:0 15px;display:inline-block}.timeline{max-width:1000px;margin:auto;position:relative}.timeline:before{content:"";background:#3580a633;width:1px;position:absolute;top:0;bottom:0;left:50%}.memory{grid-template-columns:1fr 1fr;align-items:center;gap:11%;margin:0 0 95px;display:grid}.memory.reverse .photo-frame,.memory.reverse .moment-mark{order:2}.memory.reverse .memory-copy{text-align:right}.text-memory{min-height:230px}.moment-mark{color:#2b7391;z-index:2;background:#fff;border:1px solid #5da4c277;border-radius:50%;align-content:center;justify-self:center;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 10px 35px #173a4b18}.moment-mark span{font:500 22px Cormorant Garamond}.moment-mark b{color:var(--wine);font-size:8px}.photo-frame{background:#fff;height:400px;padding:12px;position:relative;transform:rotate(-1.5deg);box-shadow:0 14px 40px #173a4b22}.reverse .photo-frame{transform:rotate(1.5deg)}.photo-frame img,.gallery-photo img{object-fit:cover;filter:saturate(.88);width:100%;height:100%}.photo-frame em{background:var(--wine);color:#fff;z-index:2;border-radius:50%;place-items:center;width:46px;height:46px;font:400 15px Cormorant Garamond;display:grid;position:absolute;top:45%;right:-23px}.reverse .photo-frame em{left:-23px;right:auto}.memory-copy small{color:#367d9b;text-transform:uppercase;letter-spacing:3px;font-size:9px}.memory-copy h3{color:#123f59;margin:13px 0;font:500 36px Cormorant Garamond}.memory-copy p{color:#4b6170;font:400 17px/1.8 Cormorant Garamond}.photo-placeholder{color:#fff;background:linear-gradient(145deg,#c9e4ef,#7fb6cc);align-content:center;place-items:center;gap:15px;height:100%;display:grid}.photo-placeholder span{font:50px Cormorant Garamond}.photo-placeholder small{text-transform:uppercase;letter-spacing:2px;text-align:center;padding:0 12px;font-size:8px}.timeline-video{background:#071925;padding:10px;overflow:hidden}.timeline-video video{object-fit:contain;background:#03090e;width:100%;height:100%;display:block}.video-badge{color:#fff;letter-spacing:2px;pointer-events:none;background:#b52b36e8;padding:8px 11px;font-size:7px;position:absolute;bottom:22px;left:22px}.constellation{color:#fff;background:radial-gradient(circle at 50% 60%,#173f5a,#07131f 72%);overflow:hidden}.section-head.light>p{color:#85c7df}.section-head.light h2{color:#fff}.star-map{background:radial-gradient(#fff 1px,#0000 1px) 0 0/61px 67px;max-width:1100px;height:560px;margin:auto;position:relative}.star{color:#a8d9eb;cursor:pointer;z-index:2;background:0 0;border:0;position:absolute;transform:translate(-50%,-50%)}.star b{filter:drop-shadow(0 0 8px #fff);font-size:24px;transition:all .3s;display:block}.star span{opacity:.4;font-size:8px}.star:hover b,.star.active b{color:#fff;transform:scale(1.7)}.star-message{width:min(360px,82vw);min-height:145px;color:var(--ink);opacity:0;pointer-events:none;text-align:center;z-index:4;background:#f8fbfc;padding:28px;transition:all .3s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 15px 55px #0008}.star-message.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.star-message small{letter-spacing:3px;color:var(--wine);font-size:8px}.star-message p{margin:12px 0;font:italic 19px/1.42 Cormorant Garamond}.instruction{text-align:center;letter-spacing:3px;color:#88b5c6;text-transform:uppercase;font-size:8px}.letters-section{background:#eaf3f7}.letters-grid{grid-template-columns:repeat(5,1fr);gap:18px;max-width:1250px;margin:auto;display:grid}.letter{text-align:left;color:var(--ink);background:#fafdff;border:1px solid #4e8aa63d;min-height:310px;transition:all .35s;position:relative;overflow:hidden}.letter:hover,.letter.open{border-color:#65a7c3;transform:translateY(-8px);box-shadow:0 20px 45px #183b4d1b}.letter-main{text-align:left;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:34px 24px 75px;display:block}.letter-icon{color:var(--wine);margin-bottom:30px;font:36px Cormorant Garamond;display:block}.letter small{letter-spacing:3px;color:#4384a0;font-size:8px}.letter h3{margin:10px 0 28px;font:500 24px Cormorant Garamond}.letter p{opacity:0;max-height:0;margin:0;font:15px/1.6 Cormorant Garamond;transition:all .5s}.letter.open p{opacity:1;max-height:220px;margin-bottom:22px}.letter em{text-transform:uppercase;letter-spacing:2px;color:var(--wine);font-size:8px;font-style:normal}.another{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#173f59;border:0;padding:10px 12px;font-size:8px;position:absolute;bottom:24px;left:24px}.letters-note{text-align:center;color:#587684;margin-top:35px;font:italic 17px Cormorant Garamond}.album-section{background:#edf4f7;position:relative;overflow:hidden}.album-section:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.9%,#1e506417 50%,#0000 50.1%) 0 0/100% 100%,radial-gradient(#1e66850c 1px,#0000 1px) 0 0/24px 24px;position:absolute;inset:0}.album-shell{background:#f9fcfd;border:1px solid #346b8230;max-width:1240px;margin:auto;padding:24px 28px 30px;position:relative;box-shadow:0 30px 90px #12394c22,0 4px #fff,0 7px #b9ccd4}.album-topline{letter-spacing:3px;color:#477488;border-bottom:1px solid #467b9130;justify-content:space-between;padding:0 4px 18px;font-size:8px;display:flex}.album-spread{grid-template-columns:36% 64%;min-height:640px;animation:.48s both page-in;display:grid}@keyframes page-in{0%{opacity:0;transform:translate(15px)rotateY(-2deg)}to{opacity:1;transform:none}}.album-story{border-right:1px solid #3d748a26;flex-direction:column;padding:72px 50px 45px 24px;display:flex;position:relative}.album-date{text-transform:uppercase;letter-spacing:3px;color:#a12d39!important;margin:0 0 16px!important;font-size:9px!important}.album-number{color:#d0a867;font:italic 26px Cormorant Garamond}.album-story h3{color:#123e56;margin:16px 0 25px;font:500 clamp(38px,4vw,58px)/.98 Cormorant Garamond}.album-story>p:not(.album-date){color:#526b77;margin:0;font:17px/1.75 Cormorant Garamond}.album-story:after{content:"♡";color:#b52b3615;font:70px Cormorant Garamond;position:absolute;bottom:96px;right:25px;transform:rotate(-12deg)}.album-controls{z-index:1;gap:10px;margin-top:auto;padding-top:35px;display:flex}.album-controls button{color:#194b61;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #2d667e44;padding:12px 16px;font-size:8px;transition:all .2s}.album-controls button:hover{color:#fff;background:#123f59}.album-collage{grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:12px;min-height:0;max-height:640px;padding:35px;display:grid}.album-media{cursor:zoom-in;background:#d6e4e9;border:0;min-height:0;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #173a4b1f}.album-media img,.album-media video{object-fit:cover;width:100%;height:100%;display:block}.album-media img{transition:all .45s}.album-media:hover img{transform:scale(1.035)}.album-media>span{color:#fff;letter-spacing:2px;background:#071925cf;padding:6px 8px;font-size:7px;position:absolute;bottom:10px;left:10px}.video-media{cursor:default;background:#071925}.video-media video{object-fit:contain}.album-collage.count-1 .album-media{grid-area:1/1/3/7}.album-collage.count-2 .album-media:first-child{grid-area:1/1/3/4;transform:rotate(-1deg)}.album-collage.count-2 .album-media:last-child{grid-area:1/4/3/7;transform:rotate(1deg)}.album-collage.count-3 .album-media:first-child{grid-area:1/1/3/4}.album-collage.count-3 .album-media:nth-child(2),.album-collage.count-3 .album-media:nth-child(3){grid-column:4/7}.album-collage.count-4 .album-media{grid-column:span 3}.album-collage.count-5 .album-media:first-child,.album-collage.count-6 .album-media:first-child{grid-area:span 2/span 4}.album-collage.count-5 .album-media:not(:first-child),.album-collage.count-6 .album-media:not(:first-child){grid-column:span 2}.album-collage[class*=count-6]{grid-auto-rows:minmax(0,1fr);overflow-y:auto}.album-filmstrip{scrollbar-color:#7fa6b6 transparent;gap:8px;padding:20px 2px 2px;display:flex;overflow-x:auto}.album-filmstrip button{text-align:left;color:#597681;cursor:pointer;background:0 0;border:0;border-top:2px solid #b7cbd3;flex:0 0 165px;padding:12px 8px;transition:all .2s}.album-filmstrip button.active{border-color:var(--wine);color:#173f59;background:#e9f2f5}.album-filmstrip span{letter-spacing:2px;color:#a12d39;margin-bottom:6px;font-size:7px;display:block}.album-filmstrip strong{font:500 15px/1.15 Cormorant Garamond}.album-note{text-align:center;color:#607d89;margin:34px 0 0;font:italic 18px Cormorant Garamond}.lightbox{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06111bee;place-items:center;padding:35px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:min(1100px,94vw);max-height:88vh;box-shadow:0 20px 70px #000}.lightbox button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff6;border-radius:50%;width:45px;height:45px;font-size:28px;position:fixed;top:22px;right:28px}.gallery{color:#fff;background:#091925;padding-bottom:90px}.gallery-grid{grid-template-rows:180px 180px;grid-template-columns:repeat(12,1fr);gap:14px;max-width:1100px;margin:auto;display:grid}.gallery-photo{background:#173f59;overflow:hidden}.p1{grid-area:1/1/3/5}.p2{grid-column:5/9}.p3{grid-column:9/13}.p4{grid-column:5/8}.p5{grid-column:8/13}.gallery-photo .photo-placeholder{background:linear-gradient(145deg,#316c88,#102f43)}.quote{text-align:center;color:#b9d9e5;margin:75px 0;font:italic 30px/1.4 Cormorant Garamond}.song-card{background:#ffffff08;border:1px solid #ffffff25;grid-template-columns:auto 1fr 300px;align-items:center;gap:24px;max-width:900px;margin:auto;padding:26px 32px;display:grid}.song-card>span{color:#83c8e1;font-size:32px}.song-card small{letter-spacing:3px;color:#83c8e1;font-size:8px}.song-card h3{margin:5px 0;font:500 22px Cormorant Garamond}.song-card p{color:#91aab4;font-size:10px}.song-card audio{width:100%;height:38px}.secret{background:#f3f8fa}.secret-card{text-align:center;border:1px solid #5389a344;max-width:820px;margin:auto;padding:75px;position:relative;box-shadow:inset 0 0 0 8px #fff}.lock{color:var(--wine);font:42px Cormorant Garamond}.secret-card h2{color:#123f59;margin:18px;font:500 43px Cormorant Garamond}.secret-card>p,.secret-card>div>p{color:#4c6470;font:16px/1.75 Cormorant Garamond}.secret-card form{max-width:420px;margin:30px auto 0;display:flex}.secret-card input{text-align:center;letter-spacing:3px;background:#fff;border:1px solid #4b829e55;outline:none;flex:1;min-width:0;padding:15px}.secret-card button{background:var(--wine);color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;border:0;padding:0 25px;font-size:8px}.hint{color:#a92d38!important;font-size:13px!important}.revealed span{color:var(--wine);font-size:40px;animation:1s infinite alternate beat}.revealed strong{color:var(--wine);margin-top:30px;font:italic 24px Cormorant Garamond;display:block}@keyframes beat{to{transform:scale(1.15)}}footer{color:#83a9ba;text-align:center;background:#06111b;padding:45px}footer p{font:italic 18px Cormorant Garamond}footer p span{color:#ef5663}footer small{letter-spacing:4px;font-size:7px}@media (max-width:1050px){.letters-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){nav div{display:none}.hero-content{padding-top:14vh}.hero h1{font-size:57px}.counter{bottom:8%;right:5%}.section{padding:80px 6%}.timeline:before{left:14px}.memory,.memory.reverse{min-height:0;margin-left:38px;display:block}.memory.reverse .photo-frame,.memory.reverse .moment-mark{order:unset}.moment-mark{float:left;width:50px;height:50px;margin:0 0 0 -62px}.photo-frame{height:330px}.memory-copy,.memory.reverse .memory-copy{text-align:left;padding:30px 5px}.photo-frame em,.reverse .photo-frame em{left:-45px;right:auto}.letters-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-rows:220px 180px 180px;grid-template-columns:1fr 1fr;display:grid}.p1{grid-area:1/1/auto/3}.p2,.p3,.p4,.p5{grid-area:auto}.secret-card{padding:55px 20px}.star-map{height:480px}.star-message{top:48%}.song-card{grid-template-columns:auto 1fr}.song-card audio{grid-column:1/3}}@media (max-width:520px){.letters-grid{grid-template-columns:1fr}.letter{min-height:230px}.hero h1{font-size:46px}.hero-copy{font-size:12px}.section-head h2{font-size:39px}.gallery-grid{grid-template-rows:200px 150px 150px}.secret-card form{display:block}.secret-card input,.secret-card button{width:100%;height:50px}.counter strong{font-size:35px}.song-card{text-align:center;grid-template-columns:1fr}.song-card audio{grid-column:1}.star-map{height:520px}}@media (max-width:900px){.album-spread{grid-template-columns:1fr;min-height:0}.album-story{border-bottom:1px solid #3d748a26;border-right:0;padding:45px 24px}.album-story>p:not(.album-date){max-width:680px}.album-controls{margin-top:30px}.album-collage{height:560px;max-height:none;padding:22px}.album-shell{padding:18px}}@media (max-width:520px){.album-section{padding-left:3%;padding-right:3%}.album-shell{padding:12px 10px}.album-topline{letter-spacing:1px}.album-story{padding:34px 16px}.album-story h3{font-size:39px}.album-collage{grid-template-columns:1fr 1fr;grid-auto-rows:210px;height:auto;max-height:none;padding:14px;display:grid;overflow:visible}.album-collage .album-media,.album-collage[class*=count-] .album-media{grid-area:auto!important;transform:none!important}.album-collage.count-1 .album-media{height:420px;grid-column:1/3!important}.album-filmstrip button{flex-basis:135px}.lightbox{padding:15px}.lightbox button{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}