@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --ink:#050c11;
  --navy:#07151e;
  --navy-2:#0b1e29;
  --panel:#0b1820;
  --panel-2:#0e222e;
  --gold:#d6a75e;
  --gold-2:#f0cd85;
  --line:rgba(214,167,94,.32);
  --text:#f6f3ec;
  --muted:#b8c0c5;
  --soft:#82909a;
  --white:#fff;
  --shadow:0 18px 55px rgba(0,0,0,.34);
  --radius:8px;
  --max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:'Poppins','Segoe UI',Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.gold{color:var(--gold-2)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);font-size:.77rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.section{padding:78px 0}
.section-title{font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;margin:.4rem 0 1rem;text-transform:uppercase;letter-spacing:-.04em}
.section-lead{color:var(--muted);max-width:760px;font-size:1rem}

.site-header{position:sticky;top:0;z-index:50;background:rgba(3,12,18,.93);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px)}
.nav-wrap{height:80px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;min-width:160px}
.logo img{width:136px;height:auto}
.nav-links{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}
.nav-links a{font-size:.79rem;color:#e7ebed;position:relative;padding:29px 0 25px}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:1px;background:var(--gold);transition:.25s}
.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-links a.active{color:var(--gold-2)}
.quote-btn,.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gold-2),#b98034);color:#07131a;font-weight:700;border:1px solid #efce8c;border-radius:2px;padding:12px 18px;font-size:.76rem;box-shadow:0 8px 24px rgba(197,141,54,.18);transition:.25s}
.quote-btn:hover,.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(197,141,54,.26)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.2);color:white;width:42px;height:42px;border-radius:4px;font-size:1.2rem}

