@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-cyrillic-400-normal-DD2KOZkl.woff2) format("woff2"),url(./cormorant-garamond-cyrillic-400-normal-CVFrM67f.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-400-normal-B-1hWBU7.woff2) format("woff2"),url(./cormorant-garamond-latin-400-normal-B7YtguxJ.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-cyrillic-400-italic-D3GtrbRZ.woff2) format("woff2"),url(./cormorant-garamond-cyrillic-400-italic-AH1vqu4S.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2) format("woff2"),url(./cormorant-garamond-latin-400-italic-BLh7T8o8.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-cyrillic-400-normal-BMzJvInZ.woff2) format("woff2"),url(./manrope-cyrillic-400-normal-Dvx59UGC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(./manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-cyrillic-500-normal-B1OEZity.woff2) format("woff2"),url(./manrope-cyrillic-500-normal-CNwnNrRC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(./manrope-latin-500-normal-DMZssgOp.woff) format("woff")}:root{font-family:Manrope,sans-serif;color:#f5ebdb;background:#111d2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--serif: "Cormorant Garamond", Georgia, serif;--cream: #f5ebdb;--ink: #554238;--muted: #816552}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #edbd99;outline-offset:7px}button{cursor:pointer}button:disabled{cursor:default}::selection{color:#fff5e9;background:#926d64}p,h1,h2{margin:0}em{font-weight:400}.postcard{overflow:clip}.intro{position:relative;isolation:isolate;display:flex;min-height:760px;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;padding:105px 26px 150px;background:linear-gradient(180deg,#111d2c 8%,#192838 62%,#485059)}.dawn-glow{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#172133,#2f3044 45%,#805c68 75%,#dfac8d);opacity:0;transition:opacity 1.65s .65s ease}.is-open .dawn-glow{opacity:1}.stars{position:absolute;z-index:-1;top:0;left:50%;width:min(100%,680px);height:100%;transform:translate(-50%);color:#e6cfb1;opacity:.65;transition:opacity 2s .45s;pointer-events:none}.is-open .stars{opacity:.28}.star-twinkle{animation:star-twinkle 6s ease-in-out infinite}.star-twinkle:nth-of-type(4){animation-duration:8s;animation-delay:-3s}.star-twinkle:nth-of-type(8){animation-duration:7s;animation-delay:-5s}.star-twinkle:nth-of-type(10){animation-duration:9s;animation-delay:-2s}.masthead{position:absolute;top:calc(29px + env(safe-area-inset-top));display:flex;align-items:center;gap:12px;color:#c9bfae}.masthead span,.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase}.masthead svg{width:18px;height:18px;color:#ddbc94}.intro-content{position:relative;z-index:2;width:100%;max-width:410px;text-align:center}.intro-eyebrow{color:#c9bba9}.envelope{padding-top:14px;animation:arrive 1.2s ease both}h1{font-family:var(--serif);font-weight:400;font-size:clamp(78px,20vw,108px);line-height:.96;letter-spacing:-3px}.envelope h1{margin-top:28px}.envelope h1 em{color:#edc6a4}.intro-copy{margin-top:26px;font-size:14px;line-height:1.9;color:#d1cbd0}.open-button{display:inline-flex;min-height:56px;min-width:182px;align-items:center;justify-content:space-between;gap:28px;margin-top:37px;padding:16px 23px;border:1px solid #9a9184;border-radius:100px;color:var(--cream);background:#f5ebdb06;font-size:12px;letter-spacing:.4px;transition:background .2s,border-color .2s,transform .2s}.open-button:active{transform:scale(.97);background:#f5ebdb15}.arrow{flex-shrink:0}.arrow-down{transform:rotate(90deg)}.intro-footer{position:absolute;z-index:2;bottom:calc(27px + env(safe-area-inset-bottom));padding:0 20px;font-size:9px;letter-spacing:1px;color:#b0b8bb;text-align:center}.landscape{display:block;width:100%;pointer-events:none}.landscape-night{position:absolute;z-index:-1;bottom:0;height:220px;opacity:.72;transition:opacity 2.5s}.is-open .landscape-night{opacity:.47}.dawn-shore{position:absolute;z-index:1;bottom:-1px;left:0;display:block;width:100%;height:94px;pointer-events:none;animation:shore-arrive 1.6s .7s ease both}.hug-note>.intro-eyebrow{display:inline-block;animation:arrive .7s .15s ease both}.hug-title{position:relative;margin-top:28px}.hug-note h1{position:relative;font-size:clamp(82px,22vw,112px);outline:none;animation:hug-word 1.1s .25s ease both}.embrace{position:absolute;top:50%;left:50%;width:calc(100% + 48px);transform:translate(-50%,-50%);pointer-events:none}.embrace svg{display:block;width:100%;overflow:visible}.embrace-halo{position:absolute;inset:-25% -15%;border-radius:50%;background:radial-gradient(ellipse,#f1b7842e 0%,#edb68d0c 40%,transparent 70%);opacity:0;animation:embrace-warmth 2.3s ease-out both}.embrace-arc{transform-origin:220px 120px;opacity:0;animation:embrace-in 2.2s cubic-bezier(.22,.61,.36,1) both}.embrace-left{--embrace-from: -65px}.embrace-right{--embrace-from: 65px}.embrace-trace{stroke-dasharray:1;animation:embrace-trace 1.55s ease-out both}.warm-period{color:#efbd98}.letter-copy{margin-top:26px;font-size:14px;line-height:1.9;color:#e2d9d9;animation:arrive .8s 1.15s ease both}.letter-copy p+p{margin-top:20px}.hug-signature{margin-top:24px;font-family:var(--serif);font-size:30px;line-height:1.2;animation:arrive .8s 1.35s ease both}.hug-signature em{color:#f1c4a5}.scroll-link{display:inline-flex;flex-direction:column;align-items:center;gap:10px;min-height:48px;margin-top:29px;padding:5px 16px;color:#e4c7b8;text-decoration:none;animation:arrive .8s 1.5s ease both}.scroll-link span{font-size:9px;letter-spacing:1.1px}.scroll-link svg{opacity:.75}.morning{color:var(--ink);background:#f7eddf}.paper{position:relative;isolation:isolate}.paper:before,.paper:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}.paper:before{background:radial-gradient(ellipse at 10% 18%,#fffcf3b3,transparent 66%),radial-gradient(ellipse at 100% 65%,#c7a77c26,transparent 75%)}.paper:after{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.72'%20numOctaves='3'%20seed='17'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3c/filter%3e%3cpath%20fill='%23fff'%20filter='url(%23grain)'%20d='M0%200h160v160H0z'/%3e%3c/svg%3e") repeat;background-size:160px 160px;opacity:.1;mix-blend-mode:multiply}.wishes{padding:68px 27px 72px;max-width:480px;margin-inline:auto;text-align:center;scroll-margin-top:18px}.section-marker{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:47px;color:#ac805e}.section-marker span{width:45px;height:1px;background:#d8c4ac}.wishes .eyebrow,.pyramids .eyebrow{color:#85674f;font-size:8px;letter-spacing:1.9px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(43px,11vw,54px);line-height:1.04;letter-spacing:-1.4px}.wishes h2{margin-top:23px}.wishes h2 em{color:#9a6a51}.wish-intro{margin-top:22px;font-size:12px;color:var(--muted);line-height:1.8}.wish-list{margin-top:35px;text-align:left}.wish{display:flex;align-items:baseline;gap:21px;border-top:1px solid #ddccba;padding:23px 0}.wish:last-child{border-bottom:1px solid #ddccba}.wish-number{font-family:var(--serif);font-style:italic;color:#967257;font-size:19px}.wish p{font-size:13px;line-height:1.8}.wish-aside{display:block;margin-top:5px;color:var(--muted);font-size:12px}.wish p em{font-family:var(--serif);font-size:26px;color:#94654b;line-height:1.5}.coffee{margin-top:35px;color:#a77d5e}.steam{opacity:.65;animation:steam-rise 3.6s ease-in-out infinite}.steam-second{animation-delay:-1.8s}.quiet-wish{margin-top:19px;font-size:12px;line-height:1.9;color:var(--muted)}.pyramids{position:relative;padding-top:58px;text-align:center;background:linear-gradient(180deg,#f7eddf,#f0dbc0 43%,#e9bc98 76%)}.pyramids:before{content:"";position:absolute;top:0;left:calc(50% - 22px);width:44px;height:1px;background:#d8c4ac}.pyramids>.eyebrow{padding-inline:18px}.pyramids h2{margin-top:23px;padding-inline:15px;font-size:clamp(42px,11vw,56px)}.remember{margin-top:20px;font-family:var(--serif);font-style:italic;font-size:24px;color:#8d654f}.pyramid-copy{position:relative;z-index:1;margin-top:29px;padding:0 22px;font-size:13px;line-height:1.9}.pyramid-copy p+p{margin-top:20px;font-size:11px;color:#785846}.day-scene{width:100%;height:290px;margin-top:4px}.landscape-day{height:100%}.sun-layer{transform:translateY(calc(var(--scene-depth, 0) * -3px))}.horizon-layer{transform:translateY(calc(var(--scene-depth, 0) * -5px))}.pyramid-layer{transform:translateY(calc(var(--scene-depth, 0) * -8px))}.dune-layer{transform:translateY(calc(var(--scene-depth, 0) * -16px))}.sun-rise{opacity:.55;transform:translateY(44px);transition:transform 4.5s cubic-bezier(.22,.61,.36,1),opacity 3.5s ease}.sun-warmth{opacity:0;transition:opacity 4.5s ease}.has-risen .sun-rise{opacity:1;transform:translateY(0)}.has-risen .sun-warmth{opacity:1}.face-light,.face-shade{opacity:0;transition:opacity 3.8s .45s ease}.has-risen .face-light{opacity:.86}.has-risen .distant-light{opacity:.6}.has-risen .face-shade{opacity:.4}.ridge-glint{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}.has-risen .ridge-glint{animation:ridge-glint 3.4s .75s ease both}.sand-texture{opacity:.09;mix-blend-mode:multiply}.sand-grain{opacity:0;animation:sand-drift var(--grain-duration) var(--grain-delay) ease-in-out infinite;animation-play-state:paused}.scene-active .sand-grain{animation-play-state:running}.closing{padding:22px 20px calc(40px + env(safe-area-inset-bottom));background:#bd876a;color:#392a23}.closing svg{width:17px;height:17px}.closing p{margin-top:16px;font-family:var(--serif);font-size:36px}.closing span{display:inline-block;margin-top:11px;font-size:10px;letter-spacing:.2px}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hug-word{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes embrace-in{0%{opacity:0;transform:translate(var(--embrace-from)) scale(1.08)}20%{opacity:.6}48%,62%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0) scale(1.06)}}@keyframes embrace-trace{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes embrace-warmth{0%{opacity:0;transform:scale(.75)}45%{opacity:1}to{opacity:0;transform:scale(1.5) translateY(22%)}}@keyframes steam-rise{0%{opacity:0;transform:translate(-1px,4px)}35%{opacity:.7}65%{opacity:.5}to{opacity:0;transform:translate(1px,-4px)}}@keyframes star-twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes sand-drift{0%{opacity:0;transform:translate(-22px,6px)}25%{opacity:.6}65%{opacity:.45}to{opacity:0;transform:translate(55px,-7px)}}@keyframes shore-arrive{0%{opacity:0}to{opacity:1}}@keyframes ridge-glint{0%{opacity:0;stroke-dashoffset:1}30%{opacity:.9}65%{opacity:.6;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@media(hover:hover){.open-button:hover{background:#f5ebdb12;border-color:#efd2b3;transform:translateY(-2px)}.scroll-link:hover{color:#fff0df}}@media(min-width:700px){.intro{padding-top:120px;padding-bottom:160px}.landscape-night{height:250px}.day-scene{height:370px}.landscape-day{max-width:1100px;margin-inline:auto}.pyramids{background:linear-gradient(180deg,#f7eddf,#f0dbc0 43%,#e9bc98 60%,#bd876a 94%)}}@media(max-height:740px)and (max-width:699px){.intro{padding-top:100px;padding-bottom:115px}.masthead{top:calc(22px + env(safe-area-inset-top))}.envelope h1{margin-top:23px;font-size:76px}.intro-copy{margin-top:22px}.open-button{margin-top:28px}.hug-title{margin-top:18px}.hug-note h1{font-size:78px}.letter-copy{margin-top:20px;font-size:13px}.letter-copy p+p{margin-top:14px}.hug-signature{margin-top:19px;font-size:28px}.scroll-link{margin-top:18px}.landscape-night{height:175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.day-scene .sun-rise,.day-scene .sun-warmth{opacity:1;transform:none}.sun-layer,.horizon-layer,.pyramid-layer,.dune-layer{transform:none}.day-scene .face-light{opacity:.86}.day-scene .distant-light{opacity:.6}.day-scene .face-shade{opacity:.4}.sand{display:none}}