@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600;9..144,800&display=swap');
:root{--ink:#103d31;--cream:#fff9e9;--lime:#d5f13b;--mint:#bdeee0;--orange:#f48145;--brown:#6d3b26;--line:rgba(16,61,49,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:10px clamp(18px,4vw,70px);display:flex;align-items:center;justify-content:space-between;background:#fffbee;position:relative;z-index:4;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.02;font-weight:700;letter-spacing:.08em}.brand img{width:48px;height:48px;object-fit:contain}.nav{display:flex;gap:28px;font-size:14px;font-weight:700}.nav a{opacity:.78}.nav a:hover{opacity:1;color:#d75d22}.menu{display:none;border:0;background:var(--lime);padding:8px 12px;border-radius:100px;font:700 14px 'DM Sans';color:var(--ink)}.hero{min-height:650px;height:calc(100vh - 78px);max-height:800px;position:relative;display:flex;align-items:center;overflow:hidden;background:#31785e}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(6,49,35,.91),rgba(7,60,43,.55) 43%,transparent 75%)}.hero-content{position:relative;z-index:1;margin-left:clamp(24px,11vw,180px);max-width:625px;color:#fffbed}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 14px;color:inherit}.hero h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:.98;margin:0}.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);letter-spacing:-.065em}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:18px;max-width:480px;margin:24px 0 30px}.button{display:inline-flex;align-items:center;gap:18px;background:var(--lime);color:#174235;padding:13px 20px 13px 23px;border-radius:999px;font-weight:700;box-shadow:0 6px 0 rgba(0,0,0,.12)}.button span{font-size:24px;line-height:.8}.hero-note{position:absolute;z-index:1;bottom:27px;right:clamp(18px,5vw,80px);color:#fff;font-size:13px}.hero-note span{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:8px}.intro{padding:clamp(68px,11vw,150px) clamp(24px,11vw,180px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.intro h2,.feature-copy h2,.section-head h2,.callout h2{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.06em}.intro-copy{max-width:500px;font-size:18px}.intro-copy p:first-child{margin-top:0}.feature-band{background:var(--mint);padding:clamp(60px,9vw,120px) clamp(24px,10vw,150px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;overflow:hidden}.feature-art{min-height:470px;position:relative;display:grid;place-items:center}.feature-art img{max-height:490px;z-index:1;filter:drop-shadow(0 22px 25px rgba(18,82,65,.27))}.orb{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#fffbd7 5%,#eff67c 25%,#76d4a7 65%,transparent 67%)}.feature-copy{max-width:510px}.feature-copy>p:not(.eyebrow){font-size:18px}.feature-copy ul{list-style:none;padding:10px 0 0;margin:25px 0}.feature-copy li{border-top:1px solid rgba(16,61,49,.22);padding:13px 0;font-weight:700}.feature-copy b{color:#ef6a32;margin-right:15px}.screens{padding:clamp(72px,11vw,150px) clamp(22px,7vw,110px);background:#fffbee}.section-head{text-align:center;max-width:620px;margin:auto auto 50px}.section-head>p:last-child{font-size:17px}.screen-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:25px;align-items:end;max-width:1100px;margin:auto}.screen-frame{height:500px;border-radius:26px;overflow:hidden;background:#153f32;border:8px solid #153f32;box-shadow:0 15px 35px rgba(21,63,50,.16)}.screen-frame img{height:100%;width:100%;object-fit:cover;object-position:top}.screen-grid h3{font-size:25px;margin:18px 0 4px}.screen-grid p{margin:0}.play-card{min-height:430px;background:var(--orange);border-radius:26px;padding:32px;color:#fffaed;overflow:hidden;position:relative}.play-card img{position:absolute;width:220px;right:-30px;bottom:-20px}.play-card p:not(.eyebrow),.play-card h3{position:relative;max-width:190px}.play-card h3{font-size:34px;margin-bottom:12px}.callout{display:flex;align-items:center;justify-content:center;gap:6vw;min-height:400px;padding:50px 25px;background:var(--ink);color:#fffbed;overflow:hidden}.callout .eyebrow{color:var(--lime)}.callout img{height:320px;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(0,0,0,.22))}footer{padding:30px clamp(22px,5vw,75px);background:#092d24;color:#dceadd;display:flex;align-items:center;gap:35px;justify-content:space-between;font-size:13px}footer .brand img{width:42px;height:42px}footer p{margin:0}footer div{display:flex;gap:20px}footer a:hover{text-decoration:underline}.legal{max-width:820px;margin:auto;padding:80px 24px}.legal header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:38px}.legal h1{font:800 clamp(2.7rem,6vw,4.8rem)/1 Fraunces,serif;letter-spacing:-.06em;margin:10px 0}.legal h2{font-size:27px;margin:34px 0 8px}.legal li{margin:6px 0}.legal .updated{color:#628076;font-size:14px}@media(max-width:760px){.site-header{height:67px}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fffbee;padding:18px 24px;flex-direction:column;gap:14px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu{display:block}.hero{height:610px;min-height:0}.hero-art{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(6,49,35,.92),rgba(7,60,43,.3) 100%)}.hero-content{margin:0 24px}.hero-note{left:24px;right:auto}.intro,.feature-band{grid-template-columns:1fr;gap:36px}.intro{padding:75px 24px}.feature-band{padding:70px 24px}.feature-art{min-height:360px;order:2}.feature-art img{max-height:360px}.orb{width:340px;height:340px}.screen-grid{grid-template-columns:1fr;max-width:380px}.screen-frame{height:470px}.play-card{min-height:390px}.callout{justify-content:space-between;gap:0}.callout img{height:220px;margin-right:-65px}footer{flex-direction:column;align-items:flex-start;gap:15px}footer div{flex-wrap:wrap}.legal{padding-top:55px}}