@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{color:#15375d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#15375d;--blue:#1778e5;--cyan:#4ed7e7;--sky:#dff5ff;--white:#f8fdff;--gold:#f9c95c;--coral:#fa866f;--line:#15375d29;background:#dff5ff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sky);min-width:320px;margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.62}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}main{min-height:100vh;position:relative;overflow:hidden}.atmosphere{z-index:0;pointer-events:none;height:100%;position:absolute;inset:0;overflow:hidden}.sky-wash{background:radial-gradient(circle at 66% 13%,#fffc,#0000 30%),linear-gradient(135deg,#dcf7ff 0%,#cbeeff 45%,#e9faff 100%);position:absolute;inset:0}.cloud-shape{filter:blur(1px);background:#ffffff61;border-radius:50%;position:absolute}.cloud-one{width:310px;height:95px;top:11%;left:-70px}.cloud-two{width:230px;height:72px;top:29%;right:-55px}.ring-shape{border:1px solid #1778e52e;border-radius:50%;position:absolute}.ring-one{width:460px;height:460px;top:6%;right:-200px}.ring-two{border-color:#fa866f3d;width:220px;height:220px;top:52%;left:3%}.spark-field{position:absolute;inset:0}.spark-dot{background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute}.spark-dot:first-child{top:13%;left:15%}.spark-dot:nth-child(2){top:18%;left:78%}.spark-dot:nth-child(3){top:28%;left:52%}.spark-dot:nth-child(4){top:39%;left:12%}.spark-dot:nth-child(5){top:46%;left:84%}.spark-dot:nth-child(6){top:57%;left:30%}.spark-dot:nth-child(7){top:68%;left:92%}.spark-dot:nth-child(8){top:75%;left:8%}.spark-dot:nth-child(9){top:82%;left:54%}.spark-dot:nth-child(10){top:92%;left:76%}.spark-dot:nth-child(11){top:34%;left:94%}.spark-dot:nth-child(12){top:62%;left:64%}.spark-dot:nth-child(13){top:5%;left:45%}.spark-dot:nth-child(14){top:88%;left:21%}.spark-dot:nth-child(15){top:23%;left:28%}.site-header,.section-shell{z-index:1;width:min(1120px,100% - 48px);margin:0 auto;position:relative}.site-header{justify-content:space-between;align-items:center;padding-top:28px;display:flex}.brand{color:var(--ink);letter-spacing:.02em;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--ink);border-radius:50%;place-items:center;width:32px;height:32px;font-family:Fraunces,serif;font-size:17px;display:grid}.header-note{color:#15375db3;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:10px;display:inline-flex}.skip-link{z-index:5;background:var(--ink);color:#fff;border-radius:99px;padding:9px 13px;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);align-items:center;gap:60px;min-height:720px;padding-top:46px;padding-bottom:100px;display:grid}.eyebrow,.section-intro,.hero-date,.memory-mark,.memory-number,.keepsake-sticker,.card-topline,.card-footer,.audio-meta span{text-transform:uppercase;letter-spacing:.09em;font-family:DM Mono,monospace}.eyebrow{color:var(--blue);align-items:center;gap:10px;margin:0 0 24px;font-size:11px;display:flex}.eyebrow-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #fa866f2e}.hero-title{max-width:660px;color:var(--ink);letter-spacing:-.07em;margin:0;font-size:clamp(4rem,9vw,8.4rem);font-weight:600;line-height:.91}.hero-title-line{display:block;overflow:hidden}.title-accent{color:var(--blue);letter-spacing:-.08em;font-family:Fraunces,serif;font-style:italic;font-weight:500}.title-star{color:var(--coral);vertical-align:middle;margin:0 0 28px 10px;font-family:DM Sans,sans-serif;font-size:.28em;display:inline-block}.hero-copy{color:#15375dbf;max-width:400px;margin:31px 0 30px;font-size:16px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:21px;display:flex}.button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--blue);color:#fff;padding:15px 20px;box-shadow:0 11px 24px #1778e533}.button-primary:hover{background:#0e67cb;box-shadow:0 15px 30px #1778e547}.hero-date{color:#15375d85;font-size:10px}.hero-keepsake{aspect-ratio:1;justify-self:end;width:min(100%,450px);position:relative}.keepsake-card{z-index:1;background:#f9fdffbd;border:1px solid #15375d38;flex-direction:column;width:70%;height:76%;padding:21px;display:flex;position:absolute;top:12%;left:15%;transform:rotate(6deg);box-shadow:19px 24px #1778e51f,0 25px 60px #15375d1f}.card-topline,.card-footer{justify-content:space-between;font-size:9px;display:flex}.card-topline{color:var(--blue)}.card-sun{flex:1;place-items:center;display:grid}.card-sun span{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:116px;height:116px;font-size:50px;display:grid;box-shadow:0 0 0 20px #f9c95c21,0 0 0 40px #f9c95c12}.card-message{letter-spacing:-.06em;font-size:clamp(27px,4vw,42px);line-height:.9}.card-message em{color:var(--blue);font-family:Fraunces,serif;font-weight:500}.card-footer{color:#15375da6;margin-top:22px}.card-footer svg{color:var(--coral)}.orbit{border:1px dashed #1778e561;border-radius:50%;position:absolute}.orbit-large{inset:0;transform:rotate(22deg)}.orbit-small{border-color:#fa866f66;inset:11% 7%;transform:rotate(-27deg)}.keepsake-sticker{z-index:2;background:var(--coral);color:#fff;align-items:center;gap:7px;padding:10px 13px;font-size:9px;display:inline-flex;position:absolute;box-shadow:6px 7px #15375d1f}.sticker-top{top:6%;right:-2%;transform:rotate(8deg)}.sticker-bottom{background:var(--gold);color:var(--ink);bottom:8%;left:-8%;transform:rotate(-8deg)}.sticker-bottom span{font-size:18px}.message-section{padding-top:95px;padding-bottom:155px}.section-intro{color:#15375d8c;align-items:center;gap:15px;font-size:10px;display:flex}.section-intro span{width:29px;height:29px;color:var(--blue);border:1px solid #15375d40;border-radius:50%;place-items:center;display:grid}.section-intro p{margin:0}.message-layout{grid-template-columns:.9fr 1fr;align-items:start;gap:100px;margin-top:64px;padding-left:12%;display:grid}.message-heading,.gallery-heading-row h2{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,5.1rem);line-height:.98}.message-heading em,.gallery-heading-row h2 em{color:var(--blue);font-family:Fraunces,serif;font-weight:500}.message-body{color:#15375dbd;max-width:420px;padding-top:8px;font-size:16px;line-height:1.75}.message-body p{margin:0 0 19px}.signature-block{color:#15375d8c;text-transform:uppercase;letter-spacing:.09em;flex-direction:column;gap:8px;margin-top:33px;font-family:DM Mono,monospace;font-size:10px;display:flex}.signature-block strong{color:var(--ink);letter-spacing:0;text-transform:none;align-items:center;gap:9px;font-family:Fraunces,serif;font-size:26px;font-weight:500;display:inline-flex}.signature-block svg{color:var(--coral)}.gallery-section{padding-bottom:140px}.gallery-heading-row{justify-content:space-between;align-items:end;gap:50px;margin:55px 0 49px;display:flex}.gallery-lede{color:#15375da3;max-width:270px;margin:0 7% 5px 0;font-size:14px;line-height:1.6}.memory-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.memory-card{background:#f9fdffb8;min-width:0;padding:12px;box-shadow:0 20px 40px #15375d14}.memory-art{aspect-ratio:1.15;position:relative;overflow:hidden}.memory-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.memory-blue-hour .memory-media{transform:scale(1.08)}.memory-art:has(.memory-media):after{content:"";pointer-events:none;background:linear-gradient(#15375d2e,#0000 45%);position:absolute;inset:0}.memory-mark,.memory-number{z-index:1;font-size:9px;position:absolute;top:17px}.memory-mark{color:#15375db3;left:17px}.memory-number{color:#15375d9e;right:17px}.memory-sunrise .memory-art{background:linear-gradient(150deg,#f9c95c 0%,#fa866f 52%,#1778e5 100%)}.memory-blue-hour .memory-art{background:linear-gradient(150deg,#4ed7e7 0%,#1778e5 48%,#15375d 100%)}.memory-confetti .memory-art{background:#f5f1dc}.memory-sunrise .memory-mark,.memory-sunrise .memory-number,.memory-blue-hour .memory-mark,.memory-blue-hour .memory-number{color:#fffc}.art-orb{aspect-ratio:1;background:#ffffff5c;border-radius:50%;width:45%;position:absolute;top:28%;left:26%;box-shadow:0 0 0 23px #ffffff1a,0 0 0 48px #ffffff0f}.memory-blue-hour .art-orb{background:#4ed7e7a6}.memory-confetti .art-orb{background:var(--coral);width:23%;box-shadow:0 0 0 22px var(--gold), 0 0 0 44px var(--cyan), 0 0 0 66px var(--coral);top:45%;left:40%}.art-line{border-top:1px solid #ffffffa6;width:42%;position:absolute;bottom:13%;right:11%;transform:rotate(-28deg)}.memory-confetti .art-line{border-color:#15375d66}.memory-card-copy{padding:19px 6px 9px}.memory-card h3{color:var(--ink);margin:0 0 7px;font-family:Fraunces,serif;font-size:25px;font-weight:500}.memory-card p{color:#15375da3;max-width:240px;margin:0;font-size:13px;line-height:1.55}.wish-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#15375db3;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:17px 20px;display:flex}.wish-strip>div{align-items:center;gap:10px;font-size:13px;display:flex}.wish-strip svg{color:var(--coral)}.button-quiet{color:var(--ink);background:0 0;border:1px solid #15375d40;padding:9px 14px;font-size:12px}.button-quiet:hover{border-color:var(--blue);background:#fff}.is-wished{border-color:#1778e573}.footer{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;min-height:280px;padding-bottom:90px;display:grid}.footer-sparkle{background:var(--gold);color:#fff;border-radius:50%;align-self:center;place-items:center;width:50px;height:50px;display:grid}.footer-note{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,4vw,3.7rem);line-height:.96}.footer-note em{color:var(--blue);font-family:Fraunces,serif;font-weight:500}.footer-signoff{color:#15375d8f;text-align:right;text-transform:uppercase;letter-spacing:.09em;justify-self:end;margin:0;font-family:DM Mono,monospace;font-size:10px;line-height:1.8}.footer-signoff strong{color:var(--ink);font-weight:500}.welcome-backdrop{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15375d47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.welcome-modal{text-align:center;background:#f8fdfff2;border:1px solid #15375d24;width:min(100%,455px);padding:42px 42px 36px;position:relative;box-shadow:18px 22px #1778e524,0 28px 70px #15375d33}.welcome-sparkle{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 24px;display:grid}.welcome-kicker,.welcome-hint{color:#15375d8c;letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:9px}.welcome-modal h2{color:var(--ink);letter-spacing:-.07em;margin:18px 0 16px;font-size:clamp(2.5rem,8vw,4rem);line-height:.95}.welcome-modal h2 span{color:var(--coral);vertical-align:top;margin-left:8px;font-size:.4em;display:inline-block}.welcome-message{color:#15375db8;max-width:330px;margin:0 auto 27px;font-size:15px;line-height:1.65}.welcome-button{border:0}.welcome-hint{margin-top:18px;font-size:8px}.audio-widget{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fdffdb;border:1px solid #15375d29;align-items:center;gap:10px;width:min(350px,100% - 32px);padding:11px 12px;display:flex;position:fixed;bottom:22px;right:24px;box-shadow:0 14px 35px #15375d21}.audio-icon{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.audio-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.audio-meta span{color:#15375d87;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.audio-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.icon-button{background:var(--ink);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:transform .2s,background .2s;display:grid}.icon-button:hover:not(:disabled){background:var(--blue);transform:scale(1.08)}.audio-volume{color:var(--ink);background:0 0}.volume-control{flex:0 0 74px;align-items:center;display:flex}.volume-control input{width:100%;height:4px;accent-color:var(--blue);cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.site-header,.section-shell{width:min(100% - 32px,540px)}.site-header{padding-top:20px}.header-note{font-size:8px}.hero{flex-direction:column;align-items:stretch;gap:50px;min-height:0;padding-top:74px;padding-bottom:105px;display:flex}.hero-title{font-size:clamp(3.7rem,17vw,6rem)}.hero-copy{max-width:340px;font-size:15px}.hero-keepsake{align-self:center;width:min(100%,380px)}.message-section{padding-top:42px;padding-bottom:105px}.message-layout{margin-top:42px;padding-left:0;display:block}.message-heading{max-width:480px;margin-bottom:36px;font-size:clamp(2.8rem,13vw,4.8rem)}.message-body{max-width:430px;padding-left:10%}.gallery-heading-row{margin:42px 0 33px;display:block}.gallery-lede{margin:26px 0 0}.memory-grid{grid-template-columns:1fr;gap:18px}.memory-card{grid-template-columns:1fr 1fr;gap:11px;padding:9px;display:grid}.memory-card-copy{align-self:center;padding:12px 11px}.memory-card h3{font-size:22px}.memory-card p{font-size:12px}.memory-art{aspect-ratio:1/1.04}.wish-strip{flex-direction:column;align-items:flex-start}.wish-strip .button{align-self:stretch}.footer{grid-template-columns:1fr 1fr;min-height:300px;padding-bottom:135px}.footer-sparkle{width:43px;height:43px}.footer-note{grid-area:1/1/auto/-1;align-self:end}.footer-signoff{grid-column:2}.audio-widget{bottom:14px;right:16px}.welcome-modal{padding:34px 24px 29px}.volume-control{flex-basis:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}