:root{--pink:#f9d7e7;--pale:#fff2f7;--raspberry:#991d5c;--plum:#411c39;--gold:#f1cf73;--sky:#c8e4ee;--paper:#fffafc;--body:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--pink);color:var(--plum);font-family:var(--body);font-size:1rem;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--raspberry);outline-offset:6px}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1 em,h2 em{font-weight:400;color:var(--raspberry)}.skip{position:fixed;left:1rem;top:-5rem;background:var(--paper);padding:1rem;z-index:20}.skip:focus{top:1rem}.header{max-width:1440px;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #411c3926}.wordmark{font-family:var(--serif);font-style:italic;font-size:2.2rem;text-decoration:none;letter-spacing:-.06em;line-height:1.1}.wordmark span{display:inline-block;font-style:normal;color:var(--raspberry);font-size:1.4rem;margin-left:8px;vertical-align:top}.header nav{display:flex;gap:2.5rem;font-size:.9rem}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.occasion{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.occasion span{font-size:1.5rem;vertical-align:middle;margin-left:14px}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.8;margin-bottom:2rem}.handwritten{font-family:var(--serif);font-style:italic}.hero{max-width:1440px;margin:auto;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3%;padding:70px 6% 95px;min-height:730px}.mini-line{display:inline-block;width:28px;height:1px;background:var(--raspberry);vertical-align:middle;margin-right:10px}.hero-copy{position:relative;z-index:2}.birthday{font-size:1.35rem;color:var(--raspberry);margin-bottom:8px}h1{font-size:clamp(5rem,8.2vw,8rem);line-height:1.07;letter-spacing:-.075em;margin-bottom:24px}h1 em{display:block}.hero-line{font-family:var(--serif);font-size:2rem;line-height:1.3;margin-bottom:24px}.hero-description{font-size:1rem;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;text-decoration:none;background:var(--raspberry);color:#fff5fa;border:1px solid var(--raspberry);border-radius:100px;padding:16px 26px;font-size:.9rem;cursor:pointer;transition:transform .2s,background .2s;min-height:52px}.button:hover{background:#711242;transform:translateY(-2px)}.button span{font-size:1.4rem;line-height:1}.sign-note{margin:13px 0 0 24px;font-size:1.15rem;transform:rotate(-4deg);width:fit-content}.hero-art{position:relative;padding:0 20px 24px 40px;margin-top:15px}.hero-art::before{content:'';position:absolute;inset:25px 0 30px 55px;background:var(--sky);transform:rotate(5deg);border-radius:180px 180px 12px 12px}.main-print{position:relative;transform:rotate(-4deg);background:var(--paper);padding:12px 12px 16px;box-shadow:0 16px 40px #411c391c}.main-print img{aspect-ratio:3/4;object-fit:cover;object-position:50% 46%;border-radius:160px 160px 0 0}.main-print figcaption{font:italic 1.03rem var(--serif);text-align:center;padding-top:14px}.little-print{position:absolute;bottom:-2%;left:-10%;background:var(--paper);width:39%;padding:8px 8px 12px;transform:rotate(9deg);box-shadow:0 10px 30px #411c3930}.little-print img{aspect-ratio:1/1.1;object-fit:cover;object-position:center 70%}.little-print figcaption{text-align:center;font:italic 1rem var(--serif);padding-top:8px}.sun-stamp{position:absolute;z-index:1;right:-10px;top:-46px;color:var(--raspberry);font-size:110px;line-height:1;text-shadow:4px 4px var(--gold);transform:rotate(15deg)}.hero-heart{position:absolute;bottom:-20px;right:10px;font-size:70px;line-height:1;transform:rotate(-15deg);color:var(--raspberry)}.scroll-note{position:absolute;bottom:22px;left:6%;font-size:.78rem;letter-spacing:.04em;text-decoration:none}.scroll-note span{margin-left:10px}.ribbon{display:flex;justify-content:space-evenly;gap:35px;overflow:hidden;padding:17px 20px;background:var(--raspberry);color:var(--pale);font-size:.75rem;letter-spacing:.15em;white-space:nowrap}.ribbon span:nth-child(even){color:var(--gold);font-size:1rem;line-height:1.4}.letter-section{background:var(--pale);padding:105px 6% 110px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:start}.section-intro{max-width:480px;justify-self:end;position:sticky;top:80px}.section-intro h2,h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.13;letter-spacing:-.05em;margin-bottom:24px}.section-intro p:last-child{font-size:1rem;max-width:28ch}.letter-wrap{position:relative;width:100%;max-width:680px;padding-right:18px}.letter-wrap::before{content:'';position:absolute;inset:20px 0 -14px 22px;background:#ecc5d8;transform:rotate(2deg)}.letter{background:var(--paper);border:1px solid #d8aac040;padding:45px 44px 35px;position:relative;box-shadow:0 8px 28px #411c3908;font-family:var(--serif);font-size:1.12rem;line-height:1.85}.letter-date{font-family:var(--body);font-size:.75rem;letter-spacing:.13em;padding-bottom:20px;border-bottom:1px solid #411c391f;margin-bottom:25px}.letter h3{font-size:2rem;font-style:italic;margin-bottom:20px}.letter p{margin-bottom:20px}.letter-signature{margin-top:30px!important}.letter-signature em{font-size:1.9rem;color:var(--raspberry)}.letter-decoration{position:absolute;right:-8px;top:-45px;z-index:1;transform:rotate(15deg);font:5rem var(--serif);color:var(--raspberry)}.moments-section{max-width:1440px;padding:95px 6% 100px;margin:auto}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.gallery-heading h2{font-size:clamp(3rem,4.5vw,4.5rem);margin:0}.gallery-note{max-width:30ch;margin:0 0 6px;font-size:1rem}.gallery-note .handwritten{display:block;color:var(--raspberry);margin-top:15px;font-size:1.02rem}.featured-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:20px 0 65px}.photo-card{padding:10px 10px 16px;background:var(--paper);border:0;box-shadow:0 5px 15px #411c3914;cursor:pointer;transition:transform .25s;text-align:center}.photo-card img{aspect-ratio:3/4;object-fit:cover}.photo-card:first-child{transform:rotate(-3deg)}.photo-card:nth-child(2){transform:rotate(2deg);margin-top:22px}.photo-card:nth-child(3){transform:rotate(-2deg)}.photo-card:hover{transform:rotate(0deg) translateY(-6px)}.photo-card .handwritten{display:block;font-size:1.1rem;margin-top:16px}.album-header{border-top:1px solid #411c3930;padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.album-header h3{font-size:1.6rem;margin:0}.album-count{font-size:.8rem}.album{columns:4;column-gap:22px}.album-item{display:inline-block;width:100%;break-inside:avoid;margin-bottom:24px;text-align:left;background:transparent;padding:0;border:0;cursor:pointer}.album-item img{border-radius:3px;transition:filter .2s}.album-item:hover img{filter:brightness(1.06)}.album-item span{display:block;padding:9px 1px 0;font-size:.84rem}.closing{padding:85px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--raspberry);color:var(--pale);align-items:center}.closing figure{background:var(--paper);padding:12px 12px 20px;transform:rotate(-4deg);color:var(--plum);box-shadow:0 15px 40px #411c3929}.closing figure img{aspect-ratio:5/4;object-fit:cover}.closing figcaption{text-align:center;padding-top:15px;font-size:1.08rem}.closing h2{font-size:clamp(2.5rem,4vw,4rem);color:var(--pale)}.closing h2 em{color:var(--gold)}.closing .eyebrow{font-size:.75rem;margin-bottom:22px}.closing-wish{font-size:1.5rem;line-height:1.4;margin:25px 0}.closing .button{background:var(--pink);color:var(--plum);border-color:var(--pink)}.closing .button:hover{background:var(--paper)}.wish-message{font-size:.9rem;min-height:30px;margin:16px 0 0;max-width:35ch}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:32px 6%;font-size:.8rem}footer p{margin:0}footer>a:last-child{text-decoration:none;font-size:.78rem}
dialog{border:0;background:var(--pale);color:var(--plum);padding:0;max-width:1100px;width:94vw;max-height:95dvh;border-radius:8px}dialog::backdrop{background:#220c1dd9;backdrop-filter:blur(6px)}.viewer-shell{padding:20px}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.viewer-top{margin-bottom:15px}.viewer-top p{font-size:.8rem;margin:0}.viewer-top button,.viewer-bottom button{background:transparent;border:1px solid #411c3926;border-radius:30px;padding:10px 16px;cursor:pointer;font-size:.9rem;min-height:44px}.viewer-image img{width:100%;height:70dvh;object-fit:contain}.viewer-bottom{margin-top:15px}.viewer-bottom p{font:italic 1.2rem var(--serif);margin:0;text-align:center}.confetti{pointer-events:none;position:fixed;top:-15px;width:9px;height:13px;z-index:30;animation:fall 2.8s ease-in forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:0}}
@media(min-width:1600px){.letter-section{padding-left:calc((100vw - 1268px)/2);padding-right:calc((100vw - 1268px)/2)}.closing{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}
@media(max-width:1000px){.hero{gap:5%;padding-top:60px;min-height:680px}.hero-description br{display:none}.hero-art{padding-left:15px;padding-right:8px}.little-print{left:-6%;bottom:-4%}.sun-stamp{font-size:80px;top:-32px}.hero h1{font-size:6rem}.letter-section{grid-template-columns:1fr;gap:25px;padding:70px 7%}.section-intro{position:static;justify-self:start;max-width:100%}.section-intro h2 br{display:none}.letter-wrap{margin:auto;max-width:760px}.album{columns:3}.closing{gap:6%;padding:65px 7%}}
@media(max-width:700px){.header{padding:20px 6%}.wordmark{font-size:1.8rem}.header nav{gap:20px;font-size:.8rem}.occasion{display:none}.hero{grid-template-columns:1fr;padding:35px 7% 65px;gap:34px;min-height:0}.hero .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:18px}.birthday{font-size:1.15rem}.hero h1{font-size:clamp(4.1rem,15vw,6.5rem);margin-bottom:18px;line-height:1.12}.hero h1 em{display:inline}.hero-line{font-size:1.6rem;margin-bottom:16px}.hero-line br{display:none}.hero-description{font-size:1rem;max-width:34ch;margin-bottom:22px}.hero-art{width:85%;max-width:390px;justify-self:center;margin-top:0;padding:0 8px 35px 22px}.main-print img{aspect-ratio:4/5;object-position:center 38%}.main-print figcaption{font-size:.94rem}.little-print{width:39%;left:-9%;bottom:2%;padding:6px 6px 8px}.sun-stamp{right:-16px;top:-24px;font-size:70px}.hero-heart{font-size:50px;right:0;bottom:0}.scroll-note{bottom:14px;left:7%}.sign-note{font-size:1rem}.ribbon{justify-content:flex-start;padding:15px 20px;font-size:.7rem;gap:25px}.letter-section{padding:60px 6% 70px}.eyebrow{margin-bottom:20px;font-size:.75rem}.section-intro h2,h2{font-size:2.65rem}.letter{padding:30px 23px 25px;font-size:1.08rem;line-height:1.8}.letter h3{font-size:1.75rem}.letter-date{font-size:.7rem;letter-spacing:.08em}.letter-decoration{font-size:3.8rem;top:-32px;right:0}.letter-wrap{padding-right:9px}.moments-section{padding:65px 6%}.gallery-heading{display:block;margin-bottom:22px}.gallery-heading h2{font-size:3rem}.gallery-note{max-width:100%;margin:20px 0}.gallery-note br{display:none}.gallery-note br::after{content:' '}.gallery-note .handwritten{margin-top:10px}.featured-moments{gap:3%;padding:10px 0 35px}.photo-card{padding:6px 6px 10px}.photo-card .handwritten{font-size:.9rem;line-height:1.35;margin-top:10px}.photo-card:nth-child(2){margin-top:10px}.album-header{display:block;padding:22px 0}.album-header h3{font-size:1.45rem;margin-bottom:4px}.album-count{font-size:.75rem}.album{columns:2;column-gap:14px}.album-item{margin-bottom:18px}.album-item span{font-size:.8rem;line-height:1.5}.closing{grid-template-columns:1fr;padding:55px 8% 35px;gap:45px}.closing figure{max-width:480px;margin:auto}.closing h2{font-size:3rem}.closing .eyebrow{font-size:.72rem}.closing-wish{font-size:1.35rem}footer{flex-wrap:wrap;padding:25px 6%;gap:14px}footer p{font-size:.75rem}footer>a:last-child{width:100%}.viewer-shell{padding:14px}.viewer-image img{height:65dvh}.viewer-bottom{gap:10px}.viewer-bottom p{font-size:1rem}.viewer-bottom button{padding:8px 14px}.viewer-bottom button span{display:none}}
html,body{overflow-x:clip}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.confetti{display:none}}