@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&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,::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]){appearance:button}::file-selector-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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--night:#070b1a;--night-soft:#0d1329;--cream:#fff7ec;--gold:#f1c777;--rose:#e9a9b6;--blue:#9dbbd8;--ink:#172039}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--night);max-width:100%;color:var(--cream);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.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}.gateway,.password-page{background:radial-gradient(circle at 50% 35%,#222958 0,#0c1128 33%,#050815 75%);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.password-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1026d9;border:1px solid #ffffff1a;border-radius:28px;width:min(520px,100vw - 36px);padding:52px 46px 42px;position:relative;box-shadow:0 30px 100px #0009}.password-heart{width:62px;height:62px;color:var(--gold);border:1px solid #f1c77766;border-radius:50%;place-items:center;margin:28px auto 20px;font-size:30px;display:grid}.password-card h1{letter-spacing:-.035em;margin:0;font:500 clamp(38px,6vw,53px)/1.08 Playfair Display,serif}.password-card>p:not(.eyebrow):not(.password-error){color:#aeb2c4;margin:16px 0 34px;font:23px Caveat,cursive}.password-card label{color:#8e93aa;text-align:left;letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px 5px;font-size:10px;font-weight:600;display:block}.password-field{background:#050817;border:1px solid #ffffff20;border-radius:99px;padding:5px;display:flex}.password-field:focus-within{border-color:#f1c777aa;box-shadow:0 0 0 3px #f1c77714}.password-field input{color:#fff;letter-spacing:.12em;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 18px}.password-field button{background:var(--gold);color:#14101a;border:0;border-radius:99px;align-items:center;gap:14px;padding:11px 13px 11px 20px;display:flex}.password-field button:disabled{opacity:.65}.password-field button span{color:#fff;background:#14101a;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.password-error{color:#f4a9b5;margin:14px 0 0;font-size:12px}.password-card>small{color:#626a87;letter-spacing:.13em;text-transform:uppercase;margin-top:30px;font-size:9px;display:block}.stars,.ambient-stars{pointer-events:none;opacity:.75;background-image:radial-gradient(circle,#fff 1px,#0000 1.5px),radial-gradient(circle,#f2c777 1px,#0000 1.5px),radial-gradient(circle,#fff 1px,#0000 1.5px);background-position:0 0,37px 63px,113px 27px;background-size:127px 127px,173px 173px,251px 251px;position:absolute;inset:0}.stars{animation:24s linear infinite drift}.moon-glow{filter:blur(120px);opacity:.12;background:#7d81be;border-radius:50%;width:42vw;height:42vw;position:absolute}.gateway-card{z-index:1;text-align:center;padding:40px 24px;position:relative}.eyebrow{letter-spacing:.23em;color:var(--gold);font-size:11px;font-weight:600}.tiny-star{color:var(--gold);margin:36px 0 10px;font-size:26px}.gateway h1,.hero h1,h2{font-family:Playfair Display,serif;font-weight:500}.gateway h1{letter-spacing:-.045em;margin:0;font-size:clamp(64px,9vw,110px)}.gateway-card>p:not(.eyebrow){color:#d2c6dc;margin:8px 0 36px;font-family:Caveat;font-size:28px}.primary-button{color:#15111a;background:var(--gold);border:1px solid #e4bf78;border-radius:99px;align-items:center;gap:40px;margin:0 auto;padding:15px 18px 15px 25px;transition:all .3s;display:flex;box-shadow:0 12px 50px #0006}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 55px #e4bf7833}.primary-button span{color:#fff;background:#15111a;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.gateway-card small{color:#787f9c;letter-spacing:.12em;margin-top:22px;font-size:10px;display:block}.gateway.is-launching .gateway-card{animation:1.05s cubic-bezier(.7,0,.9,.3) forwards gateway-collapse}.gateway.is-launching>.stars{animation:1.15s cubic-bezier(.7,0,.9,.3) forwards stars-collapse}.warp-transition{z-index:100;background:radial-gradient(circle,#202b69 0,#0b1029 21%,#03050e 67%);place-items:center;animation:5.6s linear both warp-scene;display:grid;position:fixed;inset:0;overflow:hidden}.cosmic-bloom{background:#fff8df;border-radius:50%;width:6px;height:6px;animation:5.6s cubic-bezier(.55,0,.35,1) both cosmic-bloom;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #fff,0 0 55px #f1c777,0 0 140px #8b83ed}.portal-rings{perspective:800px;place-items:center;display:grid;position:absolute;inset:0}.portal-rings i{border:1px solid #f1c777b8;border-radius:50%;width:120px;height:120px;animation:3s cubic-bezier(.15,.6,.25,1) both portal-expand;position:absolute;box-shadow:0 0 25px #f1c7774a,inset 0 0 25px #8d83ff40}.portal-rings i:nth-child(2){border-color:#ded7ff99;animation-delay:.18s}.portal-rings i:nth-child(3){border-color:#e9a9b688;animation-delay:.36s}.warp-stars{position:absolute;inset:0}.warp-stars i{width:var(--warp-size);height:var(--warp-size);transform-origin:0;animation:star-warp 2.55s cubic-bezier(.1,.65,.2,1) var(--warp-delay) infinite;background:#fff7e8;border-radius:99px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #fff}.warp-stars i:nth-child(3n){background:#f1c777;box-shadow:0 0 8px #f1c777}.warp-stars i:nth-child(5n){background:#c7c5ff;box-shadow:0 0 8px #9c97ff}.warp-copy{z-index:3;text-align:center;pointer-events:none;padding:24px;position:relative}.warp-copy p{color:#cdc9db;opacity:0;margin:0;font:24px Caveat;animation:2.25s .55s both warp-line-one}.warp-copy h2{color:#fff7ec;letter-spacing:-.04em;text-shadow:0 0 38px #8c84e577;opacity:0;margin:12px 0 0;font-size:clamp(43px,6vw,82px);animation:2.35s 2.75s both warp-line-two}.arrival-mark{z-index:5;color:#fff7df;text-shadow:0 0 18px #fff,0 0 55px #f1c777;font-size:34px;animation:.7s 4.95s both arrival-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.compact-launch.is-launching .gateway-card{filter:none;animation-duration:.55s}.compact-launch.is-launching>.stars{filter:none;animation-duration:.6s}.compact-warp{background:radial-gradient(circle,#1b2459 0,#090e25 28%,#03050e 72%);animation:4.3s linear both warp-scene-compact}.compact-warp .cosmic-bloom,.compact-warp .portal-rings,.compact-warp .warp-stars{display:none}.mobile-warp-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.compact-warp .warp-copy p{animation:1.55s .3s both warp-line-one-compact}.compact-warp .warp-copy h2{text-shadow:0 0 24px #8c84e555;animation:1.65s 1.85s both warp-line-two-compact}.compact-warp .arrival-mark{animation:.55s 3.68s both arrival-flash-compact}.compact-site-arrival{animation:.45s both site-materialize-compact}.site-shell{background:var(--night);min-height:100vh;position:relative;overflow:hidden}.site-arrival{animation:.9s cubic-bezier(.2,.7,.25,1) both site-materialize}.ambient-stars{opacity:.32;height:100vh;position:absolute}.nav{z-index:10;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 28px;display:flex;position:relative}.wordmark{letter-spacing:.08em;align-items:center;gap:8px;font-family:Playfair Display;font-size:22px;display:flex}.wordmark .wordmark-heart{color:var(--gold);font-size:21px}.nav>div{color:#c4c7d2;gap:32px;font-size:12px;display:flex}.nav a:hover{color:var(--gold)}.hero{grid-template-columns:1.05fr .8fr;align-items:center;gap:10%;max-width:1240px;min-height:calc(100vh - 82px);margin:auto;padding:70px 45px 90px;display:grid}.hero h1{letter-spacing:-.04em;margin:25px 0;font-size:clamp(54px,6vw,88px);line-height:1.02}h1 em,h2 em{color:var(--gold);font-weight:500}.hero-sub{color:#b7bac8;max-width:570px;font-size:17px;line-height:1.8}.text-link{border-bottom:1px solid var(--gold);color:var(--gold);gap:28px;margin-top:25px;padding-bottom:7px;font-size:13px;display:inline-flex}.hero-photo-wrap{place-items:center;width:100%;min-width:0;height:580px;display:grid;position:relative}.hero-photo{z-index:2;border:10px solid #f3eadc;border-bottom-width:55px;width:min(360px,80vw);height:490px;position:relative;transform:rotate(2.5deg);box-shadow:0 35px 90px #000b}.placeholder{color:#d9d2c9;text-align:center;background:linear-gradient(145deg,#242d4e,#11162d);flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.photo-icon{color:var(--gold);margin-bottom:18px;font-size:30px}.placeholder strong{letter-spacing:.22em;color:var(--gold);font-size:11px}.placeholder p{line-height:1.5}.placeholder small{color:#8e93aa}.hand-note{z-index:3;color:var(--gold);font:28px Caveat;position:absolute;bottom:7px;right:15px;transform:rotate(-8deg)}.orbit{border:1px solid #d9bc7955;border-radius:50%;position:absolute}.orbit-one{width:500px;height:500px}.orbit-two{width:570px;height:330px;transform:rotate(-35deg)}.soundtrack{background:#ffffff08;border:1px solid #ffffff19;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto 130px;padding:23px 28px;display:flex}.soundtrack>div{align-items:center;gap:16px;display:flex}.record{border:1px solid var(--gold);width:44px;height:44px;color:var(--gold);border-radius:50%;place-items:center;display:grid}.soundtrack p{flex-direction:column;gap:4px;margin:0;display:flex}.soundtrack small{color:#8e93aa;letter-spacing:.15em;font-size:9px}.song-links a{background:#ffffff09;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.song-links a:hover{background:#ffffff13}.song-links a>span{color:var(--gold)}.song-links strong{font-size:11px;font-weight:500}.section{max-width:1180px;margin:auto;padding:120px 32px}.section-heading{max-width:660px;margin-bottom:70px}.section-heading h2,.ice-cream h2,.distance h2,.letter-intro h2,footer h2{letter-spacing:-.035em;margin:20px 0;font-size:clamp(44px,5.5vw,70px);line-height:1.08}.section-heading>p:last-child,.letter-intro>p:last-child{color:#999dac;max-width:540px;line-height:1.7}.centered{text-align:center;margin:0 auto 70px}.memory-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:48px 28px;display:grid}.memory-card{grid-column:span 4}.memory-card:nth-child(2),.memory-card:nth-child(5){margin-top:70px}.memory-photo{text-align:center;justify-content:center;align-items:center;height:350px;padding:20px;transition:all .35s;display:flex;position:relative;box-shadow:0 18px 45px #0008}.memory-card:hover .memory-photo{transform:translateY(-7px)rotate(-1deg)}.memory-card.rose .memory-photo{background:linear-gradient(145deg,#5b3144,#2a172b)}.memory-card.blue .memory-photo{background:linear-gradient(145deg,#334961,#182337)}.memory-card.gold .memory-photo{background:linear-gradient(145deg,#665131,#2c251b)}.memory-card.violet .memory-photo{background:linear-gradient(145deg,#473b65,#211b35)}.memory-photo>span{color:#fff5;font:24px Playfair Display;position:absolute;top:17px;left:18px}.memory-photo b{letter-spacing:.2em;color:var(--gold);font-size:10px}.memory-photo p{color:#d6d2d3;max-width:220px;font-size:12px;line-height:1.65}.memory-card h3{margin:20px 0 7px;font:500 25px Playfair Display}.memory-card>p{color:#818697;font-size:12px}.films{max-width:1240px}.film-heading{text-align:center;margin-left:auto;margin-right:auto}.film-heading>p:last-child{margin-left:auto;margin-right:auto}.film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.film-card:nth-child(2){margin-top:60px}.film-frame{aspect-ratio:9/14;background:radial-gradient(circle at 50% 35%,#313958,#10152a 67%);border:1px solid #ffffff1a;position:relative;overflow:hidden;box-shadow:0 28px 65px #0009}.film-frame:before,.film-frame:after{content:"";z-index:2;background:repeating-linear-gradient(90deg,#050713 0 12px,#0000 12px 22px);height:16px;position:absolute;left:0;right:0}.film-frame:before{top:0}.film-frame:after{bottom:0}.film-frame>i{background:linear-gradient(120deg,#0000 40%,#ffffff0c 50%,#0000 60%);transition:all .8s;position:absolute;inset:0;transform:translate(-100%)}.film-card:hover .film-frame>i{transform:translate(100%)}.film-number{color:#fff6;font:20px Playfair Display;position:absolute;top:32px;left:20px}.play-placeholder{width:72px;height:72px;color:var(--gold);background:#070b1ab8;border:1px solid #f1c77788;border-radius:50%;place-items:center;transition:all .3s;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.play-placeholder span{margin-left:4px}.play-placeholder:hover{background:var(--gold);color:var(--night);transform:translate(-50%,-50%)scale(1.08)}.film-frame>p{text-align:center;color:#777e98;letter-spacing:.22em;margin:0;font-size:9px;position:absolute;bottom:42px;left:0;right:0}.film-card h3{margin:20px 0 9px;font:500 25px Playfair Display}.film-card>p{color:#818697;margin:0;font-size:12px;line-height:1.7}.remember-section{background:radial-gradient(circle at 18% 24%,#56324938 0,#0000 31%),radial-gradient(circle at 82% 72%,#35497730 0,#0000 34%),#050713;padding:140px max(5vw,24px);position:relative;overflow:hidden}.remember-section:before{content:"";pointer-events:none;opacity:.23;background-image:radial-gradient(circle,#fff 1px,#0000 1.4px);background-position:31px 17px;background-size:137px 137px;position:absolute;inset:0}.remember-intro{z-index:1;text-align:center;max-width:820px;margin:0 auto 90px;position:relative}.remember-intro h2{letter-spacing:-.035em;margin:20px 0;font:500 clamp(44px,5.5vw,72px)/1.08 Playfair Display}.remember-intro>p:last-child{color:#969aad;max-width:590px;margin:0 auto;line-height:1.8}.remember-stage{z-index:1;grid-template-columns:.8fr 1.05fr;align-items:center;gap:8%;max-width:1080px;margin:auto;display:grid;position:relative}.remember-photo{text-align:center;background:linear-gradient(145deg,#34243c,#12172d 63%,#1b2941);border:1px solid #ffffff17;justify-content:center;align-items:center;min-height:510px;padding:42px;display:flex;position:relative;transform:rotate(-1.4deg);box-shadow:0 35px 90px #000a}.remember-photo:after{content:"";pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:13px}.remember-photo>span{color:#ffffff4f;font:italic 30px Playfair Display;position:absolute;top:25px;left:29px}.remember-photo b{color:var(--gold);letter-spacing:.24em;font-size:9px}.remember-photo p{color:#aaa6b2;max-width:280px;margin:17px auto 0;font-size:12px;line-height:1.75}.remember-copy{animation:.55s both remember-reveal}.remember-kicker{letter-spacing:.22em;font-weight:600;color:var(--gold)!important;margin:0 0 25px!important;font-size:9px!important}.remember-copy h3{letter-spacing:-.03em;margin:0 0 25px;font:500 clamp(37px,4.4vw,59px)/1.12 Playfair Display}.remember-copy>p:not(.remember-kicker){color:#a2a5b3;max-width:560px;margin:0;font:17px/1.85 Playfair Display}.remember-controls{align-items:center;gap:22px;margin-top:44px;display:flex}.remember-controls button{width:45px;height:45px;color:var(--cream);background:#ffffff08;border:1px solid #ffffff26;border-radius:50%;transition:all .25s}.remember-controls button:hover:not(:disabled){border-color:var(--gold);background:var(--gold);color:var(--night);transform:scale(1.06)}.remember-controls button:disabled{opacity:.25;cursor:default}.remember-controls span{color:#777d92;letter-spacing:.17em;font-size:10px}.remember-confession{z-index:1;text-align:center;border-top:1px solid #f1c77740;border-bottom:1px solid #f1c77740;max-width:920px;margin:140px auto 100px;padding:70px 30px;position:relative}.remember-confession>span{color:#f1c77735;font:90px/1 Playfair Display;position:absolute;top:12px;left:50%;transform:translate(-50%)}.remember-confession p{color:#f4ecdf;margin:0;font:italic 500 clamp(27px,3.8vw,46px)/1.5 Playfair Display;position:relative}.voice-keepsake{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff18;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;max-width:880px;margin:auto;padding:28px 32px;display:grid;position:relative}.voice-keepsake>button{width:64px;height:64px;color:var(--gold);background:#0b1026;border:1px solid #f1c7778c;border-radius:50%;place-items:center;display:grid}.voice-keepsake>button span{margin-left:4px}.voice-keepsake .eyebrow{margin:0 0 7px;font-size:8px}.voice-keepsake h3{margin:0 0 5px;font:500 24px Playfair Display}.voice-keepsake div>p:last-child{color:#858a9e;margin:0;font-size:11px}.voice-keepsake>small{color:#666d83;letter-spacing:.17em;white-space:nowrap;font-size:8px}.ice-cream{min-height:650px;color:var(--ink);background:#f5d9d5;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:80px max(7vw,32px);display:grid;position:relative;overflow:hidden}.ice-cream .eyebrow,.ice-cream h2 em{color:#a35569}.ice-cream>div:last-child>p:not(.eyebrow){color:#596078;max-width:550px;line-height:1.8}.ice-cream button{color:#77384a;background:0 0;border:1px solid #a35569;border-radius:99px;margin-top:20px;padding:13px 20px}.ice-cream button span{margin-left:16px}.ice-cream>div:not(.sprinkle-field){z-index:2;position:relative}.ice-cream-art{justify-content:center;align-items:flex-end;width:100%;max-width:500px;height:450px;margin:auto;display:flex;position:relative}.scoop{border-radius:50%;width:180px;height:180px;position:absolute;box-shadow:inset -18px -15px 30px #00000012,0 15px 35px #8d566b25}.scoop-one{background:#fff2df;top:80px;left:calc(50% - 155px)}.scoop-two{background:#e9879d;top:45px;left:calc(50% - 30px)}.scoop-three{background:#9cb6d0;top:120px;left:calc(50% + 20px)}.cone{clip-path:polygon(0 0,100% 0,50% 100%);color:#e9b780;text-align:center;background:#c98e5a;width:185px;height:220px;font-size:170px;line-height:.75;overflow:hidden}.sprinkle-field{pointer-events:none;inset:0;overflow:hidden;z-index:4!important;position:absolute!important}.sprinkle-field i{top:-25px;left:var(--sprinkle-x);background:var(--sprinkle-color);width:7px;height:18px;transform:rotate(var(--sprinkle-turn));animation:sprinkle-fall 1.55s cubic-bezier(.2,.7,.3,1) var(--sprinkle-delay) both;border-radius:6px;position:absolute}.sprinkle-button{transition:all .25s}.sprinkle-button:hover{color:#fff;background:#a35569;transform:translateY(-2px)}.reason-grid{border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);display:grid}.reason-grid article{border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;min-height:240px;padding:35px}.reason-grid span{color:var(--gold);font:italic 18px Playfair Display}.reason-grid h3{margin:45px 0 12px;font:500 25px Playfair Display}.reason-grid p{color:#9296a6;font-size:13px;line-height:1.7}.distance{text-align:center;background:radial-gradient(circle,#1a2145,#070b1a 68%);place-items:center;min-height:650px;padding:120px 28px;display:grid;position:relative}.distance h2{margin-top:80px}.city{flex-direction:column;gap:6px;display:flex;position:absolute;top:160px}.city-left{left:10%}.city-right{right:10%}.city span{letter-spacing:.25em;color:var(--gold);font-size:12px}.city small{color:#747b97}.distance-line{border-top:1px dashed #f1c77766;justify-content:space-between;width:55%;display:flex;position:absolute;top:175px}.distance-line i{color:var(--gold);margin-top:-10px;font-style:normal}.distance-line p{color:#747b97;letter-spacing:.1em;width:100%;font-size:10px;position:absolute;top:9px}.morse-section{text-align:center;min-height:620px;color:var(--ink);background:#f4ecdf;flex-direction:column;justify-content:center;align-items:center;padding:110px 24px;display:flex}.tk-seal{border-radius:20px;width:84px;height:84px;margin-bottom:30px;box-shadow:0 16px 35px #17203928}.tk-seal img{border-radius:20px;width:100%;height:100%}.morse-section .eyebrow{color:#956b39}.morse-section h2{margin:14px 0 28px;font-size:clamp(42px,5vw,66px)}.morse-code{color:#172039;letter-spacing:.16em;overflow-wrap:anywhere;margin:0;font:600 clamp(21px,3.5vw,40px)/1.8 DM Sans}.morse-section>span{color:#8e7764;letter-spacing:.46em;margin-top:8px;font-size:9px}.morse-note{color:#8e7764;margin-top:38px;font:24px Caveat}.letter-section{grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:680px;display:grid}.envelope{background:#d9c4a8;border:0;width:min(480px,100%);height:300px;position:relative;box-shadow:0 35px 80px #000a}.envelope:before{content:"";clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:#ead8bf;position:absolute;inset:0}.envelope-flap{z-index:2;clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:top;background:#f4e4cc;transition:all .6s;position:absolute;inset:0}.envelope.open .envelope-flap{transform:rotateX(180deg)}.wax{z-index:3;color:#f5d9c4;background:#8f3143;border-radius:50%;place-items:center;width:62px;height:62px;font:10px/1 Playfair Display;transition:all .4s;display:grid;position:absolute;top:112px;left:calc(50% - 31px);box-shadow:0 5px 12px #64223155}.envelope.open .wax{opacity:0;transform:scale(.4)}.open-label{color:#aaa;letter-spacing:.15em;width:100%;font-size:11px;position:absolute;bottom:-38px;left:0}.letter{color:#2f2a31;background:#f8efdf;grid-column:1/-1;max-width:820px;margin:15px auto 0;padding:clamp(30px,6vw,75px);font:20px/1.8 Playfair Display;animation:.6s reveal;transform:rotate(-.5deg);box-shadow:0 20px 70px #0009}.letter .signature{margin-top:35px;font-family:Caveat;font-size:28px}footer{text-align:center;background:#050713;border-top:1px solid #ffffff12;flex-direction:column;justify-content:center;align-items:center;min-height:580px;padding:80px 24px;display:flex}footer>p{color:#c5b6c6;font:26px Caveat}footer .birthday-date{letter-spacing:.24em;color:var(--gold);margin-bottom:32px;font:600 10px DM Sans}footer>span{color:#555c75;letter-spacing:.14em;text-transform:uppercase;margin-top:65px;font-size:10px}@keyframes drift{to{transform:translateY(127px)}}@keyframes reveal{0%{opacity:0;transform:translateY(25px)rotate(-.5deg)}}@keyframes gateway-collapse{0%{opacity:1;filter:blur();transform:scale(1)}62%{opacity:.8;filter:blur(2px);transform:scale(.72)}to{opacity:0;filter:blur(14px);transform:scale(.02)}}@keyframes stars-collapse{to{opacity:0;filter:blur(7px);transform:scale(.15)}}@keyframes portal-expand{0%{opacity:0;transform:rotateX(68deg)scale(.08)}18%{opacity:1}to{opacity:0;transform:rotateX(68deg)scale(10)}}@keyframes star-warp{0%{opacity:0;transform:rotate(var(--warp-angle)) translateX(4px) scaleX(.15)}12%{opacity:1}78%{opacity:1}to{opacity:0;transform:rotate(var(--warp-angle)) translateX(var(--warp-distance)) scaleX(18)}}@keyframes warp-line-one{0%{opacity:0;transform:translateY(14px)}25%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes warp-line-two{0%{opacity:0;filter:blur(7px);transform:scale(.94)}30%,72%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(1.08)}}@keyframes cosmic-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%,62%{opacity:1;transform:translate(-50%,-50%)scale(1)}83%{opacity:1;transform:translate(-50%,-50%)scale(4)}to{opacity:0;transform:translate(-50%,-50%)scale(180)}}@keyframes arrival-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}45%{opacity:1;transform:translate(-50%,-50%)scale(3)}to{opacity:0;transform:translate(-50%,-50%)scale(22)}}@keyframes warp-scene{0%,88%{opacity:1}to{opacity:0}}@keyframes portal-expand-compact{0%{opacity:0;transform:rotateX(62deg)scale(.12)}22%{opacity:.85}to{opacity:0;transform:rotateX(62deg)scale(5.5)}}@keyframes star-warp-compact{0%{opacity:0;transform:rotate(var(--warp-angle)) translateX(5px) scaleX(.2)}14%,72%{opacity:1}to{opacity:0;transform:rotate(var(--warp-angle)) translateX(var(--warp-mobile-distance)) scaleX(9)}}@keyframes warp-line-one-compact{0%{opacity:0;transform:translateY(8px)}22%,66%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes warp-line-two-compact{0%{opacity:0;transform:scale(.97)}24%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes cosmic-bloom-compact{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}20%,67%{opacity:1;transform:translate(-50%,-50%)scale(1)}88%{opacity:1;transform:translate(-50%,-50%)scale(3)}to{opacity:0;transform:translate(-50%,-50%)scale(55)}}@keyframes arrival-flash-compact{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}48%{opacity:1;transform:translate(-50%,-50%)scale(2)}to{opacity:0;transform:translate(-50%,-50%)scale(9)}}@keyframes warp-scene-compact{0%,88%{opacity:1}to{opacity:0}}@keyframes site-materialize-compact{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes site-materialize{0%{opacity:0;filter:blur(10px);transform:scale(1.025)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes sprinkle-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(var(--sprinkle-turn))}12%{opacity:1}to{opacity:0;transform:translate3d(var(--sprinkle-drift),700px,0) rotate(760deg)}}@keyframes remember-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.nav>div{display:none}.hero{text-align:center;grid-template-columns:1fr;padding-top:90px}.hero-sub{margin:auto}.text-link{margin-top:20px}.hero-photo-wrap{height:540px;margin-top:30px}.soundtrack{flex-direction:column;align-items:flex-start;margin:0 20px 80px}.song-links{flex-direction:column;width:100%;align-items:stretch!important}.memory-card{grid-column:span 6}.memory-card:nth-child(2),.memory-card:nth-child(5){margin-top:0}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-card:nth-child(2){margin-top:0}.film-card:nth-child(3){grid-column:1/-1;width:calc(50% - 12px);margin:auto}.remember-stage{grid-template-columns:1fr;gap:55px;max-width:620px}.remember-photo{min-height:480px}.remember-copy{text-align:center}.remember-copy>p:not(.remember-kicker){margin-inline:auto}.remember-controls{justify-content:center}.ice-cream{text-align:center;grid-template-columns:1fr}.ice-cream-art{height:400px}.ice-cream>div:last-child>p{margin-inline:auto}.letter-section{text-align:center;grid-template-columns:1fr}.envelope{margin:auto}}@media (width<=560px){.warp-copy p{font-size:21px}.warp-copy h2{font-size:46px;line-height:1.05}.password-card{padding:42px 22px 34px}.password-field input{width:100%;padding:0 12px}.password-field button{gap:8px;padding-left:16px}.gateway-card{padding-inline:20px}.nav{height:68px;padding-inline:18px}.wordmark{font-size:20px}.wordmark .wordmark-heart{font-size:19px}.hero{width:100%;min-height:auto;padding:60px 18px 55px}.hero h1{overflow-wrap:normal;font-size:clamp(43px,13vw,54px)}.hero-sub{font-size:15px;line-height:1.7}.hero-photo-wrap{height:450px;margin-top:24px}.hero-photo{aspect-ratio:278/402;border-width:8px 8px 48px;width:min(278px,76vw);height:auto}.orbit-one{width:min(340px,92vw);height:min(340px,92vw)}.orbit-two{width:min(360px,96vw);height:230px}.hand-note{font-size:24px;bottom:8px;right:max(5px,5vw)}.soundtrack{margin-inline:14px;padding:20px}.soundtrack>div:first-child{align-items:flex-start}.song-links a{width:100%}.section{padding:85px 20px}.memory-grid{gap:40px}.memory-card{grid-column:1/-1}.memory-photo{height:390px}.film-grid{grid-template-columns:1fr;gap:48px}.film-card:nth-child(3){grid-column:auto;width:100%}.film-frame{aspect-ratio:9/13;width:min(330px,88vw);margin:auto}.film-card h3,.film-card>p{max-width:330px;margin-left:auto;margin-right:auto}.remember-section{padding:95px 18px}.remember-intro{margin-bottom:60px}.remember-photo{min-height:410px;padding:30px}.remember-copy h3{font-size:39px}.remember-confession{margin:95px auto 70px;padding:60px 8px}.voice-keepsake{text-align:left;grid-template-columns:auto 1fr;padding:24px 20px}.voice-keepsake>button{width:52px;height:52px}.voice-keepsake>small{text-align:center;grid-column:1/-1}.ice-cream{padding:65px 18px 80px}.ice-cream-art{max-width:360px;height:350px}.scoop{width:140px;height:140px}.scoop-one{top:77px;left:calc(50% - 125px)}.scoop-two{top:50px;left:calc(50% - 30px)}.scoop-three{top:105px;left:calc(50% + 5px)}.cone{width:150px;height:180px;font-size:140px}.reason-grid{grid-template-columns:1fr}.distance{min-height:570px;padding-inline:18px}.city{top:120px}.city-left{left:6%}.city-right{right:6%}.distance-line{width:54%;top:138px}.distance-line p{line-height:1.5;top:14px}.distance h2{margin-top:95px;font-size:43px}.morse-section{min-height:540px;padding:85px 18px}.morse-code{letter-spacing:.1em;font-size:20px;line-height:2}.morse-section>span{letter-spacing:.26em}.letter-section{gap:55px;padding-bottom:120px}.envelope{width:min(330px,90vw);height:205px}.wax{top:73px}footer{padding-inline:18px}footer .birthday-date{line-height:1.8}}@media (width<=380px){.password-field{border-radius:22px;align-items:center}.password-field button{padding:9px 11px 9px 14px}.password-field button span{display:none}.primary-button{gap:22px}.hero h1{font-size:41px}.memory-photo{height:340px}.distance h2{font-size:39px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
