:root{--navy:#111111;--navy-2:#181818;--navy-3:#242424;--ink:#141414;--muted:#6b6b6b;--gold:#ff5a1f;--gold-bright:#ff6c2f;--gold-dark:#ff5a1f;--cream:#f7f7f7;--paper:#ffffff;--line:#e7e7e7;--font-display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--font-body:'DM Sans',Arial,sans-serif;--container:1210px;--radius:3px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:15px;background:var(--paper);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--container),calc(100% - 64px));margin:0 auto}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;white-space:nowrap}.skip-link{position:absolute;left:16px;top:-70px;background:var(--gold);color:var(--navy);padding:15px;z-index:100}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #efa52b;outline-offset:3px}::selection{background:var(--gold);color:var(--ink)}
/* Utility and navigation */
.utility{background:#091823;color:#b2c0c8;min-height:34px;display:flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.4px}.utility-inner{display:flex;justify-content:space-between;align-items:center;gap:12px}.utility-inner>span:first-child{display:flex;align-items:center;gap:11px}.utility i{height:3px;width:3px;background:#5b6d77;border-radius:50%;display:inline-block}.small-square{width:6px;height:6px;background:var(--gold)}.utility-location{display:flex;align-items:center;gap:7px}.utility-location .icon{width:12px;height:12px;stroke:var(--gold)}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 6px 26px rgba(8,25,36,.045)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:48px;height:48px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;transform:skew(-5deg);box-shadow:4px 4px 0 #e6e9ea}.brand-mark>span{font-family:var(--font-display);font-size:24px;line-height:1;letter-spacing:-1px;font-weight:800;transform:skew(5deg)}.brand-slash{font-size:27px;color:#fff;position:relative;top:1px;margin:0 1px}.brand-copy{display:flex;flex-direction:column;gap:1px;white-space:nowrap}.brand-copy strong{font-family:var(--font-display);font-size:27px;line-height:.9;letter-spacing:.3px;font-weight:800}.brand-copy strong span{color:var(--gold-dark)}.brand-copy small{font-size:10px;letter-spacing:5.3px;font-weight:800;color:#5e707b;margin-top:5px}.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav-link{font-size:12px;font-weight:800;color:#41525b;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--gold-dark)}.header-actions{display:flex;align-items:center;gap:17px}.quote-trigger,.menu-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;position:relative;padding:9px;color:var(--navy)}.quote-trigger .icon{width:22px;height:22px}.quote-count{position:absolute;top:0;right:0;min-width:17px;height:17px;background:var(--gold);color:#102332;border:2px solid white;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:800}.quote-count[hidden]{display:none}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 23px;min-height:48px;font-size:11px;line-height:1.15;font-weight:800;letter-spacing:1.1px;text-align:center;transition:background .18s,color .18s,transform .18s,border-color .18s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px;stroke-width:2}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:#263b48}.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn-gold:hover{background:var(--gold-bright)}.btn-ghost{border-color:#7d909c;color:#fff;background:transparent}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-large{min-height:55px;padding:17px 25px}.menu-button{display:none}
/* Hero */
.hero{background:#112431;position:relative;color:#fff;overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(206,230,237,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(206,230,237,.043) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 15%,black 100%)}.hero-glow{position:absolute;right:-12%;top:-45%;height:900px;width:900px;background:radial-gradient(circle,rgba(237,179,71,.12),transparent 60%);pointer-events:none}.hero-layout{display:grid;grid-template-columns:52% 48%;min-height:576px;align-items:center;position:relative}.hero-content{padding:90px 0 86px;z-index:2;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-weight:800;font-size:11px;letter-spacing:2px;color:var(--gold-dark)}.eyebrow-line{display:inline-block;width:27px;height:2px;background:currentColor}.eyebrow-light{color:var(--gold)}.hero h1{font-family:var(--font-display);font-size:clamp(74px,7.15vw,113px);line-height:.87;letter-spacing:-.7px;margin:0 0 30px;font-weight:800}.hero h1 span{color:var(--gold-bright)}.hero-description{font-size:16px;line-height:1.9;color:#d1dce2;max-width:510px;margin:0 0 27px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:42px}.hero-footnotes{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#c3cdd2;font-weight:600}.hero-footnotes span{display:flex;align-items:center;gap:8px}.hero-footnotes .icon{color:var(--gold);width:15px;height:15px;stroke-width:2.5}.hero-art{position:relative;min-height:560px;align-self:stretch;display:flex;align-items:center;justify-content:center}.excavator-art{position:relative;z-index:1;width:115%;max-width:none;transform:translate(9px,10px);filter:drop-shadow(0 25px 25px rgba(0,0,0,.24))}.hero-art::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(239,183,65,.17);top:50%;left:50%;transform:translate(-50%,-50%)}.hero-art-label{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;letter-spacing:1.8px}.hero-art-label span{font-size:9px;color:var(--gold);font-weight:800}.hero-art-label strong{font-family:var(--font-display);font-size:19px;letter-spacing:1px;font-weight:700}.label-top{top:62px;right:6px;align-items:flex-end}.label-bottom{bottom:63px;left:35px;gap:3px}.label-bottom strong{font-size:25px}.hero-art-index{position:absolute;right:1px;bottom:69px;font-family:var(--font-display);font-size:35px;font-weight:700;color:var(--gold)}.hero-art-index span{color:#667781;font-size:19px}.hero-bottomline{border-top:1px solid rgba(235,242,245,.17)}.hero-bottomline-inner{display:flex;justify-content:space-between;align-items:center;min-height:57px;gap:15px;font-size:10px;color:#90a2ae;font-weight:800;letter-spacing:1.5px}.hero-bottomline a{color:var(--gold)}.hero-bottomline a span{font-size:17px;margin-left:9px}
/* intro */
.intro-strip{background:#f2f3f2;border-bottom:1px solid #e3e5e5}.intro-strip-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.intro-strip-item{display:flex;align-items:center;gap:20px;padding:29px 34px;border-left:1px solid #dee1e1}.intro-strip-item:first-child{border-left:0;padding-left:0}.strip-number{font-family:var(--font-display);font-size:41px;font-weight:700;color:#c2c9c9;line-height:1}.intro-strip-item div{display:flex;flex-direction:column;gap:5px}.intro-strip-item strong{font-size:12px;letter-spacing:.4px}.intro-strip-item div span{font-size:12px;color:var(--muted)}
/* common */
.section{padding:112px 0}.section-heading{margin-bottom:42px}.section-heading h2,.about-content h2,.contact-intro h2{font-family:var(--font-display);font-weight:800;font-size:clamp(59px,6vw,87px);line-height:.88;letter-spacing:-.25px;margin:0}.section-heading h2 em,.about-content h2 em,.contact-intro h2 em{font-style:normal;color:var(--gold-dark)}.grid-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.grid-heading>p{max-width:350px;line-height:1.9;color:var(--muted);margin:0 0 6px}.section-categories{background:#fff}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-tile{min-height:417px;padding:29px 28px 25px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.category-tile:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(19,37,48,.15)}.cat-auto{background:#eceff0}.cat-truck{background:#d8e1e5}.cat-heavy{background:#18303f;color:white}.category-tile::after{content:"";position:absolute;right:-110px;top:80px;width:340px;height:340px;border:1px solid rgba(33,52,65,.11);border-radius:50%}.cat-heavy::after{border-color:rgba(255,255,255,.12)}.cat-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.45px;z-index:1}.cat-head .icon{width:21px;height:21px}.cat-symbol{position:absolute;right:18px;top:82px;color:#bfcace;transform:rotate(-13deg)}.cat-symbol .icon{width:180px;height:180px;stroke-width:.65}.cat-truck .cat-symbol{color:#9eafb8}.cat-heavy .cat-symbol{color:#3b5766}.cat-bottom{margin-top:auto;position:relative;z-index:1}.cat-bottom h3{font-family:var(--font-display);font-size:44px;font-weight:800;line-height:.95;margin:0 0 10px}.cat-bottom p{font-size:12px;line-height:1.6;max-width:225px;margin:0 0 25px;color:#5c6a70}.cat-heavy .cat-bottom p{color:#c0cbd0}.cat-bottom>span{font-size:10px;font-weight:800;letter-spacing:1.1px;display:flex;align-items:center;gap:11px}.cat-bottom>span .icon{width:16px;height:16px}.cat-heavy .cat-bottom>span{color:var(--gold)}
/* catalog */
.catalog-section{background:#f5f5f2}.catalog-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.catalog-aside{width:340px}.catalog-aside>p{color:var(--muted);line-height:1.8;margin:0 0 17px}.sample-note{color:#796748;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.65px;font-weight:800}.sample-note .icon{width:16px;height:16px}.catalog-toolbar{display:flex;align-items:stretch;gap:14px;justify-content:space-between;margin-bottom:17px}.search-field{position:relative;flex:1;max-width:500px}.search-field .icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#7b858b;width:20px;height:20px}.search-field input{width:100%;height:54px;border:1px solid #d6dadb;background:#fff;padding:14px 95px 14px 49px;color:var(--ink);outline:0;border-radius:0}.search-field input:focus{border-color:var(--gold-dark);box-shadow:0 0 0 2px rgba(239,183,65,.19)}.search-field input::placeholder{color:#8b9499}.search-shortcut{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;letter-spacing:1.2px;color:#a3aaae;pointer-events:none}.filter-tabs{display:flex;background:#e9ebeb;padding:5px;gap:2px;align-items:center}.filter-tab{border:0;background:transparent;padding:14px 16px;font-size:11px;font-weight:800;color:#586771;white-space:nowrap;transition:background .18s}.filter-tab:hover{background:#dee3e3}.filter-tab.active{color:var(--navy);background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.06)}.catalog-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.9px;font-weight:800;color:#77838b;margin:26px 0 15px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:white;display:flex;flex-direction:column;min-height:315px;border:1px solid #e6e8e7;transition:border-color .2s,box-shadow .2s}.product-card:hover{border-color:#c7cdce;box-shadow:0 12px 28px rgba(19,37,48,.07)}.product-visual{height:157px;position:relative;overflow:hidden;background:linear-gradient(145deg,#eaf0f2,#f7f7f3);display:flex;align-items:center;justify-content:center}.product-visual::before,.product-visual::after{content:"";position:absolute;border:1px solid rgba(18,42,56,.08);border-radius:50%;width:180px;height:180px;top:-65px;right:-32px}.product-visual::after{width:120px;height:120px;top:4px;right:4px}.product-visual .icon{width:99px;height:99px;color:#637985;stroke-width:.85;transform:rotate(-10deg);filter:drop-shadow(6px 9px 0 rgba(36,58,69,.06));position:relative;z-index:1}.product-card[data-category="Heavy Equipment"] .product-visual{background:linear-gradient(135deg,#fff0d4,#faf5e9)}.product-card[data-category="Heavy Equipment"] .product-visual .icon{color:#a98746}.product-card[data-category="Truck & Commercial"] .product-visual{background:linear-gradient(135deg,#e0e9ed,#f4f6f5)}.product-num{position:absolute;top:14px;left:17px;font-size:9px;font-weight:800;letter-spacing:1px;color:#819098}.product-type{position:absolute;bottom:12px;right:14px;font-size:9px;letter-spacing:.7px;font-weight:800;color:#8b969b}.product-card-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 18px}.product-cat{font-size:9px;color:#b18435;font-weight:800;letter-spacing:1.2px;margin-bottom:8px;text-transform:uppercase}.product-name{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.05;margin:0 0 8px;min-height:26px}.product-description{font-size:11.5px;line-height:1.65;color:#77838a;margin:0 0 19px;flex:1}.product-add{border:0;border-top:1px solid #e9eced;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0 0;font-size:10px;font-weight:800;letter-spacing:.6px;text-align:left;color:var(--navy)}.product-add:hover{color:var(--gold-dark)}.product-add .icon{width:17px;height:17px}.product-add.is-added{color:#578461}.empty-state{text-align:center;padding:56px 20px;background:white}.empty-state[hidden]{display:none}.empty-state>.icon{width:42px;height:42px;color:#7a858a}.empty-state h3{font-family:var(--font-display);font-size:34px;margin:10px 0}.empty-state p{color:var(--muted);margin:0 0 22px}.catalog-bottom{margin-top:25px;border:1px solid #dcdedc;display:flex;align-items:center;gap:16px;padding:22px 25px;background:#edeeea}.catalog-bottom span{font-size:11px;font-weight:800;letter-spacing:.4px;flex-shrink:0}.catalog-bottom p{font-size:12px;color:var(--muted);margin:0;flex:1}.catalog-bottom a{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;white-space:nowrap;color:#9e6f27}.catalog-bottom .icon{width:17px;height:17px}
/* process */
.process-section{background:white}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4e7e7;border-bottom:1px solid #e4e7e7}.step{padding:34px 43px 40px;border-left:1px solid #e4e7e7;position:relative}.step:first-child{border-left:0;padding-left:0}.step:last-child{padding-right:0}.step-number{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--gold-dark)}.step-number span{color:#a0aaaf;font-size:12px}.step-icon{width:73px;height:73px;border:1px solid #e1e5e5;display:grid;place-items:center;margin:35px 0 30px;transform:rotate(-5deg);background:#f6f7f7}.step-icon .icon{width:31px;height:31px;color:var(--navy);transform:rotate(5deg)}.step h3{font-family:var(--font-display);font-size:29px;letter-spacing:.2px;margin:0 0 9px}.step p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;max-width:265px}
/* about */
.about-section{background:#142632;color:white;overflow:hidden}.about-layout{display:grid;grid-template-columns:50% 50%;min-height:566px}.about-design{position:relative;display:flex;align-items:center;padding:70px 70px 70px 0}.about-design::before{content:"";position:absolute;inset:0 30px 0 -1000px;background:#1d3341}.about-graphic{height:383px;width:100%;position:relative;z-index:1;border:1px solid rgba(239,183,65,.33);background:repeating-linear-gradient(90deg,transparent 0,transparent 58px,rgba(255,255,255,.025) 59px,rgba(255,255,255,.025) 60px),repeating-linear-gradient(0deg,transparent 0,transparent 58px,rgba(255,255,255,.025) 59px,rgba(255,255,255,.025) 60px);display:flex;align-items:center;justify-content:center}.graphic-monogram{font-family:var(--font-display);font-weight:800;font-size:clamp(125px,15vw,225px);letter-spacing:-18px;color:var(--gold);line-height:.8}.graphic-monogram span{color:#f6e0b0}.graphic-corner,.graphic-bottom{position:absolute;font-size:10px;letter-spacing:2px;font-weight:800;color:#9fb1b9}.graphic-corner{left:23px;top:20px}.graphic-bottom{right:22px;bottom:18px}.graphic-bottom i{color:var(--gold);font-style:normal}.about-watermark{position:absolute;bottom:-20px;left:-20px;font-family:var(--font-display);font-size:90px;line-height:.75;font-weight:800;color:rgba(255,255,255,.035);pointer-events:none}.about-content{padding:85px 0 75px 75px}.about-content h2{font-size:clamp(63px,6vw,87px);margin:0 0 33px}.about-content h2 em{color:var(--gold)}.about-content>p:not(.eyebrow){font-size:14px;color:#c5d0d6;line-height:1.95;max-width:470px;margin:0 0 18px}.about-content .btn{margin-top:20px}
/* FAQ */
.faq-section{background:#f5f5f2}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 42px}.faq-item{border-top:1px solid #d6dbdc;padding:25px 0 29px}.faq-item h3{font-size:15px;margin:0 0 11px}.faq-item p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}
/* contact */
.contact-section{background:#132630;color:#fff;padding:100px 0 108px;position:relative;overflow:hidden}.contact-section::after{content:"";position:absolute;height:550px;width:550px;left:-230px;bottom:-280px;border:100px solid rgba(239,183,65,.05);border-radius:50%;pointer-events:none}.contact-layout{display:grid;grid-template-columns:41% 59%;gap:60px;position:relative;z-index:1}.contact-intro h2{font-size:clamp(76px,6.4vw,99px);margin-bottom:28px}.contact-intro h2 em{color:var(--gold)}.contact-intro>p:not(.eyebrow){color:#c1cdd3;line-height:1.9;max-width:360px;margin:0 0 36px}.contact-info{display:flex;flex-direction:column;gap:23px;margin-bottom:37px}.contact-info>div{display:flex;align-items:center;gap:14px}.contact-info>div>.icon{width:25px;height:25px;color:var(--gold)}.contact-info span{display:flex;flex-direction:column;gap:4px}.contact-info small{font-size:9px;color:#a8b9c1;letter-spacing:1.7px;font-weight:800}.contact-info strong{font-size:14px}.contact-note{display:flex;align-items:start;gap:12px;padding-top:23px;border-top:1px solid rgba(255,255,255,.15);max-width:350px}.contact-note .icon{color:#d5b874;width:21px;height:21px}.contact-note p{font-size:11px;line-height:1.8;color:#9fb2bd;margin:0}.contact-form{background:#fff;color:var(--ink);padding:32px 36px;box-shadow:0 23px 60px rgba(0,0,0,.12);align-self:start}.form-top{display:flex;justify-content:space-between;gap:16px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#a67c36;margin-bottom:31px;padding-bottom:22px;border-bottom:1px solid #e7e8e6}.form-top span:last-child{color:#b8c0c3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:21px}.form-field label{font-size:12px;font-weight:800;color:#263742}.form-field label span{color:#c68d32}.form-field input,.form-field select,.form-field textarea{background:#f9faf9;border:1px solid #dfe3e4;padding:14px 13px;min-height:49px;border-radius:0;width:100%;font-size:12px;color:#253b48;outline:none;transition:border-color .2s}.form-field textarea{resize:vertical;min-height:99px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--gold-dark);box-shadow:0 0 0 2px rgba(239,183,65,.15)}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca6ab}.form-submit{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:5px}.form-submit>p{font-size:10px;color:#77858d;display:flex;align-items:center;gap:7px;margin:0;line-height:1.5;max-width:180px}.form-submit>p .icon{color:#1c9e58;width:16px;height:16px}.btn-submit{flex-shrink:0}.form-feedback{font-size:12px;line-height:1.6;color:#397548;margin:10px 0 0;min-height:0}.form-feedback:empty{display:none}
/* footer */
.site-footer{background:#0b1821;color:#d4dee3}.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.2fr;gap:40px;padding:64px 0 67px}.footer-brand .brand-mark{background:#223644;box-shadow:none}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#889ba6}.footer-main>div:first-child p{font-size:13px;max-width:290px;line-height:1.85;color:#97a8b2;margin:20px 0 0}.footer-col{display:flex;flex-direction:column;align-items:start;gap:14px}.footer-col h4{font-size:10px;letter-spacing:1.6px;color:var(--gold);margin:4px 0 10px}.footer-col>a,.footer-col>span{font-size:12px;color:#b3c0c7}.footer-col a:hover{color:var(--gold)}.footer-col a .icon{height:13px;width:13px;vertical-align:middle;margin-left:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);min-height:62px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;letter-spacing:1.1px;color:#8396a1;font-weight:700}.footer-bottom a{color:var(--gold)}
/* drawer / modal */
.drawer-overlay{position:fixed;inset:0;background:rgba(7,20,29,.64);z-index:89}.drawer-overlay[hidden]{display:none}.quote-drawer{position:fixed;z-index:90;right:0;top:0;bottom:0;width:min(470px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.2);transform:translateX(103%);transition:transform .25s}.quote-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 23px;border-bottom:1px solid #e5e8e9}.drawer-header>div>span{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#ab7929}.drawer-header h2{font-family:var(--font-display);font-size:35px;line-height:1;margin:8px 0 0}.drawer-header h2 span{color:#b0bbc0}.drawer-content{overflow:auto;flex:1;padding:25px 28px}.drawer-empty{text-align:center;padding:65px 15px}.drawer-empty .icon{width:48px;height:48px;color:#b6c1c6}.drawer-empty h3{font-family:var(--font-display);font-size:33px;margin:17px 0 10px}.drawer-empty p{color:#76858e;font-size:13px;line-height:1.8;margin:0}.drawer-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:19px 0;border-bottom:1px solid #e6e8e8}.drawer-item-name{font-size:14px;font-weight:800;margin-bottom:5px}.drawer-item-cat{color:#9c7d47;font-size:10px;letter-spacing:.6px;font-weight:800}.qty-controls{display:flex;align-items:center;gap:12px;margin-top:13px}.qty-controls button{height:26px;width:26px;border:1px solid #e0e4e4;background:#f4f6f5;display:grid;place-items:center}.qty-controls .icon{width:13px;height:13px}.qty-controls span{font-size:12px;font-weight:800;min-width:13px;text-align:center}.remove-item{border:0;background:none;color:#9aa6ac;font-size:11px;text-decoration:underline;align-self:start}.remove-item:hover{color:#a13c3c}.drawer-footer{padding:23px 28px 25px;border-top:1px solid #e4e6e6}.drawer-footer p{color:#819098;font-size:11px;line-height:1.7;margin:0 0 15px}.btn-full{width:100%}.drawer-footer .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-button{border:0;background:none;display:flex;align-items:center;gap:8px;color:#586873;font-size:11px;font-weight:800;letter-spacing:.3px;margin:18px auto 0}.text-button .icon{width:15px;height:15px}.setup-modal{position:fixed;inset:0;z-index:100;background:rgba(7,20,29,.76);display:flex;justify-content:center;align-items:center;padding:22px}.setup-modal[hidden]{display:none}.setup-card{width:min(100%,490px);background:#fff;padding:38px;position:relative;box-shadow:0 25px 60px rgba(0,0,0,.2)}.setup-close{position:absolute;right:12px;top:12px}.setup-badge{display:inline-block;background:#fff3df;color:#9b6821;padding:7px 9px;font-size:10px;font-weight:800;letter-spacing:1px}.setup-card h2{font-family:var(--font-display);font-size:43px;margin:17px 0 10px;line-height:1}.setup-card p{font-size:13px;color:#66747b;line-height:1.8}.setup-card textarea{background:#f6f8f8;border:1px solid #dfe4e5;width:100%;min-height:145px;margin:10px 0 17px;padding:12px;font-size:12px;line-height:1.6;resize:vertical;color:#394850}.setup-card small{display:block;color:#88969d;font-size:11px;margin-top:15px;line-height:1.6}.setup-card code{background:#e9eded;padding:2px 4px;color:#263c46}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);z-index:110;padding:13px 21px;background:#183544;color:white;box-shadow:0 12px 40px rgba(0,0,0,.2);font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(90vw,500px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
/* tablet */
@media(max-width:1120px){.main-nav{gap:15px}.header-inner{gap:20px}.nav-link{font-size:11px}.brand-copy strong{font-size:24px}.header-quote{padding:13px 16px}.hero h1{font-size:clamp(70px,7.5vw,95px)}.catalog-toolbar{flex-direction:column}.search-field{max-width:none}.filter-tabs{justify-content:space-around}.filter-tab{flex:1}.contact-layout{gap:35px}.contact-form{padding:28px}.form-submit{flex-wrap:wrap}}
@media(max-width:900px){.container{width:min(100% - 40px,var(--container))}.utility{font-size:9px}.header-inner{height:75px}.main-nav{position:absolute;top:100%;left:0;right:0;background:white;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 24px;box-shadow:0 12px 25px rgba(8,25,36,.12);margin:0}.main-nav.open{display:flex}.nav-link{font-size:13px;padding:15px 12px;border-bottom:1px solid #eff1f2}.menu-button{display:inline-flex}.header-quote{display:none}.hero-layout{grid-template-columns:1fr 45%;min-height:520px}.hero-content{padding:65px 0}.hero h1{font-size:clamp(64px,9vw,85px)}.hero-description{font-size:14px;line-height:1.75}.hero-art{min-height:460px}.excavator-art{width:150%;transform:translate(-15px,15px)}.label-top{right:0}.label-bottom{left:0}.category-tile{padding:24px 20px;min-height:360px}.cat-bottom h3{font-size:35px}.cat-symbol .icon{height:140px;width:140px}.product-grid{grid-template-columns:repeat(3,1fr)}.section{padding:85px 0}.about-content{padding-left:40px}.about-design{padding-right:30px}.about-content h2{font-size:65px}.footer-main{grid-template-columns:1.7fr 1fr 1fr;gap:30px}.footer-col:last-child{display:none}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.utility{min-height:29px}.utility-location{display:none}.utility-inner{justify-content:center}.utility-inner>span:first-child{font-size:8px;letter-spacing:.8px;gap:7px}.header-inner{height:68px}.brand-mark{height:41px;width:41px}.brand-mark>span{font-size:21px}.brand-copy strong{font-size:22px}.brand-copy small{font-size:9px;letter-spacing:4.25px}.header-actions{gap:4px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:initial}.hero-content{padding:65px 0 24px}.hero h1{font-size:clamp(67px,13.9vw,92px)}.hero-description{font-size:14px;line-height:1.8}.hero-buttons{gap:8px;margin-bottom:27px}.hero-buttons .btn{flex:1;min-width:160px;padding:14px 12px;font-size:10px;gap:9px}.hero-footnotes{gap:13px;font-size:11px}.hero-art{min-height:345px;margin:0 -18px}.hero-art::before{height:260px;width:260px}.excavator-art{width:110%;max-width:530px;transform:translate(0,-8px)}.label-top{top:12px;right:27px}.label-bottom{bottom:10px;left:19px}.label-bottom strong{font-size:22px}.hero-art-index{bottom:13px;right:17px}.hero-bottomline-inner{min-height:48px}.hero-bottomline-inner span:nth-child(2){display:none}.hero-bottomline-inner{font-size:9px}.intro-strip-inner{grid-template-columns:1fr;gap:0}.intro-strip-item,.intro-strip-item:first-child{padding:20px 5px;border-left:0;border-bottom:1px solid #dfe3e3;gap:18px}.intro-strip-item:last-child{border:0}.strip-number{font-size:34px}.section{padding:73px 0}.section-heading{margin-bottom:30px}.section-heading h2,.about-content h2,.contact-intro h2{font-size:clamp(60px,12vw,78px)}.grid-heading,.catalog-heading{display:block}.grid-heading>p,.catalog-aside{max-width:none;width:auto;margin:23px 0 0}.category-grid{grid-template-columns:1fr;gap:12px}.category-tile{min-height:276px;padding:25px}.cat-symbol{right:25px;top:46px}.cat-symbol .icon{height:135px;width:135px}.cat-bottom h3{font-size:39px}.cat-bottom p{margin-bottom:18px}.catalog-toolbar{gap:12px}.filter-tabs{overflow:auto;justify-content:start}.filter-tab{padding:13px 14px;flex:none;font-size:10px}.catalog-meta{font-size:9px}.catalog-meta span:last-child{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-visual{height:132px}.product-visual .icon{width:80px;height:80px}.product-card-body{padding:15px 13px}.product-name{font-size:22px}.product-description{font-size:10px;line-height:1.6}.product-card{min-height:280px}.product-cat{font-size:8px}.product-add{font-size:9px}.catalog-bottom{flex-wrap:wrap;padding:20px;gap:10px}.catalog-bottom p{flex-basis:100%}.catalog-bottom a{margin-top:6px}.steps-grid{grid-template-columns:1fr}.step,.step:first-child,.step:last-child{padding:26px 0;border:0;border-bottom:1px solid #e4e7e7}.step:last-child{border-bottom:0}.step-icon{margin:18px 0;width:58px;height:58px}.step-icon .icon{width:26px;height:26px}.step h3{font-size:26px}.about-layout{grid-template-columns:1fr}.about-design{padding:50px 0 10px}.about-design::before{inset:0 -18px 0 -18px}.about-graphic{height:236px}.graphic-monogram{font-size:130px;letter-spacing:-10px}.about-watermark{display:none}.about-content{padding:55px 0 75px}.about-content>p:not(.eyebrow){font-size:13px}.faq-grid{grid-template-columns:1fr;gap:0}.faq-item{padding:24px 0}.contact-section{padding:76px 0}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-intro h2{font-size:80px}.contact-intro>p:not(.eyebrow){max-width:none}.contact-info{margin-bottom:24px;gap:17px}.contact-note{max-width:none}.contact-form{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-top{margin-bottom:25px}.form-submit{flex-direction:column;align-items:stretch}.form-submit>p{max-width:none}.btn-submit{width:100%}.footer-main{grid-template-columns:1fr 1fr;padding:52px 0;gap:36px 20px}.footer-main>div:first-child{grid-column:1/-1}.footer-col:last-child{display:flex}.footer-bottom{padding:20px 0;min-height:initial;flex-wrap:wrap;line-height:1.8;gap:8px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom a{margin-left:auto}}
@media(max-width:380px){.brand-copy strong{font-size:19px}.brand-mark{height:36px;width:36px}.hero h1{font-size:61px}.hero-buttons .btn{min-width:145px}.product-grid{grid-template-columns:1fr}.product-visual{height:155px}.product-card{min-height:280px}.product-name{font-size:26px}.contact-intro h2{font-size:68px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:.01ms!important}}

/* OPULENT brand artwork supplied by site owner, November 2026. */
.brand--with-logo {display:inline-flex;align-items:center;line-height:0;max-width:100%;}
.brand-logo {display:block;width:230px;max-width:100%;height:auto;object-fit:contain;}
.footer-brand--logo {width:max-content;max-width:100%;}
.brand-logo--footer {width:254px;max-width:100%;height:auto;}
@media (max-width:1120px) {.brand-logo {width:205px;}}
@media (max-width:900px) {.brand-logo {width:230px;}}
@media (max-width:640px) {.brand-logo {width:185px;}}
@media (max-width:380px) {.brand-logo {width:158px;}}


/* ===== THEME UPDATE V5: BLACK / WHITE / ORANGE ===== */
body{background:#fff;color:#141414}
.skip-link{background:var(--gold);color:#111}
.utility{background:#111;color:#f3f3f3}
.utility i{background:rgba(255,255,255,.4)}
.small-square{background:var(--gold)}
.utility-location .icon{color:var(--gold);stroke:var(--gold)}
.site-header{background:#fff;border-bottom:1px solid #ececec;box-shadow:0 6px 22px rgba(0,0,0,.05)}
.nav-link{color:#222}
.nav-link:hover,.nav-link.active{color:var(--gold)}
.quote-trigger,.menu-button,.icon-button{color:#111}
.quote-count{background:var(--gold);color:#fff}
.btn-dark{background:#111;color:#fff}
.btn-dark:hover{background:#2a2a2a}
.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-bright)}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.hero{background:#111;color:#fff}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.hero-glow{background:radial-gradient(circle,rgba(255,90,31,.22),transparent 60%)}
.hero h1 span,.eyebrow-light,.hero-footnotes .icon,.hero-bottomline a,.hero-art-index{color:var(--gold)}
.hero-description{color:#dddddd}
.hero-art::before{border-color:rgba(255,90,31,.22)}
.hero-bottomline{border-top:1px solid rgba(255,255,255,.12)}
.hero-bottomline-inner{color:#c8c8c8}
.intro-strip{background:#fff;border-bottom:1px solid #ececec}
.strip-number{color:var(--gold)}
.section-heading h2 em,.about-content h2 em,.contact-intro h2 em{color:var(--gold)}
.eyebrow{color:var(--gold)}
.section-categories{background:#fff}
.cat-auto{background:#ffffff;border:1px solid #ececec}
.cat-truck{background:#fafafa;border:1px solid #ececec}
.cat-heavy{background:#111;color:#fff;border:1px solid #111}
.cat-symbol{color:#ffd6c8}
.cat-truck .cat-symbol{color:#e2e2e2}
.cat-heavy .cat-symbol{color:rgba(255,255,255,.12)}
.cat-bottom p{color:#666}
.cat-heavy .cat-bottom p{color:#d9d9d9}
.catalog-section{background:#fafafa}
.catalog-shell{border:1px solid #ececec;box-shadow:0 20px 50px rgba(0,0,0,.05)}
.filter-tab.active,.filter-tab:hover{border-color:var(--gold);color:var(--gold);background:#fff4ef}
.product-card{border:1px solid #ececec;box-shadow:0 10px 28px rgba(0,0,0,.04)}
.product-card:hover{box-shadow:0 16px 36px rgba(0,0,0,.08)}
.product-visual{background:linear-gradient(180deg,#fff 0,#fff7f3 100%)}
.product-cat{color:var(--gold)}
.product-add{background:#111;color:#fff}
.product-add:hover,.product-add.is-added{background:var(--gold)}
.catalog-bottom{background:#111;color:#fff}
.catalog-bottom a{color:var(--gold)}
.process-section{background:#fff}
.step-number{color:var(--gold)}
.step-icon{border-color:#ececec;background:#fff7f3}
.step-icon .icon{color:#111}
.about-section{background:#111;color:#fff}
.about-design::before{background:#1a1a1a}
.about-graphic{border-color:rgba(255,90,31,.35)}
.graphic-monogram,.graphic-bottom i{color:var(--gold)}
.graphic-monogram span{color:#ffd0bf}
.faq-section{background:#fafafa}
.faq-item{border-top:1px solid #e5e5e5}
.contact-section{background:#111;color:#fff}
.contact-section::after{border-color:rgba(255,90,31,.08)}
.contact-info>div>.icon{color:var(--gold)}
.contact-note .icon{color:var(--gold)}
.contact-form{background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.12)}
.form-top{color:var(--gold);border-bottom-color:#ececec}
.form-top span:last-child{color:#999}
.form-field label{color:#1f1f1f}
.form-field label span{color:var(--gold)}
.form-field input,.form-field select,.form-field textarea{background:#fff;border-color:#e5e5e5;color:#1a1a1a}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--gold-dark);box-shadow:0 0 0 2px rgba(255,90,31,.12)}
.form-feedback{color:#2d7a3f}
.site-footer{background:#111;color:#e8e8e8}
.footer-col h4,.footer-bottom a{color:var(--gold)}
.footer-col>a,.footer-col>span,.footer-main>div:first-child p,.footer-bottom{color:#cccccc}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
.drawer-overlay,.setup-modal{background:rgba(0,0,0,.72)}
.quote-drawer,.setup-card{background:#fff}
.drawer-header>div>span,.drawer-item-cat,.setup-badge{color:var(--gold)}
.setup-badge{background:#fff1eb}
.toast{background:#111;color:#fff}
@media (max-width:640px){
  .utility{background:#111}
}


/* V6: outdoor forklift and heavy equipment hero photograph */
.hero-photo{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 51%;display:block}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010 0%,rgba(16,16,16,.99) 25%,rgba(16,16,16,.92) 37%,rgba(16,16,16,.72) 49%,rgba(16,16,16,.30) 65%,rgba(16,16,16,.06) 90%)}
.hero .hero-grid{z-index:1;opacity:.25}
.hero .hero-glow{z-index:1;opacity:.3}
.hero-layout{z-index:2}
.hero-art{pointer-events:none}
.hero-art::before{display:none}
.hero-description{color:#f1f1f1;text-shadow:0 1px 5px rgba(0,0,0,.25)}
.hero-footnotes{color:#eee}
@media(max-width:900px){.hero-photo img{object-position:61% center}.hero-photo::after{background:linear-gradient(90deg,rgba(16,16,16,.97) 0%,rgba(16,16,16,.92) 30%,rgba(16,16,16,.70) 56%,rgba(16,16,16,.32) 100%)}}
@media(max-width:640px){
 .hero-photo img{object-position:47% center}
 .hero-photo::after{background:linear-gradient(180deg,rgba(16,16,16,.98) 0%,rgba(16,16,16,.92) 26%,rgba(16,16,16,.88) 50%,rgba(16,16,16,.18) 78%,rgba(16,16,16,.10) 100%)}
 .hero .hero-grid{opacity:.12}
 .hero-content{padding-bottom:22px}
 .hero-art{min-height:255px}
}


/* ==========================================================
   V7 — OPULENT ORANGE / WORKSITE PHOTO REDESIGN
   Orange is now the lead identity across the entire website.
   Black and white support the logo and preserve readability.
   ========================================================== */
:root{
  --gold:#ff5820;
  --gold-bright:#ff7441;
  --gold-dark:#e84913;
  --navy:#171717;
  --navy-2:#222;
  --navy-3:#2d2d2d;
  --ink:#191919;
  --muted:#666;
  --cream:#fff2e9;
  --line:#f0d9c9;
}
::selection{background:#ff5820;color:#131313}
:focus-visible{outline-color:#ff5820}
/* Branding and site navigation */
.utility{background:#ff5820;color:#1c110d;min-height:41px}
.utility i{background:#1c110d}
.utility-location .icon{color:#1c110d;stroke:#1c110d}
.utility .small-square{background:#191919}
.site-header{border-bottom:4px solid #ff5820;box-shadow:0 8px 25px rgba(25,12,7,.11)}
.nav-link.active,.nav-link:hover{color:#dd420c}
.btn-gold{background:#ff5820;border-color:#ff5820;color:#161616}
.btn-gold:hover{background:#ff7848;border-color:#ff7848;color:#161616}
.header-quote{background:#ff5820;color:#141414}
.header-quote:hover{background:#ff7848}
.quote-count{background:#ff5820;color:#141414}
/* Big machinery yard imagery on hero. Strong orange on the left, 
   real-looking forklifts, loaders and excavator remain visible on right. */
.hero{background:#de4812;isolation:isolate}
.hero-photo img{object-position:center 53%;filter:saturate(1.08) contrast(1.03)}
.hero-photo::after{
  background:linear-gradient(90deg,
    rgba(153,36,0,.98) 0%,
    rgba(194,49,5,.96) 24%,
    rgba(232,69,14,.90) 39%,
    rgba(233,72,19,.74) 50%,
    rgba(34,20,15,.26) 67%,
    rgba(10,10,10,.08) 86%,transparent 100%);
}
.hero-grid{background-size:80px 80px}
.hero-glow{background:radial-gradient(circle,rgba(255,160,85,.36),transparent 62%)}
.hero-content{max-width:700px}
.hero h1{font-size:clamp(71px,6.8vw,108px);text-shadow:0 3px 10px rgba(90,16,0,.19)}
.hero h1 span{color:#fff1d8}
.hero .eyebrow-light{color:#ffe1c0}
.hero .eyebrow-line{background:#fff}
.hero-description{color:#fff;max-width:510px;text-shadow:0 1px 3px rgba(80,20,0,.24)}
.hero-footnotes{color:#fff}
.hero-footnotes .icon{color:#fff}
.hero-buttons .btn-gold{background:#111;color:#fff;border-color:#111}
.hero-buttons .btn-gold:hover{background:#2a2a2a;border-color:#2a2a2a}
.hero-buttons .btn-ghost{border:2px solid rgba(255,255,255,.95);color:#fff;background:rgba(80,24,6,.1)}
.hero-buttons .btn-ghost:hover{background:#fff;color:#c43f11;border-color:#fff}
.hero-bottomline{background:#ff5820;border-top:0}
.hero-bottomline-inner,.hero-bottomline a{color:#1a140f}
.hero-bottomline a span{color:#141414}
/* Orange confidence strip */
.intro-strip{background:#ff5820;border-bottom:0}
.intro-strip-item{border-left-color:rgba(20,20,20,.2)}
.strip-number{color:#171717}
.intro-strip-item strong{color:#1b1b1b}
.intro-strip-item div span{color:#2e211c}
/* Categories on orange-tinted ground with bold matching cards */
.section-categories{background:#fff0e5}
.section-categories .section-heading h2 em{color:#e74911}
.section-categories .grid-heading>p{color:#5e3a2b}
.section-categories .eyebrow{color:#dc480e}
.cat-auto{background:#ff5820;color:#1b1512;border:1px solid #f34b13}
.cat-auto .cat-symbol{color:rgba(33,15,8,.18)}
.cat-auto .cat-bottom p{color:#382015}
.cat-truck{background:#fff;border:1px solid #ffc6a7;color:#1b1b1b}
.cat-truck .cat-symbol{color:#f6c8ab}
.cat-truck .cat-bottom p{color:#685548}
.cat-heavy{background:#181818;border:1px solid #181818}
.cat-heavy .cat-head,.cat-heavy .cat-bottom h3{color:#fff}
.cat-heavy .cat-bottom>span{color:#ff7b4a}
.cat-heavy .cat-symbol{color:rgba(255,104,54,.16)}
.category-tile:hover{box-shadow:0 20px 40px rgba(93,32,11,.14)}
/* Pale orange catalogue with vibrant orange product calls to action */
.catalog-section{background:#fff9f4}
.catalog-section .section-heading h2 em{color:#e94c13}
.sample-note{color:#aa4a26}
.search-field input{border:1px solid #f0c9b4;background:#fff}
.search-field input:focus{border-color:#ff5820;box-shadow:0 0 0 3px rgba(255,88,32,.17)}
.filter-tabs{background:#ffe4d2}
.filter-tab{color:#673d29}
.filter-tab:hover{background:#ffd1b7}
.filter-tab.active,.filter-tab.active:hover{background:#ff5820;color:#151515;border-color:#ff5820}
.product-card{border-color:#f5d4c0}
.product-card:hover{border-color:#ff5820;box-shadow:0 16px 34px rgba(137,49,16,.12)}
.product-visual,.product-card[data-category="Truck & Commercial"] .product-visual,
.product-card[data-category="Heavy Equipment"] .product-visual{
  background:linear-gradient(145deg,#fff0e4,#ffd5bb)
}
.product-visual .icon,.product-card[data-category="Heavy Equipment"] .product-visual .icon{
  color:#db551e;filter:drop-shadow(7px 9px 0 rgba(177,62,15,.1))
}
.product-cat{color:#c74617}
.product-add{background:#ff5820;color:#191919;border:0;padding:13px 12px;margin-top:0;min-height:46px}
.product-add:hover,.product-add.is-added{background:#eb450b;color:#fff}
.catalog-bottom{background:#ff5820;border:0;color:#191919}
.catalog-bottom p,.catalog-bottom a{color:#211713}
.catalog-bottom a:hover{text-decoration:underline}
/* Entire process section is orange, with clean, approachable white steps */
.process-section{background:#ff5820;color:#191919}
.process-section .eyebrow{color:#1a1a1a}
.process-section .eyebrow-line{background:#171717}
.process-section .section-heading h2 em{color:#fff}
.process-section .grid-heading>p{color:#30231c}
.steps-grid{gap:16px;border:0}
.step,.step:first-child,.step:last-child{background:#fff7f0;border:1px solid rgba(110,35,4,.08);padding:36px 28px 42px}
.step-number{color:#d23b08}
.step-number span{color:#9f7160}
.step-icon{background:#ffdec7;border:0}
.step-icon .icon{color:#c53e0b}
.step p{color:#51443e}
/* Orange feature section — strong brand presence */
.about-section{background:#e84a14;color:#fff}
.about-design::before{background:#cc3e0d}
.about-graphic{border:1px solid rgba(255,255,255,.5)}
.about-graphic::before{content:"";position:absolute;inset:0;border:8px solid rgba(255,255,255,.045);pointer-events:none}
.graphic-monogram{color:#fff}
.graphic-monogram span{color:#ffb98b}
.graphic-corner,.graphic-bottom{color:#ffe3d4}
.graphic-bottom i{color:#fff}
.about-section .eyebrow,.about-section .eyebrow-light{color:#ffe8d3}
.about-content h2 em{color:#201a17}
.about-content>p:not(.eyebrow){color:#fff1e8}
.about-content .btn-gold{background:#151515;color:#fff;border-color:#151515}
.about-content .btn-gold:hover{background:#303030}
/* Light breathing room in FAQ */
.faq-section{background:#fff3e9}
.faq-section .section-heading h2 em{color:#e84913}
.faq-item{background:#fff;padding:26px 22px 28px;border-top:4px solid #ff5820}
.faq-grid{gap:15px}
.faq-item h3{color:#1b1b1b}
/* Orange-led contact panel */
.contact-section{background:#ef4f17;color:#fff}
.contact-section::after{border-color:rgba(255,255,255,.1)}
.contact-section .eyebrow,.contact-section .eyebrow-light{color:#ffe1d0}
.contact-intro h2 em{color:#171717}
.contact-intro>p:not(.eyebrow){color:#fff1ea}
.contact-info>div>.icon{color:#151515}
.contact-info small{color:#ffe1d0}
.contact-note{border-top-color:rgba(255,255,255,.3)}
.contact-note .icon{color:#171717}
.contact-note p{color:#fff0e9}
.contact-form{box-shadow:0 25px 60px rgba(108,32,8,.24)}
.contact-form .form-top{color:#d94411}
.contact-form .btn-submit{background:#ff5820;color:#141414}
.contact-form .btn-submit:hover{background:#ff7848}
/* Footer anchors the page in black, with an orange brand edge. */
.site-footer{background:#161616;border-top:12px solid #ff5820}
.footer-col h4,.footer-bottom a{color:#ff793f}
.footer-col a:hover{color:#ff793f}
/* Better contrast across modal and quote drawer */
.drawer-header>div>span,.drawer-item-cat{color:#bc3b10}
.setup-badge{color:#b33b10;background:#ffede1}
/* Small screens: show both photo and text without sacrificing contrast */
@media(max-width:900px){
  .hero-photo img{object-position:63% 55%}
  .hero-photo::after{background:linear-gradient(90deg,rgba(167,40,0,.99) 0%,rgba(204,47,0,.91) 33%,rgba(225,60,8,.72) 62%,rgba(60,16,4,.16) 100%)}
}
@media(max-width:640px){
  .utility{background:#ff5820}
  .hero-photo img{object-position:54% 54%}
  .hero-photo::after{background:linear-gradient(180deg,rgba(170,41,0,.97) 0%,rgba(216,52,2,.93) 27%,rgba(230,63,9,.75) 51%,rgba(130,34,1,.2) 78%,transparent 100%)}
  .hero-content{padding-top:54px}
  .hero h1{font-size:clamp(57px,12.3vw,78px)}
  .hero-art{min-height:290px}
  .intro-strip-item,.intro-strip-item:first-child{border-bottom-color:rgba(10,10,10,.16)}
  .steps-grid{gap:12px}
  .step,.step:first-child,.step:last-child{padding:27px 24px;border:1px solid rgba(110,35,4,.08)}
  .faq-grid{gap:12px}
  .contact-section{padding:78px 0}
  .contact-intro h2{font-size:clamp(60px,12vw,80px)}
}


/* ===== V8 MULTI-PAGE LAYOUT ===== */
.main-nav .nav-link[aria-current="page"]{color:#ff5820}
.inner-banner{padding:105px 0 90px;background:linear-gradient(120deg,#ff5820 0%,#f4531d 65%,#ec4b16 100%);color:#fff;position:relative;overflow:hidden}
.inner-banner::after{content:"";position:absolute;right:-6%;top:-70%;width:560px;height:560px;border:120px solid rgba(255,255,255,.07);border-radius:100%}
.inner-banner .container{position:relative;z-index:1}
.inner-banner .eyebrow{color:#fff;margin-bottom:22px}
.inner-banner h1{font-family:var(--font-display);font-size:clamp(65px,8vw,112px);line-height:.88;margin:0 0 20px;font-weight:800;max-width:850px}
.inner-banner h1 em{color:#171717;font-style:normal}
.inner-banner p:last-child{font-size:16px;line-height:1.75;max-width:670px;margin:0;color:#fff}
.home-bridge{background:#fff;padding:90px 0}
.home-bridge-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}
.home-bridge h2,.next-step h2,.about-story h2,.faq-more h2{font-family:var(--font-display);font-size:clamp(48px,5vw,74px);font-weight:800;line-height:.92;margin:0}
.home-bridge-inner>div:last-child>p{font-size:16px;line-height:1.9;color:#555;margin:0 0 22px}
.text-link{color:#f6531b;font-size:12px;letter-spacing:1px;font-weight:800;display:inline-flex;align-items:center;gap:10px}
.next-step{padding:75px 0;background:#ff5820;color:#161616}
.next-step-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}
.next-step .eyebrow{color:#161616}
.next-step h2{margin:0 0 13px}
.next-step p:not(.eyebrow){margin:0;font-size:15px;line-height:1.75;max-width:630px}
.next-step .btn{flex-shrink:0;background:#161616;color:#fff}
.about-team-hero{display:grid;grid-template-columns:38% 62%;background:#ff5820;min-height:520px;overflow:hidden}
.about-team-copy{display:flex;align-items:center;justify-content:flex-end;padding:80px 45px 80px 6vw;color:#fff}
.about-team-copy-inner{max-width:480px;width:100%}
.about-team-copy .eyebrow{color:#fff;font-size:10px;line-height:1.5}
.about-team-copy h1{font-family:var(--font-display);font-size:clamp(70px,6.6vw,118px);line-height:.86;font-weight:800;margin:0 0 28px}
.about-team-copy h1 span{color:#161616}
.about-team-copy p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:360px;margin:0 0 30px}
.about-team-visual{position:relative;min-height:520px;overflow:hidden}
.about-team-visual>img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:49% 52%;display:block}
.team-image-disclaimer{position:absolute;bottom:15px;right:16px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;letter-spacing:.4px;padding:6px 9px;border-radius:2px}
.about-story{background:#fff6f0}
.about-story-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:start}
.about-story h2{margin-bottom:30px}
.about-story h2 em{font-style:normal;color:#ff5820}
.about-story-grid>div:first-child>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#4d4d4d;max-width:620px;margin:0 0 20px}
.about-story .btn{margin-top:20px}
.about-story-points{background:#fff;padding:22px 34px;box-shadow:0 18px 50px rgba(114,42,10,.06)}
.about-story-points article{border-bottom:1px solid #eee;padding:26px 0;position:relative}
.about-story-points article:last-child{border-bottom:0}
.about-story-points article>span{color:#ff5820;font-family:var(--font-display);font-size:28px;font-weight:800}
.about-story-points h3{font-family:var(--font-display);font-size:25px;margin:8px 0}
.about-story-points p{font-size:13px;line-height:1.7;color:#555;margin:0}
.details-section{background:#fff8f4}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.detail-grid article{background:#fff;padding:35px;border-top:7px solid #ff5820}
.detail-icon{font-family:var(--font-display);font-size:34px;color:#ff5820;font-weight:800}
.detail-grid h3{font-family:var(--font-display);font-size:30px;margin:18px 0 12px}
.detail-grid p{font-size:14px;line-height:1.75;color:#555;margin:0}
.faq-more{padding:85px 0;background:#ff5820;color:#111;text-align:center}
.faq-more h2{margin:0 0 10px}
.faq-more p{margin:0 0 22px;font-size:16px}
.faq-more .btn{background:#111;color:#fff}
/* On the new Parts page, filter UI starts below a dedicated page title. */
.catalog-section{min-height:70vh}
/* Deliberate standard page navigation, no scrolling-based nav tabs. */
@media(max-width:900px){
 .about-team-hero{grid-template-columns:1fr}
 .about-team-copy{padding:64px 7vw 45px;justify-content:flex-start}
 .about-team-visual,.about-team-visual>img{min-height:370px;height:370px}
 .home-bridge-inner,.about-story-grid{grid-template-columns:1fr;gap:38px}
 .next-step-inner{flex-direction:column;align-items:flex-start;gap:26px}
 .detail-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .inner-banner{padding:75px 0 70px}
 .inner-banner h1{font-size:clamp(60px,12vw,78px)}
 .inner-banner p:last-child{font-size:14px}
 .home-bridge{padding:64px 0}
 .home-bridge-inner{gap:28px}
 .next-step{padding:60px 0}
 .about-team-copy{padding:56px 18px 37px}
 .about-team-copy h1{font-size:69px}
 .about-team-visual,.about-team-visual>img{min-height:290px;height:290px}
 .team-image-disclaimer{bottom:8px;right:8px;font-size:9px}
 .about-story-grid{gap:30px}
 .about-story-points{padding:12px 24px}
 .detail-grid article{padding:26px}
}


/* ===== VERSION 9: FULL-WIDTH TEAM PHOTO + DEDICATED PAGES ===== */
.about-team-hero--wide{display:flex;flex-direction:column;background:#ff5820;min-height:0;overflow:hidden}
.about-team-hero--wide .about-team-copy{display:block;padding:68px 0 58px;color:#fff;min-height:0}
.about-hero-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:end}
.about-hero-content .eyebrow{grid-column:1 / -1;letter-spacing:2.3px;color:#fff;font-size:12px;margin:0 0 20px}
.about-hero-content h1{grid-column:1;max-width:900px;font-family:var(--font-display);font-size:clamp(66px,8vw,110px);line-height:.87;font-weight:800;margin:0 0 20px}
.about-hero-content h1 span{color:#111}
.about-hero-content p:not(.eyebrow){grid-column:1;max-width:720px;color:#fff;font-size:15px;line-height:1.8;margin:0}
.about-hero-content .btn{grid-column:2;grid-row:2 / span 2;align-self:end}
.about-team-hero--wide .about-team-visual{min-height:0;height:auto;line-height:0;background:#111}
.about-team-hero--wide .about-team-visual>img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;object-position:center}
.about-team-hero--wide .team-image-disclaimer{line-height:1.35;bottom:10px;right:12px;background:rgba(0,0,0,.75);font-size:11px;max-width:280px;text-align:center}
.floating-whatsapp{position:fixed;z-index:65;right:23px;bottom:23px;background:#141414;color:#fff;border:2px solid #ff5820;display:flex;gap:10px;align-items:center;padding:13px 17px;box-shadow:0 12px 35px rgba(0,0,0,.23);font-size:11px;font-weight:800;letter-spacing:1.1px;transition:transform .2s ease,background .2s ease}
.floating-whatsapp .icon{width:21px;height:21px;stroke:#ff5820}
.floating-whatsapp:hover{transform:translateY(-3px);background:#272727}
@media(max-width:1160px) and (min-width:901px){.main-nav{gap:11px}.header-inner{gap:13px}.nav-link{font-size:10px}.header-quote{padding:12px 13px}}
@media(max-width:900px){
.about-hero-content{display:block}
.about-hero-content h1{font-size:clamp(60px,10vw,88px)}
.about-hero-content .btn{margin-top:22px}
.about-team-hero--wide .about-team-copy{padding:60px 0 40px}
.about-team-hero--wide .about-team-visual{min-height:0;height:auto}
.about-team-hero--wide .about-team-visual>img{min-height:0;height:auto;object-fit:contain}
}
@media(max-width:640px){
.about-hero-content h1{font-size:clamp(58px,12vw,78px)}
.about-hero-content p:not(.eyebrow){font-size:14px}
.about-team-hero--wide .about-team-copy{padding:56px 0 32px}
.about-team-hero--wide .team-image-disclaimer{position:static;max-width:none;padding:8px 12px;text-align:left;background:#111;font-size:10px}
.floating-whatsapp{right:12px;bottom:12px;padding:12px;border-radius:2px}
.floating-whatsapp span{display:none}
.floating-whatsapp .icon{height:25px;width:25px}
}