:root{--tonny-bg:#171612;--tonny-surface:#23221d;--tonny-gold:#d4af37;--tonny-gold-dark:#8f7202;--tonny-gold-bright:#f2c94c;--tonny-steel:#797e95;--tonny-text:#fff;--tonny-muted:#d5d5d5}

.tonny-hero{--th-accent:#d4af37;--th-text:#fff;--th-muted:#d5d5d5;color:var(--th-text);overflow:hidden}.tonny-hero *{box-sizing:border-box}.tonny-hero__inner{width:min(1280px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:54px;align-items:center}.tonny-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--th-accent);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tonny-hero__eyebrow:before{content:"";width:30px;height:1px;background:currentColor}.tonny-hero h1{margin:16px 0 20px;font-size:clamp(3.5rem,6.5vw,6.8rem);line-height:.88;letter-spacing:-.065em}.tonny-hero h1 span{display:block;color:var(--th-accent)}.tonny-hero__copy p{max-width:650px;margin:0 0 28px;color:var(--th-muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}.tonny-hero__buttons{display:flex;flex-wrap:wrap;gap:12px}.tonny-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;font-weight:900;text-decoration:none!important;transition:.22s}.tonny-btn--primary{background:linear-gradient(135deg,#f2c94c,var(--th-accent));color:#17130a!important}.tonny-btn--ghost{border:1px solid color-mix(in srgb,var(--th-accent) 55%,transparent);color:#fff!important;background:rgba(255,255,255,.035)}.tonny-btn:hover{transform:translateY(-2px)}.tonny-hero__stage{position:relative}.tonny-hero__card{position:absolute;margin:0;border-radius:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--th-accent) 35%,transparent);background:#22211d;box-shadow:0 30px 80px rgba(0,0,0,.42)}.tonny-hero__card img{width:100%;height:100%;object-fit:cover;display:block}.tonny-hero__card--main{width:72%;height:86%;right:0;top:5%;transform:rotate(2deg)}.tonny-hero__card--side{width:42%;height:55%;left:0;bottom:3%;transform:rotate(-6deg)}.tonny-hero__card--mini{width:36%;height:42%;left:8%;top:0;transform:rotate(5deg)}.tonny-hero__note{position:absolute;z-index:5;left:4%;bottom:4%;padding:10px 13px;border:1px solid color-mix(in srgb,var(--th-accent) 40%,transparent);border-radius:999px;background:rgba(23,22,18,.88);backdrop-filter:blur(10px);color:var(--th-accent);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}@media(max-width:900px){.tonny-hero__inner{grid-template-columns:1fr}.tonny-hero__copy{max-width:760px}.tonny-hero__stage{width:min(680px,100%);margin:auto}}@media(max-width:600px){.tonny-hero__inner{width:min(100% - 24px,1280px);gap:24px}.tonny-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.tonny-hero__copy p{font-size:.98rem}.tonny-hero__buttons{display:grid;grid-template-columns:1fr 1fr}.tonny-btn{padding:0 12px;font-size:.86rem}.tonny-hero__card{border-radius:17px}.tonny-hero__card--main{width:76%}.tonny-hero__card--side{width:47%}.tonny-hero__card--mini{width:40%}.tonny-hero__note{font-size:.58rem;left:1%}}@media(max-width:380px){.tonny-hero__buttons{grid-template-columns:1fr}}

/* Tonny light retail palette */
.tonny-hero{--th-accent:#B98C14;--th-text:#151515;--th-muted:#494946;background:#F8F7F3;color:#151515}
.tonny-hero h1,.tonny-hero h2,.tonny-hero h3{color:#151515}
.tonny-btn--primary{background:#1C1C1A;color:#fff!important;box-shadow:0 10px 24px rgba(21,21,21,.14)}
.tonny-btn--primary:hover{background:#B98C14}
.tonny-btn--ghost{border-color:#E2E0D9;color:#151515!important;background:#fff}
.tonny-hero__card{background:#fff;border-color:#E2E0D9;box-shadow:0 24px 58px rgba(21,21,21,.14)}
.tonny-hero__note{background:rgba(255,255,255,.92);border-color:#E2E0D9;color:#A77B0C}