.premium{--orange:#c78e57;--bg:#151512;--ink:#ede9df;--sub:#9b9b90;--line:#393a32;font-family:Arial,Helvetica,sans-serif}.premium .draft{background:#10110f;font-size:9px;letter-spacing:.8px;padding:8px;color:#888e7d}.premium header{position:absolute;left:0;right:0;z-index:3;max-width:1440px;padding:25px 5%;border-bottom:1px solid #ffffff25}.premium .logo{display:block;line-height:0}.premium .logo img{width:188px;height:auto;display:block}.premium nav{font-size:12px;color:#efebdf;gap:32px}.premium .small-button{border-color:#aaa492;color:#f1ecdf;font-size:10px;padding:15px 20px;background:#00000015}.premium main{max-width:none}.premium .hero{max-width:none;min-height:790px;padding:185px max(5%,calc((100vw - 1296px)/2)) 110px;display:block;background:linear-gradient(90deg,#111310f2 0%,#111310c9 27%,#11131018 80%),linear-gradient(0deg,#111310,transparent 35%),url('assets/coal-hero.webp') center 46%/cover;position:relative}.premium .hero-copy{max-width:720px;padding:35px 0 0}.premium .hero .eyebrow{color:#cbb696;font-size:10px;margin-bottom:32px}.premium h1{font-size:clamp(60px,6.8vw,96px);line-height:1.04;font-weight:500;letter-spacing:-5px;color:#f5efe2}.premium h1 em{display:inline;color:#d0a277;font-size:1em;letter-spacing:-5px;font-weight:400;line-height:inherit;margin:0}.premium .intro{max-width:365px;color:#c2c0b4;font-size:14px;line-height:1.9;margin:28px 0 32px}.premium .primary{background:#d1a274;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#242014;padding:21px 24px;min-height:59px}.premium .hero-secondary{display:inline-block;margin-left:22px;font-size:12px;color:#e1d8c5;border-bottom:1px solid #7f796a;padding-bottom:6px}.premium .hero-note{color:#9c9f90;margin-top:25px;font-size:10px;letter-spacing:.5px}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#7f8774;font-size:9px;letter-spacing:2px}.hero-bottom a{color:#bbb7a5}.hero-bottom span:last-child{letter-spacing:.2px;font-size:8px}.premium .strip{background:#1d211b;padding:28px 5%;margin:0;border:none;color:#c3c3b5;max-width:none;justify-content:space-around;font-size:10px;letter-spacing:1.4px}.premium .strip span:before{color:#c78e57;margin-right:17px}.premium .selection{background:#eeeae0;color:#252720;padding:90px max(5%,calc((100vw - 1296px)/2));}.premium .selection .eyebrow{color:#8c6d4d}.premium .selection h2{font-size:49px;letter-spacing:-2px;font-weight:400}.premium .selection h2 em{color:#8f9685}.premium .selection .muted{color:#707465;max-width:425px;line-height:1.9}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-visual{position:relative;min-height:510px;overflow:hidden;background:#1b1b18}.product-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:70% center}.product-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101511dd,transparent 65%)}.photo-note{position:absolute;top:23px;left:24px;color:#c0b7a5;font-size:8px;letter-spacing:2px;z-index:1}.visual-caption{position:absolute;bottom:36px;left:35px;z-index:1}.visual-caption>span{font-size:9px;letter-spacing:2px;color:#c49768}.visual-caption h3{font-size:35px;line-height:1.15;font-weight:400;letter-spacing:-1px;color:#f2e9d8;margin:18px 0 0}.premium .use-options{display:flex;flex-direction:column;gap:0}.premium .use-options button,.premium .use-options button:first-child,.premium .use-options button:last-child{display:grid;grid-template-columns:26px 1fr 30px;min-height:102px;gap:18px;background:none;border:none;border-bottom:1px solid #c8c8b9;padding:21px 0;align-items:start;justify-content:normal;transition:background .2s}.premium .use-options button:first-child{border-top:1px solid #c8c8b9}.premium .use-options button:before{display:none}.premium .use-options button:hover{transform:none;background:#e3e2d6;border-color:#a7ac9c}.premium .use-options .num{position:static;font-size:10px;color:#939883;padding-top:5px}.premium .use-options .arrow{position:static;color:#8c6943;font-size:19px}.premium .use-options h3{font-size:23px;font-weight:400;color:#32362b;margin:0 0 9px}.premium .use-options p{font-size:11px;line-height:1.6;color:#7b806e;max-width:295px}.premium .use-options button:hover h3{color:#986835}.product-footnote{font-size:10px;color:#8a8d7f;margin:28px 0 0;letter-spacing:.1px}.brand-story{max-width:1440px;margin:auto;padding:85px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:0 80px}.brand-story>.eyebrow{grid-column:1/-1;color:#b59067}.brand-story h2{font-weight:400;font-size:50px;line-height:1.15}.brand-story h2 em{color:#7e896c}.brand-story>div{padding-top:8px}.brand-story p:not(.eyebrow){font-size:14px;color:#a8ac9c;line-height:1.9;max-width:445px;margin-top:0}.brand-story a{display:inline-block;font-size:12px;color:#d5ad85;margin-top:15px;padding-bottom:10px;border-bottom:1px solid #776349}.premium .delivery{background:#252c22;padding:70px max(5%,calc((100vw - 1296px)/2));color:#e8e9d8}.premium .delivery .eyebrow{color:#b4a17e}.premium .delivery h2{font-size:48px;font-weight:400}.premium .delivery h2 em{color:#9ca78b}.premium .delivery-head>p{color:#afb59f;font-size:13px}.premium .steps article{border-color:#556047}.premium .steps span{color:#c0966d}.premium .steps h3{font-size:21px;color:#e4e6d7}.premium .steps p{color:#9fa98e;font-size:12px;line-height:1.8}.premium .quote{max-width:1440px;margin:auto;padding:95px 5%;grid-template-columns:1fr 1fr;gap:85px}.premium .quote h2{font-size:53px;font-weight:400;line-height:1.1}.premium .quote h2 em{color:#9eac8c}.premium .quote .eyebrow{color:#bba078}.premium .quote-note{max-width:330px;border-color:#a27b50;margin-top:45px}.premium .quote-note b{color:#ded8c6}.premium .quote-note p{color:#8e9784;line-height:1.9}.premium .quote-note a{color:#cfa378}.premium form{background:#ede9de;color:#303529;box-shadow:none;border:none;padding:35px}.form-title{border-bottom:1px solid #cccfc0;padding-bottom:21px;margin-bottom:25px}.form-title>span{font-size:9px;letter-spacing:2px;color:#8b7559}.form-title h3{font-size:23px;margin:14px 0 8px;font-weight:400}.form-title p{font-size:11px;margin:0;color:#838773}.premium label{color:#717761;font-size:9px;letter-spacing:1px}.premium input,.premium select,.premium textarea{background:#f7f5ee;color:#33392a;border:1px solid #c6ccba;color-scheme:light;padding:14px 12px;font-size:12px}.premium form .primary{background:#262f20;color:#f3f0e6}.premium form .primary:hover{background:#3b492f}.premium form .whatsapp{background:#d4dec7;color:#2a4020}.premium .copy{color:#435337;border-color:#87977b}.premium #feedback{color:#6e7f60}.premium .faq{max-width:1440px;margin:auto;padding:70px 5%;grid-template-columns:1fr 1fr;gap:85px}.premium .faq h2{font-size:45px;font-weight:400}.premium .faq .eyebrow{color:#bc9972}.premium details{border-color:#343d2d}.premium details p{color:#9ca48e}.premium summary{color:#d7decb;font-size:13px}.premium .contact-band{max-width:none;background:#bba580;color:#242d1e;padding:55px max(5%,calc((100vw - 1296px)/2))}.premium footer{max-width:1440px;margin:auto}.premium footer .logo img{width:170px}.premium footer p{max-width:240px;line-height:1.8}.premium footer>a:not(.logo){font-size:10px;color:#a4a98f}.premium footer small{border-top:1px solid #303929;padding-top:20px;margin-top:15px}
@media(max-width:1000px){.premium .hero{min-height:740px;background-position:60% center}.premium h1,.premium h1 em{font-size:76px;letter-spacing:-4px}.product-layout{gap:30px}.premium .quote,.premium .faq{gap:40px}.premium .quote h2{font-size:43px}.brand-story{gap:0 40px}}
@media(max-width:700px){.premium header{padding:22px 6%;align-items:center}.premium .logo img{width:140px}.premium .small-button{font-size:8px;padding:12px 11px}.premium .hero{padding:135px 6% 95px;min-height:720px;background:linear-gradient(90deg,#101510d9,#10151065),linear-gradient(0deg,#101510,transparent 75%),url('assets/coal-hero.webp') 62% center/cover}.premium .hero-copy{padding:20px 0}.premium h1,.premium h1 em{font-size:clamp(49px,11.5vw,72px);letter-spacing:-2.7px}.premium .hero .eyebrow{font-size:8px;margin-bottom:30px}.premium .intro{font-size:13px;max-width:310px;margin:25px 0}.premium .primary{font-size:10px;padding:19px 20px;gap:30px;min-height:56px}.premium .hero-secondary{display:block;margin:23px 0 0;width:max-content;font-size:12px}.premium .hero-note{font-size:9px;line-height:1.6;max-width:230px}.hero-bottom{left:6%;right:6%;bottom:30px;flex-wrap:wrap;gap:18px;font-size:8px;letter-spacing:1px}.hero-bottom span:last-child{width:100%;font-size:7px;color:#7f8576}.premium .strip{padding:23px 6%;gap:18px;justify-content:flex-start;font-size:9px;letter-spacing:.2px}.premium .strip span:before{margin-right:8px}.premium .selection{padding:55px 6%}.premium .selection h2{font-size:39px}.premium .selection .muted{font-size:12px;margin-top:22px}.product-layout{grid-template-columns:1fr;gap:25px}.product-visual{min-height:300px}.visual-caption{bottom:27px;left:25px}.visual-caption h3{font-size:29px}.premium .use-options button,.premium .use-options button:first-child,.premium .use-options button:last-child{display:grid;grid-template-columns:22px 1fr 20px;min-height:95px;padding:18px 0;gap:12px}.premium .use-options h3{font-size:22px}.premium .use-options p{font-size:11px}.brand-story{padding:55px 6%;grid-template-columns:1fr;gap:15px}.brand-story>.eyebrow{margin-bottom:10px}.brand-story h2{font-size:39px}.brand-story>div{padding:0}.brand-story p:not(.eyebrow){font-size:12px}.premium .delivery{padding:55px 6%}.premium .delivery h2{font-size:38px}.premium .delivery-head{gap:15px}.premium .steps{gap:22px}.premium .quote{padding:55px 6%;grid-template-columns:1fr;gap:30px}.premium .quote h2{font-size:40px}.premium .quote-copy{padding:0}.premium .quote-note{margin-top:25px;max-width:100%}.premium form{padding:26px 22px}.premium .faq{padding:55px 6%;grid-template-columns:1fr;gap:20px}.premium .faq h2{font-size:37px}.premium .contact-band{padding:35px 6%}.premium .contact-band>a{font-size:34px}.premium footer{padding:35px 6%}.premium footer .logo img{width:145px}}

/* Typography: condensed industrial headings and readable humanist body */
.premium{font-family:'Manrope',Arial,sans-serif;font-weight:400}
.premium h1,.premium h1 em,.premium h2,.premium h3,.premium .visual-caption h3,.premium .contact-band>a{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-style:normal}
.premium h1,.premium h1 em{font-weight:600;font-size:clamp(76px,8.4vw,122px);line-height:.97;letter-spacing:-1.7px}
.premium h2,.premium .selection h2,.premium .delivery h2,.premium .quote h2,.premium .faq h2,.premium .brand-story h2{font-size:60px;font-weight:500;line-height:1.04;letter-spacing:-.6px}
.premium .use-options h3{font-size:32px;font-weight:600;letter-spacing:0;line-height:1.05}
.premium .visual-caption h3{font-size:43px;font-weight:500;line-height:1.05;letter-spacing:0}
.premium .steps h3{font-size:29px;font-weight:500;letter-spacing:0}
.premium .form-title h3{font-size:31px;font-weight:500;letter-spacing:0}
.premium .intro{font-size:14px;line-height:1.85;max-width:390px}
.premium .muted,.premium .delivery-head>p,.premium .brand-story p:not(.eyebrow){font-size:13px;line-height:1.9}
.premium .use-options p,.premium .steps p,.premium details p{font-size:12px;line-height:1.8}
.premium nav{font-size:12px;font-weight:500}
.premium .eyebrow,.premium label,.premium .primary,.premium .small-button{font-weight:600}
.premium label{font-size:10px;letter-spacing:.7px}
.premium input,.premium select,.premium textarea{font-family:'Manrope',Arial,sans-serif;font-size:12px;line-height:1.5}
.premium summary{font-size:14px;font-weight:500;line-height:1.7}
.premium .contact-band>a{font-size:68px;letter-spacing:.4px;font-weight:500}
@media(max-width:1000px){.premium h1,.premium h1 em{font-size:95px}.premium h2,.premium .selection h2,.premium .delivery h2,.premium .quote h2,.premium .faq h2,.premium .brand-story h2{font-size:52px}}
@media(max-width:700px){.premium h1,.premium h1 em{font-size:clamp(65px,14vw,98px);line-height:.98;letter-spacing:-1px}.premium h2,.premium .selection h2,.premium .delivery h2,.premium .quote h2,.premium .faq h2,.premium .brand-story h2{font-size:46px;line-height:1.06;letter-spacing:-.3px}.premium .use-options h3{font-size:30px}.premium .visual-caption h3{font-size:37px}.premium .intro{font-size:13px;line-height:1.85}.premium .contact-band>a{font-size:46px;letter-spacing:0}.premium summary{font-size:13px}.premium .hero{min-height:745px}}
