:root{--ink:#05070a;--graphite:#0b0f14;--panel:#121820;--line:rgba(255,255,255,.1);--gold:#d4a94f;--gold-hi:#f3de8e;--gold-lo:#8f6d27;--blue:#1387c9;--text:#e8ebef;--muted:#9aa5b1;--r:18px;
--fd:"Space Grotesk","Segoe UI",Arial,sans-serif;--fb:"Manrope","Segoe UI",Arial,sans-serif;
--gold-grad:linear-gradient(135deg,#f3de8e 0%,#d4a94f 45%,#9c7a2e 100%);--silver-grad:linear-gradient(135deg,#fff 0%,#aab3bf 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--ink);color:var(--text);font:400 1rem/1.65 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--fd);font-weight:700;line-height:1.04;letter-spacing:-.02em;margin:0}
p{margin:0 0 1rem}.muted{color:var(--muted)}.sr{position:absolute;left:-9999px}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#000;padding:.5rem 1rem;border-radius:8px;z-index:100}.skip:focus{left:8px}
.container{width:min(1240px,100% - 2.5rem);margin-inline:auto}
.metal{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.silver{background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#c3cbd4;max-width:56ch}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.8rem 1.6rem;border-radius:999px;font:700 .95rem var(--fb);border:1px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
.btn-sm{min-height:42px;padding:.55rem 1.1rem;font-size:.88rem}
.btn-gold{background:var(--gold-grad);color:#14100a;box-shadow:0 8px 28px -10px rgba(212,169,79,.7)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px rgba(212,169,79,.9)}
.btn-ghost{border-color:rgba(255,255,255,.22);color:var(--text);background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-hi);transform:translateY(-2px)}
.btn-dark{background:#0b0f14;color:var(--gold-hi)}.btn-dark:hover{transform:translateY(-2px);background:#000}
.glass,.glass-nav{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px -25px #000}
/* header */
.site-header{position:sticky;top:0;z-index:50;padding:4px 0;background:#05070a;border-bottom:1px solid var(--line);transition:padding .3s}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:999px;padding:.35rem .6rem .35rem 1.1rem;background:rgba(5,7,10,.25);transition:background .3s}
.site-header.scrolled .nav-wrap{background:rgba(8,11,15,.78)}
.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--fd);font-size:.95rem;line-height:1.1}.brand b{display:block;font-size:1.05rem;letter-spacing:.06em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand img{width:auto;height:75px;}
.nav{display:flex;align-items:center;gap:.4rem}.nav a:not(.btn){padding:.5rem .9rem;border-radius:999px;color:#c3cbd4;font-weight:500;font-size:.95rem;transition:color .2s,background .2s}
.nav a:not(.btn):hover,.nav a[aria-current]{color:var(--gold-hi);background:rgba(255,255,255,.06)}.nav-cta{margin-left:.4rem}
.nav-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:pointer;position:relative}
.nav-toggle span{position:absolute;left:13px;right:13px;height:2px;background:var(--gold-hi);transition:transform .3s}.nav-toggle span:first-child{top:19px}.nav-toggle span:last-child{top:25px}
.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
/* hero */
.hero,.page-hero{position:relative;overflow:hidden;background:radial-gradient(60% 55% at 78% 40%,rgba(212,169,79,.14),transparent 70%),radial-gradient(45% 45% at 8% 90%,rgba(19,135,201,.16),transparent 70%),var(--ink)}
.hero{min-height:calc(100svh - var(--hh,90px));display:flex;align-items:center;padding:60px 0 80px}.page-hero{padding:70px 0 70px}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.hero h1{font-size:clamp(2.7rem,7vw,6.3rem);text-transform:uppercase;margin-bottom:1.5rem}.page-hero h1{font-size:clamp(2.4rem,6vw,5rem);margin-bottom:1rem}
.hero h1 span{display:block}
.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.hero-art{position:relative}.hero-svg{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.traces path{stroke-dasharray:6 8}
.float-panel{position:absolute;padding:.8rem 1.1rem;border-radius:14px;display:flex;flex-direction:column;font-size:.8rem;color:var(--muted)}.float-panel b{font-family:var(--fd);color:var(--gold-hi);font-size:1.05rem}
.fp1{left:0;bottom:8%}.fp2{right:0;top:6%}
.scroll-ind{position:absolute;left:50%;bottom:24px;width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:14px;transform:translateX(-50%)}.scroll-ind span{position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--gold)}
/* sections */
.section{padding:clamp(4rem,9vw,8rem) 0}.section.alt{background:var(--graphite);border-block:1px solid var(--line)}
.sec-head{margin-bottom:3rem;max-width:760px}.sec-head.row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}
.sec-head h2,.split h2,.contact-grid h2{font-size:clamp(2rem,4.6vw,3.7rem);margin-bottom:1rem}.sec-head p{color:var(--muted);font-size:1.1rem;margin:0}
.h-sm{font-size:1.4rem;margin:2rem 0 .8rem}
.highlights{border-block:1px solid var(--line);background:var(--graphite)}
.hl-grid{display:grid;grid-template-columns:repeat(4,1fr)}.hl-grid>div{padding:2rem 1.6rem;border-left:1px solid var(--line)}.hl-grid>div:first-child{border-left:0;padding-left:0}
.hl-grid h2{font-size:1.2rem;margin-bottom:.5rem;color:var(--gold-hi)}.hl-grid p{margin:0;color:var(--muted);font-size:.95rem}
/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.1rem}
.cat-card{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);min-height:280px;display:flex;align-items:flex-end}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.cat-card:hover img{transform:scale(1.06)}
.cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.95) 15%,rgba(5,7,10,.1) 70%)}
.cat-text{position:relative;z-index:1;padding:1.5rem}.cat-text h3{font-size:1.5rem;margin-bottom:.4rem}.cat-text p{color:#b6c0ca;font-size:.95rem;max-width:42ch;margin-bottom:.6rem}.more{color:var(--gold-hi);font-weight:700;font-size:.9rem;border-bottom:1px solid var(--gold)}
.c1{grid-column:span 5;grid-row:span 2}.c2,.c3{grid-column:span 7}.c4,.c5,.c6{grid-column:span 4}.c1 h3{font-size:2.2rem}
.cat-card:hover{border-color:rgba(212,169,79,.5)}
/* product cards */
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.p-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .3s,transform .3s}.p-card:hover{border-color:rgba(212,169,79,.45);transform:translateY(-4px)}
.p-img{display:block;overflow:hidden;aspect-ratio:4/3;background:#0b0f14}.p-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.p-card:hover .p-img img{transform:scale(1.05)}
.p-body{padding:1.3rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.p-cat{font-size:.82rem;color:var(--blue);font-weight:700;margin:0}.p-body h3{font-size:1.2rem;line-height:1.2}.p-desc{color:var(--muted);font-size:.93rem;margin:0}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.chips li{font-size:.8rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.chips li span{color:var(--muted)}
.p-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}
/* split / about */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.split p{color:#c3cbd4}.split-art img{border-radius:var(--r);border:1px solid var(--line);background:#000;padding:1rem}
.facts{padding:2rem;border-radius:var(--r)}.facts h3{margin-bottom:1rem}.facts dt{color:var(--muted);font-size:.85rem;margin-top:.8rem}.facts dd{margin:0;font-weight:700}
/* quality */
.blueprint{position:relative;background:linear-gradient(rgba(19,135,201,.06),rgba(19,135,201,.02)),var(--ink);background-image:linear-gradient(rgba(19,135,201,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(19,135,201,.12) 1px,transparent 1px);background-size:40px 40px;border-block:1px solid var(--line)}
.bp-lines{width:100%;height:90px;margin-bottom:2rem}.bp-lines path{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}
.q-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.q-grid>div{border-top:2px solid var(--gold);padding-top:1rem}.q-grid h3{font-size:1.2rem;margin-bottom:.5rem}.q-grid p{color:var(--muted);font-size:.95rem}
/* applications */
.app-list{border-top:1px solid var(--line)}.app-row{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;padding:1.8rem 0;border-bottom:1px solid var(--line);align-items:center;position:relative;transition:padding .3s}
.app-row h3{font-size:clamp(1.4rem,2.8vw,2.3rem)}.app-row p{margin:0;color:var(--muted)}.app-row::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--gold-grad);transition:width .5s}.app-row:hover::before{width:100%}.app-row:hover{padding-left:.8rem}
/* why */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.why{padding:1.8rem;border-radius:var(--r)}.why svg{width:38px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.8;margin-bottom:1.2rem}.why h3{font-size:1.2rem;margin-bottom:.4rem}.why p{color:var(--muted);margin:0;font-size:.95rem}
/* CTA */
.cta-band{background:radial-gradient(60% 120% at 85% 0%,rgba(255,255,255,.35),transparent 60%),var(--gold-grad);color:#14100a;padding:clamp(3.5rem,8vw,6rem) 0}
.cta-in h2{font-size:clamp(2rem,5vw,4rem);max-width:18ch;margin-bottom:1rem}.cta-in p{max-width:52ch;font-size:1.15rem;margin-bottom:1.8rem}
/* contact / form */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.contact-list{font-style:normal;color:#c3cbd4}.contact-list a:not(.btn){color:var(--gold-hi);border-bottom:1px solid rgba(212,169,79,.4)}
.enquiry{padding:clamp(1.3rem,3vw,2.2rem);border-radius:var(--r);display:grid;gap:1rem}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.f{display:grid;gap:.4rem;font-weight:700;font-size:.9rem}
.f input,.f textarea{width:100%;font:400 1rem var(--fb);color:var(--text);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;min-height:48px;transition:border-color .2s,box-shadow .2s}
.f input:focus,.f textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,169,79,.2)}.f .invalid{border-color:#e5645a}
.err-msg{color:#ff8d84;font-weight:500;min-height:1em}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.form-status p{margin:0;padding:.8rem 1rem;border-radius:12px;font-weight:700}.form-status .ok{background:rgba(70,180,110,.15);color:#8fe0ac}.form-status .err{background:rgba(229,100,90,.15);color:#ff9d95}
/* products page */
.toolbar{display:flex;gap:.6rem;margin-bottom:1.2rem;max-width:520px}.toolbar input{flex:1;min-height:46px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 1.2rem;font:inherit}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filters a{padding:.45rem 1rem;border:1px solid var(--line);border-radius:999px;font-size:.88rem;color:#c3cbd4;transition:all .2s}.filters a:hover{border-color:var(--gold)}.filters a.on{background:var(--gold-grad);color:#14100a;border-color:transparent;font-weight:700}
.count{color:var(--muted);font-size:.9rem}.more-wrap{text-align:center;margin-top:2.5rem}.empty{grid-column:1/-1;color:var(--muted)}.empty a{color:var(--gold-hi);text-decoration:underline}
.notice{background:rgba(212,169,79,.12);border:1px solid rgba(212,169,79,.4);padding:.7rem 1rem;border-radius:12px;font-size:.9rem}
.quote-strip{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem 2rem;border-radius:var(--r);margin-top:3rem}.quote-strip p{margin:0;font:700 1.3rem var(--fd)}
/* detail */
.detail{padding-top:50px}.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:2rem}.crumbs a:hover{color:var(--gold-hi)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.g-main{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#0b0f14}.g-thumbs{display:flex;gap:.6rem;margin-top:.8rem}.g-thumbs button{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:none;cursor:pointer;width:90px}
.d-info h1{font-size:clamp(1.8rem,3.6vw,3rem);margin-bottom:.8rem}.specs{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.specs th,.specs td{text-align:left;padding:.7rem 0;border-bottom:1px solid var(--line)}.specs th{color:var(--muted);font-weight:500;width:42%}
.prose{max-width:760px}.prose p{color:#c3cbd4}
/* footer */
.site-footer{background:#030405;border-top:1px solid var(--line);padding-top:4rem}.foot-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr 1.2fr;gap:2.5rem}.foot-about img{width:200px;height:auto;margin-bottom:1rem}.foot-about p,.site-footer address p{color:var(--muted);font-size:.93rem;font-style:normal}
.site-footer h2{font-size:1rem;margin-bottom:1rem;color:var(--gold-hi)}.site-footer nav a{display:block;color:var(--muted);padding:.2rem 0;font-size:.93rem}.site-footer a:hover{color:var(--gold-hi)}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding:1.4rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.foot-base p{margin:0}
/* ---- full-screen banner slider (images only, no overlay text) ---- */
.slider{position:relative;height:auto;background:#05070a;overflow:hidden;touch-action:pan-y}
.slides{position:relative;display:grid}
.slide{position:relative;grid-area:1/1;width:100%;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.slide.is-active{opacity:1;visibility:visible;z-index:1}
.slide a,.slide picture{display:block;width:100%;height:auto}
.slide img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.s-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(5,7,10,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,transform .25s}
.s-arrow svg{width:24px;height:24px;fill:none;stroke:var(--gold-hi);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.s-arrow:hover{background:rgba(5,7,10,.8);border-color:var(--gold);transform:translateY(-50%) scale(1.06)}
.s-arrow.prev{left:clamp(.8rem,2.5vw,2rem)}.s-arrow.next{right:clamp(.8rem,2.5vw,2rem)}
.s-dots{position:absolute;left:0;right:0;bottom:2.2rem;z-index:3;display:flex;justify-content:center;gap:.6rem}
.s-dots button{width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer;position:relative}
.s-dots button::before{content:"";position:absolute;left:5px;right:5px;top:15px;height:4px;border-radius:4px;background:rgba(255,255,255,.4);transition:background .3s,left .3s,right .3s}
.s-dots button.on::before{background:var(--gold-grad);left:0;right:0}
.slider .scroll-ind{display:none}
@media (max-width:760px){.s-arrow{width:44px;height:44px}.s-dots{bottom:1.4rem}}
/* ---- prices ---- */
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0}.price b{font:700 1.35rem var(--fd);color:var(--gold-hi)}.price s{color:var(--muted);font-size:.95rem}.price small{color:var(--muted);font-size:.85rem}
.price .off{font-size:.78rem;font-weight:700;color:#0b0f14;background:var(--gold-grad);padding:.1rem .5rem;border-radius:999px}
.d-info .price{margin:0 0 1rem}.d-info .price b{font-size:2rem}
/* product photos sit on a white tile so white-background packshots look right */
.p-img{background:#fff}.p-img img{object-fit:contain;padding:.6rem}
.g-main{background:#fff}.g-main img{width:100%;height:auto;max-height:560px;object-fit:contain}
.g-thumbs{flex-wrap:wrap}.g-thumbs button{background:#fff}.g-thumbs img{object-fit:contain}
.d-info .cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.c4,.c5{grid-column:span 6}

/* ---- Social icons (colourful) ---- */
.social{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.soc{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 12px -4px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s,filter .2s}
.soc svg{width:20px;height:20px;display:block}
.soc:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 20px -6px rgba(0,0,0,.7);filter:brightness(1.1)}
.soc-facebook{background:#1877f2}
.soc-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.soc-youtube{background:#f00}
.soc-linkedin{background:#0a66c2}
.soc-x{background:#000;border:1px solid rgba(255,255,255,.4)}
.soc-whatsapp{background:#25d366}
.head-social{margin:0 .5rem 0 .2rem}
.head-social .soc{width:32px;height:32px}.head-social .soc svg{width:18px;height:18px}
.nav-social{display:none}
.foot-follow{margin-top:1.3rem}
.foot-social .soc{width:38px;height:38px}
.site-footer .foot-social a:hover{color:inherit}

/* ---- Sticky call + WhatsApp buttons ---- */
.sticky-contact a.sc{position:fixed;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:.55rem;height:54px;padding:0 1.2rem 0 1rem;border-radius:999px;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.01em;box-shadow:0 10px 26px -8px rgba(0,0,0,.7);transition:transform .2s,filter .2s}
.sticky-contact a.sc:hover{transform:translateY(-3px);filter:brightness(1.08);color:#fff}
.sticky-contact .sc svg{width:26px;height:26px;flex:none}
.sc-wa{right:20px;background:#25d366}
.sc-call{left:20px;background:linear-gradient(135deg,#1e9bf0,#1387c9 55%,#0b5f93)}
.sc-wa::before,.sc-call::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;animation:scpulse 2.2s ease-out infinite}
.sc-wa::before{box-shadow:0 0 0 0 rgba(37,211,102,.6)}
.sc-call::before{box-shadow:0 0 0 0 rgba(30,155,240,.6)}
@keyframes scpulse{to{box-shadow:0 0 0 18px rgba(255,255,255,0)}}
.site-footer{padding-bottom:84px}.site-footer address{font-style:normal}

/* ---- top bar (phone / email / GST) ---- */
.topbar{background:#020304;border-bottom:1px solid var(--line);font-size:.82rem;color:#c3cbd4}
.topbar-in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem 1.8rem;padding:.45rem 0}
.topbar a,.topbar span{display:inline-flex;align-items:center;gap:.4rem;color:#c3cbd4;white-space:nowrap;transition:color .2s}
.topbar a:hover{color:var(--gold-hi)}
.topbar svg{width:14px;height:14px;flex:none;fill:var(--gold-hi)}
@media (max-width:620px){.topbar{font-size:.75rem}.topbar-in{gap:.2rem 1rem;padding:.4rem 0}}
/* Category page extra content */
.cat-extra-in{max-width:980px;margin-inline:auto;color:#c4ccd6;line-height:1.8}
.cat-extra-in h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0 0 1rem;background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cat-extra-in h3{font-size:1.25rem;color:var(--gold-hi);margin:1.8rem 0 .6rem}
.cat-extra-in p{margin:0 0 1rem}.cat-extra-in a{color:var(--gold-hi);border-bottom:1px solid var(--gold)}
.cat-extra-in ul,.cat-extra-in ol{padding-left:1.3rem;margin:0 0 1rem}.cat-extra-in li{margin-bottom:.4rem}