/* Brand-first hero refinement: keep the existing composition and strengthen ownership. */
.nav{overflow:visible!important}
.brand{width:190px!important;height:62px!important;flex:0 0 190px!important;display:block!important;background:none!important;text-indent:0!important;overflow:visible!important;border-radius:0!important;position:relative!important;z-index:2}
.brand img{display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:100px!important;object-fit:contain!important;margin:0!important;transform:translate(-50%,-38%)!important}
.brand b{display:block!important;position:absolute!important;z-index:2;left:50%;top:50%;transform:translate(-50%,-48%);font:300 18px/1 "DM Sans","Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.045em!important;color:var(--d)!important;white-space:nowrap}
.brand i{font:inherit!important;font-style:normal!important;color:inherit!important}

.hero{padding:105px 0 52px!important}
.hero-grid{gap:26px!important}
.hero-copy{position:relative;z-index:1}
.hero-copy:before{content:"";position:absolute;z-index:-1;left:-12%;top:-11%;width:57%;aspect-ratio:220/242;background:url('/tossed-and-topped-next/assets/brand-slice-mark-v2.svg') center/contain no-repeat;opacity:.055;transform:rotate(-4deg);pointer-events:none}
.hero-brand-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:7px}
.hero-wordmark{display:flex;align-items:center;gap:11px;color:var(--d)}
.hero-wordmark img{width:58px;height:27px;object-fit:contain}
.hero-wordmark strong{font:400 clamp(27px,2.45vw,39px)/1 Anton,Impact,sans-serif;letter-spacing:.035em;white-space:nowrap}
.hero-brand-row .badge{padding:7px 10px;font-size:9px;background:rgba(255,241,216,.28);letter-spacing:.13em}
.hero h1{font-size:clamp(68px,7vw,110px)!important;line-height:.83!important;margin:10px 0 12px!important}
.hero .tag{font-size:clamp(25px,2.65vw,39px)!important;margin-bottom:9px!important}
.hero .lead{margin:0;max-width:580px}
.hero .actions{margin-top:18px}
.hero .chips{margin-top:18px}
.hero-media{width:min(100%,570px);margin-left:auto}
.hero-media figure figcaption{display:none!important}
.hero-media-note{position:absolute;z-index:5;left:50%;bottom:-19px;transform:translateX(-50%);width:max-content;max-width:84%;padding:7px 11px;border:1px solid rgba(33,21,18,.28);border-radius:999px;background:rgba(255,241,216,.94);color:var(--d);box-shadow:0 5px 16px rgba(72,31,8,.14);font-size:8px;font-weight:900;letter-spacing:.09em;text-align:center}
.hero-pick{left:-2%;bottom:5%;z-index:6}

/* Hero polish: preserve the approved logo and concept badge, then clarify everything below them. */
.hero{position:relative;isolation:isolate;background:radial-gradient(circle at 70% 40%,rgba(255,209,45,.2),transparent 35%),linear-gradient(115deg,rgba(255,241,216,.07),transparent 44%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(rgba(126,30,29,.15) 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000 0,transparent 48%);opacity:.38}
.hero-grid{grid-template-columns:1fr 1fr!important;gap:42px!important}
.hero h1{font-size:clamp(66px,6.55vw,102px)!important;letter-spacing:-.012em}
.hero-media{width:min(94%,535px);margin-right:18px}
.hero-media .rays{inset:-5%;opacity:.7}
.hero-media figure{inset:9%;box-shadow:0 24px 56px rgba(70,29,8,.3),10px 10px 0 var(--m)}
.hero .actions{gap:13px}
.hero .actions>.order-open{padding-inline:24px}
.hero .actions>#surprise{background:rgba(255,241,216,.9);box-shadow:0 6px 0 rgba(126,30,29,.88)}
.hero .actions>a{font-size:14px}
.hero .chips span{background:rgba(255,241,216,.13)}
.hero-pick{left:-4%;bottom:1%;width:min(245px,48%);max-width:none;padding:13px 15px 12px;border-radius:18px;transform:rotate(-2deg);opacity:1;background:rgba(255,241,216,.97);box-shadow:7px 7px 0 var(--d),0 16px 30px rgba(68,25,7,.18)}
.hero-pick.show{opacity:1;transform:rotate(-2deg)}
.hero-pick small,.hero-pick b,.hero-pick span{display:block}
.hero-pick small{font-size:7px;letter-spacing:.08em}
.hero-pick b{margin:4px 0 3px;font-size:30px}
.hero-pick span{font-size:10px;font-weight:800;color:var(--m2)}
.hero-pick button{margin-top:8px;padding:0;border:0;background:transparent;color:var(--m);font-size:10px;font-weight:900;text-decoration:underline;text-underline-offset:4px}
.hero-media-note{display:none!important}

@media(max-width:1024px){
 .brand{width:176px!important;flex-basis:176px!important}.brand img{width:90px!important;height:94px!important}.brand b{font-size:17px!important}
 .hero{padding-top:102px!important}.hero-grid{gap:28px!important}.hero h1{font-size:clamp(60px,7.5vw,82px)!important}.hero-wordmark strong{font-size:29px}.hero-wordmark img{width:48px}.hero-media{width:min(95%,500px);margin-right:8px}
}
@media(max-width:820px){
 .nav{padding-inline:14px 8px!important}.brand{width:164px!important;flex-basis:164px!important}.brand img{width:84px!important;height:88px!important}.brand b{font-size:16px!important}
 .hero{padding-top:94px!important}.hero-brand-row{gap:9px}.hero-wordmark strong{font-size:25px}.hero-wordmark img{width:43px}.hero-brand-row .badge{font-size:8px}
 .hero-grid{grid-template-columns:1fr!important}.hero h1{font-size:clamp(57px,9vw,73px)!important}.hero-media{width:min(82vw,470px);margin:12px auto 28px}.hero-pick{left:-3%;width:min(225px,52%)}
}
@media(max-width:600px){
 .brand{width:148px!important;height:58px!important;flex-basis:148px!important}.brand img{width:76px!important;height:80px!important}.brand b{font-size:14px!important}
 .hero{padding:88px 0 45px!important}.hero-brand-row{justify-content:space-between}.hero-wordmark strong{font-size:27px}.hero-wordmark img{width:45px}
 .hero-brand-row .badge{font-size:8px;padding:6px 8px}.hero h1{font-size:clamp(57px,17vw,76px)!important;margin-top:12px!important}
 .hero-media{width:min(84vw,410px);margin:8px auto 26px}.hero-pick{left:-5%;bottom:-2%;width:min(210px,58%);padding:11px 12px}.hero-pick b{font-size:25px}.hero-pick span{font-size:9px}
}
@media(max-width:390px){
 .brand{width:132px!important;flex-basis:132px!important}.brand img{width:69px!important;height:73px!important}.brand b{font-size:13px!important}.hero-brand-row .badge{display:none}
 .hero-wordmark strong{font-size:24px}.hero-wordmark img{width:40px}.hero h1{font-size:56px!important}
}