@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{background:#fffcf6;color:#050505;font-family:Inter,Arial,sans-serif}body{margin:0}.page{padding:16px 1.8vw 2.6vw;min-height:100svh;display:flex;flex-direction:column}header{height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:none}.brand{font-size:40px;line-height:1;font-weight:750;letter-spacing:-2.5px;text-decoration:none;color:inherit}.download{border:0;border-radius:100px;background:#000;color:#fff;padding:13px 25px;font:550 19px/1.1 Inter,Arial,sans-serif;white-space:nowrap;cursor:default}.download:focus-visible{outline:3px solid #236248;outline-offset:4px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0;isolation:isolate}.choice{position:relative;overflow:hidden;border:0;border-radius:32px;padding:0;min-width:0;min-height:620px;background:#facbd0;color:#000;cursor:pointer;text-align:left;isolation:isolate;transition:box-shadow .45s ease,filter .45s ease;outline-offset:4px}.choice.friendship{background:#ffedaa}.choice h2{position:absolute;left:5.5%;top:3.2%;margin:0;font-size:clamp(48px,9.5vw,160px);font-weight:800;line-height:1.08;letter-spacing:-.075em;z-index:2;pointer-events:none}.choice.friendship h2{font-size:clamp(40px,8.8vw,145px)}html[lang=fr] .choice.friendship h2{font-size:clamp(48px,9.5vw,160px)}.art{position:absolute;inset:20% -1.5% 0;transform:translate3d(var(--x,0px),var(--y,0px),0) scale(var(--scale,1));transform-origin:50% 100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}.art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.choice[aria-pressed=true]{box-shadow:inset 0 0 0 3px #000}.choice:focus-visible{outline:3px solid #000}.choice[aria-pressed=true] .art{--scale:1.035}@media(hover:hover) and (pointer:fine){.choice:hover .art{--scale:1.045}.choice:hover{filter:saturate(1.035)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:900px){.page{height:100svh;min-height:650px}.choice{min-height:0}}@media(max-width:700px){.page{padding:16px 12px 12px;gap:12px}header{height:40px;align-items:center}.brand{font-size:32px;letter-spacing:-2px}.download{font-size:13px;padding:12px 16px}.choices{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:12px}.choice{min-height:300px;border-radius:24px;aspect-ratio:1.18}.choice h2,.choice.friendship h2,html[lang=fr] .choice.friendship h2{top:6%;left:6%;font-size:clamp(48px,13.7vw,90px)}.art{inset:22% -1% 0}.art img{object-position:center 12%}}@media(max-width:360px){.download{font-size:11px;padding:12px}.choice{min-height:270px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.art{transform:none!important}}

/* Reuse the approved art, cropped in CSS; live text stays separate. */
.art{inset:auto 0 0;height:auto;aspect-ratio:734/704;overflow:hidden}
.art img{position:absolute;width:209.264%;height:145.455%;max-width:none;left:-3.68%;top:-39.77%;object-fit:fill}
.friendship .art img{left:-105.585%}
.choice{background:linear-gradient(115deg,#fccbd0,#f9cbd0)}
.choice.friendship{background:linear-gradient(115deg,#ffeba3,#fff0b3)}
@media(min-width:701px) and (max-aspect-ratio:6/5){.choice{min-height:620px}}
@media(max-width:700px){.choice{aspect-ratio:.92;min-height:0}.art{inset:auto 0 0;height:auto}.choice h2,.choice.friendship h2,html[lang=fr] .choice.friendship h2{top:5%;font-size:13.2vw}}
.art{inset:27% 0 0;height:auto;aspect-ratio:auto}.art img{height:auto;top:0;transform:translateY(-27.34%)}
@media(max-width:700px){.art{inset:23% 0 0;height:auto}}
.art{mask-image:linear-gradient(to bottom,transparent 0,#000 1.5%)}
@media(max-width:700px){.page{height:100svh;min-height:640px}.choices{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.choice{aspect-ratio:auto}}