/* Warm, quiet landscape; original clean product photographs remain separate. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@800;900&display=swap');
*{box-sizing:border-box}
body{margin:0;background:#fbf8f6;color:#3f342d;font-family:Inter,Arial,sans-serif}
a{color:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #c2410c;outline-offset:5px}
.hero{position:relative;isolation:isolate;--hero-height:clamp(760px,100svh,1250px);height:var(--hero-height);min-height:760px;max-height:1250px;overflow:hidden;background:#fbf8f6}
.hero-scene{position:absolute;inset:0;z-index:-2;display:block;pointer-events:none;background:radial-gradient(120% 55% at 50% 100%,#f6c9a6 0,#fbe4d2 30%,#fdf3ec00 70%),radial-gradient(60% 40% at 50% 72%,#ec680026,#ec680000 70%),linear-gradient(#fbf8f6,#fdf1e8)}
.hero-copy{position:absolute;top:14.5%;left:6vw;right:6vw;z-index:2;text-align:center}
.hero h1{display:inline-block;margin:0;padding:0 .08em .08em;font-family:Montserrat,Inter,Arial,sans-serif;font-weight:800;font-size:clamp(64px,6vw,104px);letter-spacing:-.045em;line-height:1.12;color:#483c34}
.hero-copy p{max-width:370px;margin:9px auto 0;color:#8b7061;font-size:13px;line-height:1.7;text-wrap:balance}
.hero-stage{position:absolute;left:50%;bottom:10%;width:min(88vw,1200px,calc((var(--hero-height) - 400px)*2.4));aspect-ratio:12/5;transform:translateX(-50%);isolation:isolate}
.hero-product{position:absolute;display:block;outline-offset:5px;text-decoration:none}
.hero-product::before{content:'';position:absolute;left:5%;right:0;bottom:-.7%;height:4%;border-radius:50%;background:#5f4e444d;filter:blur(6px);transform:skewX(-20deg);z-index:-1}
.hero-product img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 1px #56473e20) drop-shadow(4px 6px 6px #56473e15)}
.hero-product-range{left:29%;bottom:23%;width:22.5%;z-index:1}
.hero-product-range-small{left:60%;bottom:23%;width:13.6%;z-index:2}
.hero-product-charbroiler{left:0;bottom:0;width:30%;z-index:5}
.hero-product-griddle{left:35.5%;bottom:0;width:26%;z-index:6}
.hero-product-hotplate{left:65%;bottom:0;width:24%;z-index:7}
.hero-product-stockpot{left:90%;bottom:12%;width:10%;z-index:4}
.product-reveal{position:absolute;left:50%;top:55%;display:grid;place-items:center;width:31px;height:31px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:#fff6f1b8;color:#443831;box-shadow:0 2px 12px #463a3320;backdrop-filter:blur(8px);font:400 22px/1 Inter,Arial,sans-serif;opacity:0;transition:opacity .2s,background .2s}
.hero-product:hover .product-reveal,.hero-product:focus-visible .product-reveal{opacity:1}
.hero-product:hover .product-reveal{background:#fff}
.product-reveal::after{content:attr(data-model);position:absolute;bottom:calc(100% + 9px);padding:7px 10px;border-radius:6px;background:#3f342d;color:#fff;font:600 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.04em;white-space:nowrap}
.hero-baseline{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#8b6e5d;font-size:9px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:0 23px;border:1px solid #ba9d8d5c;border-radius:50px;background:#ffffff99;backdrop-filter:blur(15px);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:none;transition:background .2s}
.hero-cta:hover{background:#fff}
.hero-cta span{font-size:19px;font-weight:400}
@media(min-width:1800px){.hero-stage{width:min(86vw,1450px,calc((var(--hero-height) - 430px)*2.4))}.hero-copy{top:14.5%}}
@media(max-width:1100px) and (min-width:701px){
 .hero-copy{top:16%}
 .hero h1{font-size:7.5vw}
 .hero-stage{width:min(93vw,calc((var(--hero-height) - 380px)*2.4));bottom:11%}
 .hero-copy p{font-size:12px;max-width:320px}
 .hero-baseline>span{font-size:8px;letter-spacing:.06em}
}
@media(max-width:700px){
 .hero{min-height:780px;max-height:none}
 .hero-copy{top:128px;left:20px;right:20px}
 .hero h1{max-width:100%;font-size:clamp(37px,11.7vw,76px);letter-spacing:-.045em}
 .hero-copy p{margin-top:10px;max-width:280px;font-size:12px}
 .hero-stage{width:calc(100% - 40px);max-width:440px;aspect-ratio:4/5;bottom:100px}
 .hero-product-range{left:9%;bottom:43%;width:45%}
 .hero-product-range-small{left:64%;bottom:43%;width:27%}
 .hero-product-charbroiler{left:0;bottom:27%;width:48%}
 .hero-product-stockpot{left:80%;bottom:29%;width:19%}
 .hero-product-griddle{left:0;bottom:0;width:48%}
 .hero-product-hotplate{left:54%;bottom:0;width:46%}
 .hero-product::before{filter:blur(6px)}
 .hero-baseline{justify-content:center;left:24px;right:24px;bottom:25px}
 .hero-baseline>span{display:none}
 .hero-cta{min-height:43px;padding:0 22px}
}
@media(max-width:360px){.hero-copy{top:120px}.hero{min-height:740px}.hero-stage{bottom:105px}}
@media(min-width:501px) and (max-width:700px){.hero{min-height:960px}.hero-copy{top:140px}}
@media(prefers-reduced-motion:reduce){.product-reveal,.hero-cta{transition:none}}

@media(min-width:701px) and (max-width:900px){
 .hero{height:max(100svh,1000px)}
 .hero-copy{top:140px}
 .hero-stage{width:min(70vw,500px);aspect-ratio:4/5;bottom:100px}
 .hero-product-range{left:9%;bottom:43%;width:45%}
 .hero-product-range-small{left:64%;bottom:43%;width:27%}
 .hero-product-charbroiler{left:0;bottom:27%;width:48%}
 .hero-product-stockpot{left:80%;bottom:29%;width:19%}
 .hero-product-griddle{left:0;bottom:0;width:48%}
 .hero-product-hotplate{left:54%;bottom:0;width:46%}
}