@font-face{font-family:Comic;src:url('/ComicRelief-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;background:#fffef1;color:#183420;font-family:ui-rounded,'SF Pro Rounded',system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column}
main{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:56px 48px 32px;gap:36px}
.picture{min-width:0;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.picture img{display:block;width:100%;height:auto;transition:transform .25s ease}
.picture:hover img{transform:rotate(-2deg)}
h1{font-family:Comic,ui-rounded,system-ui,sans-serif;font-weight:700;font-size:clamp(48px,5.8vw,78px);line-height:1.15;letter-spacing:-.055em;margin:0 0 28px}
.description{font-size:clamp(21px,2.15vw,28px);line-height:1.45;letter-spacing:-.025em;margin:0 0 36px}
a{color:inherit;text-underline-offset:5px}
.get-app{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:62px;padding:16px 24px;background:#ff741d;border:2px solid #183420;border-radius:22px;font-weight:750;font-size:19px;text-decoration:none;box-shadow:0 4px 0 #183420;transition:transform .15s,box-shadow .15s}
.get-app:hover{transform:translateY(-2px);box-shadow:0 6px 0 #183420}
.get-app:active{transform:translateY(3px);box-shadow:0 1px 0 #183420}
a:focus-visible{outline:3px solid #0079ae;outline-offset:7px}
.availability{font-size:15px;color:#4c604f;margin:20px 0 0}
footer{display:flex;justify-content:space-between;gap:24px;width:min(1240px,100%);margin:0 auto;padding:30px 48px;font-size:14px;color:#4c604f;flex-wrap:wrap}
@media(max-width:760px){main{display:flex;flex-direction:column;gap:8px;padding:24px 24px 32px;text-align:center}.picture{width:min(76vw,350px)}h1{font-size:clamp(42px,10vw,64px);margin-bottom:16px}.description{font-size:22px;margin-bottom:28px}.get-app{font-size:18px;min-height:60px}.availability{margin-top:18px}footer{padding:24px;justify-content:center;font-size:13px;gap:12px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.picture:hover img,.get-app:hover,.get-app:active{transform:none}}