:root{--paper:#f7f0e5;--paper-deep:#efe4d2;--ink:#262424;--muted:#776e67;--berry:#b84457;--berry-dark:#873746;--sage:#d3d9c2;--apricot:#f6c39a;--lilac:#d8c8e1;--yellow:#f7db7d;--blue:#c9d9dc;--rose:#eab3b0;--line:rgba(38,36,36,.18);--display:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:'Caveat',cursive;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.24;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:multiply}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:50;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:var(--berry);transition:width .1s linear}.site-header{height:92px;padding:18px max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:25}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.wordmark-stamp{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--berry);border-radius:50%;color:var(--berry);font-size:20px;transform:rotate(-9deg)}.wordmark b,.wordmark small{display:block}.wordmark b{font-family:var(--hand);font-size:23px;font-weight:700;line-height:.85}.wordmark small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-top:5px;color:var(--muted)}.site-nav{display:flex;gap:30px;margin-left:9%}.site-nav a,.header-note{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.site-nav a{position:relative}.site-nav a::after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--berry);transition:width .25s}.site-nav a:hover::after{width:100%}.header-note{font-family:var(--hand);font-size:18px;text-transform:none;letter-spacing:0}.header-note span{color:var(--berry);font-family:var(--sans);font-size:16px;margin-left:4px}.section-wrap{width:min(1180px,90vw);margin:0 auto}.hero{min-height:640px;padding:88px 0 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;position:relative}.hero-copy{padding-left:6%;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--berry);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 25px}.eyebrow-line{width:32px;height:1px;background:var(--berry);display:inline-block}.hero h1,.section-heading h2,.why-intro h2,.closing-inner h2{font-family:var(--display);font-weight:600;font-size:clamp(56px,7vw,98px);line-height:.96;letter-spacing:-.06em;margin:0}.hero h1 em,.section-heading h2 em,.why-intro h2 em,.closing-inner h2 em{font-style:italic;color:var(--berry);font-weight:500}.hero-intro{font-size:16px;max-width:420px;color:var(--muted);margin:29px 0 32px}.hero-actions{display:flex;align-items:center;gap:21px}.button{display:inline-flex;align-items:center;gap:18px;text-decoration:none;font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:14px 19px;cursor:pointer;border:0}.button-dark{background:var(--ink);color:var(--paper);transition:transform .25s,background .25s}.button-dark:hover{background:var(--berry);transform:translateY(-3px)}.button-dark span{font-size:18px;font-weight:400}.hand-note{font-family:var(--hand);font-size:19px;color:var(--muted);transform:rotate(-5deg)}.hand-note span{color:var(--berry);font-size:23px}.hero-art{height:510px;position:relative}.sun-disc{position:absolute;width:320px;height:320px;background:var(--yellow);border-radius:50%;top:48px;left:15%;opacity:.9}.portrait-frame{position:absolute;width:min(290px,65%);height:380px;left:23%;top:58px;transform:rotate(5deg);padding:13px;background:#fff;box-shadow:0 17px 40px rgba(75,51,40,.14)}.photo-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(38,36,36,.65);font-family:var(--hand);font-size:23px;text-align:center;line-height:1.05;position:relative;overflow:hidden}.photo-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.photo-placeholder.has-image{background-size:cover;background-position:center;color:transparent}.photo-placeholder.has-image>*{opacity:0}.photo-placeholder.has-image>img.photo-image{opacity:1}.photo-placeholder .placeholder-icon{font-family:var(--sans);font-size:27px;color:var(--berry)}.frame-yellow .photo-placeholder{background:linear-gradient(145deg,#f5e1a0 0%,#f5bc98 100%)}.frame-caption{display:block;font-family:var(--hand);font-size:18px;color:var(--berry-dark);padding-top:7px;transform:rotate(-2deg)}.tape{position:absolute;background:rgba(255,238,192,.8);height:30px;width:90px;box-shadow:0 1px 3px rgba(67,47,35,.12)}.tape-hero{top:37px;left:39%;transform:rotate(-8deg)}.hero-scribble{font-family:var(--hand);font-size:28px;line-height:.82;color:var(--berry);position:absolute;right:4%;top:44px;transform:rotate(9deg)}.hero-sticker{position:absolute;font-family:var(--sans);color:var(--berry)}.sticker-heart{font-size:64px;left:1%;bottom:66px;transform:rotate(-17deg)}.sticker-star{font-size:34px;right:7%;bottom:131px;transform:rotate(13deg)}.date-note{position:absolute;right:4%;bottom:57px;font-family:var(--display);font-size:35px;line-height:.65;text-align:center;transform:rotate(10deg)}.date-note small{font-family:var(--sans);font-size:10px;letter-spacing:.18em;color:var(--berry)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;color:var(--berry);padding:12px 0}.marquee-track{display:flex;white-space:nowrap;align-items:center;width:max-content;gap:35px;animation:marquee 24s linear infinite;font-family:var(--hand);font-size:25px}.marquee-track span:nth-child(even){font-family:var(--sans);font-size:16px}@keyframes marquee{to{transform:translateX(-50%)}}.gallery-section{padding:137px 0 145px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2,.why-intro h2{font-size:clamp(52px,6.2vw,80px)}.heading-side-note{display:flex;align-items:flex-start;gap:17px;margin-right:5%;padding-bottom:6px}.side-arrow{font-size:31px;color:var(--berry);line-height:.7}.heading-side-note p,.heading-paragraph{font-family:var(--hand);font-size:23px;line-height:1.05;margin:0;color:var(--muted)}.heading-side-note em,.heading-paragraph em{color:var(--berry);font-style:normal}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0 24px;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.gallery-toolbar p{margin:0}.gallery-toolbar strong{color:var(--berry);font-size:17px}.upload-button{font-family:var(--hand);font-size:20px;text-transform:none;letter-spacing:0;color:var(--berry);cursor:pointer;border-bottom:1px solid var(--berry);line-height:1}.photo-grid{display:grid;grid-template-columns:1.08fr .92fr 1.08fr;gap:30px 25px;align-items:start}.photo-card{margin:0}.photo-card-tall .photo-placeholder{height:430px}.photo-card-wide .photo-placeholder{height:280px}.photo-card-square .photo-placeholder{height:325px}.photo-card-offset{margin-top:100px}.photo-card-last{margin-top:-100px}.placeholder-lilac{background:var(--lilac)}.placeholder-apricot{background:var(--apricot)}.placeholder-sage{background:var(--sage)}.placeholder-rose{background:var(--rose)}.placeholder-blue{background:var(--blue)}.placeholder-yellow{background:var(--yellow)}.placeholder-number{position:absolute;top:17px;left:18px;font-family:var(--sans);font-size:10px;letter-spacing:.12em;font-weight:700;color:rgba(38,36,36,.55)}.photo-placeholder>span:last-child{padding:0 20px}.photo-card figcaption{font-family:var(--hand);font-size:20px;line-height:1.03;color:var(--muted);padding:12px 7px 0}.photo-card figcaption span{font-family:var(--sans);font-size:9px;color:var(--berry);font-weight:700;vertical-align:top;margin-right:6px}.photo-card:hover .photo-placeholder{transform:rotate(-1deg) translateY(-5px);box-shadow:0 14px 30px rgba(88,58,46,.12)}.photo-placeholder{transition:transform .35s,box-shadow .35s}.upload-hint{font-size:11px;color:var(--muted);max-width:380px;margin:38px auto 0;text-align:center}.why-section{padding:102px 0 160px;display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;border-top:1px solid var(--line)}.why-intro{position:relative;padding-top:11px}.body-copy{color:var(--muted);max-width:310px;margin-top:32px}.scribble-bottom{font-family:var(--hand);font-size:24px;color:var(--berry);position:absolute;left:45%;bottom:-70px;white-space:nowrap;transform:rotate(-7deg)}.scribble-bottom span{font-family:var(--sans);font-size:14px}.gratitude-list{display:flex;flex-direction:column;gap:15px}.gratitude-card{display:grid;grid-template-columns:45px 1fr 40px;gap:16px;align-items:start;background:var(--apricot);padding:24px 25px 25px;min-height:145px;transition:transform .3s}.gratitude-card:hover{transform:translateX(7px) rotate(-.5deg)}.gratitude-card-cream{background:#fbf8ef}.gratitude-card-pink{background:#ecc9c3}.gratitude-card-sage{background:var(--sage)}.card-number{font-family:var(--sans);font-size:10px;font-weight:700;color:var(--berry);letter-spacing:.12em}.gratitude-card h3{font-family:var(--display);font-size:25px;line-height:1;margin:0 0 9px;font-weight:600;letter-spacing:-.03em}.gratitude-card p{font-size:13px;line-height:1.45;color:var(--muted);margin:0;max-width:500px}.card-mark{font-size:28px;color:var(--berry);justify-self:end}.letter-section{padding:56px 0 156px}.letter-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.letter-seal{font-family:var(--hand);font-size:23px;color:var(--berry);transform:rotate(5deg);margin-right:9%}.letter-paper{background:#fffaf0;box-shadow:0 15px 45px rgba(73,51,39,.1);max-width:950px;min-height:605px;margin:0 auto;position:relative;display:flex;padding:73px 12% 73px 15%;overflow:hidden}.letter-paper::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,rgba(97,118,138,.13) 38px,transparent 39px);opacity:.5;pointer-events:none}.letter-margin{position:absolute;left:7%;top:78px;color:var(--berry);font-family:var(--hand);font-size:22px;display:flex;flex-direction:column;gap:9px;line-height:.8}.letter-margin span{display:block}.letter-margin span:nth-child(2){color:var(--ink);transform:rotate(-4deg)}.letter-margin span:nth-child(3){color:var(--muted);transform:rotate(6deg)}.letter-copy{position:relative;z-index:1;max-width:670px;font-family:var(--hand);font-size:25px;line-height:1.42;color:#514944}.letter-copy p{margin:0 0 18px}.letter-salutation{font-size:36px;color:var(--berry);margin-bottom:23px!important}.letter-signoff{margin-top:28px!important;color:var(--berry)}.letter-signoff span{font-size:29px}.button-outline{font-family:var(--hand);font-size:22px;text-transform:none;letter-spacing:0;padding:8px 1px;color:var(--ink);background:transparent;border-bottom:1px solid var(--berry);margin-top:11px}.button-outline span{color:var(--berry);font-family:var(--sans);font-size:18px;margin-left:4px}.hidden-note{max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .5s,opacity .4s,transform .5s}.hidden-note.is-open{max-height:100px;opacity:1;transform:none}.hidden-note p{color:var(--berry);font-size:24px;margin-top:15px}.letter-doodle{position:absolute;color:var(--berry);font-size:34px}.doodle-one{right:8%;top:15%;transform:rotate(12deg)}.doodle-two{right:12%;bottom:13%;font-size:28px;transform:rotate(-9deg)}.memories-section{padding:19px 0 160px}.heading-paragraph{max-width:230px;margin:0 3% 13px 0}.timeline{position:relative;margin-top:88px;padding:0 8%}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--berry);opacity:.55}.timeline-item{position:relative;width:48%;min-height:180px;padding:0 7% 50px 0}.timeline-item-right{margin-left:52%;padding:0 0 50px 7%;text-align:left}.timeline-pin{position:absolute;right:-22px;top:-10px;background:var(--paper);border:1px solid var(--berry);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:var(--berry);font-size:10px;font-weight:700;z-index:1}.timeline-item-right .timeline-pin{left:-22px;right:auto}.timeline-year{font-family:var(--hand);font-size:21px;color:var(--berry);margin-bottom:8px}.timeline-copy h3{font-family:var(--display);font-size:30px;line-height:1;margin:0 0 10px}.timeline-copy p{font-size:13px;line-height:1.5;color:var(--muted);max-width:300px}.timeline-scribble{font-family:var(--hand);font-size:22px;color:var(--berry);position:absolute;bottom:50px;right:12%;transform:rotate(-8deg)}.timeline-item-right .timeline-scribble{left:14%;right:auto;transform:rotate(7deg)}.closing-section{position:relative;min-height:590px;background:var(--berry);color:#fff5ec;padding:90px max(5vw,28px) 30px;overflow:hidden}.closing-section::after{content:'♥';font-family:var(--display);position:absolute;right:-2%;top:0;font-size:57vw;line-height:1;color:rgba(255,242,228,.05);pointer-events:none}.closing-inner{width:min(850px,90vw);margin:0 auto;position:relative;z-index:1}.eyebrow-light{color:#ffe1ce}.eyebrow-light .eyebrow-line{background:#ffe1ce}.closing-inner h2{font-size:clamp(55px,7.8vw,103px);margin-bottom:30px}.closing-inner h2 em{color:#ffd0aa}.closing-inner>p{max-width:470px;font-size:16px;line-height:1.55;color:#ffe5d7;margin-bottom:46px}.closing-inner strong{color:#fff}.closing-signature{font-family:var(--hand);font-size:31px}.closing-signature span{color:#ffd0aa}.closing-signature b{font-family:var(--sans);font-size:26px;margin-left:8px}.closing-doodles span{position:absolute;color:#ffd0aa;font-size:35px}.closing-doodles span:nth-child(1){top:17%;left:8%;transform:rotate(-14deg)}.closing-doodles span:nth-child(2){top:28%;right:13%;font-size:50px;transform:rotate(12deg)}.closing-doodles span:nth-child(3){bottom:22%;left:16%;font-size:24px}.closing-footer{border-top:1px solid rgba(255,239,229,.3);position:absolute;bottom:27px;left:max(5vw,28px);right:max(5vw,28px);display:flex;justify-content:space-between;padding-top:14px;color:#f7c9bd;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}
@media(max-width:800px){.site-header{height:76px;padding:15px 5vw}.site-nav{display:none}.header-note{font-size:17px}.hero{display:block;min-height:auto;padding:72px 0 75px}.hero-copy{padding:0}.hero h1{font-size:clamp(57px,15vw,86px)}.hero-intro{max-width:500px}.hero-art{height:450px;margin-top:30px}.portrait-frame{height:345px;left:25%;width:275px}.sun-disc{left:18%;width:285px;height:285px;top:48px}.hero-scribble{right:4%;top:20px}.gallery-section{padding:94px 0}.section-heading{align-items:flex-start;display:block}.heading-side-note{margin:28px 0 0 12%;}.photo-grid{grid-template-columns:1fr 1fr;gap:27px 15px}.photo-card-tall .photo-placeholder{height:310px}.photo-card-wide .photo-placeholder,.photo-card-square .photo-placeholder{height:225px}.photo-card-offset{margin-top:45px}.photo-card-last{margin-top:-45px}.why-section{display:block;padding:78px 0 105px}.why-intro{margin-bottom:80px}.gratitude-card{grid-template-columns:34px 1fr 25px;gap:8px;padding:20px 17px;min-height:0}.gratitude-card h3{font-size:22px}.scribble-bottom{left:50%;bottom:-52px}.letter-section{padding:25px 0 100px}.letter-paper{padding:57px 10% 55px 18%;min-height:0}.letter-copy{font-size:22px}.letter-margin{left:7%;top:62px}.memories-section{padding-bottom:105px}.timeline{padding:0 0 0 60px;margin-top:65px}.timeline-line{left:20px}.timeline-item,.timeline-item-right{width:100%;margin:0;padding:0 0 70px;text-align:left}.timeline-pin,.timeline-item-right .timeline-pin{left:-61px;right:auto;top:-9px}.timeline-scribble,.timeline-item-right .timeline-scribble{left:auto;right:10%;bottom:28px}.closing-section{min-height:570px;padding-top:72px}.closing-footer{font-size:8px;gap:15px}.closing-footer span:last-child{text-align:right}.closing-doodles span:nth-child(2){right:7%}}
@media(max-width:480px){body{font-size:15px}.wordmark b{font-size:21px}.header-note{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-art{height:370px;margin-top:13px}.portrait-frame{width:220px;height:285px;left:20%;top:46px}.sun-disc{width:230px;height:230px;left:15%;top:41px}.tape-hero{left:36%;top:25px}.hero-scribble{font-size:23px;right:0;top:17px}.sticker-heart{font-size:50px;left:0;bottom:45px}.date-note{font-size:29px;right:0;bottom:35px}.photo-grid{display:block}.photo-card{margin:0 0 36px!important}.photo-card:nth-child(even){margin-left:12%!important;width:88%}.photo-card-tall .photo-placeholder,.photo-card-wide .photo-placeholder,.photo-card-square .photo-placeholder{height:330px}.gallery-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.upload-button{align-self:flex-start}.why-intro h2,.section-heading h2{font-size:50px}.gratitude-card{grid-template-columns:28px 1fr 20px}.card-mark{font-size:22px}.letter-paper{padding:50px 9% 50px 18%}.letter-copy{font-size:20px}.letter-salutation{font-size:30px}.letter-signoff span{font-size:23px}.letter-margin{font-size:18px}.doodle-one,.doodle-two{display:none}.closing-inner h2{font-size:58px}.closing-inner>p{font-size:15px}.closing-footer{align-items:flex-start;flex-direction:column;gap:5px}.closing-footer span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{transition:none}.photo-placeholder,.gratitude-card,.button-dark{transition:none}}