:root{--paper:#fffaf7;--pink-paper:#fbf0f3;--pink:#c44d75;--pink-dark:#a4385e;--ink:#4e323e;--muted:#917680;--line:#eadce0;--font:'Tajawal',Arial,sans-serif;--display:'Baloo Bhaijaan 2',var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.8;font-size:16px}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.4}img{display:block;max-width:100%}section{scroll-margin-top:20px}.section-wrap{width:min(1160px,calc(100% - 100px));margin-inline:auto}.header{width:min(1280px,calc(100% - 90px));height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:10px;font:600 25px var(--display);white-space:nowrap}.brand-heart{color:var(--pink);font-family:Georgia,serif;font-size:36px;line-height:1}.brand-x{font:20px Georgia,serif;color:#b29ba4}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-3px;right:0;width:0;height:1px;background:var(--pink);transition:width .2s}.header nav a:hover:after{width:100%}.header-note{font-size:13px;color:var(--muted)}.header-note span{color:var(--pink);margin-right:12px}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--muted)}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin-left:8px;vertical-align:middle}.hero{min-height:760px;display:grid;grid-template-columns:1.04fr 1fr;position:relative;align-items:center;gap:45px;padding-top:20px;padding-bottom:85px}.hero-copy{padding-bottom:10px}.hero h1{font-size:clamp(45px,4.8vw,67px);line-height:1.5;margin:15px 0 22px;letter-spacing:-1.5px}.hero h1>span{position:relative;display:inline-block;color:var(--pink)}.hero h1 svg{position:absolute;width:100%;height:23px;bottom:-8px;right:0;fill:none;stroke:#dc9db3;stroke-width:2.5;stroke-linecap:round}.hero-intro{font-size:17px;line-height:2.1;color:#846571;margin-bottom:30px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:14px 25px;border-radius:9px;font-size:15px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--pink);color:white;box-shadow:0 5px 0 #ab3c6210}.primary:hover{background:var(--pink-dark);box-shadow:0 7px 18px #a53d5c20}.primary>span:last-child{font-size:22px;font-weight:400}.hero-footnote{font-size:11px;color:#9b838c;display:flex;align-items:center;gap:8px;margin-top:14px}.tiny-envelope{font-size:21px;color:var(--pink)}.hero-collage{height:510px;position:relative;direction:ltr;margin-top:15px}.polaroid{position:absolute;background:#fff;padding:12px 12px 14px;box-shadow:0 8px 25px #65444817;transition:transform .4s}.polaroid img{width:100%;object-fit:cover}.polaroid>span:not(.tape){display:block;text-align:center;font:500 15px var(--display);padding:13px 0 0;direction:rtl}.photo-front{width:265px;left:15px;top:104px;transform:rotate(-9deg);z-index:2}.photo-front img{height:307px;object-position:center 45%}.photo-front:hover{transform:rotate(-6deg) translateY(-5px)}.photo-back{width:233px;left:221px;top:30px;transform:rotate(10deg)}.photo-back img{height:300px;object-position:50% 40%}.photo-back:hover{transform:rotate(6deg) translateY(-5px)}.tape{position:absolute;top:-14px;left:75px;width:100px;height:32px;background:#eac4cfad;transform:rotate(5deg);clip-path:polygon(3% 0,98% 4%,96% 25%,100% 40%,97% 57%,100% 73%,96% 100%,0 95%,3% 70%,0 50%,4% 26%)}.handwritten{font-family:var(--display);font-weight:500}.collage-note{position:absolute;left:18px;top:4px;font-size:19px;transform:rotate(-9deg);color:#a76d81;z-index:3;direction:rtl}.collage-note svg{width:65px;position:absolute;top:30px;left:45px;fill:none;stroke:#ba8497;stroke-width:1.6;transform:rotate(-10deg)}.doodle-heart{position:absolute;left:-24px;top:360px;width:80px;z-index:4;fill:none;stroke:var(--pink);stroke-width:2.2;transform:rotate(-20deg)}.anniversary-sticker{position:absolute;width:128px;height:128px;left:287px;top:355px;background:#f0d4de;border:1px dashed #cf9caf;outline:6px solid #f0d4de;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(9deg);z-index:3;line-height:1.5}.anniversary-sticker strong{font:500 40px/1 var(--display);color:#ac3b64}.anniversary-sticker span{font-weight:700;font-size:15px;margin-top:5px}.anniversary-sticker small{font-size:11px;color:#aa6c82}.little-spark{position:absolute;color:#b98094}.spark-one{font-size:42px;left:440px;top:350px}.spark-two{font-size:22px;left:25px;top:64px}.scroll-cue{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:14px;white-space:nowrap}.scroll-cue span{font:22px Georgia,serif;color:var(--pink)}.date-band{background:#f6e6ec;border-top:1px solid #efdce3;border-bottom:1px solid #efdce3}.date-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:46px;padding-bottom:46px}.date{display:block;font-family:var(--display);font-size:38px;font-weight:500;letter-spacing:2px;line-height:1.6}.date span{color:#caa8b5;margin:0 10px;font-weight:400}.date-heart{font:72px Georgia,serif;color:#cf8ba4}.date-message h2{font-size:26px}.date-message p{font-size:14px;color:var(--muted);margin-top:2px}.date-anniversary{display:block;font-size:11px;color:var(--muted);margin-top:6px}.memories{padding-top:95px;padding-bottom:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px;gap:30px}.section-heading h2{font-size:42px;margin-top:6px}.pink-text{color:var(--pink)}.heading-heart{font:40px Georgia,serif;display:inline-block;transform:rotate(-20deg);margin-right:10px;color:#cf8ba4}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:10px}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;padding:0 8px}.memory-card{background:#fff;padding:11px 11px 0;box-shadow:0 3px 17px #65444810;transition:transform .3s,box-shadow .3s;text-align:right;border:1px solid #f0e8e7;min-width:0}.memory-card:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 10px 24px #6544481a;z-index:2}.memory-tilt-a{transform:rotate(-2deg)}.memory-tilt-b{transform:rotate(2deg)}.memory-image{display:block;aspect-ratio:4/4.6;overflow:hidden;position:relative;background:var(--pink-paper)}.memory-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.memory-caption{display:flex;align-items:center;gap:8px;padding:19px 2px;font:500 14px var(--display);white-space:nowrap}.memory-caption small{font:11px var(--font);color:#b79aa7;direction:ltr}.memory-caption>span{margin-right:auto;color:var(--pink);font:25px/1 Georgia,serif}.landscape img{width:133.333%;height:75%;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);object-fit:cover}.album-footer{margin-top:45px;text-align:center;font-size:18px;color:#af7d90;transform:rotate(-2deg)}.album-footer span{margin-right:15px;font-size:27px}.little-things{background:#f9edf0;padding:80px 0 90px;border-top:1px solid #f1e2e7;border-bottom:1px solid #f1e2e7}.things-layout{display:grid;grid-template-columns:.9fr 1.8fr;gap:50px;align-items:center}.things-intro h2{font-size:38px;margin-top:10px;line-height:1.5}.things-intro p{font-size:14px;color:var(--muted);margin-top:15px}.things-arrow{width:100px;margin-right:130px;margin-top:20px;fill:none;stroke:#b5768d;stroke-width:1.3;transform:scaleX(-1)}.reason-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:center;padding-top:25px}.reason-note{position:relative;padding:27px 25px 37px;min-height:210px;box-shadow:0 4px 15px #6b3f4a08}.reason-note:before{content:'';position:absolute;top:-11px;width:65px;height:22px;background:#e8bfcb85;left:calc(50% - 32px);transform:rotate(4deg)}.note-one{background:#fff9f1;transform:rotate(3deg);grid-row:span 2}.note-two{background:#f2d9e2;transform:rotate(-4deg)}.note-three{background:#fff9f9;transform:rotate(2deg)}.note-number{font:11px Georgia,serif;color:#af7e91;letter-spacing:2px}.reason-note h3{font-size:22px;margin:10px 0 8px}.reason-note p{font-size:13px;line-height:1.9;color:#8e6f7b}.note-doodle{position:absolute;bottom:7px;left:18px;font:31px Georgia,serif;color:#c28098}.love-jar{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center;padding-top:100px;padding-bottom:100px}.jar-illustration{position:relative;width:220px;height:280px;margin:auto;transform:rotate(-5deg)}.jar-lid{height:32px;background:repeating-linear-gradient(90deg,#c2738f 0,#c2738f 4px,#b66a85 4px,#b66a85 6px);border-radius:9px 9px 4px 4px;width:185px;margin:0 auto;border:2px solid #a55c77}.jar-body{position:relative;height:240px;width:220px;border:3px solid #d7a5b6;border-radius:35px 35px 40px 40px;background:#f7dce665;box-shadow:inset 12px 0 0 #fff8fb,inset -9px 0 0 #fff8fb;overflow:hidden}.jar-body>span:first-child,.jar-body i,.jar-body b,.jar-body em{position:absolute;font-style:normal;font-family:Georgia,serif;color:#c77b97;line-height:1;background:#f2cedb;box-shadow:0 2px 5px #bc809f25;padding:5px 16px}.jar-body>span:first-child{font-size:40px;top:15px;left:20px;transform:rotate(-15deg)}.jar-body i{font-size:35px;top:30px;right:15px;transform:rotate(18deg);background:#fff9f5}.jar-body b{font-size:34px;bottom:8px;left:22px;transform:rotate(25deg);background:#fff9f5}.jar-body em{font-size:30px;bottom:16px;right:16px;transform:rotate(-20deg)}.jar-label{position:absolute;top:90px;left:10px;right:10px;padding:14px 2px;background:#fffaf7;border-block:1px dashed #d9adbd;text-align:center;font:500 22px var(--display)}.jar-star{position:absolute;top:50px;left:-44px;font-size:44px;color:#c8859f}.jar-copy h2{font-size:38px;margin:10px 0}.jar-copy>p{font-size:14px;color:var(--muted)}.jar-message{min-height:93px;display:flex;align-items:center;font:500 22px/1.6 var(--display);margin:25px 0 20px;padding:20px 23px;background:#fbf0f3;border-right:3px solid #dba1b6;border-radius:4px;transition:opacity .15s,transform .15s}.jar-message.changing{opacity:0;transform:translateY(8px)}.secondary{background:#f5e2ea;color:#a83d64;gap:55px}.secondary:hover{background:#efd1de}.secondary span{font:25px/1 Georgia,serif}.jar-copy>small{display:block;font-size:11px;margin-top:10px;color:#a58b96}.letter-section{background:#f5e5ec;padding:80px 0 90px;text-align:center}.letter-wrap{max-width:790px}.letter-section h2{font-size:42px;margin-top:8px}.envelope{position:relative;background:#fffaf6;border:1px solid #ead5db;border-radius:5px;max-width:610px;margin:45px auto 0;min-height:285px;box-shadow:0 9px 30px #9b617a0b;overflow:hidden}.envelope-lines{height:170px;position:absolute;width:100%;top:0;left:0;border-bottom:1px solid #ead4dd;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(27deg,transparent 49.6%,#ead4dd 49.8%,#ead4dd 50.1%,transparent 50.4%),linear-gradient(-27deg,transparent 49.6%,#ead4dd 49.8%,#ead4dd 50.1%,transparent 50.4%),#fdf5f3}.envelope-to{position:relative;display:block;top:25px;font-size:22px;color:#996b80}.wax-seal{position:relative;display:block;width:74px;height:74px;border-radius:50%;margin:56px auto 0;background:#c2527b;box-shadow:0 0 0 4px #d57d99,0 6px 13px #af5c7b29;color:#fff1f7;transition:transform .25s}.wax-seal:hover{transform:scale(1.08) rotate(-10deg)}.wax-seal span{font:44px Georgia,serif;line-height:1}.envelope-from{display:block;margin-top:20px;font-size:12px;color:#997483}.envelope p{font-size:10px;color:#b39ba5;margin:5px 0 15px}.love-letter{position:relative;text-align:right;background:var(--paper);padding:45px 55px;margin:40px auto 0;max-width:660px;box-shadow:0 5px 20px #86596e0b;border:1px solid #e5cdd8;animation:letterIn .5s ease}.letter-date{display:block;font:10px Georgia,serif;letter-spacing:2px;color:#b48c9d;text-align:left;margin-bottom:18px}.love-letter h3{font-size:27px;color:var(--pink);margin-bottom:15px}.love-letter p{font-size:16px;line-height:2.2;margin-bottom:16px;color:#866575}.love-letter .letter-last{color:#ad3f67;font-weight:700}.letter-sign{display:block;font-size:28px;color:#b6577b;transform:rotate(-5deg);text-align:left;padding:10px 5px 25px}.text-button{display:block;margin:25px auto 0;background:transparent;font-size:11px;color:#ac8898;text-decoration:underline;text-underline-offset:5px}.finale{text-align:center;padding-top:95px;padding-bottom:65px}.finale h2{font-size:45px;margin:12px 0}.finale>p{font-size:15px;color:var(--muted)}.answer-buttons{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0 22px}.light{background:#f4e8ed;color:var(--pink)}.finale .final-response{font-size:11px;min-height:25px}.end-heart{font:65px Georgia,serif;color:#d3a0b4;margin-top:28px}footer{border-top:1px solid var(--line);min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:25px;width:min(1280px,calc(100% - 90px));margin:auto;font-size:12px;color:#9e8290}footer .brand{font-size:21px;color:var(--ink)}footer small{font-size:10px}.skip-link{position:fixed;top:-80px;right:20px;z-index:10;background:var(--pink);color:white;padding:10px 20px;border-radius:5px}.skip-link:focus{top:10px}dialog{border:1px solid #e9cad6;padding:0;color:var(--ink);background:var(--paper);max-height:90dvh}dialog::backdrop{background:#44273588;backdrop-filter:blur(7px)}.surprise-dialog{width:min(510px,calc(100% - 32px));border-radius:18px;text-align:center;padding:40px 25px;box-shadow:0 30px 80px #35202a40}.surprise-dialog[open]{animation:letterIn .4s ease}.dialog-close{position:absolute;left:14px;top:11px;z-index:2;display:grid;place-items:center;width:36px;height:36px;background:#fbf0f3;color:#a35977;border-radius:50%;font-size:26px;line-height:1}.surprise-icon{font-size:45px;display:block;margin-bottom:12px}.surprise-dialog h2{font-size:34px;margin:15px 0}.surprise-dialog p{font-size:14px;color:var(--muted);line-height:2;margin-bottom:25px}.surprise-dialog>.handwritten{display:block;margin-top:20px;font-size:17px;color:#b67d94}.photo-dialog{width:min(790px,calc(100% - 24px));border-radius:12px;padding:16px;background:#fffaf7}.photo-dialog .dialog-close{background:#fffaf7e8;left:24px;top:23px}.lightbox-image{position:relative;height:min(72dvh,760px);background:#f7eaf0;overflow:hidden;border-radius:6px}.lightbox-image img{height:100%;width:100%;object-fit:contain}.lightbox-image.is-landscape img{position:absolute;width:min(72dvh,760px);height:calc(min(72dvh,760px) * .5625);max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0 0}.lightbox-controls button{font:23px Georgia,serif;background:var(--pink-paper);width:45px;height:40px;border-radius:6px;color:var(--pink)}.lightbox-controls p{font-family:var(--display);font-size:17px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:99;overflow:hidden}.confetti-heart{position:absolute;top:-45px;animation:fall var(--duration) linear forwards;color:var(--color);font:var(--size) Georgia,serif;left:var(--left)}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(400deg);opacity:0}}@keyframes letterIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:800px}.hero-collage{transform:scale(1.06)}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 70px)}.header{width:calc(100% - 60px)}.hero{gap:20px;min-height:700px}.hero-collage{transform:scale(.85);transform-origin:center right;width:480px;margin-left:-60px}.hero h1{font-size:49px}.hero-intro{font-size:15px}.memory-grid{gap:28px 22px}.memory-caption{font-size:12px}.things-layout{gap:35px;grid-template-columns:.85fr 1.4fr}.reason-note{padding:22px 18px 32px}.things-intro h2{font-size:33px}.reason-note h3{font-size:20px}.love-jar{gap:45px}.jar-copy h2{font-size:33px}}
@media(max-width:800px){.header{height:82px}.header nav{gap:22px;font-size:12px}.header-note{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:45px;padding-bottom:75px;text-align:center}.hero h1{font-size:57px;line-height:1.4;margin-top:17px;margin-bottom:28px}.hero-intro{font-size:16px;margin-bottom:25px}.hero-footnote{justify-content:center}.hero-collage{margin:30px auto 0;transform:scale(.87);transform-origin:top center;width:480px;height:460px}.hero-copy{padding:0}.date-inner{gap:20px;padding-block:35px}.date{font-size:28px;letter-spacing:0}.date span{margin:0 4px}.date-message h2{font-size:22px}.date-heart{font-size:48px}.date-message p{font-size:12px}.date-inner .eyebrow{font-size:10px}.section-heading h2{font-size:36px}.section-heading>p{font-size:12px}.memories{padding-top:65px;padding-bottom:55px}.memory-grid{grid-template-columns:repeat(2,1fr);gap:27px 23px}.memory-caption{font-size:13px}.things-layout{grid-template-columns:1fr}.things-intro{text-align:center}.things-intro h2{font-size:38px}.things-intro h2 br{display:none}.things-arrow{display:none}.things-intro p br{display:none}.reason-notes{max-width:600px;margin:auto;padding-top:20px;gap:22px}.reason-note{padding:25px;min-height:210px}.reason-note h3{font-size:23px}.reason-note p{font-size:14px}.little-things{padding:55px 0 65px}.love-jar{gap:35px;grid-template-columns:.7fr 1fr;padding-block:70px}.jar-illustration{transform:rotate(-5deg) scale(.8);transform-origin:center}.jar-copy h2{font-size:29px}.jar-copy>p{font-size:12px}.jar-message{font-size:19px;min-height:115px}.jar-copy>.eyebrow{font-size:10px}.letter-section{padding-block:60px}.letter-section h2{font-size:36px}.finale{padding-top:65px;padding-bottom:45px}.finale h2{font-size:37px}footer{flex-wrap:wrap;justify-content:center;column-gap:40px;row-gap:3px;padding:25px 0;min-height:100px}footer>small{flex-basis:100%;text-align:center}}
@media(max-width:520px){.section-wrap{width:calc(100% - 38px)}.header{width:calc(100% - 38px);height:76px;gap:15px}.brand{font-size:22px;gap:7px}.brand-heart{font-size:29px}.header nav{gap:16px;font-size:11px}.header nav a:nth-child(2){display:none}.hero{padding-top:35px}.hero h1{font-size:45px;margin-bottom:25px;letter-spacing:-.5px}.hero .eyebrow{font-size:11px}.hero-intro{font-size:14px;line-height:2}.hero .button{font-size:14px;min-height:51px;padding-inline:22px;gap:25px}.hero-footnote{font-size:10px}.hero-collage{width:460px;height:365px;margin-top:32px;right:50%;transform:translateX(50%) scale(.68);transform-origin:top center;margin-inline:0}.photo-back{left:215px}.scroll-cue{bottom:28px;font-size:10px}.date-inner{display:grid;grid-template-columns:1fr 40px;padding-block:28px;gap:12px}.date{font-size:31px}.date-heart{grid-column:2;grid-row:1/3;font-size:54px}.date-message{grid-column:1}.date-message h2{font-size:21px}.date-message p{font-size:11px}.date-anniversary{font-size:10px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:34px;margin-top:8px}.section-heading>p{margin-top:10px;padding:0;font-size:12px}.section-heading>p br{display:none}.memory-grid{gap:23px 15px;padding:0 3px}.memory-card{padding:7px 7px 0}.memory-caption{white-space:normal;min-height:59px;line-height:1.4;padding:12px 0;font-size:11px;gap:4px}.memory-caption small{font-size:8px;align-self:flex-start;padding-top:4px}.memory-caption>span{font-size:20px;min-width:16px}.memory-image{aspect-ratio:4/5.3}.album-footer{font-size:16px;margin-top:30px}.heading-heart{font-size:31px}.things-intro h2{font-size:31px}.things-intro p{font-size:12px}.reason-notes{gap:20px 13px;padding-inline:4px}.reason-note{padding:20px 15px 32px;min-height:208px}.reason-note h3{font-size:19px}.reason-note p{font-size:12px}.reason-note:before{width:50px;left:calc(50% - 25px)}.love-jar{display:flex;flex-direction:column;gap:0;padding-top:45px;padding-bottom:55px}.jar-illustration{transform:rotate(-5deg) scale(.66);height:215px;width:220px;transform-origin:top center;margin-bottom:-10px}.jar-copy{width:100%;text-align:center}.jar-copy h2{font-size:31px}.jar-copy>p{font-size:13px}.jar-copy>.eyebrow{font-size:11px}.jar-message{font-size:20px;min-height:100px;text-align:right;margin-top:20px}.jar-copy>small{font-size:10px}.letter-section{padding-top:45px;padding-bottom:50px}.letter-section h2{font-size:33px}.envelope{margin-top:30px;min-height:265px}.envelope-lines{height:150px}.envelope-to{font-size:20px}.wax-seal{width:65px;height:65px;margin-top:48px}.wax-seal span{font-size:37px}.envelope-from{font-size:11px;margin-top:22px}.love-letter{margin-top:25px;padding:30px 25px}.love-letter p{font-size:14px}.love-letter h3{font-size:25px}.letter-sign{font-size:25px}.finale{padding-top:55px}.finale h2{font-size:32px}.finale>p{font-size:12px}.answer-buttons{gap:10px;margin-top:25px}.answer-buttons .button{font-size:13px;padding:12px 16px;min-height:49px}.finale .final-response{font-size:10px;line-height:1.9}.end-heart{font-size:52px;margin-top:22px}footer{width:calc(100% - 38px);gap:10px}footer>.brand{font-size:20px}footer>span{font-size:10px}.surprise-dialog{padding:35px 20px}.surprise-dialog h2{font-size:30px}.surprise-dialog p{font-size:13px}.surprise-dialog .button{font-size:13px}.lightbox-image{height:65dvh}.lightbox-image.is-landscape img{width:65dvh;height:calc(65dvh * .5625)}.lightbox-controls p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.confetti-heart{display:none}}

/* Keep rotated photographs fitted to their frames. */
.memory-image,.lightbox-image{container-type:size}
.landscape img,.lightbox-image.is-landscape img{width:100cqh;height:100cqw}
@media(max-width:520px){.hero-collage{right:auto;transform:scale(.68);margin:32px calc((100% - 460px) / 2) 0}}
/* English text reads left to right while the original layout stays in place. */
html[lang="en"] :is(h1,h2,h3,p){direction:ltr;text-align:match-parent}
html[lang="en"] :is(.collage-note,.polaroid>span:not(.tape),.date-anniversary,footer>span){direction:ltr}
html[lang="en"] .jar-message{direction:ltr;text-align:right}