.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(214,167,94,.16),transparent 30%),linear-gradient(125deg,#07141d 0%,#07141d 48%,rgba(7,20,29,.5) 72%,#07141d 100%);pointer-events:none}
.hero-grid{min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;position:relative;z-index:1}
.hero-copy{padding:76px 0}
.hero h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:.55rem 0 1.25rem;max-width:760px}
.hero p{max-width:640px;color:#d2d8db;font-size:1.03rem}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.26);padding:11px 18px;font-size:.78rem;font-weight:600;transition:.25s}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-2)}
.hero-visual{height:560px;align-self:end;position:relative}
.hero-photo{position:absolute;inset:36px 0 0 0;background:url('assets/about-factory.png') center/cover no-repeat;border-left:1px solid var(--line);box-shadow:var(--shadow);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07141d 0%,rgba(7,20,29,.2) 40%,rgba(0,0,0,.2))}
.hero-badge{position:absolute;right:22px;bottom:34px;z-index:2;border:1px solid rgba(214,167,94,.5);background:rgba(6,17,24,.88);padding:18px 20px;width:240px;box-shadow:var(--shadow)}
.hero-badge strong{display:block;color:var(--gold-2);font-size:1.85rem;line-height:1.1}
.hero-badge span{font-size:.73rem;color:#c5cbd0;text-transform:uppercase;letter-spacing:.12em}

.trust-strip{border-bottom:1px solid var(--line);background:#07131a}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:24px 26px;border-right:1px solid rgba(255,255,255,.08);display:flex;gap:14px;align-items:center}
.trust-item:last-child{border-right:0}.trust-icon{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-2);font-size:1.15rem;transform:rotate(45deg)}.trust-icon span{transform:rotate(-45deg)}.trust-item strong{display:block;font-size:.78rem;text-transform:uppercase}.trust-item small{color:var(--muted);font-size:.68rem}

.dark-card{background:linear-gradient(180deg,#0b1a23,#07131a);border:1px solid rgba(255,255,255,.11);box-shadow:0 16px 36px rgba(0,0,0,.2)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.feature-card{padding:28px;min-height:220px;position:relative;overflow:hidden}
.feature-card::after{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(214,167,94,.11);border-radius:50%;right:-40px;bottom:-65px}
.feature-no{font-size:2.3rem;color:rgba(214,167,94,.38);font-weight:700}.feature-card h3{margin:.8rem 0 .35rem;text-transform:uppercase;font-size:1rem}.feature-card p{color:var(--muted);font-size:.84rem}

.page-hero{position:relative;min-height:370px;display:flex;align-items:end;border-bottom:1px solid var(--line);overflow:hidden;background:#07141d}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,17,.98) 0%,rgba(4,12,17,.8) 46%,rgba(4,12,17,.25) 100%);z-index:1}
.page-hero.about{background-image:url('assets/about-factory.png');background-size:cover;background-position:center right}
.page-hero.quality{background-image:url('assets/quality-machine.jpg');background-size:cover;background-position:center right}
.page-hero.contact{background-image:url('assets/contact-quarry-bg.png');background-size:cover;background-position:center}
.page-hero.products{background-image:url('assets/product-roofbolts.jpg');background-size:cover;background-position:center}
.page-hero.industries{background-image:url('assets/industry-slope.jpg');background-size:cover;background-position:center}
.page-hero .container{position:relative;z-index:2;padding-bottom:56px}
.page-hero h1{font-size:clamp(3rem,6vw,5.3rem);line-height:.9;text-transform:uppercase;letter-spacing:-.055em;margin:.6rem 0 .8rem}.page-hero p{max-width:700px;color:#d5dadd}

.about-split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.about-image{min-height:480px;background:url('assets/about-factory.jpeg') center/cover;border:1px solid var(--line);position:relative}.about-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,15,21,.55),transparent 58%)}
.values{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);margin-top:44px}.value{padding:28px 22px;border-right:1px solid rgba(255,255,255,.09)}.value:last-child{border-right:0}.value h3{font-size:.8rem;text-transform:uppercase;color:var(--gold-2);margin:0 0 8px}.value p{font-size:.78rem;color:var(--muted);margin:0}.value .symbol{font-size:1.55rem;color:var(--gold-2);margin-bottom:14px}
.statement{background:linear-gradient(120deg,#f4f1e9,#ffffff);color:#10161a;padding:54px 0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.statement h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;text-transform:uppercase;margin:0}.statement p{color:#454e54}

.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.product-card{overflow:hidden;background:#091820;border:1px solid rgba(255,255,255,.12);transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:rgba(214,167,94,.45)}.product-card .photo{height:220px;background-size:cover;background-position:center;position:relative}.product-card .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,17,.8),transparent 50%)}.product-card .body{padding:20px 20px 22px}.product-card h3{margin:0 0 5px;color:var(--gold-2);font-size:1.05rem;text-transform:uppercase}.product-card p{font-size:.78rem;color:var(--muted);margin:0}.product-card .arrow{float:right;width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);margin-top:-37px}
.product-card.wide{grid-column:span 1}
.product-card[data-img="roof"] .photo{background-image:url('assets/product-roofbolts.jpg')}
.product-card[data-img="steel"] .photo{background-image:url('assets/product-drillsteels.png')}
.product-card[data-img="bits"] .photo{background-image:url('assets/product-drillbits.png')}
.product-card[data-img="picks"] .photo{background-image:url('assets/product-coalpicks.jpg')}
.product-card[data-img="coupling"] .photo{background-image:url('assets/product-couplings.jpg')}
.product-card[data-img="shanks"] .photo{background-image:url('assets/product-shanks.png')}
.product-card[data-img="accessories"] .photo{background-image:url('assets/product-accessories.jpg')}
.product-card[data-img="sounding"] .photo{background-image:url('assets/about-miners.jpg');filter:saturate(.65)}
.product-card[data-img="pinch"] .photo{background-image:url('assets/quality-test.png')}

.product-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px}.quick{padding:24px;border-right:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center}.quick:last-child{border-right:0}.quick span{color:var(--gold-2);font-size:1.3rem}.quick strong{font-size:.74rem;text-transform:uppercase}

.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.quality-card{padding:24px;min-height:190px}.quality-card .symbol{color:var(--gold-2);font-size:1.7rem}.quality-card h3{font-size:.79rem;text-transform:uppercase;margin:18px 0 8px}.quality-card p{color:var(--muted);font-size:.76rem}
.quality-process{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.1)}.quality-photo{min-height:380px;background:url('assets/quality-test.png') center/cover;position:relative}.quality-photo::after{content:"TESTED FOR A SAFER TOMORROW.";position:absolute;left:24px;bottom:22px;font-size:.82rem;font-weight:700;text-transform:uppercase}.process-list{padding:30px}.process-list h3{color:var(--gold-2);font-size:.95rem;text-transform:uppercase}.process-step{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.process-step b{font-size:1.45rem;color:var(--gold-2);font-weight:400}.process-step span{font-size:.8rem;color:#d9dfe2;padding-top:4px}

.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}.industry-card{min-height:430px;position:relative;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0a1720}.industry-card .img{position:absolute;inset:0;background-size:cover;background-position:center;transition:.35s}.industry-card:hover .img{transform:scale(1.04)}.industry-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07131a 4%,rgba(7,19,26,.18) 55%,rgba(0,0,0,.08))}.industry-card .copy{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.industry-card h3{font-size:.86rem;color:var(--gold-2);text-transform:uppercase;margin:0 0 6px}.industry-card p{font-size:.7rem;color:#d0d5d8;margin:0}.industry-card.mine .img{background-image:url('assets/industry-mining.jpg')}.industry-card.build .img{background-image:url('assets/industry-construction.jpg')}.industry-card.tunnel .img{background-image:url('assets/industry-tunnel.jpg')}.industry-card.quarry .img{background-image:url('assets/industry-quarry.jpg')}.industry-card.slope .img{background-image:url('assets/industry-slope.jpg')}

.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.contact-details{padding:14px 0}.contact-row{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08)}.contact-row .icon{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-2);border-radius:50%}.contact-row small{display:block;color:var(--gold-2);font-size:.68rem;text-transform:uppercase;font-weight:700}.contact-row p{margin:3px 0;color:#d7dde0;font-size:.85rem}.form-card{padding:30px;background:linear-gradient(180deg,#0c1a22,#061017);border:1px solid rgba(214,167,94,.38);box-shadow:var(--shadow)}.form-card h2{margin:0;text-transform:uppercase;color:var(--gold-2);font-size:1.1rem}.form-card>p{margin:.4rem 0 1.3rem;color:var(--muted);font-size:.77rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-card input,.form-card textarea{width:100%;background:#f4f5f5;color:#111;border:0;border-radius:0;padding:12px 13px;font-size:.78rem;outline:2px solid transparent;outline-offset:1px}.form-card textarea{min-height:130px;resize:vertical}.form-card input:focus,.form-card textarea:focus{outline-color:var(--gold)}.form-message{margin-top:14px;font-size:.76rem;color:var(--gold-2);display:none}
.contact-visual{margin-top:34px;min-height:280px;background:linear-gradient(90deg,rgba(5,13,18,.55),transparent),url('assets/contact-worker.png') center 28%/cover;border:1px solid rgba(255,255,255,.1)}

.cta{padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,#0a1821,#0b202b)}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;text-transform:uppercase;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.cta p{color:var(--muted);max-width:600px}

.site-footer{background:#040a0e;padding:20px 0;border-top:1px solid rgba(214,167,94,.45)}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-row span{font-size:.73rem;color:var(--gold-2)}.footer-logo{font-weight:700;font-size:1.45rem;line-height:1;text-align:right}.footer-logo small{display:block;color:#c7cbd0;font-size:.55rem;font-weight:400;margin-top:3px}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}

@media (max-width:1000px){
  .nav-links{position:fixed;top:80px;left:0;right:0;background:#07131a;padding:16px 22px 22px;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}.nav-links a{padding:12px 0}.nav-links a::after{bottom:7px}.quote-btn{display:none}.menu-btn{display:block}
  .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:72px 0 20px}.hero-visual{height:430px}.hero-photo{inset:0}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .feature-grid,.products-grid{grid-template-columns:1fr 1fr}.product-card.wide{grid-column:span 1}.quality-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.industry-card:last-child{grid-column:1/-1;min-height:320px}.about-split,.statement-grid,.quality-process,.contact-layout{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.value:nth-child(2){border-right:0}.value:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}.product-quick{grid-template-columns:1fr 1fr}.quick:nth-child(2){border-right:0}.quick:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media (max-width:640px){
  .container{width:min(100% - 28px,var(--max))}.nav-wrap{height:72px}.nav-links{top:72px}.logo img{width:118px}.hero h1{font-size:3.35rem}.hero-visual{height:360px}.hero-badge{right:12px;bottom:14px;width:205px}.section{padding:56px 0}.trust-grid,.feature-grid,.products-grid,.quality-grid,.industry-grid,.values,.product-quick,.form-grid{grid-template-columns:1fr}.trust-item,.quick,.value{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.industry-card:last-child{grid-column:auto}.industry-card{min-height:330px}.product-card .photo{height:190px}.cta-grid,.footer-row{align-items:flex-start;flex-direction:column}.footer-logo{text-align:left}.page-hero{min-height:320px}.page-hero h1{font-size:3.6rem}.form-grid .full{grid-column:auto}.about-image{min-height:360px}
}

/* Product detail pages */
.product-detail-hero{position:relative;min-height:520px;display:flex;align-items:end;border-bottom:1px solid var(--line);overflow:hidden;background:#07141d}
.product-detail-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,10,14,.98) 0%,rgba(3,10,14,.88) 45%,rgba(3,10,14,.28) 76%,rgba(3,10,14,.62) 100%),var(--hero-image);background-size:cover;background-position:center;z-index:0}
.product-detail-hero .container{position:relative;z-index:1;padding:72px 0 60px}
.product-detail-hero h1{font-size:clamp(3.5rem,7vw,6.3rem);line-height:.88;text-transform:uppercase;letter-spacing:-.055em;margin:.65rem 0 1rem;max-width:900px}
.product-detail-hero p{max-width:720px;color:#d1d8dc;font-size:1rem}
.back-link{display:inline-flex;margin-bottom:26px;color:#c8d0d4;font-size:.76rem;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:3px}
.back-link:hover{color:var(--gold-2);border-color:var(--gold)}
.product-metrics{background:#07131a;border-bottom:1px solid var(--line)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:24px 22px;border-right:1px solid rgba(255,255,255,.08)}
.metric:last-child{border-right:0}
.metric small{display:block;color:var(--gold-2);text-transform:uppercase;font-weight:700;font-size:.65rem;letter-spacing:.08em;margin-bottom:6px}
.metric strong{display:block;font-size:.88rem;line-height:1.4;font-weight:600}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}
.product-main{min-width:0}
.product-section{padding:0 0 42px;margin-bottom:42px;border-bottom:1px solid rgba(255,255,255,.09)}
.product-section:last-child{border-bottom:0;margin-bottom:0}
.product-section h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;text-transform:uppercase;margin:.6rem 0 1.2rem}
.product-section h3{color:var(--gold-2);font-size:.92rem;text-transform:uppercase;margin:.1rem 0 .55rem}
.section-copy,.product-section p{color:var(--muted);font-size:.9rem}
.detail-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.detail-list li{position:relative;padding:11px 14px 11px 34px;border:1px solid rgba(255,255,255,.09);background:#08161e;color:#d8dde0;font-size:.84rem}
.detail-list li::before{content:"✓";position:absolute;left:13px;color:var(--gold-2);font-weight:700}
.two-cols,.three-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.three-cols{grid-template-columns:repeat(3,1fr)}
.info-card{padding:22px;background:linear-gradient(180deg,#0a1922,#07131a);border:1px solid rgba(255,255,255,.1)}
.info-card p{margin:0}
.product-side{position:sticky;top:106px;display:grid;gap:16px}
.side-card{padding:24px;background:linear-gradient(180deg,#0b1a23,#061017);border:1px solid rgba(214,167,94,.24)}
.side-card h3{font-size:1.3rem;line-height:1.1;text-transform:uppercase;margin:.8rem 0}
.side-card p{color:var(--muted);font-size:.8rem}
.side-card a{color:var(--gold-2);font-weight:600;font-size:.76rem}
.spec-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.1)}
.spec-table{width:100%;border-collapse:collapse;min-width:580px;background:#07131a}
.spec-table th,.spec-table td{padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:.78rem}
.spec-table th{background:#111d23;color:var(--gold-2);text-transform:uppercase;font-size:.7rem}
.spec-table tr:last-child td{border-bottom:0}
.muted-note{font-size:.72rem!important;color:var(--soft)!important;margin-top:10px}
.brochure-section{background:linear-gradient(180deg,#061017,#07141d)}
.brochure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.brochure-grid.four{grid-template-columns:repeat(4,1fr)}
.brochure-card{display:grid;grid-template-columns:42% 58%;min-height:310px;border:1px solid rgba(255,255,255,.12);background:#091820;overflow:hidden;transition:.25s}
.brochure-grid.four .brochure-card{grid-template-columns:1fr;min-height:0}
.brochure-card:hover{transform:translateY(-4px);border-color:rgba(214,167,94,.5);box-shadow:var(--shadow)}
.brochure-card img{width:100%;height:100%;object-fit:cover;object-position:top center;min-height:310px}
.brochure-grid.four .brochure-card img{height:260px;min-height:0}
.brochure-card>div{padding:24px;align-self:center}
.brochure-card h3{font-size:1.2rem;line-height:1.05;text-transform:uppercase;margin:.8rem 0}
.brochure-card p{color:var(--muted);font-size:.78rem}
.brochure-card b{color:var(--gold-2);font-size:.76rem}
.no-brochure{max-width:760px;margin-top:28px;padding:26px;border:1px solid rgba(214,167,94,.25);background:#091820}
.no-brochure strong{display:block;color:var(--gold-2);font-size:1.05rem;text-transform:uppercase}
.no-brochure p{color:var(--muted);font-size:.83rem;margin-bottom:18px}

@media (max-width:1100px){
  .brochure-grid.four{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .product-detail-grid{grid-template-columns:1fr}.product-side{position:static;grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.three-cols{grid-template-columns:1fr}.brochure-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .product-detail-hero{min-height:460px}.product-detail-hero .container{padding:58px 0 46px}.product-detail-hero h1{font-size:3.65rem}.metrics-grid,.two-cols,.product-side,.brochure-grid.four{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.brochure-card{grid-template-columns:1fr}.brochure-card img{height:290px;min-height:0}.brochure-grid.four .brochure-card img{height:290px}
}

.product-card[data-img="exploration"] .photo{background-image:url('assets/exploration/hero-tools.jpg')}


/* Shared product catalogue components: used across product ranges */
.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.catalogue-card{padding:25px;border:1px solid rgba(214,167,94,.24);background:linear-gradient(160deg,#10202a,#07121a);display:flex;flex-direction:column;gap:10px}
.catalogue-card h3{font-size:1.28rem;line-height:1.12;text-transform:uppercase;margin:0;color:#e3b264}
.catalogue-card p{font-size:.84rem;color:#c8ced1;margin:0;flex:1}
.catalogue-card ul{padding-left:20px;margin:4px 0 12px;color:#b8c2c7;font-size:.79rem}
.catalogue-card .btn-outline{align-self:flex-start;font-size:.72rem;padding:11px 14px}
.catalogue-photo{display:block;width:100%;height:235px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}
.catalogue-note{padding:20px;margin-top:28px;background:#13212b;border-left:3px solid var(--gold);color:#e0e2e4;font-size:.86rem}
#quote-form .form-message{color:#e4b761}
@media(max-width:900px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.catalogue-grid{grid-template-columns:1fr}.catalogue-card{padding:20px}}

/* Unified premium surfaces and shared interaction design across all pages */
:root{--gold:#dda63f;--gold-2:#f6cc75;--glass:rgba(16,26,33,.72)}
body{background:radial-gradient(ellipse at 80% 0%,rgba(151,103,29,.075),transparent 42%),#050c11}
.site-header{background:rgba(4,11,16,.8);border-bottom:1px solid rgba(246,204,117,.21);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.dark-card,.feature-card,.product-card,.brochure-card,.form-card,.quick,.equipment-card,.ex-equipment-card,.ex-fish-card,.ex-application-card{background-image:linear-gradient(142deg,rgba(255,255,255,.065),transparent 34%,rgba(218,165,58,.055) 95%);box-shadow:0 16px 45px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.09)}
.product-card{display:flex;flex-direction:column;min-width:0;border-radius:11px;overflow:hidden;isolation:isolate}
.product-card .photo{width:100%;height:220px;flex-shrink:0;transition:transform .5s ease}
.product-card:hover .photo{transform:scale(1.035)}
.product-card .body{display:flex;flex-direction:column;flex:1;min-height:165px;position:relative;padding-bottom:26px}
.product-card h3{line-height:1.4;padding-right:14px}
.product-card p{flex:1;padding-right:8px}
.product-card .arrow{float:none;position:absolute;right:18px;bottom:17px;margin:0}
.btn-gold,.quote-btn{background:linear-gradient(112deg,#fff0bd 0%,#edbd5e 40%,#b67b29 100%);box-shadow:0 8px 30px rgba(207,142,39,.2),inset 0 1px 0 rgba(255,255,255,.55);border-color:#edc77e}
.btn-gold:hover,.quote-btn:hover{filter:brightness(1.1)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ffe09a;outline-offset:3px}
html{scroll-padding-top:92px}
/* Shared product-component system: hero, data tables, feature lists, cards and inquiry actions */
.exploration-content{--ex-gold:#f0b93d;--ex-bg:#080b0e;background:#080b0e;color:#f7f4eb}
.exploration-content h1,.exploration-content h2,.exploration-content h3{font-family:'Barlow Condensed',Impact,Arial,sans-serif;letter-spacing:.012em;line-height:1.03}
.exploration-content h2{font-size:clamp(2.5rem,4.25vw,4.05rem);margin:.25em 0 .55em;text-transform:uppercase}
.exploration-content h2 span,.exploration-content h2 strong{color:var(--ex-gold)}
.exploration-content h2 strong{display:block}
.exploration-content p{color:#cbd0d3}
.ex-section-pad{padding:88px 0}
.ex-kicker{display:block;color:var(--ex-gold);font-size:.88rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.ex-section-lead{max-width:770px;font-size:1rem}
.ex-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;text-transform:uppercase;font-size:.83rem;font-weight:750;letter-spacing:.04em;border-radius:4px;border:1px solid #c89944;transition:.22s;cursor:pointer}
.ex-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(196,130,30,.18)}
.ex-button-gold{background:linear-gradient(110deg,#fce4a5,#e0a12c);color:#0a0b0d}
.ex-button-outline{background:rgba(10,13,17,.55);color:white}
.ex-button-dark{background:#151719;color:white;border-color:#181818}
.ex-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 74% 30%,#402b11,#090b0e 66%);border-bottom:1px solid rgba(229,177,64,.35)}
.ex-hero-image{position:absolute;z-index:-1;inset:0 0 0 37%;background:linear-gradient(90deg,#090b0e 0,rgba(9,11,14,.2) 40%),linear-gradient(0deg,#090b0e 0,transparent 30%),url('assets/exploration/hero-tools.jpg') center/cover;opacity:.88}
.ex-hero-content{padding-top:102px;padding-bottom:98px}
.ex-eyebrow{display:flex;align-items:center;gap:11px;color:var(--ex-gold);font-weight:700;font-size:.86rem;letter-spacing:.15em}
.ex-eyebrow-line{display:inline-block;width:36px;height:2px;background:var(--ex-gold)}
.ex-hero h1{font-size:clamp(4rem,8.5vw,8.5rem);max-width:800px;line-height:.85;margin:22px 0 25px;text-transform:uppercase;letter-spacing:-.02em}
.ex-hero h1 em{display:block;color:var(--ex-gold);font-style:normal}
.ex-hero-subheading{font-size:clamp(1.35rem,2.3vw,1.8rem);font-weight:700;line-height:1.35}
.ex-hero-copy{max-width:530px}
.ex-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}
.ex-hero-features{display:flex;gap:0;flex-wrap:wrap;padding-bottom:26px}
.ex-hero-features span{color:#eee;font-weight:650;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;padding:0 21px;border-right:1px solid #785b29}
.ex-hero-features span:first-child{padding-left:0}.ex-hero-features span:last-child{border:0}
.ex-intro,.ex-casing-section,.ex-expanded-products.ex-alternate{background:linear-gradient(135deg,#13191e,#090b0e)}
.ex-intro-grid,.ex-product-grid,.ex-casing-grid,.ex-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;align-items:center}
.ex-intro-photo,.ex-product-image,.ex-casing-photo{position:relative;overflow:hidden;border:1px solid rgba(223,170,60,.33);border-radius:7px;box-shadow:20px 18px 40px rgba(0,0,0,.27)}
.ex-intro-photo img{height:365px;width:100%;object-fit:cover}.ex-photo-caption{position:absolute;right:0;bottom:0;padding:9px 15px;background:var(--ex-gold);color:#0e0e0e;font-weight:800;font-size:.75rem}
.ex-text-link{color:var(--ex-gold);font-weight:700;border-bottom:1px solid #c98a27}
.ex-catalogue-nav{background:linear-gradient(120deg,#1a1d1f,#090c0f);border-block:1px solid rgba(226,162,40,.25)}
.ex-cat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ex-cat-chips a{padding:10px 15px;border:1px solid rgba(211,158,58,.45);border-radius:5px;background:#191d21;font-size:.79rem;color:#f5ead0;transition:.2s}
.ex-cat-chips a:hover{background:var(--ex-gold);color:#111}
.ex-section-heading{display:flex;align-items:end;gap:20px;margin-bottom:28px}.ex-section-heading h2{margin:0}.ex-heading-rule{flex:1;height:1px;background:#5e4522;margin-bottom:9px}
.ex-product-copy>p{max-width:560px}.ex-product-copy h3{font-size:1.6rem;margin:20px 0 13px}
.ex-table-wrap{overflow-x:auto;margin:12px 0}
.ex-table-wrap table{width:100%;border-collapse:collapse;text-align:center;font-size:.82rem}
.ex-table-wrap th{background:linear-gradient(110deg,#efc36b,#c99633);color:#0b0c0e}
.ex-table-wrap td,.ex-table-wrap th{border:1px solid #7e622e;padding:10px 8px}
.ex-table-wrap td:first-child{color:var(--ex-gold);font-weight:800}
.ex-spec-note{font-size:.7rem;color:#b1aeaa!important}
.ex-product-image img{width:100%;height:230px;object-fit:cover}
.ex-feature-box{padding:23px;background:linear-gradient(135deg,#242527,#0e1216);border:1px solid #66502c;border-radius:8px;margin:17px 0}
.ex-feature-box h3{font-size:1.55rem;color:var(--ex-gold);margin:0 0 10px}
.ex-feature-box ul{list-style:none;margin:0;padding:0}
.ex-feature-box li{padding:5px 0 5px 26px;position:relative;color:#dedede;font-size:.83rem}
.ex-feature-box li::before{content:'✓';position:absolute;left:0;color:var(--ex-gold)}
.ex-casing-photo img{height:470px;width:100%;object-fit:cover}
.ex-fishing-feature{background:radial-gradient(ellipse at 75% 10%,#4a330f 0%,#15130f 35%,#080b0e 75%);border-block:1px solid #66502c}
.ex-fishing-header{display:flex;justify-content:space-between;gap:26px;align-items:center;margin-bottom:32px}
.ex-fishing-header>div{max-width:720px}
.ex-fishing-grid,.ex-application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ex-fish-card,.ex-application-card,.ex-equipment-card{background:linear-gradient(143deg,#242528,#0c1115);border:1px solid rgba(234,180,64,.32);border-radius:9px;padding:24px;transition:transform .23s,border-color .23s;box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.18)}
.ex-fish-card:hover,.ex-application-card:hover,.ex-equipment-card:hover{transform:translateY(-5px);border-color:var(--ex-gold)}
.ex-fish-mark,.ex-equipment-top{display:flex;justify-content:space-between;align-items:center;color:var(--ex-gold);font-weight:800;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #715628}
.ex-fish-mark span{font-size:2rem}
.ex-fish-card h3,.ex-application-card h3{font-size:1.5rem;margin:.3em 0}.ex-fish-card p,.ex-application-card p{font-size:.82rem}
.ex-expanded-products{background:#0c1013}.ex-expanded-products.ex-alternate{background:linear-gradient(130deg,#151a1e,#0b0d10)}
.ex-expanded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:34px}
.ex-equipment-card{display:flex;flex-direction:column;min-height:348px}
.ex-equipment-top{font-size:1.2rem}.ex-equipment-glyph{display:grid;place-items:center;border:1px solid #81612d;border-radius:50%;width:56px;height:56px;font-size:1.65rem}
.ex-equipment-card h3{font-size:1.6rem;margin:0 0 11px}
.ex-equipment-card p,.ex-equipment-card ul{font-size:.8rem;color:#cbd0d3}
.ex-equipment-card ul{padding-left:19px;margin-bottom:20px}
.ex-text-action{color:var(--ex-gold);font-weight:800;font-size:.78rem;text-transform:uppercase;border-top:1px solid #66502c;padding-top:14px;margin-top:auto}
.ex-availability-note{margin-top:23px;border-left:4px solid var(--ex-gold);background:#29241a;padding:18px;color:#ece0c6;font-size:.83rem}
.ex-applications{background:radial-gradient(circle at 90% 0,#36240e,#0b0e11 55%)}
.ex-application-grid{margin-top:27px}.ex-application-icon{display:grid;place-items:center;width:49px;height:49px;border:2px solid var(--ex-gold);color:var(--ex-gold);border-radius:50%;font-size:1.5rem;margin-bottom:20px}
.ex-why{background:#101417;border-top:1px solid #5a4321}
.ex-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.ex-values-grid>div{display:grid;place-items:center;text-align:center;gap:9px;padding:20px 10px;border:1px solid #604822;border-radius:6px;background:rgba(255,255,255,.025)}
.ex-values-grid span{font-size:2rem;color:var(--ex-gold)}
.ex-values-grid b{font-size:.86rem}
.ex-cta-strip{background:linear-gradient(103deg,#ffe1a0,#d69a2d);color:#121212}
.ex-cta-inner{display:flex;align-items:center;gap:27px;padding-block:26px}
.ex-cta-inner h2{font-size:2rem;margin:0}.ex-cta-inner p{color:#272015}
.ex-cta-inner .ex-button{margin-left:auto;white-space:nowrap}.ex-cta-icon{font-size:2.7rem}
@media(max-width:1000px){.ex-fishing-grid,.ex-application-grid{grid-template-columns:repeat(2,1fr)}.ex-expanded-grid{grid-template-columns:repeat(2,1fr)}.ex-fishing-header{flex-direction:column;align-items:start}}
@media(max-width:740px){.ex-section-pad{padding:58px 0}.ex-intro-grid,.ex-product-grid,.ex-casing-grid,.ex-why-grid{grid-template-columns:1fr;gap:27px}.ex-hero-image{inset:0;opacity:.3}.ex-hero-content{padding-top:66px;padding-bottom:55px}.ex-hero h1{font-size:clamp(3.5rem,12vw,6.1rem)}.ex-hero-features{gap:9px}.ex-hero-features span{padding:0 9px}.ex-casing-photo img{height:320px}.ex-cta-inner{flex-wrap:wrap}.ex-cta-inner .ex-button{margin-left:0}}
@media(max-width:540px){.ex-fishing-grid,.ex-application-grid,.ex-expanded-grid{grid-template-columns:1fr}.ex-hero-features{display:grid;grid-template-columns:1fr 1fr}.ex-hero-features span{border:0}.ex-hero h1{font-size:clamp(3.1rem,12.5vw,4.5rem)}.ex-intro-photo img{height:235px}.ex-cta-icon{display:none}.ex-cat-chips a{flex:1 1 42%;text-align:center}.ex-section-heading{gap:12px}}

/* Reusable consent component for all website pages */
.analytics-consent{position:fixed;z-index:900;left:20px;right:20px;bottom:20px;max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 23px;background:rgba(17,24,30,.97);border:1px solid rgba(230,179,65,.7);border-radius:11px;box-shadow:0 20px 70px #000b;backdrop-filter:blur(16px)}
.analytics-consent strong{color:#f8cf72}.analytics-consent p{font-size:.8rem;margin:4px 0 0;color:#e1e2e4}.analytics-consent a{color:#f8cf72;text-decoration:underline}
.analytics-consent__actions{display:flex;gap:9px;flex-shrink:0}.analytics-consent button{padding:10px 14px;border:1px solid #b28a43;border-radius:4px;cursor:pointer;background:#15191c;color:white;font-weight:700;font-size:.78rem}.analytics-consent button:last-child{background:linear-gradient(120deg,#ffe1a0,#d79d39);color:#16110b}
@media(max-width:670px){.analytics-consent{flex-direction:column;align-items:stretch;bottom:10px;left:10px;right:10px}.analytics-consent__actions button{flex:1}}


/* Exploration palette alignment: colours only; layout and behaviour unchanged. */
.exploration-content{--ex-gold:var(--gold-2);--ex-bg:var(--ink);background:var(--ink);color:var(--text)}
.exploration-content p,.ex-equipment-card p,.ex-equipment-card ul{color:var(--muted)}
.ex-button{border-color:var(--gold)}
.ex-button-gold{background:linear-gradient(112deg,#fff0bd 0%,#edbd5e 40%,#b67b29 100%);color:var(--ink)}
.ex-button-outline{background:rgba(7,21,30,.55);color:var(--text)}
.ex-button-dark{background:var(--navy);color:var(--text);border-color:var(--navy-2)}
.ex-hero{background:radial-gradient(circle at 74% 30%,var(--panel-2),var(--ink) 66%);border-bottom-color:var(--line)}
.ex-hero-image{background-image:linear-gradient(90deg,var(--ink) 0,rgba(5,12,17,.2) 40%),linear-gradient(0deg,var(--ink) 0,transparent 30%),url('assets/exploration/hero-tools.jpg')}
.ex-hero-features span{color:var(--text);border-right-color:var(--line)}
.ex-intro,.ex-casing-section,.ex-expanded-products.ex-alternate{background:linear-gradient(135deg,var(--panel-2),var(--ink))}
.ex-intro-photo,.ex-product-image,.ex-casing-photo{border-color:var(--line)}
.ex-photo-caption{background:var(--gold-2);color:var(--ink)}
.ex-text-link{border-bottom-color:var(--gold)}
.ex-catalogue-nav{background:linear-gradient(120deg,var(--navy-2),var(--ink));border-color:var(--line)}
.ex-cat-chips a{border-color:var(--line);background:var(--panel);color:var(--text)}
.ex-cat-chips a:hover{background:var(--gold-2);color:var(--ink)}
.ex-heading-rule{background:var(--line)}
.ex-table-wrap th{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--ink)}
.ex-table-wrap th,.ex-table-wrap td{border-color:var(--line)}
.ex-spec-note{color:var(--soft)!important}
.ex-feature-box{background:linear-gradient(135deg,var(--panel-2),var(--panel));border-color:var(--line)}
.ex-feature-box li{color:var(--text)}
.ex-fishing-feature{background:radial-gradient(ellipse at 75% 10%,var(--panel-2) 0%,var(--navy) 40%,var(--ink) 85%);border-color:var(--line)}
.ex-fish-card,.ex-application-card,.ex-equipment-card{background:linear-gradient(143deg,var(--panel-2),var(--panel));border-color:var(--line)}
.ex-fish-mark,.ex-equipment-top,.ex-text-action{border-color:var(--line)}
.ex-expanded-products{background:var(--navy)}
.ex-expanded-products.ex-alternate{background:linear-gradient(130deg,var(--navy-2),var(--ink))}
.ex-equipment-glyph{border-color:var(--gold)}
.ex-availability-note{background:var(--panel-2);color:var(--text)}
.ex-applications{background:radial-gradient(circle at 90% 0,var(--panel-2),var(--ink) 55%)}
.ex-why{background:var(--navy);border-color:var(--line)}
.ex-values-grid>div{border-color:var(--line);background:var(--panel)}
.ex-cta-strip{background:linear-gradient(103deg,var(--gold-2),var(--gold));color:var(--ink)}
.ex-cta-inner p{color:var(--ink)}


/* Coal cutting product page — all styling remains in the website's single shared stylesheet. */
.cc-page{--cc-gold:var(--gold-2,#e7b75d);--cc-night:#0b1016;--cc-deep:#101923;--cc-muted:#aeb5be;color:#f6f4f0;background:#101923;overflow:hidden}
.cc-page *, .cc-page *::before,.cc-page *::after{box-sizing:border-box}
.cc-page h1,.cc-page h2,.cc-page h3,.cc-page p{margin-top:0}
.cc-page a{text-decoration:none}
.cc-section{padding:88px 0}
.cc-eyebrow{letter-spacing:.22em;font-size:.74rem;font-weight:800;color:#efbe69;margin-bottom:19px;text-transform:uppercase}
.cc-page h2{font-size:clamp(2rem,4vw,3.65rem);line-height:1.06;letter-spacing:-.045em;font-weight:850}
.cc-page h2 span{color:#e4ac4c}
.cc-page p{line-height:1.8}
.cc-hero{background:radial-gradient(circle at 70% 25%,#344356 0%,#151e2b 34%,#080c11 86%);position:relative;border-bottom:1px solid #b98d46}
.cc-hero::before{content:"";position:absolute;inset:0;opacity:.26;background-image:repeating-linear-gradient(125deg,transparent 0 78px,#3a4b5b 80px,transparent 82px);pointer-events:none}
.cc-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;min-height:655px;padding-top:48px;padding-bottom:68px;position:relative}
.cc-back{display:inline-block;color:#efc47f;font-size:.73rem;font-weight:750;letter-spacing:.13em;margin-bottom:50px}
.cc-hero h1{font-size:clamp(3rem,5.5vw,6rem);line-height:.98;letter-spacing:-.065em;font-weight:900;margin-bottom:29px;max-width:800px}
.cc-hero h1 em{color:#e3af57;font-style:normal}
.cc-hero-lead{font-size:clamp(1.05rem,1.65vw,1.32rem);font-weight:600;max-width:620px;color:#f5eada}
.cc-subline{color:#b9c1cd;font-size:.9rem;max-width:580px}
.cc-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.cc-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;border-radius:5px;font-size:.76rem;letter-spacing:.08em;font-weight:850;transition:transform .2s,background .2s,border-color .2s}
.cc-btn:hover{transform:translateY(-3px)}
.cc-primary{background:linear-gradient(110deg,#ffdb93,#d69b37,#f2c574);color:#0a1119!important;box-shadow:0 5px 24px #d8a44d29}
.cc-secondary{border:1px solid #c2a06b;color:#fff}
.cc-hero-visual{height:520px;position:relative;border-radius:15px;overflow:hidden;border:1px solid #a98146;box-shadow:0 25px 75px #0008}
.cc-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030a10e8,transparent 50%)}
.cc-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 47%}
.cc-image-tag{position:absolute;left:24px;bottom:26px;z-index:1;display:grid;gap:4px}.cc-image-tag span{color:#facb73;font-weight:800}.cc-image-tag strong{font-size:1.35rem}.cc-image-tag small{color:#d3d9df}
.cc-hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #48505a;padding:18px 0 22px;position:relative;color:#e5bf79;font-size:.71rem;letter-spacing:.12em;font-weight:750}
.cc-intro{background:#121b26;padding-bottom:45px}.cc-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.cc-section-heading h2{max-width:660px;margin:0}.cc-section-heading>p{max-width:455px;color:#bac3ce;margin-bottom:5px}
.cc-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:40px}.cc-jump a{padding:17px 10px;text-align:center;border-radius:5px;background:linear-gradient(115deg,#202e3e,#121b25);border:1px solid #6b573f;color:#e9c68a;font-size:.76rem;font-weight:800;transition:.2s}.cc-jump a:hover{border-color:#e7b85e;background:#27384a}
.cc-product-section{background:#f2efe9;color:#14202a}.cc-product-section .cc-section-heading>p{color:#57616b}.cc-product-section h2 span,.cc-drums-section h2 span,.cc-system h2 span,.cc-guide h2 span{color:#bf8226}
.cc-picks-visual{height:430px;border-radius:13px;overflow:hidden;position:relative;border:2px solid #c8a369;box-shadow:0 16px 42px #16202a32}.cc-picks-visual img{height:100%;width:100%;object-fit:cover;object-position:center 42%}.cc-photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:26px 33px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(0deg,#0c131af7,#0c131a91);color:#fff}.cc-photo-overlay strong{font-size:1.7rem}.cc-photo-overlay span{font-size:.83rem;color:#edd5aa;max-width:330px}
.cc-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.cc-pick-card{background:#fff;border:1px solid #decbaa;border-radius:10px;padding:27px;box-shadow:0 12px 28px #19273216}.cc-pick-number{font-weight:900;font-size:1.7rem;color:#bb8230;margin-bottom:23px}.cc-pick-card h3{font-size:1.3rem;margin-bottom:12px;color:#17212a}.cc-pick-card p{font-size:.87rem;color:#56616c;min-height:88px}.cc-pick-card>span{font-size:.68rem;letter-spacing:.13em;font-weight:850;color:#a46f21}
.cc-spec-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;background:#17212c;color:#f6f4ef;padding:28px 32px;border-radius:9px;margin-top:24px}.cc-spec-panel h3{font-size:1.4rem}.cc-spec-panel p{color:#c4cad1;font-size:.8rem}.cc-spec-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:center}.cc-spec-list span{font-size:.82rem;color:#f4ddb4;border-bottom:1px solid #4b5661;padding:10px 0}
.cc-dark{background:linear-gradient(130deg,#0c1219,#1c2936);color:#fff}.cc-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.cc-feature-copy>p{color:#c4cbd3;max-width:580px}.cc-feature-copy .cc-eyebrow{color:#f2bf6b}.cc-feature-copy h2{margin-bottom:25px}.cc-feature-media{height:490px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #b99354;border-radius:12px;overflow:hidden;box-shadow:0 25px 56px #05090c61;background:radial-gradient(circle at 40% 30%,#435360,#101923 70%)}.cc-feature-media svg{width:97%;height:95%;filter:drop-shadow(0 26px 16px #0009)}.cc-technical-tag{position:absolute;bottom:15px;left:17px;font-size:.61rem;letter-spacing:.13em;color:#f6d99d;background:#091017bb;padding:9px 12px;border-radius:4px}
.cc-benefits{border-top:1px solid #755d37;margin:25px 0}.cc-benefits>div{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;padding:17px 0;border-bottom:1px solid #55616a}.cc-benefits b{color:#f1cb8b;font-size:.87rem}.cc-benefits span{font-size:.8rem;line-height:1.5;color:#c1cad4}.cc-link{display:inline-block;color:#f1bf66!important;font-size:.79rem;letter-spacing:.1em;font-weight:900;border-bottom:1px solid #f1bf66;padding-bottom:8px}.cc-drums-section{background:#eee9e1;color:#17222e}.cc-drums-section .cc-feature-copy>p{color:#4f5d68}.cc-drums-section .cc-benefits{border-color:#cfaa66}.cc-drums-section .cc-benefits>div{border-color:#d0c2b1}.cc-drums-section .cc-benefits b{color:#9c651c}.cc-drums-section .cc-benefits span{color:#5c6570}.cc-drums-section .cc-link{color:#a46d27!important;border-color:#a46d27}.cc-drum-art{background:radial-gradient(circle at center,#424e55,#10171d 77%)}
.cc-accessories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cc-accessory{min-height:320px;padding:29px 22px;border-radius:10px;border:1px solid #866944;background:linear-gradient(156deg,#314051 0%,#101820 75%);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.cc-accessory:hover{transform:translateY(-6px);border-color:#f5cc7a}.cc-ac-symbol{font-size:2.8rem;color:#efba5d;margin-bottom:22px}.cc-accessory small{color:#e9c581;letter-spacing:.13em}.cc-accessory h3{font-size:1.25rem;line-height:1.2;margin:15px 0}.cc-accessory p{font-size:.81rem;color:#c0c9d2}.cc-accessory>span{margin-top:auto;font-size:.69rem;color:#edc682;border-top:1px solid #4d5761;padding-top:12px}
.cc-system{background:#f7f3ec;color:#15212d;text-align:center}.cc-assembly{display:flex;align-items:stretch;gap:8px;margin:42px 0 14px}.cc-assembly>div{flex:1;min-width:0;background:#13202c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:25px 12px;border-radius:8px;border-top:4px solid #dfad56}.cc-assembly b{font-size:1.5rem;color:#e7b867}.cc-assembly strong{font-size:.77rem}.cc-assembly span{font-size:.7rem;color:#bdc7d0}.cc-assembly i{align-self:center;font-size:1.8rem;color:#bf8737;font-style:normal}.cc-caveat{color:#727b84;font-size:.78rem}
.cc-guide{background:#15202c}.cc-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cc-guide-grid>div>p{color:#bfc9d1;max-width:570px}.cc-guide-panel{background:linear-gradient(135deg,#253344,#111a23);border:1px solid #9e7b4b;border-radius:11px;padding:32px}.cc-guide-panel h3{color:#efc47f;letter-spacing:.07em}.cc-guide-panel ul{list-style:none;padding:0}.cc-guide-panel li{position:relative;padding:10px 0 10px 25px;color:#e4e8ec;border-bottom:1px solid #45515e;font-size:.84rem}.cc-guide-panel li::before{content:'✓';color:#efbf66;position:absolute;left:2px}.cc-guide-panel p{font-size:.75rem;color:#b0b9c4;margin-top:22px}
.cc-final-cta{text-align:center;padding:70px 0;background:linear-gradient(115deg,#121820,#273746 65%,#161c24);border-top:1px solid #c29958}.cc-final-cta h2{font-size:clamp(2rem,4vw,3.5rem)}.cc-final-cta p{color:#e2d4bd}.cc-final-cta .cc-btn{margin-top:18px}
@media(max-width:1000px){.cc-hero-layout{grid-template-columns:1fr 1fr;gap:25px}.cc-hero-visual{height:440px}.cc-accessories-grid{grid-template-columns:repeat(2,1fr)}.cc-feature-grid{gap:35px}.cc-section-heading{align-items:start;flex-direction:column}.cc-assembly{flex-wrap:wrap}.cc-assembly>div{flex-basis:29%;min-height:145px}.cc-assembly i{display:none}}
@media(max-width:720px){.cc-section{padding:62px 0}.cc-hero-layout,.cc-feature-grid,.cc-guide-grid,.cc-spec-panel{grid-template-columns:1fr}.cc-hero-layout{padding-top:35px;padding-bottom:40px;min-height:auto}.cc-back{margin-bottom:30px}.cc-hero-visual{height:420px}.cc-hero-foot{flex-wrap:wrap;font-size:.62rem}.cc-jump{grid-template-columns:repeat(2,1fr)}.cc-pick-grid{grid-template-columns:1fr}.cc-pick-card p{min-height:0}.cc-picks-visual{height:330px}.cc-photo-overlay{display:block}.cc-photo-overlay strong{font-size:1.2rem}.cc-photo-overlay span{display:block;margin-top:9px}.cc-reverse .cc-feature-copy{order:2}.cc-reverse .cc-feature-media{order:1}.cc-feature-media{height:390px}.cc-assembly>div{flex-basis:44%}.cc-hero h1{font-size:clamp(2.6rem,10vw,4.4rem)}}
@media(max-width:470px){.cc-accessories-grid,.cc-spec-list{grid-template-columns:1fr}.cc-feature-media{height:315px}.cc-benefits>div{grid-template-columns:1fr;gap:4px}.cc-assembly>div{flex-basis:100%}.cc-hero-visual{height:350px}.cc-jump a{font-size:.66rem;padding:13px 6px}.cc-spec-panel{padding:22px}.cc-guide-panel{padding:22px}}
@media(prefers-reduced-motion:reduce){.cc-page .cc-btn,.cc-page .cc-accessory{transition:none}}