@font-face{font-family:RanchDisplay;src:url('assets/RanchDisplay-v1.woff2') format('woff2');font-weight:900;font-display:swap}@font-face{font-family:RanchLabel;src:url('assets/RanchLabel-v1.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:RanchBody;src:url('assets/RanchUI-v1.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#292c27;--paper:#fff8e5;--mint:#63b79e;--coral:#f08055;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:linear-gradient(110deg,#fff8e5e8,#fff8e5a0),url('assets/pasture-v1.png') center/cover fixed;color:var(--ink);font:17px/1.6 RanchBody,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1380px;margin:auto;padding:28px 44px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:900 34px RanchDisplay,sans-serif;letter-spacing:-1px}.brand img{width:56px;height:56px;object-fit:contain;flex-shrink:0}.brand span{font:700 22px RanchLabel,sans-serif}.tag{font:700 14px RanchLabel;background:#fff8e5b3;border-radius:30px;padding:7px 16px}.copy{position:relative;z-index:2}main{display:grid;grid-template-columns:.85fr 1.1fr;align-items:center;gap:0;padding:42px 0 25px}.eyebrow{font:700 20px RanchLabel;margin:0 0 20px;color:#376553}h1{font:900 clamp(66px,7vw,99px)/.86 RanchDisplay,sans-serif;letter-spacing:-4px;margin:0;transform:rotate(-3deg);transform-origin:left center}h1 span{color:var(--coral);text-shadow:2px 3px var(--ink)}.intro{font:700 25px/1.5 RanchLabel;margin:27px 0}.play{display:flex;align-items:center;justify-content:space-between;max-width:355px;padding:20px 30px;color:var(--ink);background:var(--coral);border:3px solid var(--ink);border-radius:8px 24px 8px 24px;box-shadow:3px 6px var(--ink);font:900 30px RanchDisplay;transition:transform .15s}.play:hover{transform:translateY(-3px)}.play:active{transform:translate(2px,4px);box-shadow:1px 2px var(--ink)}.play:focus-visible{outline:3px solid #437b69;outline-offset:6px}.support{color:#645f49;font-size:14px;margin-top:17px}.match{height:490px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#f2dda1aa 0%,#fff8e540 55%,#fff8e500 70%)}.match-label{position:absolute;left:50%;top:10px;transform:translateX(-50%) rotate(-3deg);font:700 23px RanchLabel;white-space:nowrap}.ring{position:absolute;width:360px;height:240px;border:7px double #a48746;border-radius:50%;top:161px;left:50%;transform:translateX(-50%);background:#fff1d74d}.vs{position:absolute;left:50%;top:125px;transform:translateX(-50%) rotate(-6deg);font:900 40px RanchDisplay;color:var(--coral);text-shadow:2px 2px var(--ink);z-index:2}#animals{position:absolute;inset:0;width:100%;height:100%}.match-bottom{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);white-space:nowrap;background:var(--mint);border-radius:24px;display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 25px;font:700 15px RanchLabel}.match-bottom i{width:4px;height:4px;background:var(--ink);border-radius:50%}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}.how article{display:flex;gap:15px;align-items:flex-start}.how b{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font:900 20px RanchDisplay}.how h2{font:700 23px RanchLabel;margin:0 0 8px}.how p{font-size:15px;color:#68604b;line-height:1.8;margin:0}footer{display:flex;justify-content:space-between;padding-top:27px;margin-top:30px;color:#68604b;font-size:13px}
@media(max-width:800px){.page{padding:24px}main{grid-template-columns:1fr;padding:40px 0 20px;gap:15px}h1{font-size:85px}.intro{font-size:23px}.play{max-width:none}.match{height:375px}.ring{top:135px;width:280px;height:185px}.vs{top:84px}.match-bottom{bottom:0;padding:10px 16px;font-size:13px}.how{grid-template-columns:1fr;gap:24px}footer{gap:12px;flex-direction:column}.tag{font-size:11px;padding:7px 10px}.brand{font-size:26px;gap:8px}.brand img{width:44px;height:44px}.brand span{font-size:17px}.match-label{font-size:21px}}
@media(prefers-reduced-motion:reduce){.play{transition:none}}