@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#263e35;--muted:#69786f;--cream:#f7f5ed;--lime:#d9ec9a;--line:#dce1d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Manrope',Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer,main{max-width:1280px;margin:auto}header{height:112px;display:flex;justify-content:space-between;align-items:center;padding:0 52px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1.5px}.brand-mark{width:40px;height:40px;background:var(--ink);border-radius:13px;color:var(--cream);font-size:32px;position:relative;text-align:center;line-height:38px;letter-spacing:-4px;padding-right:6px}.brand-mark span{font-size:14px;position:absolute;right:6px;bottom:-3px;color:var(--lime)}.dot{color:#759742}select{border:1px solid #cdd5c6;background:transparent;color:var(--ink);border-radius:100px;padding:11px 14px;font:inherit;font-size:13px;max-width:160px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:55px 52px 88px;align-items:center;min-height:680px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:8px}.eyebrow span{width:7px;height:7px;background:#7f9c56;border-radius:50%}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(44px,4.5vw,65px);font-weight:500;line-height:1.1;letter-spacing:-3px;margin:25px 0;max-width:650px}.intro{font-size:16px;line-height:1.8;max-width:450px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}.tags span{border:1px solid #d4dccb;border-radius:50px;padding:8px 12px;font-size:12px}.button{display:inline-flex;gap:38px;align-items:center;padding:17px 23px;background:var(--ink);color:#fff;border-radius:100px;font-size:14px}.button span{font-size:21px;color:var(--lime)}.button:hover{background:#3d594a}.age{font-size:11px;line-height:1.7;color:var(--muted);max-width:380px;margin-top:20px}.art{height:450px;position:relative;direction:ltr}.circle{position:absolute;border-radius:50%;border:1px solid #cdd7c0;width:390px;height:390px;left:36px;top:26px}.c2{width:300px;height:300px;left:80px;top:70px}.arch{position:absolute;width:190px;height:285px;border-radius:110px 110px 24px 24px;overflow:hidden;box-shadow:0 14px 30px #283e3512}.a1{background:#e3c0a5;left:15px;top:40px;transform:rotate(-9deg)}.a2{background:#dae7ac;right:5px;top:135px;transform:rotate(9deg)}.arch>span{position:absolute;z-index:5;top:30px;left:24px;background:#fffdf4;border-radius:25px;padding:10px 16px;font-size:17px;box-shadow:0 3px 10px #0000000b}.face{position:absolute;width:85px;height:115px;border-radius:45% 45% 45% 45%;left:56px;top:85px;background:#b77455;z-index:2;border-top:28px solid #3d342c}.face i{position:absolute;width:7px;height:7px;background:#332d25;border-radius:50%;left:23px;top:25px;box-shadow:32px 0 #332d25}.face b{position:absolute;width:27px;height:13px;border-bottom:3px solid #7b4231;border-radius:50%;left:28px;top:46px}.f2{background:#e2af83;border-top:28px solid #493d2d}.shirt{width:175px;height:135px;position:absolute;top:185px;left:15px;border-radius:80px 80px 0 0;background:#587563;z-index:1}.s2{background:#e9dcb8}.love{position:absolute;left:170px;top:192px;z-index:6;background:#f7f5ed;border:8px solid #f7f5ed;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;font-size:49px;line-height:1;color:#7b8e56;transform:rotate(-8deg);box-shadow:0 5px 20px #233c3312}.note{position:absolute;left:6px;bottom:3px;max-width:205px;transform:rotate(-5deg);padding:19px;background:#eee8d8;font-size:13px;line-height:1.5;border-radius:3px}.spark{position:absolute;right:4px;top:33px;font-size:60px;color:#8c9e69}.approach{padding:68px 52px 85px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}h2{font-size:34px;letter-spacing:-1.3px;font-weight:500;max-width:520px;margin:0 0 50px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{font-size:12px;color:#7b8c67}h3{font-size:20px;font-weight:500;margin:20px 0 10px}article p{font-size:14px;line-height:1.7;color:var(--muted);max-width:280px}footer{border-top:1px solid var(--line);padding:35px 52px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span{font-size:11px;color:var(--muted)}footer .brand{font-size:23px}a:focus-visible,select:focus-visible{outline:3px solid #8ca654;outline-offset:5px}[dir=rtl]h1{letter-spacing:0}[dir=rtl]h2{letter-spacing:0}@media(max-width:900px){header{padding:0 26px;height:90px}.hero{padding:30px 26px 60px;gap:10px;grid-template-columns:1fr 1fr}h1{font-size:44px;letter-spacing:-2px}.art{transform:scale(.8);transform-origin:center;width:400px;margin-left:-35px}.intro{font-size:14px}.approach{padding:45px 26px}.cards{gap:20px}footer{padding:28px 26px}}@media(max-width:650px){.hero{grid-template-columns:1fr;overflow:hidden}.copy{max-width:500px}h1{font-size:49px;max-width:480px}.art{width:360px;max-width:100%;height:430px;transform:scale(.88);margin:5px auto -30px}.a1{left:0}.a2{right:0}.circle{left:0;width:350px;height:350px}.c2{left:40px;width:270px;height:270px}.love{left:145px}.spark{right:0}.section-title{display:block}h2{font-size:30px;margin-bottom:36px}.cards{grid-template-columns:1fr;gap:26px}.cards article{border-top:1px solid var(--line);padding-top:20px}article p{max-width:none}.brand{font-size:24px}footer{flex-wrap:wrap}footer .brand{width:100%;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Sky photograph from the owner's desktop wallpaper. Shared by all 19 locales. */
:root{--ink:#183d60;--muted:#425f79;--cream:#eef6fc;--lime:#d5eafc;--line:#b8ccdd}
body{background:#b9d2e9;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(242,249,255,.78),rgba(235,245,255,.32)),url('/sky-clouds.jpg') center 55%/cover no-repeat}
select{background:#f7fbffeb;border-color:#b4c9db}
.tags span{background:#f4faffc9;border-color:#b4c9db}
.copy{text-shadow:0 1px 16px #ffffff8c}
.button{text-shadow:none}.button:hover{background:#285578}
.approach{background:#f4faffd9;border-radius:28px 28px 0 0}
footer{background:#f4faffd9}
.circle{border-color:#91b1cd}.dot,.spark{color:#437aa7}
.eyebrow span{background:#477fae}.step{color:#456b8c}
a:focus-visible,select:focus-visible{outline-color:#367bb4}
@media(max-width:650px){body::before{background-position:center,62% center}.approach{border-radius:22px 22px 0 0}}

/* Two adjoining portraits: 285 × 427.5px each at the desktop size. */
.hero{grid-template-columns:minmax(0,1fr) 570px;gap:28px}
.art{container-type:inline-size;width:570px;max-width:100%;height:auto;aspect-ratio:570/560;transform:none;margin:0;min-width:0}
.arch{width:50%;height:75cqw;border-radius:29cqw 29cqw 6.3cqw 6.3cqw;top:10cqw;transform:none}
.a1{left:0}.a2{left:50%;right:auto}
.arch>span{top:7.9cqw;left:6.3cqw;border-radius:6.6cqw;padding:2.6cqw 4.2cqw;font-size:4.47cqw}
.face{width:22.37cqw;height:30.26cqw;left:14.74cqw;top:22.37cqw;border-top-width:7.37cqw}
.face i{width:1.84cqw;height:1.84cqw;left:6.05cqw;top:6.58cqw;box-shadow:8.42cqw 0 #332d25}
.face b{width:7.1cqw;height:3.42cqw;left:7.37cqw;top:12.1cqw;border-bottom-width:.79cqw}
.shirt{width:46.05cqw;height:35.53cqw;top:48.68cqw;left:3.95cqw;border-radius:21cqw 21cqw 0 0}
.circle{width:86cqw;height:86cqw;left:7cqw;top:3cqw}.c2{width:68cqw;height:68cqw;left:16cqw;top:12cqw}
.love{left:50%;top:43cqw;transform:translate(-50%,-50%) rotate(-8deg);width:24cqw;height:20cqw;background:none;border:0;box-shadow:none;display:block;color:#ed6799;font-size:21cqw;filter:drop-shadow(0 3px 5px #70344d26)}
.love span{position:absolute;left:0;top:0;line-height:1;-webkit-text-stroke:.7cqw #fff0f6}
.love span+span{left:8cqw;top:4cqw;font-size:16cqw;color:#f59cbd}
.note{left:2cqw;bottom:0;max-width:44cqw;padding:3cqw;font-size:2.7cqw}
.spark{right:1cqw;top:0;font-size:9cqw}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.art{width:100%}}
@media(max-width:750px){.hero{grid-template-columns:minmax(0,1fr)}.art{width:570px;max-width:100%;margin:18px auto 0}.copy{min-width:0;width:100%}.note{font-size:max(11px,2.7cqw)}}

/* A warmer greeting, shoulder-length hair and two distinct smiles. */
.art{aspect-ratio:570/660}
.a1{transform:rotate(-6deg)}.a2{transform:rotate(6deg)}
.note{left:50%;bottom:0;transform:translateX(-50%) rotate(-3deg);max-width:none;width:82cqw;padding:2.4cqw 3.5cqw;font-family:'Caveat','Segoe Print','Comic Sans MS',cursive;font-size:clamp(20px,4.8cqw,29px);font-weight:600;line-height:1.16;text-align:center;background:#fff6e9;border-radius:7px;box-shadow:0 5px 16px #183d6012}
.face{z-index:3}
.a2::before{content:"";position:absolute;left:11.3cqw;top:21.5cqw;width:29cqw;height:43cqw;background:#493d2d;border-radius:47% 47% 12% 12%;z-index:2;transform:rotate(-2deg)}
.s2{background:#d9c4ed}
.f1 b{width:9cqw;height:5cqw;left:6.6cqw;top:11.1cqw;border:0;border-radius:12% 12% 55% 55%;background:linear-gradient(#fff8ef 0 29%,#813d36 30% 72%,#d98c86 73%);transform:rotate(-5deg)}
.f2 b{width:9.2cqw;height:4.7cqw;left:6.6cqw;top:11.5cqw;border:0;border-radius:15% 15% 60% 60%;background:linear-gradient(#fff8f3 0 36%,#9b4b46 37%);transform:rotate(7deg)}
.f2 i{height:1.5cqw;border-radius:50% 50% 35% 35%}
.f2::after{content:"";position:absolute;top:9cqw;left:3cqw;width:3.5cqw;height:1.7cqw;border-radius:50%;background:#d98c7c;box-shadow:12.7cqw 0 #d98c7c;opacity:.65}
@media(max-width:750px){.note{font-size:clamp(19px,5.4cqw,29px)}}
.a2::before{height:36cqw;border-radius:47% 47% 24% 24%}
.f1 b{width:7.8cqw;height:4.2cqw;left:7.1cqw;top:11.7cqw;border-radius:18% 18% 70% 70%}
.f2 b{width:8.6cqw;height:4.5cqw;left:6.9cqw;border-radius:20% 20% 65% 65%}

/* Original full-length storybook couple. Fit the complete artwork, never zoom-crop. */
.arch{background-image:none;background-color:#e7effb}
.a1{background:linear-gradient(155deg,#edf6ff,#c3d9ef)}
.a2{background:linear-gradient(155deg,#fff4fb,#ddd0ef)}
.a2::before{content:none}
.arch img{position:absolute;top:0;left:0;width:200%;height:100%;max-width:none;object-fit:contain;object-position:center;pointer-events:none}
.a2 img{left:-100%}
.love{top:65cqw}
.arch img{transform:scale(.82);transform-origin:25% 50%}
.a2 img{transform-origin:75% 50%}
.arch img{transform:scale(.92)}
/* Waist-up framing: keep heads, shoulders and hands inside each panel. */
.arch img{width:350%;height:auto;object-fit:contain;transform:none;left:-45%;top:7%;}
.a2 img{left:-195%;transform:none}
/* Caption directly on the sky, 25% larger than its previous size. */
.note{background:transparent;box-shadow:none;border:0;border-radius:0;font-size:clamp(25px,6cqw,36.25px);text-shadow:0 1px 10px #ffffffc9}
@media(max-width:750px){.note{font-size:clamp(23.75px,6.75cqw,36.25px)}}
/* Increase the current caption by another 25%. */
.note{font-size:clamp(31.25px,7.5cqw,45.3125px)}
@media(max-width:750px){.note{font-size:clamp(29.6875px,8.4375cqw,45.3125px)}}
.note{color:#8661ad}
/* Brighter lilac, with the Russian closing phrase following a gentle smile. */
.note{color:#ae35d2}
.note:has(.smile-caption){width:94cqw;padding:0;transform:translateX(-50%);line-height:1}
.note-intro{display:block}
.smile-caption{display:block;width:100%;height:auto;overflow:visible;margin-top:4px}
.smile-caption text{fill:currentColor;font-family:inherit;font-weight:600;font-size:43px;stroke:none}
.love{top:0}
.a1{z-index:2}.a2{z-index:1}
.love{top:7cqw}
h1,h2,h3{color:#9230b0}
.brand,.brand .dot{color:#9230b0}
.brand-mark{background:#9230b0;color:#fff}
.button{background:#9230b0;color:#fff}
.button:hover{background:#7b2796}
.button span{color:#f4d9ff}
/* One identical b-mark + mychance wordmark in header and footer. */
.brand,footer .brand{gap:3px;font-size:27px;letter-spacing:-1.5px;line-height:1}
@media(max-width:650px){.brand,footer .brand{font-size:24px}}
/* Compact version of the same wordmark for the approach section. */
.section-title .brand-small{font-size:20px;gap:3px;letter-spacing:-1px;flex-shrink:0}
.brand-small .brand-mark{width:29px;height:29px;border-radius:9px;font-size:23px;line-height:28px;letter-spacing:-3px;padding-right:4px}
.brand-small .brand-mark span{font-size:10px;right:4px;bottom:-2px}
@media(max-width:650px){.section-title .brand-small{margin-bottom:24px}}
/* Inline wordmark in the introductory sentence. */
.intro .brand-inline{display:inline-flex;vertical-align:middle;gap:2px;font-size:17px;letter-spacing:-.8px;line-height:1;margin-inline-end:3px}
.brand-inline .brand-mark{width:23px;height:23px;border-radius:7px;font-size:19px;line-height:22px;letter-spacing:-2px;padding-right:3px}
.brand-inline .brand-mark span{font-size:8px;right:3px;bottom:-2px}
