/* Fire Forged homepage preview V3 — scoped to body.ff-final only */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
body.ff-final{margin:0;background:#050505;color:#fff;font-family:'Barlow',Arial,sans-serif}body.ff-final *,body.ff-final *:before,body.ff-final *:after{box-sizing:border-box}body.ff-final a{text-decoration:none}body.ff-final .ff-shell{max-width:1250px;margin:auto;padding-left:32px;padding-right:32px}body.ff-final .ff-header{background:#050505;position:relative;z-index:10;border-bottom:1px solid #161616}body.ff-final .ff-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}body.ff-final .ff-logo img{display:block;width:230px;max-height:70px;object-fit:contain}body.ff-final .ff-links{display:flex;align-items:center;gap:32px}body.ff-final .ff-links a{color:#f2f2f2;font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:.05em}body.ff-final .ff-links a.active,body.ff-final .ff-links a:hover{color:#f12734}body.ff-final .ff-actions{display:flex;gap:22px;align-items:center}body.ff-final .ff-actions svg{width:25px;height:25px;color:#fff}body.ff-final .ff-menu{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
body.ff-final .ff-hero{position:relative;background:linear-gradient(90deg,#070707 0%,#100b0b 40%,#16100e 100%);overflow:hidden;min-height:560px}body.ff-final .ff-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 60%,rgba(180,25,20,.16),transparent 60%);pointer-events:none}body.ff-final .ff-hero-content{position:relative;min-height:560px;display:grid;grid-template-columns:43% 57%;align-items:center}body.ff-final .ff-hero-text{position:relative;z-index:2;padding:50px 0}body.ff-final .ff-eyebrow{font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:.15em;margin-bottom:10px}body.ff-final .ff-hero h1{font:900 clamp(65px,7vw,103px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:.01em;margin:0 0 24px;color:#f8f8f8}body.ff-final .ff-hero h1 span{color:#ed1729}body.ff-final .ff-hero-text p{font-size:17px;line-height:1.4;max-width:355px;color:#e1e1e1;margin:0 0 26px}body.ff-final .ff-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#ef182c;color:#fff;padding:15px 24px;border-radius:4px;font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:.035em;white-space:nowrap;transition:background .2s}body.ff-final .ff-btn:hover{background:#bb1020}body.ff-final .ff-hero-art{height:530px;align-self:end;background:url('assets/hero-products.png') center center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 100%)}
body.ff-final .ff-perks{background:#0b0b0b;border-top:1px solid #161616;border-bottom:1px solid #181818}body.ff-final .ff-perks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:20px;padding-bottom:20px}body.ff-final .ff-perks-grid>div{display:flex;align-items:center;gap:14px}body.ff-final .ff-perk-icon{font:900 37px 'Barlow Condensed',sans-serif;color:#ed1729;line-height:1}body.ff-final .ff-perks b{font:800 19px 'Barlow Condensed',sans-serif;display:block}body.ff-final .ff-perks small{display:block;color:#bbb;font-size:12px}
body.ff-final .ff-shop{padding:30px 0 42px;background:#060606}body.ff-final .ff-shop h2{font:900 clamp(39px,5vw,59px)/1 'Barlow Condensed',sans-serif;text-align:center;margin:0 0 3px}body.ff-final .ff-subheading{text-align:center;color:#c6c6c6;font:600 14px 'Barlow',sans-serif;letter-spacing:.12em;margin:0 0 23px}body.ff-final .ff-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}body.ff-final .ff-card{min-width:0;display:grid;grid-template-columns:47% 53%;min-height:300px;background:linear-gradient(130deg,#181818,#080808);border:1px solid #242424;border-radius:5px;overflow:hidden}body.ff-final .ff-card-photo{min-height:300px;background-position:center;background-size:cover}body.ff-final .ff-creatine-photo{background-image:url('assets/creatine-feature.png')}body.ff-final .ff-electro-photo{background-image:url('assets/electrolytes-feature.webp')}body.ff-final .ff-card-copy{padding:23px 12px 20px 20px;display:flex;flex-direction:column;align-items:flex-start}body.ff-final .ff-card h3{font:900 clamp(26px,3vw,39px)/.97 'Barlow Condensed',sans-serif;margin:0 0 14px}body.ff-final .ff-card-kicker{font:700 15px 'Barlow Condensed',sans-serif;margin:-7px 0 12px}body.ff-final .ff-card ul{list-style:none;margin:0 0 16px;padding:0}body.ff-final .ff-card li{font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:.015em;margin:7px 0;padding-left:23px;position:relative}body.ff-final .ff-card li:before{content:'✓';position:absolute;left:0;top:0;width:16px;height:16px;display:grid;place-items:center;border:1px solid #f12c3d;border-radius:50%;font:700 11px Arial;color:#f12c3d}body.ff-final .ff-card .ff-btn{margin-top:auto;font-size:16px;padding:12px 15px}body.ff-final .ff-disclaimer{color:#858585;font-size:11px;line-height:1.5;margin:14px 0 0}
body.ff-final .ff-mission{min-height:430px;position:relative;overflow:hidden;background:linear-gradient(90deg,#030303 0%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.15) 100%),url('assets/mission-scene.webp') 70% center/cover no-repeat}body.ff-final .ff-mission-content{padding-top:55px;padding-bottom:65px;position:relative;z-index:1}body.ff-final .ff-mission-kicker{font:700 18px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#f02a3a;margin:0 0 8px}body.ff-final .ff-mission h2{font:900 clamp(45px,5vw,72px)/.93 'Barlow Condensed',sans-serif;margin:0 0 20px}body.ff-final .ff-mission-content>p:not(.ff-mission-kicker){max-width:490px;font-size:16px;line-height:1.4;color:#ddd;margin:0 0 20px}body.ff-final .ff-outline{display:inline-flex;padding:12px 25px;border:1px solid #f02a3a;color:#fff;font:800 17px 'Barlow Condensed',sans-serif}body.ff-final .ff-mission-quote{position:absolute;right:6%;bottom:30px;font:700 18px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-align:right;text-shadow:0 2px 8px #000}
body.ff-final .ff-footer{background:#050505;border-top:1px solid #222;padding:30px 0;color:#aaa}body.ff-final .ff-footer-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}body.ff-final .ff-footer-top strong{color:#fff;font:800 23px 'Barlow Condensed',sans-serif}body.ff-final .ff-footer-top span{font-size:12px}body.ff-final .ff-footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:15px}body.ff-final .ff-footer-links a{color:#aaa;font-size:12px}body.ff-final .ff-footer small{font-size:11px}
@media(max-width:960px){body.ff-final .ff-nav{gap:10px}body.ff-final .ff-logo img{width:190px}body.ff-final .ff-links{gap:15px}body.ff-final .ff-hero-content{grid-template-columns:48% 52%}body.ff-final .ff-hero h1{font-size:clamp(55px,7.5vw,80px)}body.ff-final .ff-card{grid-template-columns:42% 58%}body.ff-final .ff-card-copy{padding:20px 9px}body.ff-final .ff-card li{font-size:13px}}
@media(max-width:700px){body.ff-final .ff-shell{padding-left:20px;padding-right:20px}body.ff-final .ff-nav{height:70px}body.ff-final .ff-logo img{width:175px}body.ff-final .ff-menu{display:block;margin-left:auto}body.ff-final .ff-actions{gap:12px}body.ff-final .ff-actions svg{width:22px}body.ff-final .ff-links{display:none;position:absolute;top:70px;left:0;right:0;background:#090909;padding:20px;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid #333}body.ff-final.ff-menu-open .ff-links{display:flex}body.ff-final .ff-hero-content{grid-template-columns:1fr;min-height:auto}body.ff-final .ff-hero-text{padding:48px 0 8px}body.ff-final .ff-hero h1{font-size:clamp(62px,13vw,92px)}body.ff-final .ff-hero-art{height:330px;background-size:cover;background-position:center 54%;mask-image:linear-gradient(0deg,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,#000 60%,transparent 100%)}body.ff-final .ff-perks-grid{grid-template-columns:repeat(2,1fr)}body.ff-final .ff-card-grid{grid-template-columns:1fr}body.ff-final .ff-card{min-height:260px;grid-template-columns:46% 54%}body.ff-final .ff-card-photo{min-height:260px}body.ff-final .ff-mission{background-position:60% center}body.ff-final .ff-mission-quote{display:none}}
@media(max-width:390px){body.ff-final .ff-card{grid-template-columns:42% 58%}body.ff-final .ff-card h3{font-size:25px}body.ff-final .ff-card li{font-size:12px}body.ff-final .ff-card .ff-btn{font-size:14px;padding:10px}}