@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap');
:root{--bg:#101010;--panel:#202020;--line:#414141;--ink:#f1f1f1;--muted:#bcbcbc;--gold:#dedede;--dark:#151515}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a:hover{color:var(--gold)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.topline{background:var(--gold);color:var(--dark);font-size:14px;font-weight:600;letter-spacing:.055em;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}.header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{line-height:1;display:inline-flex;flex-direction:column;gap:9px;flex-shrink:0}.brand strong{font-family:UnifrakturMaguntia,Georgia,serif;font-size:31px;font-weight:400}.brand span{font-size:12px;letter-spacing:.3em;font-weight:600}.nav{display:flex;align-items:center;gap:25px;font-size:16px}.nav a[aria-current=page]{color:var(--gold)}.nav .button{padding:11px 18px}.menu-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--gold);color:var(--dark);font-size:16px;font-weight:700;min-height:50px;padding:15px 25px;border:1px solid var(--gold);cursor:pointer}.button:hover{background:#ffffff;color:var(--dark)}.button.secondary{background:transparent;color:var(--ink);border-color:#808080}.button.secondary:hover{border-color:var(--gold);color:var(--gold)}.eyebrow{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 22px}.hero{padding:65px 0 54px}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:75px;align-items:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;line-height:.98;text-transform:uppercase;font-weight:700}h1{font-size:clamp(62px,6.5vw,98px);letter-spacing:-.02em;margin-bottom:28px}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(40px,4vw,62px);margin-bottom:24px}h3{font-size:32px;margin-bottom:16px}.intro{max-width:600px;font-size:20px;color:var(--muted);line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.specimen{border-top:5px solid var(--gold);border-bottom:1px solid var(--line);padding:27px 0}.specimen .small{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.specimen .years{font-family:'Barlow Condensed',Impact,sans-serif;font-size:124px;line-height:1;color:var(--ink);display:block;margin:12px 0}.specimen h3{font-size:27px;color:var(--gold)}.spec-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:16px}.spec-row span:first-child{color:var(--muted)}.paving-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;background:var(--panel)}.paving-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.paving-strip p{margin:0;font-size:17px}.tag{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-right:22px}.text-link{font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:7px}.section{padding:85px 0}.section.light{background:#222222;color:var(--dark)}.light .eyebrow{color:#c4c4c4}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.section-head p{max-width:520px;margin-bottom:0;color:var(--muted)}.light .section-head p{color:#bcbcbc}.service-list{border-top:1px solid #4a4a4a}.service-row{display:grid;grid-template-columns:70px 1fr 1fr 28px;gap:22px;padding:26px 0;border-bottom:1px solid #4a4a4a;align-items:center}.service-row .num{font-size:14px;color:#a7a7a7}.service-row h3{font-size:32px;margin:0}.service-row p{font-size:17px;margin:0;color:#bcbcbc}.service-row:hover{color:#ffffff}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.copy p,.copy li{color:var(--muted)}.copy ul{padding-left:22px}.rule{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.project-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 42px}.project-line{padding:30px 0;border-top:1px solid var(--line)}.project-line p{color:var(--muted)}.project-line .eyebrow{font-size:12px;margin-bottom:12px}.cta{padding:58px 0;background:var(--gold);color:var(--dark)}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:53px}.cta .button{background:var(--dark);color:var(--ink);border-color:var(--dark)}.footer{padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer p,.footer a:not(.brand){font-size:16px}.footer p{color:var(--muted);margin-top:22px}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:13px;color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:var(--gold);color:#111;z-index:10}.skip:focus{top:10px}.page-hero{padding:65px 0 55px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px}.page-hero .intro{max-width:720px}.detail{display:grid;grid-template-columns:90px .8fr 1.2fr;gap:35px;border-top:1px solid var(--line);padding:35px 0}.detail .num{color:var(--gold);font-size:14px}.detail p{color:var(--muted);margin-bottom:12px}.equipment{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.equipment div{padding:17px 0;border-bottom:1px solid var(--line)}.note{border-left:3px solid var(--gold);padding:18px 24px;background:var(--panel);font-size:16px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px}.photo-placeholder{aspect-ratio:16/9;background:var(--panel);border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:22px;color:var(--muted)}.photo-placeholder span{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.photo-placeholder strong{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:30px;font-weight:600;color:#aaaaaa}.gallery p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:16px;font-weight:600}input,select,textarea{min-width:0;width:100%;padding:13px;border:1px solid #626262;background:#202020;color:var(--ink);border-radius:0;min-height:51px}textarea{resize:vertical}select option{background:#202020}small,.help{font-size:14px;color:var(--muted)}.error{color:#ffb7a5;font-size:15px;margin-top:6px}.invalid{border-color:#ffb7a5}.result{padding:24px;border:1px solid var(--gold);margin-top:25px}.result h3{font-size:30px}.result textarea{height:220px;margin:15px 0}.contact-aside{padding-left:35px;border-left:1px solid var(--line)}.contact-aside a{overflow-wrap:anywhere}.contact-aside h3{margin-top:35px}.mobile-call{display:none}.status{color:var(--gold);font-size:14px;font-weight:600}button:disabled{cursor:default}.footer a:hover{text-decoration:underline}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding:90px 0 75px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav{gap:16px}.nav .button{display:none}.hero-grid{gap:35px}.brand strong{font-size:27px}.split{gap:40px}.hero h1{font-size:75px}.section-head{gap:35px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topline .wrap{justify-content:center;text-align:center;font-size:12px}.topline a{display:none}.header-inner{min-height:88px;flex-wrap:wrap;gap:0}.brand strong{font-size:28px}.brand span{font-size:10px}.menu-toggle{display:block;background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 14px;min-height:44px;font-size:15px}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:20px 0}.nav.open{display:flex}.nav a{padding:12px 0;border-top:1px solid var(--line)}.nav .button{display:flex;margin-top:10px}.hero{padding:40px 0}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1,h1{font-size:64px}.intro{font-size:18px}.specimen{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px 0}.specimen .small{grid-column:1/-1;font-size:12px}.specimen .years{font-size:86px;grid-row:2/4}.specimen h3{margin:15px 0;align-self:center}.specimen .spec-row{grid-column:1/-1}.actions .button{flex:1;white-space:nowrap}.paving-strip .wrap{display:block}.paving-strip .text-link{display:inline-block;margin-top:12px}.tag{display:block;margin-bottom:4px}.section{padding:55px 0}.section-head,.split{grid-template-columns:1fr;gap:22px}.section-head{margin-bottom:32px}.section-head h2{margin-bottom:0}.service-row{grid-template-columns:30px 1fr 20px;gap:12px;padding:23px 0}.service-row p{grid-column:2/3;font-size:16px}.service-row .arrow{grid-column:3;grid-row:1}.service-row h3{font-size:29px}.project-lines,.gallery{grid-template-columns:1fr}.cta .wrap{display:block}.cta h2{font-size:46px;margin-bottom:25px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer{padding-bottom:90px}.footer p{margin-bottom:0}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--gold);color:var(--dark);justify-content:space-around;border-top:1px solid #151515}.mobile-call a{padding:14px 12px;font-size:15px;font-weight:700}.mobile-call a:hover{color:#151515}.page-hero{padding:40px 0}.detail{grid-template-columns:30px 1fr;gap:12px}.detail .copy{grid-column:2}.detail h3{margin-bottom:6px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-aside{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.equipment{grid-template-columns:1fr}h2{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.split[style]{grid-template-columns:1fr!important}} @media(min-width:761px) and (max-width:920px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}} .footer a{overflow-wrap:anywhere}
@media(max-width:760px){.hero h1,h1{font-size:clamp(48px,16vw,64px)}.hero-grid>*{min-width:0}.actions .button{white-space:normal}.spec-row strong{text-align:right}}
