:root{--gold:#e5b756;--dark:#0b0c0c;--ink:#121212;--line:#b98b3e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;background:#0b0c0c;font-family:Arial,Helvetica,sans-serif;color:#fff}.site{max-width:1600px;margin:auto;overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.skip{position:absolute;top:-60px;background:#fff;color:#000;padding:12px;z-index:10}.skip:focus{top:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.crop{position:relative;overflow:hidden}.crop img{position:absolute;max-width:none;pointer-events:none}.logo{display:block;width:29%;aspect-ratio:380/110;flex-shrink:0}.logo img{width:345.263%;left:-14.474%;top:-9.091%}header{height:115px;position:relative;display:flex;align-items:flex-start;padding:10px 4.4% 0;justify-content:space-between;background:linear-gradient(115deg,#080909 33%,#3b3429 33.2%,#111 37%,#1e1d1a 80%,#101111);z-index:2}header .logo{width:32%;max-width:390px}nav{display:flex;gap:clamp(16px,2.5vw,38px);padding-top:23px;align-items:center;font-size:clamp(9px,.85vw,13px);letter-spacing:.6px;text-transform:uppercase}nav a{position:relative;white-space:nowrap;padding-bottom:13px}nav a:hover,nav a.active{color:#f6ca65}nav a.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.menu-toggle{display:none}.hero{position:relative;height:clamp(325px,27.75vw,444px);background:#090b0c}.hero-image{position:absolute;right:0;top:0;width:65%;height:100%}.hero-image img{width:161.576%;left:-61.576%;top:-20%;height:328.49%;object-fit:fill}.hero-shade{position:absolute;inset:0;background:linear-gradient(60deg,#050606 0%,#10100de8 30%,#07090950 43%,transparent 53%);clip-path:polygon(0 0,38% 0,55% 100%,0 100%)}.hero-shade:after{content:'';position:absolute;top:-150px;left:35%;height:800px;width:32px;transform:rotate(-32deg);background:linear-gradient(90deg,#8b622c,#efcc7c,#94703d)}.hero-copy{position:relative;padding:23px 4.5% 30px;width:57%;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:11px;font-weight:500;color:var(--gold);margin:0 0 12px;display:flex;gap:15px;align-items:center}.eyebrow i{display:inline-block;height:1px;background:#af7a2e;width:43px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,72px);font-weight:900;line-height:.98;letter-spacing:-1.8px;text-transform:uppercase;margin-bottom:16px}h1 span{background:linear-gradient(#f7d17a,#bd842a);background-clip:text;color:transparent}.hero-description{font-size:clamp(14px,1.45vw,20px);letter-spacing:.4px;line-height:1.4;margin-bottom:17px}.actions{display:flex;gap:17px}.button{border:1px solid #d5a349;border-radius:3px;background:linear-gradient(120deg,#f3ce78,#cf9637);color:#080909;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 24px;white-space:nowrap}.button b{font-size:24px;line-height:10px;font-weight:400}.button:hover{filter:brightness(1.12)}.outline{background:#08090980;color:#fff}.service-strip{display:grid;grid-template-columns:repeat(6,1fr);padding:18px 2% 15px;border-top:2px solid #9e772e;background:linear-gradient(110deg,#101211,#040505)}.service-strip a{position:relative;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:.6px;font-weight:600;line-height:1.5;padding:0 8px}.service-strip a+a:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:#b69a5b}.service-strip svg{display:block;width:48px;height:44px;stroke:var(--gold);stroke-width:2.6;fill:none;margin:0 auto 8px}.service-strip a:hover{color:var(--gold)}.about{display:grid;grid-template-columns:35% 1fr;gap:34px;padding:25px 4.5% 16px;background:linear-gradient(115deg,#fff,#f5f5f5);color:var(--ink)}.about .eyebrow{color:#97621f;font-size:9px;letter-spacing:3px;white-space:nowrap;margin-bottom:16px}.about-copy{padding-top:5px}h2{font-size:clamp(24px,2.65vw,41px);font-weight:900;line-height:1.05;letter-spacing:-.8px;text-transform:uppercase;margin-bottom:14px}.about h2 span{color:#a77122}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.45;color:#404040;margin-bottom:12px}.about .button{padding:12px 20px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{border:1px solid #dedede;border-radius:3px;padding:8px;scroll-margin-top:30px}.card-image{aspect-ratio:230/132;width:100%;margin-bottom:10px}.card-image img{width:570.435%;top:-437.879%}.service-photo img{left:-219.565%}.road-photo img{left:-334.348%}.safety-photo img{left:-447.391%}h3{font-size:12px;text-transform:uppercase;line-height:1.2;margin-bottom:12px;letter-spacing:.1px}.cards h3:after{display:block;content:'';width:35px;height:2px;background:#c28f30;margin-top:10px}.cards h3 button{border:0;background:none;padding:0;text-align:left;font-weight:700;text-transform:uppercase;font-size:inherit}.cards p{font-size:13px;line-height:1.35;color:#444;margin-bottom:5px}.advantage{position:relative;display:grid;grid-template-columns:36% 64%;min-height:255px;background:linear-gradient(110deg,#151612,#090b0b);border-bottom:1px solid #ba8e3e}.lion-art{min-height:255px}.lion-art img{width:279.15%;left:0;top:-328.63%;height:470.2%;object-fit:fill}.advantage-copy{padding:26px 6.5% 16px 0}.advantage h2{font-size:clamp(24px,2.6vw,40px);white-space:nowrap;margin-bottom:10px}.advantage h2 span{color:#e9b75c}.advantage-copy>p:not(.eyebrow){font-size:15px;line-height:1.4;max-width:690px;margin-bottom:15px}.advantage .eyebrow{font-size:10px;margin-bottom:12px}.values{display:grid;grid-template-columns:repeat(4,1fr)}.values article{text-align:center;position:relative;padding:0 10px}.values article+article:before{content:'';position:absolute;width:1px;left:0;top:12px;bottom:4px;background:#b58b42}.values svg{width:42px;height:34px;fill:none;stroke:var(--gold);stroke-width:2.6;margin-bottom:4px}.values h3{font-size:11px;margin-bottom:5px}.values p{font-size:10px;line-height:1.3;margin:0}footer{display:flex;align-items:center;gap:30px;min-height:103px;padding:12px 4.5%;position:relative;background:linear-gradient(125deg,#090a0a 92%,#d7a851 92.2%,#fad58b 94%,#080909 94.2%,#080909 96%,#c89c48 96.2%)}.footer-logo{width:26%;max-width:300px}footer .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:12px}.contact{flex:1}.contact-links{display:flex;gap:22px;font-size:11px;align-items:center;flex-wrap:wrap}.contact-links span[aria-hidden]{color:var(--gold);font-size:23px;margin-right:7px;vertical-align:middle}.quote{font-size:11px;padding:14px 25px}dialog{width:min(540px,92vw);background:#faf9f5;border:2px solid #b98b3e;color:#171717;padding:38px;border-radius:4px}dialog::backdrop{background:#000b}dialog h2{font-size:29px;margin-top:20px}dialog p{font-size:16px;line-height:1.6}dialog .eyebrow{color:#8b601e;font-size:10px}.close{position:absolute;right:13px;top:5px;border:0;background:none;font-size:32px}a:focus-visible,button:focus-visible{outline:3px solid #d9a347;outline-offset:5px}@media(min-width:1450px){.hero-copy{padding-top:40px}.about{padding-top:30px;padding-bottom:25px}.about-copy>p:not(.eyebrow){font-size:17px}.cards p{font-size:16px}.cards h3{font-size:14px}.service-strip{padding-top:22px;padding-bottom:22px}.service-strip a{font-size:13px}}
@media(max-width:1000px){header{height:95px;padding-top:12px}nav{gap:14px;font-size:9px;padding-top:18px}.hero{height:330px}.hero-copy{width:65%;padding-top:30px}h1{font-size:45px}.about{grid-template-columns:1fr;gap:20px}.about-copy{max-width:650px}.about-copy h2 br{display:none}.about .eyebrow{font-size:10px}.cards p{font-size:14px}.advantage{grid-template-columns:30% 70%}.advantage h2{font-size:26px;white-space:normal}.lion-art img{width:auto;height:470.2%;left:-55px}.contact-links{gap:8px}.quote{padding:12px;font-size:10px}footer{gap:20px}}
@media(max-width:680px){header{height:91px;padding:9px 5%;align-items:center}header .logo{width:235px;max-width:72%}.menu-toggle{display:flex;align-items:center;gap:12px;color:#e4b85c;border:1px solid #8d713e;background:#101111;padding:9px;font-size:11px;text-transform:uppercase}.menu-toggle span{font-size:17px}nav{display:none;position:absolute;top:91px;left:0;right:0;background:#101111;padding:20px;z-index:5;box-shadow:0 10px 20px #0007}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:12px}nav a{padding:10px}.hero{height:auto;padding-top:210px}.hero-image{width:100%;height:210px;top:0}.hero-image img{width:161.576%;top:-20%;left:-61.576%}.hero-shade{display:none}.hero-copy{width:100%;padding:28px 6% 30px;background:linear-gradient(120deg,#151614,#050606);border-top:1px solid #a88139}h1{font-size:clamp(34px,9.9vw,60px);letter-spacing:-1px}.hero-copy .eyebrow{font-size:9px;letter-spacing:3px}.hero-description{font-size:15px}.actions{gap:10px}.button{font-size:10px;padding:12px 17px;gap:13px}.service-strip{grid-template-columns:repeat(3,1fr);padding:8px 3%}.service-strip a{font-size:9px;padding:13px 4px}.service-strip a:nth-child(4):before{display:none}.service-strip svg{width:37px;height:35px}.about{padding:28px 5%}.about h2{font-size:29px}.about-copy h2 br{display:block}.about .eyebrow{font-size:8px;letter-spacing:2px}.cards{gap:12px;grid-template-columns:1fr}.cards article{display:grid;grid-template-columns:40% 1fr;column-gap:14px;padding:10px}.card-image{grid-row:1/3;margin:0}.cards h3{align-self:end;margin-bottom:8px}.cards p{font-size:12px}.cards h3:after{margin-top:8px}.advantage{grid-template-columns:1fr}.lion-art{height:180px;min-height:180px;max-width:330px;width:100%;margin:auto}.lion-art img{height:470.2%;left:0;width:279.15%}.advantage-copy{padding:24px 5% 30px}.advantage h2{font-size:27px;line-height:1.15}.advantage-copy>p:not(.eyebrow){font-size:14px}.values{grid-template-columns:repeat(2,1fr);row-gap:22px;margin-top:25px}.values article:nth-child(3):before{display:none}.values h3{font-size:11px}.values p{font-size:11px}footer{flex-wrap:wrap;padding:24px 6%;gap:22px}.footer-logo{width:240px;max-width:80%}.contact{flex-basis:100%}.contact-links{font-size:12px;gap:12px}.quote{padding:14px 24px}dialog{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the hero lettering clear; the reference artwork supplies the diagonal gold detail. */
.hero-shade:after{display:none}
header nav{gap:clamp(10px,1.35vw,22px);font-size:10px}.portal-nav{color:var(--gold)}
@media(max-width:1050px) and (min-width:681px){header .logo{width:26%}header nav{gap:9px;font-size:8px}}
@media(max-width:680px){header nav{font-size:12px}}

/* Corporate messaging uses the existing hero and brand assets. */
.corporate-copy h1{font-size:clamp(1.7rem,2.7vw,2.75rem);line-height:1.08}.corporate-copy{max-width:760px}.corporate-copy .hero-description{max-width:520px;font-size:clamp(13px,1.1vw,16px)}