/* A midnight observatory, with the warmth of a personal album. */
:root{--bg:#070914;--blue:#b9e3ff;--pink:#f1b9d8;--muted:#aeb8d0;--line:#b6def523}
html{background:var(--bg)}body{background:transparent}.nebula{background:radial-gradient(ellipse at 85% 4%,#56396035,transparent 32%),radial-gradient(ellipse at 0 38%,#24467128,transparent 38%),radial-gradient(ellipse at 90% 75%,#63345220,transparent 40%)}
.topbar{height:82px;background:#080b16b8;border-bottom-color:#b9e3ff15;padding-inline:5.5%}.brand-star{color:var(--pink)}nav a{font-size:11px;letter-spacing:.5px;position:relative}nav a:after{content:'';position:absolute;inset:auto 50% -8px;height:1px;background:var(--pink);transition:inset .3s}nav a:hover:after{inset-inline:0}.reading-progress{height:2px;position:fixed;inset:0 0 auto;z-index:80;pointer-events:none}.reading-progress i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#9acbf5,#f3b3d4);box-shadow:0 0 10px #f3b3d4}
.section-wrap{max-width:1480px;padding-block:110px}.eyebrow{font-size:9px;letter-spacing:3px;color:#9dbbd8}h2{font-size:clamp(40px,4.5vw,67px);line-height:1.07;letter-spacing:-1px}.primary{border-radius:50px;padding:16px 24px;border:1px solid #d9b9d34d;background:linear-gradient(115deg,#dab2d01d,#a2d1f41a);box-shadow:inset 0 0 24px #d6b3d608,0 12px 35px #0002;transition:transform .3s,box-shadow .3s}.primary:hover{transform:translateY(-3px);box-shadow:0 0 36px #e5b9d324}.primary>span:last-child{color:var(--pink);margin-inline-start:20px}
.hero{padding:65px 8% 95px;min-height:calc(100svh - 82px);max-width:1480px;grid-template-columns:1.05fr 1fr;gap:5%;overflow:hidden}h1{font-size:clamp(65px,7vw,110px);line-height:.96;letter-spacing:-3px;max-width:670px;margin-bottom:30px}h1 em{display:inline-block;color:#f3c5df;text-shadow:0 0 45px #f2bad51c}.hero-description{font-size:14px;line-height:1.95;max-width:385px;color:#b5bdd0;margin-bottom:28px}.hero-ar{font-size:21px;color:#c5e5fb}.hero-foot{font-size:9px;letter-spacing:.5px;margin-top:32px}.pulse{box-shadow:0 0 15px #b6def5}.hero-art{max-width:600px;aspect-ratio:.95;isolation:isolate}.hero-photo{width:68%;height:78%;border-radius:48% 48% 45% 45%;transform:rotate(-7deg);border:1px solid #f5d8e656;box-shadow:0 0 0 9px #f0c4df04,0 0 0 10px #c3dff51a,0 35px 90px #0008,0 0 100px #c897d51c}.hero-photo img{object-position:50% 35%;transform:scale(1.025)}.photo-shade{background:linear-gradient(transparent 64%,#0d0e28b0)}.photo-sign{font-size:38px;bottom:32px}.portrait-aura{position:absolute;inset:3% -15%;z-index:-1;background:radial-gradient(ellipse at 46% 40%,#b4d5fc22,transparent 50%),radial-gradient(ellipse at 65% 66%,#d897d229,transparent 57%);filter:blur(12px)}.portrait-topnote{position:absolute;top:0;left:7%;font:italic 21px var(--serif);color:#d9c4d7;transform:rotate(-9deg)}.orbit{border-color:#c6dcf226;box-shadow:0 0 20px #e4c7e406;z-index:-1}.orbit-one{width:105%;height:49%;transform:rotate(-35deg)}.orbit-two{width:92%;height:97%;transform:rotate(27deg);border-style:solid;border-color:#d5accc18}.orbit-three{width:112%;height:38%;transform:rotate(29deg);border-color:#b7dcf51a}.orbit-dot{box-shadow:0 0 14px 4px #b6def533}.float-label{backdrop-filter:blur(18px);background:#101324b8;border:1px solid #c6dcf22b;box-shadow:0 12px 40px #0003;border-radius:50px;padding:12px 18px}.float-blue{left:-1%;top:63%;transform:rotate(-8deg)}.float-pink{right:-1%;top:19%;transform:rotate(7deg)}.art-caption{bottom:-2%;right:4%;max-width:200px}.art-caption p{font:italic 23px var(--serif);color:#e3c2d5}.art-caption>span{font-size:8px;letter-spacing:4px;color:#a1aac3}.scroll-cue{font-size:9px;letter-spacing:1px;bottom:20px}
/* The observatory is the first destination after the portrait. */
.universe-section{max-width:none;padding-inline:5.5%;padding-top:75px;padding-bottom:80px;background:linear-gradient(180deg,transparent,#0c102655 50%,transparent)}.universe-section>.section-heading{max-width:1220px;margin:0 auto 40px;align-items:end}.section-heading>p{max-width:290px;font-size:13px;line-height:1.9}.galaxy-shell{height:730px;max-width:1440px;margin:auto}.galaxy{height:100%;width:100%;border:1px solid #c5d9f125;border-radius:28px;box-shadow:0 35px 90px #0004,inset 0 0 100px #0005;background:radial-gradient(ellipse at 50% 46%,#201c38 0,#0b1022 47%,#060914 85%);overflow:hidden;isolation:isolate;direction:ltr;margin-inline:0}.galaxy-canvas,#galaxy-canvas{position:absolute;inset:0;width:100%;height:100%}.galaxy-toolbar{position:absolute;inset:25px 28px auto;display:flex;align-items:center;justify-content:space-between;z-index:5;gap:12px}.galaxy-toolbar>span{font-size:8px;letter-spacing:3px;color:#a7b4ce}.galaxy-toolbar button{background:#111629a8;border:1px solid #b9c9ed32;color:#dce4f5;border-radius:30px;padding:9px 15px;font:11px var(--sans);cursor:pointer;backdrop-filter:blur(12px);display:flex;gap:9px;align-items:center}.galaxy-toolbar button:hover{background:#27304a}.galaxy-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 30%,#06091430 70%,#06091499 100%);z-index:1}.galaxy-core{left:50%;top:47%;width:220px;height:180px;z-index:2;box-shadow:none;background:radial-gradient(ellipse,#090e2090,transparent 72%);filter:drop-shadow(0 0 25px #e5c1dd18)}.galaxy-core>span{font:400 65px/1.4 'Noto Sans Arabic',sans-serif;color:#f8d8eb;text-shadow:0 0 24px #e6adcc66,0 0 60px #c0c7f255}.galaxy-core small{font-size:9px;letter-spacing:1px;max-width:170px;color:#e4d7e8;margin-top:5px;line-height:1.6}.galaxy-hint{bottom:23px;font-size:10px;color:#bcc7dd;z-index:3;letter-spacing:.6px;margin:0;pointer-events:none}.constellation-progress{max-width:420px;margin:25px auto 0;font-size:9px;letter-spacing:1px;color:#aab7cf}.constellation-progress>div{height:2px;background:#b9e3ff12}.constellation-progress i{background:linear-gradient(90deg,#b5dcfc,#efbad9);box-shadow:0 0 12px #d9b7dc66}
.planet{min-width:110px;max-width:180px;padding:14px;gap:13px;transition:filter .35s;z-index:3;isolation:isolate}.planet-orb{--surface:#c5def5;--mid:#7e9fc9;--dark:#182a55;position:relative;width:64px;height:64px;border:0;display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,#ffffffa8 0,transparent 27%),radial-gradient(circle at 32% 30%,var(--surface),var(--mid) 37%,var(--dark) 69%,#030716 88%);box-shadow:inset 2px 1px 4px #e8f3ff55,inset -8px -7px 12px #010515cc,0 0 0 1px #e3e9ff22,0 0 32px #b5cdf523,10px 15px 22px #0007;transition:transform .45s,box-shadow .45s}.planet-orb:before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid #b6d7f51a;box-shadow:0 0 20px #a5bef414}.planet-orb:after{content:none}.planet-heart{font-size:17px;color:#ffffff65;transform:translate(-2px,-2px);text-shadow:0 0 12px #fff6}.planet-title{font-size:11px;font-weight:400;letter-spacing:.3px;color:#e0e4f1;line-height:1.45;padding:5px 10px;background:#090e20bb;border:1px solid #b5cbf51a;border-radius:20px;backdrop-filter:blur(12px);white-space:normal;transition:border-color .3s}.planet-title:after{content:none}.planet.visited .planet-title{border-color:#ecc3de66}.planet.visited .planet-orb:before{border-color:#f1bad655}.planet.visited .planet-title:before{content:'✧ ';font-size:9px;color:var(--pink)}.planet:hover .planet-orb,.planet:focus-visible .planet-orb{transform:scale(1.16) translateY(-5px);box-shadow:inset -8px -7px 12px #010515bb,0 0 0 1px #e3e9ff55,0 0 65px #c4cafa55,10px 15px 22px #0007}.planet:hover .planet-title{border-color:#d7c4e188}.planet-1 .planet-orb{--surface:#f3d6df;--mid:#b783ad;--dark:#572952;width:56px;height:56px}.planet-2 .planet-orb{--surface:#cfc9ff;--mid:#9990c9;--dark:#342759;width:48px;height:48px}.planet-3 .planet-orb{--surface:#e9c9e8;--mid:#ac7cba;--dark:#3c2b5e;width:76px;height:76px}.planet-3 .planet-orb:after{content:'';position:absolute;width:125px;height:36px;left:-25px;top:20px;border:7px double #e5c7eb77;border-top-color:#f5e5ff99;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 15px #e0bee329;z-index:2}.planet-4 .planet-orb{--surface:#b7f1ef;--mid:#6dabae;--dark:#163b58;width:47px;height:47px}.planet-5 .planet-orb{--surface:#f4d7be;--mid:#bb928f;--dark:#493246;width:61px;height:61px}.planet-6 .planet-orb{--surface:#c3dbff;--mid:#7396c7;--dark:#223159;width:52px;height:52px}.planet-6 .planet-orb:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;left:66px;top:0;background:#d9d6e6;box-shadow:0 0 10px #e4d6ed55;transform:none}.expanded-galaxy{position:fixed;inset:14px;width:calc(100vw - 28px);height:calc(100dvh - 28px);max-height:none;z-index:1000;border-radius:20px;box-shadow:0 0 0 30px #050713f5}.expanded-galaxy .galaxy-toolbar{inset-block-start:25px}.galaxy-open .topbar{visibility:hidden}
/* Album chapters have distinct light, spacing, and materials. */
.family-section{border-top:0;padding-top:115px;background:radial-gradient(ellipse at 50% 46%,#bf8fa018,transparent 67%)}.family-heading{max-width:660px;margin:0 auto 45px}.family-heading>p:last-child{font-size:14px;line-height:1.95;color:#aeb7cb}.pencil-heart{font-size:44px;color:var(--pink)}.family-paper{border:1px solid #ead3dd40;padding:12px 12px 0;max-width:1030px;transform:rotate(-1deg);background:linear-gradient(135deg,#fff8f0,#f1e8e5);box-shadow:0 35px 100px #0005,0 0 60px #dba9c80d;border-radius:5px}.family-paper img{border-radius:2px}.family-paper figcaption{padding:20px 18px 23px;color:#463d48}.family-paper figcaption>span{font:italic 30px var(--serif)}.family-paper figcaption small{font-size:9px;letter-spacing:1px;margin-top:8px;color:#746774}.distance-story{margin-top:70px;padding:36px 0;border-block:1px solid #c7cfe51c;gap:60px}.distance-story h3{font-size:37px}.distance-story p{font-size:13px;line-height:1.95}.country{font-size:11px}.country-flag{filter:drop-shadow(0 4px 10px #0004);border-radius:2px}.story-section{border-top:0;gap:10%;padding-block:110px}.story-intro{position:sticky;top:130px;align-self:start}.story-intro h2{max-width:400px}.timeline{border-inline-start:1px solid #e7c3dc2e}.timeline-item{padding-bottom:43px}.timeline-item h3{font-size:28px;margin-bottom:12px}.timeline-item p{font-size:13px;line-height:1.95;color:#aeb9cf}.timeline-item small{font-size:8px;letter-spacing:2px}.timeline-item:before{box-shadow:0 0 0 7px #161225,0 0 25px #edb8d330}.truck-art{max-width:130px}.truck-art img{max-height:86px}.truck-art>span:last-child{font-size:16px}
.memory-chapters{padding-top:20px;padding-bottom:30px}.memory-chapters>article{margin-bottom:110px}.chapter-copy p{font-size:14px;line-height:1.95;color:#b0bacf}.chapter-copy h2{font-size:clamp(38px,4vw,58px)}.scrap-feature{border:1px solid #e2d2e340;box-shadow:0 25px 65px #0005;padding:7px;background:#e9e3e8;border-radius:4px;transition:transform .4s,box-shadow .4s}.scrap-feature:hover{transform:translateY(-6px) rotate(0deg);box-shadow:0 30px 70px #0006}.scrap-feature>span{font:italic 18px var(--serif);color:#55475c;padding:9px 4px}.minecraft-spread{position:relative}.minecraft-spread:before{content:'';position:absolute;inset:-40px -5%;background:radial-gradient(ellipse at 70% 50%,#899ad91a,transparent 65%);z-index:-1}.flowers-spread{gap:5%}.flower-doodle{font-size:33px;letter-spacing:10px;color:#e5b6cf}.flower-detail{max-width:210px}.sunset-card{box-shadow:0 30px 65px #0005;border-width:8px;transform:rotate(-5deg)}.bear-hug{background:radial-gradient(ellipse,#ebbad91a,transparent 70%)}.bear-hug img{max-height:285px;filter:drop-shadow(0 15px 35px #0004)}.snack-doodles{font-size:26px;letter-spacing:10px}
.memories-section{border-top:1px solid #ccd6ed16;background:radial-gradient(ellipse at 20% 30%,#4c345820,transparent 65%)}.gallery{gap:20px;align-items:start}.memory.paper-memory{border-radius:4px;padding:7px;background:#eae4ea;box-shadow:0 16px 40px #0003;border:1px solid #f1dfe530;transform:rotate(-1.3deg);transition:transform .4s,box-shadow .4s}.memory.paper-memory:nth-child(even){transform:rotate(1.4deg);margin-top:32px}.memory.paper-memory:nth-child(4n+3){transform:rotate(.6deg)}.memory.paper-memory:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 20px 60px #0006;z-index:2}.memory-image{border-radius:1px}.memory-note{color:#504457;font:italic 18px/1.5 var(--serif);padding:12px 8px 8px;margin:0}.gallery-toolbar{border-bottom:1px solid #b6def51a;padding-bottom:20px;margin-bottom:16px}.filters button{border-radius:30px;padding:8px 17px;font-size:11px}.filters button.active{color:#e4c8dd;border-color:#e8c0db4d;background:#dbaed318}.gallery-tip{font-size:10px;color:#8f9bb4}.secondary{border-radius:30px;border-color:#c8d4ed3d}
.letters-section{position:relative;border-top:0;background:radial-gradient(ellipse at 50% 80%,#d5a9cf17,transparent 65%);padding-block:110px}.letters-heading{max-width:630px}.envelopes{gap:23px}.envelope{border-radius:7px;min-height:260px;background:linear-gradient(145deg,#282034,#161b2d);border:1px solid #d1aaca38;padding:36px 25px;box-shadow:0 20px 45px #0003;transition:transform .45s,border-color .45s}.envelope:before{border-color:#e5bfd326}.envelope:hover{transform:translateY(-10px) rotate(-1deg);border-color:#edc6df88}.wax{background:radial-gradient(circle at 35% 30%,#e9bacf,#b47f9e 65%,#76516d);color:#fff1f7;border:1px solid #e8c4d370;box-shadow:0 5px 14px #0003,inset 0 0 0 4px #d49bb842;font-size:27px;width:52px;height:52px}.envelope-title{font:30px/1.2 var(--serif);color:#f1dce9}.envelope small{font-size:8px;letter-spacing:2px;color:#bfa8bf}.letter-dialog{background:radial-gradient(ellipse at 85% 0,#40273a35,transparent 55%),#101425;border-color:#d6b8d338;box-shadow:0 30px 130px #000b}.letter-heart{text-shadow:0 0 25px #e9b8d13d}.love-letter h2{color:#f1deec}.love-letter p{color:#cbd0df}
.favorites-section{padding-block:85px;border-block:1px solid #c8d4ed15;gap:10%}.favorites-row{gap:10px}.favorite{border:1px solid #b5c9e822;background:#11182766;border-radius:30px;padding:10px 16px;font-size:11px}.favorite>span:first-child{font-size:21px}.handwritten-note{padding:36px;border-radius:50% 50% 3px 3px;border-color:#d2b6cf38;max-width:290px;box-shadow:0 20px 60px #0002}.handwritten-note p{font:italic 29px/1.35 var(--serif);color:#edc7df}.songs-section{gap:9%;padding-block:115px}.song-intro h2{font-style:italic}.record{box-shadow:0 20px 60px #0005,0 0 70px #dabbd50b}.record-label{background:radial-gradient(circle,#d9b6d5,#a18ead);color:#1b1525}.track{border-bottom-color:#b6def516;padding-block:15px;transition:background .25s,padding .25s}.track:hover{background:#d1b5db0a;padding-inline:10px}.track-num{color:#9daac5;font-size:10px}.track-title{font-size:13px}.track-artist{font-size:11px;color:#8f9cb5}.track-arrow{color:#edbed9}.song-help{font-size:10px!important}.future-section{max-width:none;padding:135px 15% 150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#6e487a35,transparent 64%),radial-gradient(ellipse at 50% 15%,#4f76a51b,transparent 50%);border-top:1px solid #ccd6ed16}.future-section:before{content:'';position:absolute;width:850px;height:850px;left:50%;top:55%;transform:translate(-50%,-50%);border:1px solid #d5b6d51c;border-radius:50%;pointer-events:none;box-shadow:0 0 0 90px #c8c5ed03,0 0 0 180px #c8c5ed02}.future-section h2{font-size:clamp(48px,5.5vw,80px);max-width:800px;margin:0 auto 30px}.future-copy{font-size:14px;line-height:2;max-width:620px;position:relative}.future-path{font-size:10px;gap:22px}.future-ar{font-size:21px;color:#d2dff2}.signature{font-size:34px;color:#edc9df}.future-section>button{position:relative}footer{background:#070914;padding:48px 7%;border-top:1px solid #b6def519}footer p{font-size:10px;color:#8e99b1}.cosmic-reveal{transition:transform .8s,filter .8s}.cosmic-reveal.cosmic-in{animation:cosmic-entrance .9s both}@keyframes cosmic-entrance{from{filter:brightness(.7);translate:0 24px}to{filter:brightness(1);translate:0 0}}
@media(min-width:1600px){.galaxy-shell{height:800px}}
@media(max-width:1050px){.topbar nav{gap:17px}.hero{padding-inline:6%;gap:2%}h1{font-size:80px}.hero-art{width:100%}.brand-note{display:none}.galaxy-shell{height:670px}.planet{max-width:140px}.section-wrap{padding-inline:7%}.universe-section{padding-inline:4%}.story-intro{top:110px}}
@media(max-width:760px){.topbar{height:68px;padding-inline:6%;gap:10px}.brand{font-size:25px}.brand-star{font-size:25px;margin-right:0}.tools{gap:7px}.sound span{font-size:9px}select{font-size:10px}.hero{padding:55px 8% 65px;display:flex;flex-direction:column;gap:40px;min-height:auto}.hero-copy{width:100%}h1{font-size:clamp(61px,12vw,85px);letter-spacing:-2px;line-height:1;max-width:520px;margin-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px}.hero-ar{font-size:19px}.hero-description{font-size:13px;line-height:1.9;max-width:440px}.hero-art{width:100%;max-width:400px;aspect-ratio:1;max-height:none;margin:0 auto 30px}.hero-photo{width:63%;height:78%;border-radius:48% 48% 43% 43%;transform:rotate(-6deg)}.portrait-topnote{top:-2%;font-size:19px}.float-label{font-size:17px;padding:10px 15px}.float-label span{font-size:8px}.float-blue{left:-1%;top:64%}.float-pink{right:0;top:18%}.photo-sign{font-size:28px;bottom:25px}.art-caption{bottom:-7%;right:0;max-width:165px}.art-caption p{font-size:21px}.hero-foot{font-size:8px;gap:8px;flex-wrap:wrap}.scroll-cue{display:none}.section-wrap{padding-block:75px;padding-inline:7%}h2{font-size:43px;letter-spacing:-.7px}.section-heading{display:block}.section-heading>p{max-width:100%;font-size:12px}.universe-section{padding-inline:4%;padding-top:45px;padding-bottom:55px}.universe-section>.section-heading{padding-inline:4%;margin-bottom:28px}.galaxy-shell{height:670px}.galaxy{height:100%;border-radius:20px;margin:0}.galaxy-toolbar{inset:18px 17px auto}.galaxy-toolbar>span{font-size:7px;letter-spacing:1.8px}.galaxy-toolbar button{padding:8px 11px;font-size:10px}.galaxy-core{width:150px;top:45%;height:130px}.galaxy-core>span{font-size:46px}.galaxy-core small{font-size:8px;max-width:130px;letter-spacing:.4px}.planet{padding:10px;gap:8px;min-width:90px;max-width:115px}.planet-orb{width:48px;height:48px}.planet-heart{font-size:13px}.planet-title{font-size:9px;padding:4px 8px;letter-spacing:0;max-width:105px}.planet-0{left:17%!important;top:29%!important}.planet-1{left:22%!important;top:60%!important}.planet-2{left:46%!important;top:17%!important}.planet-3{left:80%!important;top:29%!important}.planet-4{left:83%!important;top:58%!important}.planet-5{left:65%!important;top:77%!important}.planet-6{left:29%!important;top:83%!important}.planet-1 .planet-orb{width:44px;height:44px}.planet-2 .planet-orb{width:37px;height:37px}.planet-3 .planet-orb{width:53px;height:53px}.planet-3 .planet-orb:after{width:86px;height:24px;border-width:5px;left:-17px;top:15px}.planet-4 .planet-orb{width:38px;height:38px}.planet-5 .planet-orb{width:47px;height:47px}.planet-6 .planet-orb{width:42px;height:42px}.planet-6 .planet-orb:after{left:49px;width:6px;height:6px}.galaxy-hint{bottom:18px;font-size:8px;left:8%;right:8%;line-height:1.6}.constellation-progress{max-width:260px;font-size:8px}.expanded-galaxy{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:15px}.expanded-galaxy .galaxy-toolbar{inset:18px 15px auto}.family-section{padding-top:65px}.family-heading{margin-bottom:30px}.family-heading>p:last-child{font-size:13px}.family-paper{padding:6px 6px 0;transform:rotate(-1deg);width:100%}.family-paper figcaption{padding:16px 8px}.family-paper figcaption>span{font-size:23px}.family-paper figcaption small{font-size:8px;letter-spacing:0}.distance-story{margin-top:40px;padding-block:28px;gap:30px}.distance-story h3{font-size:31px}.distance-story p{font-size:12px}.story-section{padding-block:65px;gap:40px}.story-intro{position:static}.story-intro h2{max-width:350px}.timeline-item h3{font-size:27px}.timeline-item p{font-size:12px}.memory-chapters{padding-top:10px;padding-bottom:10px}.memory-chapters>article{margin-bottom:75px}.chapter-copy h2{font-size:39px}.chapter-copy p{font-size:13px}.scrap-feature>span{font-size:17px}.flower-detail{max-width:160px}.bear-hug img{max-height:250px}.gallery{gap:14px}.memory.paper-memory{padding:5px}.memory.paper-memory:nth-child(even){margin-top:20px}.memory-note{font-size:17px;padding:10px 6px}.letters-section{padding-block:75px}.envelopes{gap:16px}.envelope{min-height:150px;padding:25px;grid-template-columns:60px 1fr;border-radius:7px}.envelope-title{font-size:29px}.wax{width:45px;height:45px;font-size:24px}.envelope small{font-size:7px}.favorites-section{gap:40px;padding-block:65px}.favorite{padding:8px 13px;font-size:10px}.handwritten-note{max-width:250px}.songs-section{padding-block:75px;gap:35px}.song-intro{max-width:100%}.record{width:170px;height:170px}.track{padding-block:13px}.track-title{font-size:12px}.track-artist{font-size:10px}.future-section{padding:95px 8% 105px}.future-section h2{font-size:49px}.future-copy{font-size:13px;line-height:1.95}.future-path{font-size:9px;gap:13px;flex-wrap:wrap}.future-ar{font-size:18px}.signature{font-size:29px}.future-section:before{width:560px;height:560px}.letters-heading .eyebrow{line-height:1.8}.letter-dialog{width:91vw}.love-letter h2{font-size:36px}footer{padding-block:35px}[dir=rtl] h1{font-size:57px;line-height:1.5;letter-spacing:0}[dir=rtl] .galaxy-core>span{font-size:46px}[dir=rtl] .planet-title{font-size:10px;line-height:1.7}[dir=rtl] h2{font-size:35px;line-height:1.5;letter-spacing:0}[dir=rtl] .envelope-title{font-size:23px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.cosmic-reveal.cosmic-in{animation:none}.planet-orb,.envelope,.memory.paper-memory,.primary{transition:none}.hero-art .orbit{animation:none}}
/* Resolve inherited rules from the original layout. */
.primary{color:#f2e7f1}.float-pink{bottom:auto;left:auto;min-height:0;width:max-content;max-width:160px}.float-blue{bottom:auto;right:auto;min-height:0;width:max-content}.art-caption{bottom:-8%;right:1%}.galaxy .planet .planet-orb{background:radial-gradient(circle at 28% 24%,#ffffffa8 0,transparent 27%),radial-gradient(circle at 32% 30%,var(--surface),var(--mid) 37%,var(--dark) 69%,#030716 88%)}.galaxy .planet .planet-title:after{content:none}
@media(max-width:760px){.art-caption{bottom:-9%;right:0}.float-pink{max-width:125px}}
/* Let her portrait appear in the first mobile view, before the longer letter. */
@media(max-width:760px){.hero{display:grid;grid-template-columns:1fr;gap:22px;padding-top:38px}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1;margin-bottom:0}.hero-copy>h1{grid-row:2;font-size:clamp(55px,12vw,77px);margin:0;line-height:1;max-width:100%}.hero-art{grid-row:3;width:90%;max-width:350px;margin:8px auto 32px}.hero-copy>.hero-ar{grid-row:4;margin:0}.hero-copy>.hero-description{grid-row:5;margin:0}.hero-copy>.primary{grid-row:6;justify-self:start}.hero-copy>.hero-foot{grid-row:7;margin:0}[dir=rtl] .hero-copy>h1{font-size:48px;line-height:1.4}}