*{margin:0;padding:0;box-sizing:border-box}
:root{--o:#F5A623;--od:#D4891A;--d:#1A1A1A;--d2:#2D2D2D;--m:#5A5A5A;--l:#F7F7F7;--b:#E8E8E8}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--d);background:#fff;line-height:1.6;overflow-x:clip}
html{scroll-behavior:smooth}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,.tile h3,.phead h1{font-family:'Barlow Condensed',sans-serif;letter-spacing:.2px}
.ann{background:#0f0f0f;color:#eee;font-size:13px;text-align:center;padding:8px 12px;letter-spacing:.2px}
.ann b{color:var(--o)}
nav{background:#141414;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s,box-shadow .3s}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo img{height:42px;display:block}
.nlinks{display:flex;gap:30px;align-items:center;list-style:none}
.nlinks a{font-weight:600;font-size:14.5px;color:#e8e8e8;letter-spacing:.2px;position:relative;padding:4px 0;transition:color .2s}
.nlinks a:not(.ncta):after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--o);transition:right .25s}
.nlinks a:not(.ncta):hover:after,.nlinks a.active:not(.ncta):after{right:0}
.nlinks a:hover,.nlinks a.active{color:#fff}
.ncta{background:var(--o);color:#141414!important;padding:10px 20px;border-radius:8px;font-weight:800;font-size:13.5px;letter-spacing:.3px;text-transform:uppercase}
.ncta:hover{background:#ffb733}
.ncta:after{display:none}
.burger{display:none;font-size:26px;background:none;border:none;cursor:pointer;color:#fff}
nav.solid{box-shadow:0 6px 22px rgba(0,0,0,.35)}
/* Homepage: transparent nav floating over the full-bleed hero, solidifies on scroll */
body.home nav{position:fixed;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0));border-bottom-color:transparent;box-shadow:none}
body.home nav.solid{background:#141414;border-bottom-color:rgba(255,255,255,.08);box-shadow:0 6px 22px rgba(0,0,0,.35)}
body.home .hero.hero-lg{min-height:100vh}
.hero{position:relative;min-height:540px;display:flex;align-items:flex-end;color:#fff;background:#161616;overflow:hidden}
.hero.hero-lg{min-height:calc(100vh - 74px)}
.hero-slides{position:absolute;inset:0;z-index:0;background:#1a1a1a;overflow:hidden}
.hslide{position:absolute;inset:0;opacity:0;z-index:0}
.hslide.show{opacity:1;z-index:1}
.hslide.enter{opacity:1;z-index:2}
.hslide.enter.from-right{clip-path:inset(0 0 0 100%)}
.hslide.enter.from-left{clip-path:inset(0 100% 0 0)}
.hslide.enter.run{clip-path:inset(0 0 0 0);transition:clip-path 1.2s cubic-bezier(.76,0,.24,1)}
/* Lighter uniform tint over the hero */
.hero-tint{position:absolute;inset:0;z-index:4;pointer-events:none;background:rgba(10,10,12,.4)}
.hero-w-line{display:none}
/* Sweep bar for the wipe */
.hero-sweep{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-110%);opacity:0}
.hero-sweep.go-right{animation:sweepR 1.2s cubic-bezier(.76,0,.24,1)}
.hero-sweep.go-left{animation:sweepL 1.2s cubic-bezier(.76,0,.24,1)}
@keyframes sweepR{0%{transform:translateX(-110%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateX(110%);opacity:0}}
@keyframes sweepL{0%{transform:translateX(110%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateX(-110%);opacity:0}}
.hslide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82) contrast(1.05) saturate(.96);transform:scale(1.08);animation-duration:18s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;will-change:transform}
/* Ken Burns — continuous alternating so it never snaps back on slide change */
.hslide.preset-in img{animation-name:kbIn}
.hslide.preset-out img{animation-name:kbOut}
.hslide.preset-imm img{animation-name:kbImm}
.hslide.preset-aer img{animation-name:kbAer}
@keyframes kbIn{from{transform:scale(1.06)}to{transform:scale(1.3)}}
@keyframes kbOut{from{transform:scale(1.3)}to{transform:scale(1.06)}}
@keyframes kbImm{from{transform:scale(1.1) translate(2%,1.5%)}to{transform:scale(1.28) translate(-2%,-2%)}}
@keyframes kbAer{from{transform:scale(1.08) translateY(1.8%)}to{transform:scale(1.26) translateY(-1.8%)}}
@media(prefers-reduced-motion:reduce){.hslide img{animation:none!important;transform:scale(1.03)}}
.hero:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(to top,rgba(8,8,9,.55),rgba(8,8,9,0) 38%)}
.hero{align-items:flex-end}
.hero .wrap{position:relative;z-index:6;max-width:none;margin:0;padding:60px 56px 64px;width:100%}
.hero .wrap>*{text-align:left}
/* Outlined display hero (logo-window style) */
.hero-content{padding:40px 56px}
.since{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.since span{color:#fff;font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase}
.since i{display:block;width:110px;height:2px;background:var(--o)}
.disp{font-family:'Michroma','Barlow Condensed',sans-serif;font-weight:400;text-transform:uppercase;line-height:1.05;letter-spacing:0;margin:0}
.disp .ln{display:block;font-size:clamp(28px,5.4vw,82px)}
.disp .ln.o{color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.92)}
.disp .ln.f{color:#fff}
.disp-sub{color:#eaeaea;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;margin:24px 0 26px;max-width:620px;opacity:.9}
.hero-links{display:flex;gap:40px;flex-wrap:wrap}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.hero-links a{color:var(--o);font-weight:800;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:color .2s}
.hero-links a b{font-size:19px;line-height:1;transition:transform .2s}
.hero-links a:hover{color:#fff}
.hero-links a:hover b{transform:translateX(5px)}
.scroll-ind{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;height:34px}
.scroll-ind span{width:15px;height:15px;border-right:3px solid var(--o);border-bottom:3px solid var(--o);transform:rotate(45deg);animation:scrollch 1.6s infinite}
.scroll-ind span:nth-child(2){animation-delay:.2s;margin-top:-9px}
@keyframes scrollch{0%{opacity:0;transform:rotate(45deg) translate(-3px,-3px)}50%{opacity:.9}100%{opacity:0;transform:rotate(45deg) translate(3px,3px)}}
.tag{display:inline-block;background:var(--o);color:#fff;font-weight:700;font-size:13px;padding:6px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:.5px}
.tag2{display:inline-block;color:var(--o);font-weight:700;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:70px;line-height:1.04;max-width:900px;margin-bottom:20px;text-transform:none;letter-spacing:-.5px;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.hero p{font-family:'Inter',system-ui,sans-serif;font-style:normal;font-weight:400;font-size:17px;line-height:1.65;letter-spacing:.2px;max-width:560px;opacity:.9;margin-bottom:28px;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:.2s}
.btn-o{background:var(--o);color:#fff}.btn-o:hover{background:var(--od)}
.btn-g{background:#fff;color:var(--d);border:1.5px solid var(--b)}.btn-g:hover{border-color:var(--o);color:var(--o)}
/* Glass (see-through) hero buttons so they don't block the imagery */
.hero .btn-o{background:rgba(245,166,35,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.3);color:#fff}
.hero .btn-o:hover{background:rgba(245,166,35,.95)}
.hero .btn-g{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.5);color:#fff}
.hero .btn-g:hover{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.tilesec{padding:72px 0 64px;background:#fff;position:relative}
.tile-head{text-align:center;margin-bottom:38px}
.tile-head span{color:var(--o);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.tile-head h2{color:var(--d);font-size:38px;text-transform:uppercase;line-height:1;margin-top:6px}
/* Hero stats band */
.hero-stats{background:#141414;color:#fff}
.hstat-row{display:grid;grid-template-columns:repeat(3,1fr)}
.hstat{padding:42px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.09)}
.hstat:last-child{border-right:none}
.hstat b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:58px;color:var(--o);line-height:1}
.hstat span{font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:#c9c9c9}
/* Product marquee */
.pmarquee{background:var(--o);overflow:hidden;white-space:nowrap;padding:13px 0}
.pmarquee-track{display:inline-flex;align-items:center;animation:marq 34s linear infinite}
.pmarquee:hover .pmarquee-track{animation-play-state:paused}
.pm-item{color:#141414;font-weight:800;font-size:13.5px;text-transform:uppercase;letter-spacing:.6px;padding:0 26px;position:relative}
.pm-item:after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:#141414;transform:translateY(-50%)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Floating WhatsApp */
.wafloat{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.32)}
.wafloat svg{width:33px;height:33px;position:relative;z-index:2}
.wafloat:hover{transform:scale(1.08)}
.wafloat{transition:transform .2s}
.wa-ring{position:absolute;inset:0;border-radius:50%;background:#25D366;animation:waPulse 2.2s ease-out infinite;z-index:1}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}
/* Premium layered-dark sections — Buy Now / Rent Now */
.blk.dark-hex{position:relative;background:radial-gradient(130% 130% at 100% 0%,#1e1e20 0%,#141416 42%,#0a0a0b 100%);color:#fff;overflow:hidden}
.blk.dark-hex:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%23F5A623' stroke-opacity='0.07'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5z'/%3E%3Cpath d='M13.99 24.25l13 7.5v15l-13 7.5L1 46.75v-15l12.99-7.5z'/%3E%3Cpath d='M13.99-5.75l13 7.5v15l-13 7.5L1 16.75v-15l12.99-7.5z'/%3E%3C/g%3E%3C/svg%3E");opacity:.9;pointer-events:none}
.blk.dark-hex:after{content:"";position:absolute;top:-160px;right:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(245,166,35,.14),transparent 68%);pointer-events:none}
.blk.dark-hex>.wrap{position:relative;z-index:1}
.blk.dark-hex .shead{border-top:1px solid rgba(245,166,35,.3);padding-top:26px}
.blk.dark-hex .shead h2{color:#fff}
.blk.dark-hex .shead .sub{color:#b6b6b6}
.blk.dark-hex .btn-g{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28)}
.blk.dark-hex .btn-g:hover{border-color:var(--o);color:var(--o)}
.blk.dark-hex .card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.blk.dark-hex .card:hover{border-color:rgba(245,166,35,.6);box-shadow:0 22px 50px rgba(0,0,0,.55)}
.blk.dark-hex .card-img{background:#0d0d0d;border-bottom-color:rgba(255,255,255,.08)}
.blk.dark-hex .card-b h3{color:#fff}
.blk.dark-hex .mini{color:#b6b6b6}
.blk.dark-hex .mini li{border-bottom-color:rgba(255,255,255,.08)}
.blk.dark-hex .mini li b{color:#eee}
.blk.dark-hex .card-cta{color:var(--o)}
.blk.dark-hex .noimg{background:repeating-linear-gradient(45deg,#161616,#161616 12px,#1c1c1c 12px,#1c1c1c 24px);color:#888}
/* Scroll reveal */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.wa-ring{animation:none}.pmarquee-track{animation:none}}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tile{position:relative;height:280px;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .3s,border-color .3s,box-shadow .3s}
.tile:hover{transform:translateY(-6px);border-color:var(--o);box-shadow:0 18px 44px rgba(0,0,0,.55)}
.tile .tov{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.1) 0%,rgba(10,10,10,.35) 45%,rgba(10,10,10,.92) 100%);transition:background .3s}
.tile:hover .tov{background:linear-gradient(180deg,rgba(10,10,10,.05) 0%,rgba(20,20,20,.45) 45%,rgba(10,10,10,.94) 100%)}
.tile .tin{position:relative;z-index:2;padding:24px;color:#fff;width:100%}
.tile .tin h3{font-size:25px;text-transform:uppercase;line-height:1;letter-spacing:.3px}
.tile .tin p{font-size:13px;opacity:.85;margin:5px 0 12px}
.tile .tin span{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#141414;background:var(--o);font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;padding:7px 14px;border-radius:6px;transform:translateY(4px);opacity:0;transition:transform .3s,opacity .3s}
.tile:hover .tin span{transform:translateY(0);opacity:1}
.tile .tnum{position:absolute;top:16px;right:18px;z-index:2;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:var(--o);letter-spacing:1px}
section.blk{padding:66px 0}
section.blk.alt{background:var(--l)}
.shead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px;flex-wrap:wrap;gap:12px}
.shead h2{font-size:42px;text-transform:uppercase;line-height:1}
.shead .sub{color:var(--m);font-size:15px;margin-top:4px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--b);border-radius:12px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12);border-color:var(--o)}
.card-img{height:190px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--b)}
.card-img img{width:100%;height:100%;object-fit:cover}
.noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 12px,#ececec 12px,#ececec 24px);color:#9a9a9a;font-weight:600;text-align:center;padding:14px;font-size:13px}
.card-b{padding:16px;display:flex;flex-direction:column;flex:1}
.card-b h3{font-size:16px;margin-bottom:8px;min-height:38px;line-height:1.25}
.mini{list-style:none;font-size:13px;color:var(--m);margin-bottom:12px}
.mini li{padding:2px 0;border-bottom:1px dotted var(--b)}
.mini li b{color:var(--d);font-weight:600}
.card-cta{margin-top:auto;color:var(--o);font-weight:700;font-size:14px}
.cat-title{font-family:'Barlow Condensed';font-size:26px;font-weight:700;text-transform:uppercase;margin:36px 0 16px;padding-left:12px;border-left:4px solid var(--o)}
.more{text-align:center;margin-top:36px}
.more-r{text-align:right}
/* News featured-story slider */
.news-feature .shead{align-items:flex-end}
.nf-nav{display:flex;gap:10px}
.nf-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--b);background:#fff;font-size:22px;line-height:1;color:var(--d2);cursor:pointer;transition:.2s}
.nf-btn:hover{border-color:var(--o);color:var(--o)}
.nf-stage{position:relative}
.nf-card{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.1);min-height:390px;opacity:1;transition:opacity .28s ease;color:var(--d)}
.nf-card.fade{opacity:0}
.nf-img{position:relative;min-height:330px;background:#e9e7e1}
.nf-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nf-cat{position:absolute;top:18px;left:18px;z-index:2;background:var(--o);color:#141414;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:6px 13px;border-radius:6px}
.nf-body{padding:46px 48px;display:flex;flex-direction:column;justify-content:center}
.nf-meta{color:var(--m);font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:14px}
.nf-body h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:34px;text-transform:uppercase;line-height:1.05;color:var(--d);margin-bottom:16px}
.nf-body p{color:var(--m);line-height:1.65;margin-bottom:22px}
.nf-read{color:var(--o);font-weight:800;font-size:14px;letter-spacing:.4px}
.nf-card:hover .nf-read{color:var(--od)}
.nf-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}
.nf-dot{width:9px;height:9px;border-radius:50%;background:var(--b);border:none;cursor:pointer;transition:.25s;padding:0}
.nf-dot.active{background:var(--o);width:26px;border-radius:5px}
.nf-updated{text-align:center;color:var(--m);font-size:12px;margin-top:14px;letter-spacing:.3px}
@media(max-width:760px){.nf-card{grid-template-columns:1fr}.nf-img{min-height:220px}.nf-body{padding:28px 24px}.nf-body h3{font-size:26px}.news-feature .shead{align-items:flex-start}}
/* Legal + FAQ pages */
.legal{max-width:820px}
.legal-note{background:var(--l);border-left:3px solid var(--o);padding:14px 18px;border-radius:0 8px 8px 0;color:var(--m);font-size:14px;margin-bottom:26px}
.legal h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;color:var(--d);margin:26px 0 8px}
.legal p{color:var(--m);line-height:1.7;margin-bottom:10px}
.faq{max-width:820px}
.faq details{border:1px solid var(--b);border-radius:10px;margin-bottom:12px;overflow:hidden;background:#fff}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;color:var(--d);position:relative;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--o);font-size:24px;font-weight:400}
.faq details[open] summary:after{content:"–"}
.faq summary:hover{color:var(--o)}
.faq details p{color:var(--m);line-height:1.7;padding:0 22px 20px}
/* Enquiry modal */
.im-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,10,12,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:5vh 16px}
.im-overlay.open{display:flex}
.im-panel{background:#fff;border-radius:16px;max-width:720px;width:100%;padding:36px 34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.45);animation:imIn .3s ease}
@keyframes imIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.im-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:30px;line-height:1;cursor:pointer;color:var(--m)}
.im-close:hover{color:var(--d)}
.im-panel h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:32px;text-transform:uppercase;color:var(--d);margin:6px 0 2px;line-height:1}
.im-sub{color:var(--m);font-size:14px;margin-bottom:18px}
.im-prod{background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.4);color:var(--d2);font-size:14px;padding:11px 15px;border-radius:8px;margin-bottom:18px}
.im-prod b{color:var(--d)}
@media(max-width:560px){.im-panel{padding:26px 20px}.im-overlay{padding:2vh 10px}}
.ss{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ss .c{background:#fff;border:1px solid var(--b);border-radius:14px;padding:26px;border-top:3px solid var(--o)}
.ss .c h3{font-size:19px;margin-bottom:8px}
.ss .c p{color:var(--m);font-size:14px}
.about-story{background:#fff}
.about2{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.about2 h2{font-size:40px;text-transform:uppercase;margin:8px 0 14px;line-height:1}
.about2 p{color:var(--m);margin-bottom:12px}
.about2 .lede{font-size:20px;font-weight:600;color:var(--d2);line-height:1.4}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 26px;padding:20px 0;border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.about-stats b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:32px;color:var(--o);line-height:1}
.about-stats span{font-size:12.5px;color:var(--m)}
.about-photo img{width:100%;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
/* Industries — cube mosaic poster */
.mosaic-wrap{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:center}
.mosaic-grid{position:relative;aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:6px;background:#0d0d0d;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.mcube{background-image:var(--img);background-size:500% 500%;background-position:calc(var(--c)/4*100%) calc(var(--r)/4*100%);background-repeat:no-repeat;background-color:#111}
@keyframes cubeIn{0%{opacity:.1;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
.mosaic-scrim{position:absolute;left:0;right:0;bottom:0;height:45%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.mosaic-label{position:absolute;left:0;bottom:0;z-index:3;padding:26px 30px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:36px;text-transform:uppercase;line-height:1;letter-spacing:.5px;text-shadow:0 2px 14px rgba(0,0,0,.5);pointer-events:none}
.mosaic-list{list-style:none;display:flex;flex-direction:column;gap:2px}
.mosaic-list li{padding:11px 16px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;color:var(--m);border-left:3px solid transparent;cursor:pointer;transition:color .2s,background .2s,border-color .2s;letter-spacing:.4px}
.mosaic-list li:hover,.mosaic-list li.active{color:var(--d);border-left-color:var(--o);background:rgba(245,166,35,.1)}
@media(max-width:860px){.mosaic-wrap{grid-template-columns:1fr;gap:24px}.mosaic-list{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.mosaic-list li{border-left:none;border-bottom:3px solid transparent;font-size:16px;padding:8px 12px}.mosaic-list li:hover,.mosaic-list li.active{border-bottom-color:var(--o)}.mosaic-label{font-size:26px}}
/* About — B&W parallax backdrop */
.about-hero{position:relative;min-height:94vh;display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate}
.about-bg{position:absolute;inset:0;z-index:-2;background:url(images/about-bw.jpg) center center/cover fixed;filter:grayscale(1) contrast(1.06)}
.about-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,11,.92),rgba(10,10,11,.6) 58%,rgba(10,10,11,.78))}
.about-content{max-width:730px;padding:90px 24px}
.about-content .tag2{color:var(--o)}
.about-content h2{font-size:clamp(32px,4.6vw,58px);text-transform:uppercase;line-height:1.02;margin:12px 0 22px}
.about-content .lede{font-size:20px;font-weight:600;color:#fff;line-height:1.45;margin-bottom:16px}
.about-content p{color:#d8d8d8;margin-bottom:14px;line-height:1.6}
.about-content .about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 30px;padding:22px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.about-content .about-stats b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:36px;color:var(--o);line-height:1}
.about-content .about-stats span{font-size:12px;color:#c4c4c4}
@media(max-width:560px){.about-bg{background-attachment:scroll}.about-content .about-stats{grid-template-columns:repeat(2,1fr)}.ind-cap h4{font-size:22px}}
/* News auto-rotating card carousel */
.news-carousel{overflow:hidden;padding:6px 0}
.news-track{display:flex;gap:22px;width:max-content;animation:newsScroll 45s linear infinite}
.news-carousel:hover .news-track{animation-play-state:paused}
@keyframes newsScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ncard{flex:0 0 340px;background:#fff;border:1px solid var(--b);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.ncard:hover{transform:translateY(-5px);border-color:var(--o);box-shadow:0 14px 32px rgba(0,0,0,.12)}
.ncard-cat{color:var(--o);font-weight:800;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase}
.ncard-title{font-weight:700;font-size:16.5px;line-height:1.32;color:var(--d);min-height:66px}
.ncard-src{margin-top:auto;color:var(--m);font-size:12.5px}
@media(prefers-reduced-motion:reduce){.news-track{animation:none;overflow-x:auto}}
.ticker{display:flex;align-items:center;gap:16px}
.tick-view{flex:1;overflow:hidden}
.tick-track{display:flex;transition:transform .6s ease}
.tick-item{min-width:100%;display:flex;align-items:baseline;gap:16px;padding:24px 28px;background:var(--l);border-radius:10px;border-left:4px solid var(--o);color:var(--d)}
.tick-cat{color:var(--o);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.tick-title{font-weight:700;font-size:17px;line-height:1.3}
.tick-src{margin-left:auto;color:var(--m);font-size:13px;white-space:nowrap}
.tick-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--b);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:var(--d2);transition:.2s}
.tick-btn:hover{border-color:var(--o);color:var(--o)}
.cert-showcase{background:#fff}
.cert-grid{display:grid;grid-template-columns:220px 220px 1fr;gap:26px;align-items:stretch}
.cert-card{background:#fff;border:1px solid var(--b);border-radius:14px;overflow:hidden;transition:.25s;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.cert-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,.14);border-color:var(--o)}
.cert-img{height:260px;overflow:hidden;background:var(--l)}
.cert-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.cert-b{padding:14px 16px}
.cert-b h4{font-size:14.5px;font-weight:700;margin-bottom:2px}
.cert-b span{font-size:12.5px;color:var(--m)}
.cert-stats{background:var(--d);color:#fff;border-radius:14px;padding:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-content:center}
.cert-stats b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:30px;color:var(--o);line-height:1}
.cert-stats span{font-size:12px;color:#ccc}
.inquiry-sec{background:var(--l)}
.inquiry-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;background:#fff;border-radius:18px;padding:44px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.inquiry-copy h2{font-size:34px;text-transform:uppercase;margin:8px 0 12px;line-height:1}
.inquiry-copy p{color:var(--m)}
.inquiry-alt{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.inquiry-form{display:flex;flex-direction:column;gap:14px}
.inquiry-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inquiry-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--d2);letter-spacing:.3px;text-transform:uppercase}
.inquiry-form .ffull{width:100%}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{padding:12px 14px;border:1.5px solid var(--b);border-radius:8px;font-family:inherit;font-size:14.5px;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--d);background:#fff}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(245,166,35,.15)}
.inquiry-form textarea{resize:vertical}
.inquiry-form button{align-self:flex-start;margin-top:6px}
.inq-points{list-style:none;margin:16px 0;display:grid;gap:7px}
.inq-points li{position:relative;padding-left:20px;color:var(--m);font-size:14px}
.inq-points li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--o);border-radius:2px}
.inq-contact{margin-top:18px;font-size:13px;color:var(--m)}
.inq-contact p{margin:3px 0}
.inq-note{font-size:12px;color:var(--m);margin-top:2px}
.phead{background:var(--d);color:#fff;padding:56px 0}
.phead .tag2{color:var(--o)}
.phead h1{font-size:44px;margin:6px 0 10px;text-transform:uppercase;line-height:1}
.phead p{opacity:.85;max-width:640px}
.phd{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.phd-img{background:#fff;border-radius:12px;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}
.phd-img img{width:100%;height:100%;object-fit:cover}
.spec{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--b);border-radius:10px;overflow:hidden}
.spec td{padding:11px 16px;border-bottom:1px solid var(--b);font-size:15px}
.spec td:first-child{color:var(--m);width:42%}.spec td:last-child{font-weight:600}
footer{background:var(--d);color:#cfcfcf;padding:52px 0 26px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;margin-bottom:30px}
footer h3,footer h4{color:#fff;font-size:15px;margin-bottom:14px;letter-spacing:.5px}
footer a{color:#cfcfcf;display:block;margin-bottom:8px;font-size:14px}
footer a:hover{color:var(--o)}
.fcontact p{font-size:14px;margin-bottom:8px}
.fbar{border-top:1px solid #333;padding-top:18px;font-size:13px;color:#888;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fcredit a{color:var(--o)}
.fcredit a:hover{color:#ffb733}
@media(max-width:560px){.fbar{justify-content:center;text-align:center}}
/* Location map — black & gray */
.map-sec .shead{align-items:center}
.map-embed{margin-top:6px;height:430px;border-radius:16px;overflow:hidden;border:1px solid var(--b);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.map-embed iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05) brightness(.96)}
@media(max-width:980px){.tiles,.ss,.ind-grid{grid-template-columns:repeat(2,1fr)}.grid,.grid.g3{grid-template-columns:repeat(2,1fr)}.about2,.phd,.inquiry-box{grid-template-columns:1fr}.about-photo{order:-1}.cert-grid{grid-template-columns:1fr 1fr}.cert-stats{grid-column:1/-1}.hero h1{font-size:44px}.shead h2{font-size:32px}.nlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;box-shadow:0 10px 20px rgba(0,0,0,.1);border-bottom:1px solid var(--b)}.nlinks.open{display:flex}.burger{display:block}.fgrid{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.hstat-row{grid-template-columns:1fr}.hstat{border-right:none;border-bottom:1px solid rgba(255,255,255,.09);padding:30px 24px}.hstat:last-child{border-bottom:none}.hstat b{font-size:48px}}
@media(max-width:700px){.hero-content{padding:30px 24px}.since i{width:60px}.hero-w,.hero-w-line{left:60%;top:38%;width:min(72vw,520px);opacity:.85}.hero-links{gap:24px}}
@media(max-width:560px){.grid,.grid.g3,.tiles,.ind-grid,.ss{grid-template-columns:1fr}.hero h1{font-size:36px}.hero.hero-lg{min-height:calc(100svh - 62px)}.disp-sub{font-size:12.5px}.about-stats{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:1fr}.inquiry-box{padding:26px}.inquiry-form .frow{grid-template-columns:1fr}.tick-item{flex-wrap:wrap;padding:18px 20px}.tick-src{margin-left:0}.wafloat{width:52px;height:52px;right:16px;bottom:16px}}

/* Product-page BACK button (glass pill, sits on dark header) */
.backbar{background:var(--d);padding:18px 0 0}
.backbar .wrap{display:flex}
.backbtn{display:inline-flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;color:#fff;text-decoration:none;padding:8px 15px 8px 11px;border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.45);transition:background .2s,border-color .2s}
.backbtn:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.7)}
.backbtn svg{width:13px;height:13px;flex:0 0 auto}

/* Thin dark frame on all product/preview cards */
.card{border:1px solid #1A1A1A}
.card:hover{border-color:var(--o)}

/* Mobile hero: fill the frame (no bars) but tame the zoom so it's not over-magnified */
@media(max-width:700px){
  .hero.hero-lg{min-height:calc(100svh - 62px)}
  .hslide img{object-fit:cover;object-position:center center;transform:scale(1.02)}
  .hslide.preset-in img,.hslide.preset-out img,.hslide.preset-imm img,.hslide.preset-aer img{animation-name:kbSoft}
  @keyframes kbSoft{from{transform:scale(1.02)}to{transform:scale(1.09)}}
}

/* Hide selected hero slides on mobile only */
@media(max-width:700px){.hslide.hide-m{display:none!important}}

/* Explore Our Range — product-on-white tiles */
.tiles-prod .tile.prod{height:300px;background:#fff;border:1px solid #1A1A1A;border-radius:14px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:transform .3s,border-color .3s,box-shadow .3s}
.tiles-prod .tile.prod:hover{transform:translateY(-6px);border-color:var(--o);box-shadow:0 18px 40px rgba(0,0,0,.14)}
.tile.prod .tprod{flex:1;min-height:150px;margin:18px 18px 2px;background-size:contain;background-repeat:no-repeat;background-position:center}
.tile.prod .tin{position:static;padding:4px 18px 18px;color:var(--d);width:auto}
.tile.prod .tin h3{color:var(--d);font-size:22px;text-transform:uppercase;line-height:1}
.tile.prod .tin p{color:var(--m);opacity:1;font-size:13px;margin:4px 0 10px}
.tile.prod .tin span{position:static;transform:none;opacity:1;display:inline-flex;color:#141414;background:var(--o);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:6px 12px;border-radius:6px}
.tile.prod .tnum{color:var(--o)}

/* Buy New generated image has extra white padding — zoom slightly to match others */
.tiles-prod .tile.prod[href="buy-new.html"] .tprod{background-size:114%}
.tiles-prod .tile.prod .tprod{margin:14px 14px 2px}

/* Mobile dropdown menu: dark, readable links on the white panel */
@media(max-width:980px){
  .nlinks{gap:2px;padding:10px 24px 14px}
  .nlinks a{color:var(--d);font-size:16px;padding:12px 2px;width:100%;border-bottom:1px solid var(--b)}
  .nlinks a:last-child{border-bottom:none}
  .nlinks a:not(.ncta):after{display:none}
  .nlinks a:hover,.nlinks a.active{color:var(--o)}
  body.home nav.solid .burger,nav .burger{color:#fff}
}

/* ---- Accessibility pass ---- */
/* Contrast: darker orange for small text on LIGHT backgrounds */
.tile-head span,.card-cta,.ncard-cat,.tick-cat,.nf-read{color:#8a5500}
/* keep bright orange where text sits on DARK backgrounds */
.blk.dark-hex .card-cta,.hero-links a,.fcredit a,.about-content .tag2,.phead .tag2{color:var(--o)}
/* Touch targets: enlarge small tap areas on mobile/desktop */
footer a{padding:5px 0}
.nf-dot{width:11px;height:11px;padding:7px;box-sizing:content-box;background-clip:content-box}
.nf-dot.active{width:26px}
@media(max-width:980px){.fgrid a{padding:8px 0}}