/* Flagship layer: photographic storytelling, stronger conversion paths and readable UI. */
body { font-size: 16px; }
.kicker { font-size: 12px; }
.site-header { height: 84px; background: rgba(14,13,11,.94); color: #fff9ee; border-color: #ffffff1a; }
.site-header nav { font-size: 13px; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.fit-open { padding: 11px 15px; color: #fff9ee; background: transparent; border: 1px solid #ffffff45; border-radius: 999px; cursor: pointer; font-weight: 700; }
.hero { min-height: calc(100vh - 84px); position: relative; display: flex; align-items: center; padding: 80px 7vw 115px; background: #10131a; }
.hero:before { z-index: 1; background: linear-gradient(90deg,rgba(10,12,17,.92),rgba(10,12,17,.45) 45%,transparent 72%); mask-image: none; }
.hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-copy { width: min(760px,54%); }
.hero h1 { font-size: clamp(70px,8vw,132px); text-shadow: 0 10px 40px #07070755; }
.hero-copy>p:not(.kicker) { color: #d6d0c6; font-size: 18px; }
.hero-seal { position: absolute; z-index: 3; right: 5vw; bottom: 115px; display: flex; align-items: center; gap: 13px; padding: 11px 15px 11px 11px; color: #fff; background: #11100ee6; border: 1px solid #ffffff24; border-radius: 999px; backdrop-filter: blur(10px); }
.hero-seal img { width: 48px; height: 48px; border-radius: 50%; }
.hero-seal span { font-size: 10px; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; }
.hero-strip { z-index: 3; background: rgba(10,10,10,.5); backdrop-filter: blur(12px); }
.hero-strip span { font-size: 12px; color: #d6d0c6; }
.promise p,.product-desc,.catalog-note,.set-photo p,.story p,.delivery li span,.faq details p,footer { font-size: 14px; }
.fire-path { padding-bottom: 60px; background: #f3e8d3; }
.fire-path .section-head>p { max-width: 470px; margin: 0; color: #6b6359; line-height: 1.75; }
.path-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #cfc3b0; border-left: 1px solid #cfc3b0; }
.path-grid button { min-height: 315px; position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 27px; color: #171512; text-align: left; background: transparent; border: 0; border-right: 1px solid #cfc3b0; border-bottom: 1px solid #cfc3b0; cursor: pointer; transition: .25s; }
.path-grid button:hover { color: #fff; background: #171512; transform: translateY(-6px); }
.path-grid span { color: #f36b32; font-size: 13px; font-weight: 800; }
.path-grid b { margin: auto 0 10px; font: 600 28px/1.15 Oswald; text-transform: uppercase; }
.path-grid small { color: #7e7569; font-size: 13px; }
.path-grid i { position: absolute; right: 25px; top: 22px; font-size: 23px; font-style: normal; }
.product { border: 1px solid #e1d9cb; border-radius: 3px; box-shadow: none; }
.product-body { padding: 23px; }
.product h3 { font-size: 23px; }
.product-desc { min-height: 52px; line-height: 1.55; }
.product-price strong { font-size: 21px; }
.set-photo { min-height: 590px; background: linear-gradient(0deg,#111c,#1112),url("assets/hero-fire-cooking.png") 67% center/cover; }
.set-photo:before,.set-photo .heat { display: none; }
.set-photo p { max-width: 330px; padding: 18px; background: #0c0b09d9; }
.steel-guide { display: grid; grid-template-columns: .75fr 1.25fr; gap: 7vw; background: #f8f3e9; }
.steel-guide>div:first-child>p:not(.kicker) { color: #6d665c; line-height: 1.75; }
.gauge { display: grid; grid-template-columns: repeat(3,1fr); align-items: end; gap: 8px; }
.gauge article { min-height: 330px; position: relative; display: flex; flex-direction: column; justify-content: end; padding: 25px; background: #e6ded0; }
.gauge article:nth-child(3) { min-height: 395px; background: #cfc5b5; }
.gauge .recommended { min-height: 365px; color: #fff; background: #171512; }
.gauge em { position: absolute; top: 20px; color: #f36b32; font-size: 11px; font-style: normal; text-transform: uppercase; }
.gauge b { font: 600 48px Oswald; }
.gauge span { font-weight: 800; }
.gauge p { color: #756d62; font-size: 13px; line-height: 1.55; }
.gauge .recommended p { color: #bfb6a8; }
.fit-modal { position: fixed; z-index: 41; inset: 4%; padding: 45px 7vw; color: #fff; background: #171512; border: 1px solid #ffffff1e; transform: translateY(110%); transition: .3s; overflow: auto; }
.fit-modal.open { transform: none; }
.fit-top { display: flex; justify-content: space-between; align-items: center; }
.fit-top img { width: 64px; border-radius: 50%; }
.fit-top span { color: #b7aa99; font-size: 13px; }
.fit-modal #fitBody { max-width: 1060px; margin: 8vh auto; }
.fit-modal h2 { max-width: 900px; margin: 0 0 40px; font: 600 clamp(48px,6vw,88px)/1 Oswald; text-transform: uppercase; }
.fit-modal #fitBody>p:not(.kicker) { max-width: 700px; color: #bbb1a3; font-size: 16px; line-height: 1.7; }
.fit-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.fit-options button { display: flex; justify-content: space-between; padding: 20px; color: #fff; text-align: left; background: #ffffff08; border: 1px solid #ffffff20; cursor: pointer; font-size: 16px; }
.fit-options button:hover { border-color: #f36b32; background: #f36b3215; }
.fit-options i { font-style: normal; }
.fit-modal .close { color: #fff; }
@media(max-width:980px){.header-actions>.fit-open{display:none}.hero-copy{width:72%}.path-grid{grid-template-columns:1fr 1fr}.steel-guide{grid-template-columns:1fr}.gauge{max-width:750px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero{min-height:760px;align-items:end;padding-bottom:145px}.hero-photo{object-position:66% center}.hero:before{background:linear-gradient(0deg,#0a0c11ed 12%,transparent 85%)}.hero-copy{width:auto}.hero h1{font-size:58px}.hero-seal{display:none}.path-grid,.gauge,.fit-options{grid-template-columns:1fr}.path-grid button{min-height:230px}.gauge article,.gauge .recommended,.gauge article:nth-child(3){min-height:260px}.fit-modal{inset:0;padding:35px 22px}.fit-modal #fitBody{margin-top:12vh}.product-grid{grid-template-columns:1fr}.hero-strip span{font-size:10px}}