*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff7e2;color:#4b250e;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #d95520;outline-offset:6px}img{max-width:100%;height:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 6vw;border-bottom:1px solid #d5bb90}header>a{font-weight:900;text-decoration:none}nav{display:flex;gap:26px;align-items:center}nav a{font-size:14px;font-weight:800;text-decoration:none}nav a:hover{text-decoration:underline}body:not(.landing) main{max-width:850px;margin:48px auto 90px;padding:0 25px}body:not(.landing){background:linear-gradient(#fff2d5,#fffaf0)}body:not(.landing) header{background:#fff9ed}body:not(.landing) h1{font-size:clamp(38px,6vw,60px);line-height:1.05;letter-spacing:-2px}body:not(.landing) h2{margin-top:36px}body:not(.landing) .note{border-left:4px solid #dc5a25;padding:16px 20px;background:#f6e7cc}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:900}.site-header{position:absolute;top:58px;left:0;width:100%;z-index:4;border:0;color:#48230e}.wordmark{font-size:13px;letter-spacing:.12em}.wordmark span{font-weight:400;letter-spacing:0;display:block;font-size:12px}.hero{position:relative;min-height:850px;min-height:100svh;overflow:hidden;display:flex;align-items:center;background:#f5d37e url('/art/background-day.jpg') center 43%/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,217,.92),rgba(255,246,214,.86) 36%,rgba(255,242,202,.13) 73%)}.hero-content{position:relative;z-index:2;padding:150px 6vw 100px;max-width:700px}.game-logo{display:block;width:300px;margin-left:-16px;filter:drop-shadow(0 12px 14px #6b38172b);animation:arrive .7s both}.hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 22px;font-weight:950}.intro{max-width:370px;font-size:18px;line-height:1.6}.button{display:inline-flex;gap:35px;align-items:center;padding:15px 26px;background:#4b260f;color:#fff5d7;border-radius:12px;text-decoration:none;font-size:15px;font-weight:900;box-shadow:0 5px 0 #2c1506;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #2c1506}.release-note{font-size:12px;font-weight:700;margin-top:22px}.produce{position:absolute;inset:0;pointer-events:none}.fruit{position:absolute;width:clamp(130px,19vw,290px);filter:drop-shadow(0 25px 18px #5a30094d);animation:bob 6s ease-in-out infinite}.banana{top:19%;right:19%;transform:rotate(-15deg)}.mango{top:38%;right:4%;animation-delay:-1.5s}.aubergine{bottom:10%;right:20%;animation-delay:-3s}.orange{top:8%;right:-6%;width:180px;animation-delay:-2s}.scroll-cue{position:absolute;bottom:24px;left:6vw;display:flex;gap:60px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;z-index:3}.how{padding:100px 6vw 110px;background:#fff7e2}.how h2,.night h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.05em;line-height:1.06;margin:20px 0 40px}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.match-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:240px;background:radial-gradient(ellipse,#f9d1777a,transparent 67%)}.match-art img{width:33%;margin:0 -3%;filter:drop-shadow(0 18px 8px #94461722);transition:transform .3s}.match-art:hover img{transform:translateY(-12px) rotate(-5deg)}.steps article{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #dfc9a5}.steps article>span{font-size:13px;font-weight:900;color:#a66a36}.steps h3{font-size:24px;margin:0 0 8px;letter-spacing:-.04em}.steps p{margin:0;font-size:15px;max-width:360px}.night{position:relative;min-height:680px;display:flex;align-items:center;padding:90px 6vw;background:#241439 url('/art/background-evening.jpg') center 45%/cover;color:#fff4d5;overflow:hidden}.night:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#23112be8,#23112bbd 45%,#23112b10)}.night-copy{position:relative;max-width:520px;z-index:1}.night-copy p:not(.eyebrow){max-width:370px}.cream{background:#fff0c6;color:#4b250e;margin-top:22px;box-shadow:0 5px 0 #cf9857}.night-fruit{position:absolute;width:250px;right:15%;bottom:12%;filter:drop-shadow(0 20px 20px #150c25)}.closing{text-align:center;padding:80px 24px 90px}.closing h2{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.04em}.closing p{font-size:15px}.text-link{display:inline-block;margin-top:18px;font-weight:900;font-size:14px}footer{padding:28px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dcc49c;font-size:12px}footer p{margin:0}footer nav{gap:20px}footer a{font-size:12px}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -15px;rotate:4deg}}@media(max-width:700px){.site-header{top:40px;padding:15px 6vw}.site-header nav{gap:18px}.site-header nav a{font-size:12px}.wordmark{font-size:10px}.hero{min-height:850px;background-position:52% 50%;align-items:flex-start}.hero:before{background:linear-gradient(180deg,#fff5d976,#fff5d9da 18%,#fff5d9e8 65%,#fff5d900)}.hero-content{text-align:center;width:100%;padding:125px 22px 170px}.game-logo{width:265px;margin:0 auto}.hero h1{font-size:44px;margin-top:12px}.hero .eyebrow{font-size:10px}.intro{font-size:16px;max-width:310px;margin:0 auto 24px}.fruit{width:135px}.banana{top:auto;bottom:3%;right:57%}.mango{top:auto;bottom:5%;right:2%}.aubergine{width:125px;bottom:0;right:31%}.orange{display:none}.scroll-cue{display:none}.how{padding:65px 7vw}.how-layout{grid-template-columns:1fr;gap:10px}.match-art{min-height:170px;order:0}.how h2{margin-bottom:10px}.steps article{padding:22px 0}.night{min-height:660px;padding:65px 7vw;align-items:flex-start;background-position:58% center}.night:before{background:linear-gradient(180deg,#23112bf0,#23112bbc 70%,#23112b20)}.night h2{font-size:46px}.night-fruit{width:110px;right:5%;bottom:6%}.night-copy{padding-bottom:100px}.closing{padding:60px 24px}footer{flex-direction:column;text-align:center}body:not(.landing) header{padding:20px;gap:12px}body:not(.landing) nav{gap:14px}body:not(.landing) nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:701px){.hero-content{padding-top:115px;padding-bottom:70px}.game-logo{width:270px}.hero h1{font-size:clamp(40px,4.2vw,58px);margin:12px 0 16px}.hero .eyebrow{margin:12px 0}.intro{font-size:16px;line-height:1.5;margin-bottom:22px}.hero .release-note{margin-top:16px}.site-header{top:35px}}@media(max-width:700px){.hero{min-height:100svh}.hero-content{padding-top:108px;padding-bottom:150px}.game-logo{width:235px}.hero h1{font-size:40px}.hero .intro{font-size:15px}.hero .release-note{font-size:11px}}