*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;background:#ded8c9;color:#171713}
button,a{font:inherit}.stage{position:relative;height:100dvh;min-height:560px;padding:18px 22px 16px;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;background:linear-gradient(115deg,#e8e2d4 0 52%,#d6d0c3 52%)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:inherit}.brand b{font-size:19px;letter-spacing:-.8px}.brand small{font:700 10px/1 monospace;opacity:.55}.lemon-dot{width:12px;height:12px;border-radius:50% 45% 50% 45%;background:#e5db25;box-shadow:inset -2px -2px 0 #a79f13}
nav{display:flex;gap:7px}.navbtn,.buy,.ca{border:1px solid #171713;background:rgba(244,240,230,.72);cursor:pointer;transition:.18s transform,.18s background}.navbtn,.buy{padding:10px 14px;border-radius:999px;font-weight:800;font-size:11px}.navbtn:hover,.buy:hover,.ca:hover{transform:translateY(-2px)}.buy{background:#171713;color:#fff}
.hero{min-height:0;display:grid;grid-template-columns:minmax(330px,.92fr) minmax(350px,1.1fr) 86px;align-items:center;gap:18px;position:relative}.copy{padding-left:4vw;z-index:3}.eyebrow{font:800 10px/1 monospace;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.eyebrow span{width:34px;height:2px;background:#171713}.copy h1{font-size:clamp(78px,10.8vw,174px);line-height:.7;letter-spacing:-.09em;margin:20px 0 28px;font-weight:950}.copy h1 i{font-style:normal;color:#d7cc19;text-shadow:2px 2px 0 #171713,-1px -1px 0 #171713}.copy p{max-width:460px;font:600 clamp(13px,1.2vw,17px)/1.45 monospace}.actions{display:flex;align-items:center;gap:9px;margin-top:22px}.big{padding:15px 20px}.ca{height:46px;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px}.ca span,.ca b{font:800 9px/1 monospace}.ca span{background:#e1d827;padding:6px;border-radius:5px}.ca code{max-width:100px;overflow:hidden;text-overflow:ellipsis}
.visual{height:min(73vh,760px);position:relative;display:grid;place-items:center}.halo{position:absolute;width:min(38vw,540px);aspect-ratio:1;border-radius:50%;background:#e4da28;box-shadow:0 0 0 24px rgba(228,218,40,.15),0 0 0 50px rgba(228,218,40,.07);animation:breathe 4s ease-in-out infinite}.main-character{position:relative;z-index:2;width:min(37vw,520px);max-height:68vh;object-fit:cover;aspect-ratio:1;border-radius:48% 52% 46% 54%/52% 46% 54% 48%;border:2px solid #171713;box-shadow:18px 20px 0 rgba(23,23,19,.12);transition:.35s transform,.25s opacity}.visual:hover .main-character{transform:rotate(-1deg) scale(1.015)}.sticker{position:absolute;z-index:4;background:#f4f0e6;border:2px solid #171713;box-shadow:5px 5px 0 #171713;font-weight:950;text-align:center;transform:rotate(-7deg)}.sticker-a{left:4%;bottom:16%;padding:10px;border-radius:50%;font-size:12px}.sticker-b{right:3%;top:14%;padding:9px 12px;border-radius:8px;font-size:24px;transform:rotate(10deg);animation:wobble 2.8s ease-in-out infinite}
.rail{display:flex;flex-direction:column;gap:8px;justify-self:end}.thumb{width:72px;height:72px;padding:0;border:1px solid #171713;background:#eee;overflow:hidden;cursor:pointer;border-radius:8px;opacity:.66;transition:.2s}.thumb:hover,.thumb.active{opacity:1;transform:translateX(-5px)}.thumb img{width:100%;height:100%;object-fit:cover}
footer{height:38px;border-top:1px solid rgba(23,23,19,.45);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;font:800 9px/1 monospace;letter-spacing:.6px;overflow:hidden}.ticker{overflow:hidden;white-space:nowrap;opacity:.65}.ticker div{display:inline-block;animation:marquee 16s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes breathe{50%{transform:scale(1.035)}}@keyframes wobble{50%{transform:rotate(5deg) translateY(-5px)}}
@media(max-width:820px){.stage{padding:12px;min-height:500px}.brand small,.navbtn:nth-child(2),footer>span:first-child{display:none}nav{gap:4px}.navbtn,.buy{padding:9px 10px}.hero{grid-template-columns:1fr;grid-template-rows:1fr;align-items:end}.copy{position:absolute;inset:auto 0 3% 0;padding:0 5px;z-index:5}.copy h1{font-size:clamp(72px,25vw,124px);margin:8px 0 12px}.copy p{max-width:78%;font-size:11px;background:rgba(232,226,212,.82);padding:6px}.visual{position:absolute;inset:3% 0 22%;height:auto;align-items:start}.halo{width:min(88vw,460px)}.main-character{width:min(83vw,430px);max-height:56vh}.rail{position:absolute;right:0;top:10%;z-index:7}.thumb{width:48px;height:48px}.actions{margin-top:10px}.big{padding:12px}.ca{height:40px}.sticker-a{left:3%;bottom:22%}.sticker-b{right:8%;top:4%}footer{grid-template-columns:1fr auto;height:30px}.ticker{display:none}}
@media(max-height:650px) and (min-width:821px){.copy h1{font-size:100px;margin:12px 0}.visual{height:62vh}.main-character{width:360px}.copy p{font-size:12px}}