*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #68b1db;outline-offset:4px}.preview-label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 3.5vw;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.11em;background:#d5e1e9;color:#183852}.preview-label span:last-child{color:#52728a}.wrap{width:min(92%,1510px);margin-inline:auto}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand img{width:116px;height:auto;object-fit:contain}.brandname{font-size:13px;line-height:1.15;font-weight:800;letter-spacing:.025em}.mobile-button{display:none}.mobile-links[hidden]{display:none}.mobile-links{position:absolute;left:0;right:0;top:100%;z-index:60;padding:18px 5%;background:#f8fafb;color:#15364e;box-shadow:0 22px 32px #061d2a30}.mobile-links a{display:block;padding:13px 0;border-bottom:1px solid #bbcbd6;font-weight:800;font-size:15px}.pillbtn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:53px;padding:16px 20px;font-size:12px;font-weight:800;letter-spacing:.025em}.pillbtn span{font-size:19px}.tag{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.type{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:-.065em}.footlinks{display:flex;gap:20px;flex-wrap:wrap}.footlinks a{text-decoration:underline;text-underline-offset:5px}section{scroll-margin-top:92px}@media(max-width:920px){.desktop-links{display:none!important}.mobile-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#173954;color:white;border:0;font-size:24px}.nav-cta{display:none!important}}@media(max-width:600px){.brand img{width:89px}.brandname{font-size:11px}.preview-label{font-size:8px;padding:7px 16px;letter-spacing:.045em}.wrap{width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{font-family:'DM Sans',Arial,sans-serif;background:#eaf0f3;color:#14374f}
:root{--accent:#2d6686}
.gridpaper{background-color:#eaf0f3;background-image:linear-gradient(#a9c0cf34 1px,transparent 1px),linear-gradient(90deg,#a9c0cf34 1px,transparent 1px);background-size:30px 30px}
.navbar{position:sticky;top:0;background:#eef4f7eb;backdrop-filter:blur(15px);border-bottom:1px solid #b6cbd8;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:25px}
.nav>.brand img{width:118px}.nav>.brandname{font-size:12px}
.desktop-links{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:12px;font-weight:800}
.nav-cta{border:1px solid #234862;color:#183c56}
.hero{padding:63px 0 85px}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 23px;border-bottom:1px solid #95b0c0}
.hero-top .left{display:flex;align-items:center;gap:9px;color:#42647b;font:800 10px Arial;letter-spacing:.15em}
.hero-top .dot{width:9px;height:9px;background:#1f6688}
.hero-top span:last-child{font:800 11px Arial;letter-spacing:.13em;color:#607d90}
.hero-content{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2%;align-items:stretch;margin-top:33px}
.hero-statement{background:#123852;color:#f0f7fa;padding:56px 45px 41px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:660px}
.hero-statement .counter{font-size:11px;letter-spacing:.15em;color:#add0e0;font-weight:800}
.hero-statement h1{font-size:clamp(61px,6.8vw,113px);line-height:.93;letter-spacing:-.086em;margin:35px 0 0}
.hero-statement h1 span{color:#96b9ce}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;border-top:1px solid #6a90a9;padding-top:23px}
.hero-bottom p{font-size:13px;line-height:1.8;color:#bbd2df;max-width:300px;margin:0}
.hero-bottom a{background:#b9d6e5;color:#123852;white-space:nowrap}
.hero-right{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:minmax(0,1fr) 175px;gap:12px;min-width:0}
.hero-primary{grid-column:span 2;position:relative;min-width:0;overflow:hidden}
.hero-primary img{width:100%;height:100%;object-fit:cover}
.hero-primary:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061c2dbb,transparent 56%)}
.hero-primary .overlay{position:absolute;z-index:1;left:25px;right:25px;bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:white}
.hero-primary .overlay strong{font-size:21px;line-height:1.1}
.hero-primary .overlay span{font-size:10px;letter-spacing:.1em;font-weight:800}
.hero-secondary{position:relative;overflow:hidden;background:#6c8ca2}
.hero-secondary img{width:100%;height:100%;object-fit:cover}
.hero-secondary .serial{position:absolute;left:13px;bottom:12px;padding:7px 11px;background:#123852dd;color:white;font-weight:800;letter-spacing:.08em;font-size:10px}
.hero-chip{background:#d1e0e9;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.hero-chip .small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#628096}
.hero-chip .big{font-size:40px;font-weight:700;letter-spacing:-.08em;line-height:1;color:#173b54}
.hero-chip .arrow{font-size:26px;align-self:flex-end}
.technical-strip{border-top:1px solid #adc2d1;border-bottom:1px solid #adc2d1;background:#e0e9ee}
.technical-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.technical-strip div{padding:22px 19px;border-right:1px solid #a7c0d0;min-width:0}
.technical-strip div:first-child{padding-left:0}.technical-strip div:last-child{border:0}
.technical-strip strong{display:block;font-size:11px;color:#284d65;font-weight:800;letter-spacing:.13em;margin-bottom:7px}
.technical-strip span{font:700 15px 'Space Grotesk';letter-spacing:-.03em}
.capabilities{padding:112px 0;background:#f7f9fa}
.blockhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.blockhead h2{font-size:clamp(55px,6vw,97px);line-height:.93;margin:20px 0 0}
.blockhead p{max-width:335px;font-size:14px;color:#5c7789;line-height:1.8}
.tilegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tile{border:1px solid #bfd1dd;background:white;min-width:0}
.tile .view{height:250px;position:relative;background:#2b536d;overflow:hidden}
.tile .view img{width:100%;height:100%;object-fit:cover}
.tile .view .coord{position:absolute;top:16px;left:18px;padding:8px 9px;background:#0d314bcc;color:white;font-weight:800;font-size:10px;letter-spacing:.13em}
.tile .inside{padding:28px 25px 30px}
.tile small{color:#5e829b;font-size:10px;font-weight:800;letter-spacing:.12em}
.tile h3{font:700 clamp(28px,3vw,42px)/1.08 'Space Grotesk';letter-spacing:-.055em;margin:17px 0}
.tile p{font-size:13px;color:#5d7585;line-height:1.8;min-height:72px}
.tile .meta{border-top:1px solid #c9d7e0;padding-top:16px;margin-top:24px;display:flex;justify-content:space-between;color:#507087;font-size:10px;font-weight:800}
.process{padding:120px 0}
.process .wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center}
.process h2{font-size:clamp(55px,5.8vw,89px);line-height:.98;margin:23px 0}
.process h2 em{font-style:normal;color:#648fa9}
.process p{font-size:14px;color:#577183;line-height:1.9}
.process .fine{font-size:11px;color:#6a8698}
.process .bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 230px;gap:13px}
.process .bento figure{margin:0;position:relative;overflow:hidden}
.process .bento figure:first-child{grid-column:span 2}
.process .bento img{width:100%;height:100%;object-fit:cover}
.process .bento figcaption{position:absolute;left:12px;bottom:12px;color:white;padding:8px 11px;background:#0c2f48d4;font-size:10px;font-weight:800;letter-spacing:.11em}
.project{padding:110px 0;background:#0d2a3e;color:white}
.project .blockhead p{color:#b1c8d7}
.project .blocks{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}
.project figure{margin:0;position:relative;min-width:0}
.project img{width:100%;height:420px;object-fit:cover}
.project figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 22px 24px;background:linear-gradient(transparent,#0a2136e3);font-weight:800;font-size:13px;letter-spacing:.055em}
.project figcaption strong{font:700 31px/1.1 'Space Grotesk';display:block;letter-spacing:-.04em;margin-top:8px}
.call{padding:110px 0;background:#d1e1e9}
.call .wrap{display:grid;grid-template-columns:1.12fr .88fr;align-items:end;gap:40px}
.call h2{font-size:clamp(63px,7.5vw,119px);line-height:.9;margin:17px 0 0}
.call p{font-size:14px;line-height:1.85;color:#527286;max-width:430px}
.call a.pillbtn{background:#173f5b;color:white}
.call small{display:block;margin-top:20px;color:#355870;font-weight:800;font-size:11px}
footer{padding:35px 0;background:#0b283c;color:#b5cbd8}
footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:11px;align-items:center}
@media(max-width:1120px){.hero-statement{padding:42px 29px}.hero-statement h1{font-size:clamp(61px,7vw,85px)}.hero-bottom{display:block}.hero-bottom .pillbtn{margin-top:23px}.tile .inside{padding:22px}.tile h3{font-size:30px}.process .wrap{gap:28px}}
@media(max-width:800px){.hero-content{grid-template-columns:1fr}.hero-statement{min-height:520px}.hero-statement h1{font-size:clamp(63px,10vw,96px)}.hero-right{grid-template-rows:380px 175px;margin-top:12px}.technical-strip .wrap{grid-template-columns:1fr 1fr}.technical-strip div:nth-child(2){border-right:0}.blockhead{display:block}.blockhead p{margin-top:20px}.tilegrid{grid-template-columns:1fr}.tile{display:grid;grid-template-columns:43% 57%}.tile .view{height:100%;min-height:280px}.tile p{min-height:0}.process .wrap{grid-template-columns:1fr}.project .blocks{grid-template-columns:1fr 1fr}.call .wrap{grid-template-columns:1fr}}
@media(max-width:560px){.nav{min-height:73px}.hero{padding:35px 0 55px}.hero-top span:last-child{display:none}.hero-statement{min-height:510px;padding:35px 24px}.hero-statement h1{font-size:clamp(56px,11.7vw,73px)}.hero-right{grid-template-rows:280px 135px}.hero-chip{padding:13px}.hero-chip .big{font-size:26px}.hero-secondary .serial{font-size:8px}.technical-strip div{padding:20px 10px}.technical-strip span{font-size:13px}.capabilities,.project{padding:70px 0}.blockhead h2{font-size:clamp(50px,11.2vw,69px)}.tile{display:block}.tile .view{height:245px;min-height:0}.process{padding:75px 0}.process h2{font-size:clamp(48px,11vw,72px)}.process .bento{grid-template-rows:210px 165px;gap:8px}.project .blocks{grid-template-columns:1fr}.project img{height:300px}.call{padding:70px 0}.call h2{font-size:clamp(57px,12.5vw,78px)}footer .wrap{flex-direction:column;align-items:start}}

/* LCC client-selected 2026 engineering direction */
html{scroll-padding-top:110px}
body{overflow-x:clip}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.skip-link{position:absolute;top:-100px;left:14px;z-index:500;background:#fff;padding:14px 19px;font-weight:800}
.skip-link:focus{top:12px}
.review-notice{background:#d1dfe9;color:#254e68;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(4%,calc((100% - 1510px)/2));font:800 9px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.13em}
.navbar{z-index:80}
.nav>.brand img{width:167px;height:auto;aspect-ratio:472/186;flex:0 0 167px;object-fit:contain}
.nav>.brand{gap:16px}
.nav>.brandname{font-size:14px}
.hero-statement h1{font-size:clamp(57px,6.6vw,110px)}
.hero-right{grid-template-rows:minmax(0,1fr) 175px}
.hero-top .left{white-space:normal}
.video-feature{background:#0d2a3f;color:#eaf4f8;padding:84px 0 97px}
.video-layout{display:grid;grid-template-columns:minmax(0,.69fr) minmax(0,1.31fr);gap:clamp(30px,4.5vw,77px);align-items:center}
.video-tag{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#8eb2c7;font-size:10px;font-weight:800;letter-spacing:.12em}
.video-tag .tag{color:#afd1e1}
.video-copy h2{font:700 clamp(60px,6.5vw,96px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.082em;margin:32px 0 24px}
.video-copy h2 span{color:#a9ccdf}
.video-copy>p:not(.video-soundtrack){font-size:15px;line-height:1.85;color:#b6cbd7;max-width:440px}
.video-stats{display:flex;gap:34px;padding-top:26px;margin-top:34px;border-top:1px solid #7190a15e}
.video-stats>span{font:700 32px/1 'Space Grotesk';color:#d7e9f2;letter-spacing:-.04em}
.video-stats small{display:block;font:800 9px/1.5 'DM Sans',Arial;letter-spacing:.1em;color:#8badbf;margin-top:8px}
.video-soundtrack{font-size:11px;color:#9eb9ca;line-height:1.6;margin:27px 0 0}
.video-screen{position:relative;min-width:0;overflow:hidden;aspect-ratio:16/9;background:#244a60;border:1px solid #5f8397;box-shadow:0 25px 48px #05172666}
.video-screen>video{width:100%;height:100%;display:block;object-fit:cover;background:#0a273a}
.video-play{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:linear-gradient(180deg,#071e2b12 0%,#071e2b18 40%,#071e2b9b 100%);color:#fff;font:800 11px/1 'DM Sans',Arial;letter-spacing:.14em;transition:background .2s}
.video-play:hover{background:linear-gradient(180deg,#071e2b11 0%,#0c344443 50%,#0a263db9 100%)}
.video-play[hidden]{display:none!important}
.play-symbol{display:grid;place-items:center;width:93px;height:93px;border-radius:50%;border:1px solid #c2d9e7;background:#e8f3f2ed;color:#183f57;font-size:27px;box-shadow:0 12px 35px #05182780;padding-left:5px}
.video-corner-label{position:absolute;left:17px;top:17px;z-index:2;background:#0b293ddf;color:white;font:800 9px/1.5 'DM Sans',Arial;letter-spacing:.13em;padding:9px 13px;pointer-events:none;display:flex;gap:8px;align-items:center}
.rec-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bad5e4}
.process .bento{grid-template-rows:260px 230px}
.project .blocks{grid-template-columns:1.45fr 1fr;grid-template-rows:260px 260px;gap:15px}
.project figure:first-child{grid-row:span 2}
.project .blocks figure{min-width:0;overflow:hidden}
.project .blocks figure img{height:100%;width:100%;object-fit:cover}
.project .gallery-item{width:100%;height:100%;display:block;padding:0;border:0;background:#20445d;color:white;text-align:left;overflow:hidden}
.project .gallery-item>img{transition:transform .4s ease,filter .4s ease;filter:saturate(.85)}
.project .gallery-item:hover>img{transform:scale(1.03);filter:saturate(1)}
.project .gallery-item:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#071d2caa);pointer-events:none}
.project .gallery-caption{position:absolute;right:18px;top:18px;background:#0d3046d9;color:#e9f6ff;padding:10px 13px;z-index:2;font:800 10px 'DM Sans';letter-spacing:.08em}
.project .blocks figcaption{pointer-events:none;z-index:2}
.supplier-section{padding:85px 0;background:#e4edf2;border-top:1px solid #bad0da}
.supplier-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.supplier-copy h2{font:700 clamp(52px,5vw,82px)/.95 'Space Grotesk';letter-spacing:-.075em;margin:25px 0 15px}
.supplier-copy p{font-size:15px;line-height:1.8;color:#536d7e}
.supplier-copy small{display:block;max-width:520px;color:#638092;font-size:11px;line-height:1.8}
.supplier-icons{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #c0d2de;background:#f9fbfc;padding:28px}
.supplier-icons>div{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;text-align:center}
.supplier-icons img{width:100%;max-width:218px;height:94px;object-fit:contain;mix-blend-mode:multiply}
.supplier-icons strong{font-size:12px;color:#234b67;margin-top:8px}
.supplier-icons small{font-size:10px;color:#809cad;margin-top:5px;font-weight:800}
.supplier-icons .forward{font-size:30px;color:#668daa}
.call{background:#cfe2ec}
.contact-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:start;gap:clamp(35px,5vw,90px)}
.contact-content h2{font-size:clamp(55px,5.5vw,88px);line-height:.93;letter-spacing:-.065em}
.contact-content h2 em{font-style:normal;color:#6189a2}
.contact-content p{font-size:14px;margin:22px 0 26px}
.contact-phone{display:inline-flex;align-items:center;gap:20px;margin:0 0 12px;font:700 36px/1.2 'Space Grotesk';letter-spacing:-.04em;color:#153d57}
.contact-phone span{font-size:26px}
.contact-email{display:block;width:fit-content;border-bottom:1px solid #799caa;font-size:14px;font-weight:700;padding-bottom:5px}
.contact-content small{line-height:1.85}
.quote-form-container{min-width:0}
.quote-form{position:relative;background:#fff;border:1px solid #bed0da;padding:40px;box-shadow:0 20px 45px #15374b15}
.form-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:13px}
.form-head>div>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#557c92}
.form-head h3{font:700 clamp(29px,3.1vw,45px)/.97 'Space Grotesk';margin:7px 0 0;letter-spacing:-.055em}
.form-head-index{font-size:11px;font-weight:800;white-space:nowrap;color:#7997a7;letter-spacing:.06em}
.form-intro{font-size:13px;line-height:1.7;color:#6c8493;margin:0 0 22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.quote-form>label,.form-row>label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px;font-weight:800;color:#345970}
.quote-form input:not([type=hidden]),.quote-form select,.quote-form textarea{width:100%;min-width:0;background:#f7fafc;color:#12344b;border:1px solid #cedee6;border-radius:0;padding:12px 13px;font-size:13px;font-family:'DM Sans',sans-serif;line-height:1.4;outline-offset:2px}
.quote-form textarea{min-height:118px;resize:vertical}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#1c597c}
.quote-form .hp-field{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-privacy{font-size:11px;color:#667f90;line-height:1.6}
.form-privacy a{text-decoration:underline;text-underline-offset:2px}
.form-submit{display:flex;justify-content:space-between;align-items:center;width:100%;background:#153d58;color:white;border:0;padding:18px 20px;min-height:54px;font-size:11px;font-weight:800;letter-spacing:.1em}
.form-submit:disabled{opacity:.65;cursor:wait}
.form-submit span{font-size:19px}
.form-message{font-size:12px;margin-top:15px;line-height:1.7;color:#627e8f}
.form-message a{text-decoration:underline}
.footer-main{padding:42px 0 25px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.footer-identity{display:flex;align-items:center;gap:15px}
.footer-identity img{width:140px;height:auto;background:#fff;padding:7px}
.footer-identity span{font:700 15px/1.2 'Space Grotesk';letter-spacing:-.02em}
.footer-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.12em}
.footer-bottom{border-top:1px solid #315268;padding:24px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;color:#a5bdcb;letter-spacing:.08em}
.lightbox{border:1px solid #4e7288;background:#0c273c;color:#fff;padding:45px 15px 17px;max-width:94vw;max-height:93vh;position:fixed;margin:auto}
.lightbox::backdrop{background:#031421e6}
.lightbox img{max-width:90vw;max-height:73vh;object-fit:contain}
.lightbox p{text-align:center;font-size:13px}
.lightbox-close{position:absolute;top:0;right:10px;color:#fff;background:none;border:0;font-size:32px}
@media(max-width:1150px){
 .nav>.brand img{width:144px;flex-basis:144px}
 .video-layout{grid-template-columns:.8fr 1.2fr;gap:26px}
 .video-copy h2{font-size:clamp(51px,5.7vw,78px)}
}
@media(max-width:800px){
 .nav>.brand img{width:139px;flex-basis:139px}
 .video-layout,.supplier-wrap{grid-template-columns:1fr}
 .video-feature{padding:67px 0}
 .video-copy{max-width:680px}
 .video-copy h2{font-size:clamp(54px,10vw,84px)}
 .video-screen{max-width:920px}
 .project .blocks{grid-template-columns:1fr 1fr;grid-template-rows:350px 240px}
 .project figure:first-child{grid-column:span 2;grid-row:span 1}
 .contact-layout{grid-template-columns:1fr}
 .contact-content h2{font-size:clamp(60px,10vw,90px)}
}
@media(max-width:560px){
 .review-notice{padding:8px 18px;font-size:8px;letter-spacing:.06em}
 .nav>.brand img{width:112px;flex-basis:112px}
 .nav>.brand{gap:9px}
 .nav .brandname{font-size:10px}
 .video-feature{padding:53px 0 63px}
 .video-copy h2{font-size:clamp(50px,11.8vw,68px)}
 .video-copy>p:not(.video-soundtrack){font-size:13px}
 .video-stats{gap:22px;margin-top:23px}
 .video-stats>span{font-size:26px}
 .play-symbol{width:65px;height:65px;font-size:21px}
 .video-corner-label{font-size:7px;padding:6px 8px;left:8px;top:8px}
 .video-play{font-size:9px;gap:10px}
 .video-screen{aspect-ratio:16/9}
 .project .blocks{grid-template-columns:1fr;grid-template-rows:300px 240px 240px}
 .project figure:first-child{grid-column:span 1}
 .supplier-section{padding:60px 0}
 .supplier-copy h2{font-size:clamp(45px,10.5vw,59px)}
 .supplier-icons{gap:7px;padding:17px 8px}
 .supplier-icons .forward{font-size:21px}
 .supplier-icons img{height:72px}
 .contact-content h2{font-size:clamp(53px,11vw,69px)}
 .quote-form{padding:27px 22px}
 .form-row{grid-template-columns:1fr;gap:0}
 .form-head-index{font-size:9px}
 .footer-main{flex-direction:column;align-items:start}
 .footer-links{gap:15px}
 .footer-bottom{flex-direction:column;gap:8px}
}
@media(max-width:356px){
 .nav>.brand img{width:95px;flex-basis:95px}
 .nav>.brandname{font-size:9px}
 .review-notice{font-size:7px}
 .contact-phone{font-size:29px}
}


/* WCAG AA contrast remediation (Playwright + axe-core) */
.hero-chip .small{color:#345a72}
.capabilities .blockhead>p{color:#4c687d}
.tile .inside>small{color:#42647b}
.supplier-copy>small{color:#496679}
.supplier-icons>div>small{color:#486779}
.contact-content h2 em{color:#446983}
.contact-content>p{color:#3f6077}

/* WCAG AA second-pass form refinements */
.form-head>div>span{color:#486a7e}
.form-head-index{color:#49697d}
.form-message{color:#476779}

/* =====================================================================
   LCC 2027 ART-DIRECTION LAYER
   Owner requested a premium future-forward engineering identity.
   Brand palette: navy / graphite / steel / light concrete grey only.
   ===================================================================== */
:root {
 --lcc-midnight:#081b2c;
 --lcc-deep:#0b273b;
 --lcc-navy:#103650;
 --lcc-steel:#7196b0;
 --lcc-silver:#c9d9e5;
 --lcc-ice:#ebf2f6;
 --lcc-paper:#f6f8fa;
 --lcc-line:#c3d4df;
 --lcc-motion:cubic-bezier(.18,.8,.2,1);
}
html { scroll-padding-top:110px; }
body { background:var(--lcc-ice); color:#102f44; font-family:'Manrope','DM Sans',sans-serif; }
.wrap { width:min(calc(100% - 88px),1540px); }
::selection { background:#aecbdb; color:#092236; }
.navbar {
 background:rgba(7,25,41,.97);
 border-bottom:1px solid rgba(158,195,216,.22);
 box-shadow:0 12px 30px rgba(4,18,31,.13);
 backdrop-filter:blur(22px);
 -webkit-backdrop-filter:blur(22px);
}
.review-notice {
 background:#d5e1e9; color:#21455c; border-bottom:1px solid #a9c2d2;
 font-family:'Manrope',sans-serif;
 font-size:9px;
}
.nav { min-height:97px; }
.nav>.brand { flex:0 1 auto; gap:17px; }
.nav>.brand img {
 display:block; width:181px; flex-basis:181px; height:72px;
 background:#f4f7f9; padding:10px 12px; border:1px solid rgba(211,234,245,.7);
 object-fit:contain; border-radius:2px;
}
.nav .brandname {
 color:#e9f2f6; font-size:13px; letter-spacing:.035em;
 line-height:1.3; font-weight:800;
}
.desktop-links {
 gap:clamp(17px,2.15vw,38px); 
 margin-left:auto; align-items:center;
 color:#c7d7e0; font-family:'Manrope',sans-serif;
 text-transform:uppercase; letter-spacing:.105em; font-size:10px;
}
.desktop-links a { padding:15px 0; white-space:nowrap; transition:color .2s ease; }
.desktop-links a:hover,.desktop-links a:focus-visible { color:#fff; }
.nav-cta {
 background:#b9d3e1; color:#08283d; border:1px solid #c3dbe8;
 padding-inline:19px; font-size:10px; min-height:47px;
 transition:transform .24s var(--lcc-motion),background .24s;
}
.nav-cta:hover { transform:translateY(-2px); background:#e2eef4; }
.nav-cta span { font-size:18px; }
.hero {
 background:
 radial-gradient(ellipse 55% 75% at 92% 4%,#274b6550,transparent 68%),
 linear-gradient(145deg,#102d41,#061727 85%);
 padding:43px 0 52px;
 isolation:isolate;
}
.hero.gridpaper {
 background-color:var(--lcc-midnight);
 background-image:
  linear-gradient(rgba(168,197,213,.048) 1px,transparent 1px),
  linear-gradient(90deg,rgba(168,197,213,.048) 1px,transparent 1px),
  radial-gradient(ellipse 75% 65% at 92% 6%,#2d58704d,transparent 73%),
  linear-gradient(145deg,#102d41,#061727 86%);
 background-size:54px 54px,54px 54px,auto,auto;
}
.hero-top {
 padding:0 0 25px; border-bottom:1px solid #91b1c74b;
 color:#b6cddc; gap:20px;
}
.hero-top .left { font-family:'Manrope',sans-serif; font-size:11px; letter-spacing:.18em; color:#d0e4ef; }
.hero-top .dot { width:7px;height:7px;background:#a4d1e3;box-shadow:0 0 0 5px #a4d1e31e; }
.hero-top span:last-child { color:#94aec1;font-size:10px;letter-spacing:.12em; }
.hero-content {
 grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
 gap:14px; margin-top:22px;
}
.hero-statement {
 position:relative; overflow:hidden; border:1px solid #b5d5e426;
 background:
  radial-gradient(circle at 100% 0%,#2d526c54,transparent 51%),
  linear-gradient(130deg,#143d55 0%,#0b283c 55%,#071a2a 100%);
 min-height:715px; padding:clamp(33px,4vw,72px);
 display:flex;flex-direction:column;justify-content:space-between;
}
.hero-statement:after {
 position:absolute;content:'LCC / INDUSTRIAL';right:20px;top:48%;
 transform:rotate(-90deg) translateX(50%);
 transform-origin:right top;
 color:#9dc4db23;font:800 13px 'Manrope',sans-serif;letter-spacing:.24em;pointer-events:none;
}
.hero-statement:before {
 content:''; position:absolute; width:210px; height:210px;
 right:-115px;top:-118px;border:1px solid #d7e9f124;transform:rotate(45deg);pointer-events:none;
}
.hero-statement .counter {
 display:flex;align-items:center;gap:15px;
 font:800 10px/1.5 'Manrope',sans-serif;
 letter-spacing:.145em;color:#b9d0de;
}
.counter-line { width:30px;height:2px;background:#9cbfd2;flex:none; }
.hero-statement h1 {
 position:relative; z-index:1;
 font-size:clamp(49px,5.65vw,100px);
 line-height:.99;letter-spacing:-.072em; 
 margin:25px 0 36px;
 color:#f5f9fb;
 text-wrap:balance;
}
.hero-statement h1 span { color:#99bdd2; }
.hero-bottom {
 align-items:end;gap:16px; padding-top:27px;
 border-top:1px solid #a4c9db61;
}
.hero-bottom p {
 color:#c2d8e5; font:500 14px/1.74 'Manrope',sans-serif;
 max-width:350px;letter-spacing:-.015em;
}
.hero-bottom .pillbtn {
 background:#cae0ec;color:#103249; 
 min-height:58px; padding:17px 17px;
 font:800 10px/1.2 'Manrope',sans-serif;
 letter-spacing:.035em;
 transition:background .2s,transform .2s var(--lcc-motion);
 white-space:normal;
}
.hero-bottom .pillbtn:hover { background:#f1f8fc;transform:translateY(-3px); }
.hero-bottom .pillbtn span { font-size:20px; }
.hero-micro {
 display:flex;align-items:center;justify-content:space-between;
 gap:8px;margin-top:25px;
 font:800 9px/1.3 'Manrope',sans-serif;color:#9db9c9;
 letter-spacing:.07em;text-transform:uppercase;
}
.hero-micro span{white-space:normal}
.hero-micro span+span:before{content:'●';font-size:5px;vertical-align:middle;margin-right:14px;color:#a6cbdc}
.hero-right{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);grid-template-rows:minmax(0,1fr) 175px;gap:14px}
.hero-primary{border:1px solid #b2d2e529;background:#24485f}
.hero-primary img{object-fit:cover;object-position:center center;filter:saturate(.88) contrast(1.06);transition:transform .8s var(--lcc-motion)}
.hero-primary:hover img{transform:scale(1.025)}
.hero-primary:after{
 background:linear-gradient(0deg,#041a2be8 0%,#08213340 38%,#0f2a4112 72%,#091e2d33);
}
.hero-primary .overlay{
 left:34px;right:34px;bottom:30px;align-items:end;
}
.hero-primary .overlay strong{
 font:800 clamp(21px,2vw,32px)/1.05 'Space Grotesk',sans-serif;
 letter-spacing:-.05em;color:#f4f9fc;
}
.hero-primary .overlay span{color:#d5e8f2;font:800 10px/1.5 'Manrope',sans-serif;letter-spacing:.13em;max-width:155px;text-align:right}
.hero-secondary{background:#edf3f6;border:1px solid #acc1cf55}
.hero-secondary img{object-fit:contain;filter:saturate(.75)}
.hero-secondary .serial{font:800 9px/1.4 'Manrope',sans-serif;letter-spacing:.11em;padding:8px 12px}
.hero-chip{
 background:#c7dce8;
 background-image:linear-gradient(90deg,#9cb8c82b 1px,transparent 1px),linear-gradient(#9cb8c82b 1px,transparent 1px);
 background-size:24px 24px;
 padding:26px; border:1px solid #d3e4ee3d;
}
.hero-chip .small{color:#32566c;font-size:10px;line-height:1.55;letter-spacing:.09em}
.hero-chip .big{font:800 clamp(27px,2.8vw,46px)/.99 'Space Grotesk';letter-spacing:-.07em;color:#11354c}
.hero-chip .arrow{font:800 11px 'Manrope';letter-spacing:.12em;align-self:start;color:#315875}
.technical-strip{background:#dce9ef;border-block:1px solid #b0c7d5}
.technical-strip .wrap{gap:0}
.technical-strip .wrap>div{padding:27px 24px;border-right:1px solid #acc5d4;position:relative}
.technical-strip .wrap>div:before{content:'';position:absolute;width:5px;height:5px;right:14px;top:14px;background:#789fb7}
.technical-strip strong{font:800 9px 'Manrope';letter-spacing:.14em;color:#486b80;margin-bottom:12px}
.technical-strip span{font:800 clamp(14px,1.35vw,19px) 'Space Grotesk';letter-spacing:-.045em;color:#1c3f56}
.video-feature{position:relative;background:#071b2b;padding:125px 0;overflow:hidden}
.video-feature:before{content:'';position:absolute;left:-120px;top:-150px;width:600px;height:650px;border-radius:50%;background:radial-gradient(circle,#24557655,transparent 65%);pointer-events:none}
.video-layout{position:relative;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(30px,4vw,85px)}
.video-copy h2{font:700 clamp(64px,7vw,108px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.09em;margin:37px 0 33px}
.video-copy h2 span{color:#9bc0d5}
.video-tag{border-bottom:1px solid #c1d9e132;padding-bottom:19px}
.video-tag .tag,.video-tag>span:last-child{font-size:10px;letter-spacing:.11em}
.video-copy>p:not(.video-soundtrack){font-size:16px;line-height:1.9;color:#b8cedb}
.video-stats{margin-top:44px;border-top:1px solid #88adc159;padding-top:31px;gap:40px}
.video-stats>span{font-size:clamp(32px,3vw,44px)}
.video-stats small{font-size:9px}
.video-soundtrack{max-width:385px;color:#a6bece;font-size:11px;line-height:1.85}
.video-screen{aspect-ratio:16/9;border:7px solid #183b52;box-shadow:0 20px 80px #020e19a8,0 0 0 1px #638da54a;overflow:hidden}
.video-screen:before{content:'';position:absolute;z-index:1;left:0;right:0;top:0;height:20%;background:linear-gradient(#0516277e,transparent);pointer-events:none}
.video-play{font-size:12px;letter-spacing:.12em}
.play-symbol{width:104px;height:104px;transition:transform .22s ease,background .22s}
.video-play:hover .play-symbol{transform:scale(1.07);background:#f5fcff}
.video-corner-label{left:19px;top:19px;border:1px solid #9dbed36b;padding:10px 15px}
.capabilities{background:#f3f7f9;padding:135px 0 138px}
.blockhead{margin-bottom:51px}
.blockhead h2{font-size:clamp(66px,6.8vw,112px);line-height:.93;letter-spacing:-.074em}
.blockhead p{max-width:365px;line-height:1.85;font-size:15px;color:#4e6d83}
.capabilities .tag,.process .tag,.project .tag,.call .tag,.supplier-section .tag{font-size:10px;letter-spacing:.18em}
.tilegrid{gap:20px}
.tile{border:1px solid #c4d4df;border-radius:4px;box-shadow:0 11px 40px #1739500d;overflow:hidden;position:relative;transition:transform .3s var(--lcc-motion),box-shadow .3s ease}
.tile:hover{transform:translateY(-6px);box-shadow:0 24px 46px #0b304b1f}
.tile .view{height:295px}
.tile .view img{transition:transform .65s var(--lcc-motion);filter:saturate(.77) contrast(1.04)}
.tile:hover .view img{transform:scale(1.045)}
.tile .view .coord{left:21px;top:21px;background:#0c2e45e3;border:1px solid #b7d3e55b;font-size:9px;padding:9px 11px}
.tile .inside{padding:34px 30px 37px}
.tile .inside>small{font-size:10px;color:#385c73}
.tile h3{font-size:clamp(29px,3vw,46px);letter-spacing:-.07em;line-height:1.08}
.tile p{font-size:14px;line-height:1.85;color:#526d80}
.tile .meta{margin-top:28px;padding-top:22px;font-size:10px;color:#325873}
.process.gridpaper{
 background-color:#e1ecf2;
 background-image:linear-gradient(#8fb0c21d 1px,transparent 1px),linear-gradient(90deg,#8fb0c21d 1px,transparent 1px);
 background-size:39px 39px;
 padding:145px 0;
}
.process .wrap{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(45px,6vw,110px)}
.process h2{font-size:clamp(60px,6.3vw,109px);line-height:.93;letter-spacing:-.08em;margin:32px 0}
.process h2 em{color:#557e9a}
.process p{color:#4c6a7e;font-size:15px;line-height:1.95}
.process .fine{color:#55788f;font-size:11px}
.process .bento{gap:15px;grid-template-rows:325px 265px}
.process .bento figure{background:#13384e}
.process .bento img{filter:saturate(.85);transition:transform .5s var(--lcc-motion)}
.process .bento figure:hover img{transform:scale(1.04)}
.process .bento figcaption{left:18px;bottom:18px;font-size:10px;padding:11px 15px;background:#0a2b42ef}
.project{padding:145px 0;background:#092136}
.project .blockhead p{color:#bdd2df}
.project .blocks{gap:19px;grid-template-rows:290px 290px}
.project .blocks figure{border:1px solid #90b3c248;border-radius:3px}
.project .gallery-item>img{filter:saturate(.78)}
.project .blocks figcaption{font-size:12px;color:#c5d8e4}
.project .blocks figcaption strong{color:#fff;font-size:clamp(24px,2.25vw,33px)}
.project .gallery-caption{right:16px;top:16px;font-size:9px;padding:11px 13px}
.supplier-section{background:#eef3f7;padding:118px 0}
.supplier-copy h2{font-size:clamp(58px,5.9vw,94px);line-height:.94;letter-spacing:-.075em}
.supplier-copy p{color:#48677b;max-width:555px;font-size:15px}
.supplier-copy small{line-height:1.75;color:#53758a}
.supplier-icons{min-height:285px;border:1px solid #b6ccd9;background:#fff;padding:42px 24px;box-shadow:0 15px 35px #0b364b0b}
.supplier-icons img{height:133px;max-width:260px}
.supplier-icons strong{font-size:13px}
.supplier-icons .forward{color:#577d99}
.call{background:linear-gradient(135deg,#c2d7e3,#dceaf0);padding:136px 0}
.contact-layout{gap:clamp(50px,5.4vw,105px)}
.contact-content h2{font-size:clamp(61px,6vw,108px);line-height:.94;letter-spacing:-.08em}
.contact-content h2 em{color:#456e88}
.contact-content p{font-size:15px;max-width:470px}
.contact-phone{font-size:clamp(27px,3vw,41px)}
.quote-form{padding:clamp(30px,3.3vw,53px);border-color:#b9cfdd;box-shadow:0 20px 65px #102e4816}
.form-head h3{font-size:clamp(32px,3.7vw,52px)}
.quote-form input:not([type=hidden]),.quote-form select,.quote-form textarea{padding:15px 14px;font-size:13px;border-color:#c3d6e2;border-radius:3px}
.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:2px solid #588bac;outline-offset:1px}
.form-submit{padding:19px 23px;background:#143e5a;min-height:61px;transition:background .2s}
.form-submit:hover:not(:disabled){background:#0b2a3e}
footer{background:#071c2d}
.footer-main{padding:51px 0 33px}
.footer-identity img{width:170px}
.footer-links a:hover{text-decoration:underline;text-underline-offset:7px}
@media(max-width:1340px){
 .desktop-links{gap:17px;font-size:9px}
 .nav>.brand img{width:157px;flex-basis:157px;height:65px}
 .nav>.brandname{font-size:11px}
 .nav-cta{padding-inline:14px}
 .hero-statement{padding:36px}
 .hero-statement h1{font-size:clamp(47px,5.15vw,85px)}
 .hero-bottom{display:block}
 .hero-bottom .pillbtn{margin-top:19px;width:fit-content}
 .hero-micro{font-size:8px}
 .hero-micro span+span:before{margin-right:7px}
}
@media(max-width:920px){
 .nav{min-height:86px}
 .nav>.brand img{width:160px;flex-basis:160px;height:63px}
 .nav>.brandname{font-size:11px}
 .mobile-button{display:flex;background:#bbd4e2;color:#0a293c;border:1px solid #c9e3ee;border-radius:2px}
 .menu-lines{position:relative;display:block;width:20px;height:2px;background:#133d56}
 .menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;width:20px;height:2px;background:#133d56}
 .menu-lines:before{top:-7px}.menu-lines:after{top:7px}
 .mobile-links{background:#09263b;color:#eef7fb;border-top:1px solid #83acc35c;box-shadow:0 20px 40px #04142188}
 .mobile-links a{border-color:#93b7cc33;color:#eaf4f8}
 .hero{padding:31px 0 36px}
 .hero-statement{min-height:580px}
 .hero-statement h1{font-size:clamp(55px,8vw,82px)}
 .hero-right{grid-template-rows:minmax(0,1fr) 170px}
 .video-layout{grid-template-columns:1fr;gap:50px}
 .video-copy h2{font-size:clamp(67px,9vw,105px)}
 .video-copy>p:not(.video-soundtrack){max-width:600px}
 .video-screen{max-width:100%}
 .tilegrid{gap:14px}
 .tile .inside{padding:27px 24px}
 .tile .view{height:250px}
 .blockhead h2{font-size:clamp(56px,8vw,95px)}
 .process .wrap{grid-template-columns:1fr;gap:46px}
 .process h2{font-size:clamp(65px,9vw,95px)}
 .process .bento{grid-template-rows:300px 210px}
 .supplier-wrap{grid-template-columns:1fr;gap:38px}
 .contact-layout{grid-template-columns:1fr;gap:55px}
 .contact-content h2{font-size:clamp(66px,9vw,95px)}
}
@media(max-width:800px){
 .hero-content{grid-template-columns:1fr;gap:12px}
 .hero-statement{min-height:540px}
 .hero-right{grid-template-rows:400px 170px}
 .hero-micro{font-size:9px}
 .technical-strip .wrap{grid-template-columns:1fr 1fr}
 .technical-strip .wrap>div{padding:22px 18px}
 .technical-strip .wrap>div:nth-child(2){border-right:0}
 .tilegrid{grid-template-columns:1fr}
 .tile{display:grid;grid-template-columns:43% 57%}
 .tile .view{height:100%;min-height:285px}
 .tile h3{font-size:clamp(29px,4vw,40px)}
 .tile p{min-height:0}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 32px)}
 .review-notice{font-size:7.3px;letter-spacing:.035em;padding:7px 16px}
 .nav{min-height:74px}
 .nav>.brand img{width:116px;flex-basis:116px;height:48px;padding:6px}
 .nav>.brandname{font-size:9.4px;line-height:1.25}
 .nav>.brand{gap:9px}
 .hero{padding:21px 0 25px}
 .hero-top{gap:8px;padding-bottom:15px;align-items:start}
 .hero-top .left{font-size:9px;letter-spacing:.1em}
 .hero-top span:last-child{display:none}
 .hero-content{margin-top:14px}
 .hero-statement{min-height:505px;padding:29px 24px 26px}
 .hero-statement h1{font-size:clamp(47px,11.4vw,67px);line-height:1.02;margin:28px 0}
 .hero-statement .counter{font-size:8.7px;letter-spacing:.07em}
 .hero-statement:after{display:none}
 .hero-bottom{padding-top:21px}
 .hero-bottom p{font-size:13px;line-height:1.7}
 .hero-bottom .pillbtn{width:100%;margin-top:17px;justify-content:space-between;font-size:10px;min-height:54px}
 .hero-micro{margin-top:20px;gap:8px;flex-wrap:wrap;justify-content:flex-start;font-size:8px}
 .hero-micro span+span:before{font-size:4px;margin-right:7px}
 .hero-right{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:320px 150px;gap:9px}
 .hero-primary .overlay{left:16px;right:16px;bottom:19px}
 .hero-primary .overlay strong{font-size:23px}
 .hero-primary .overlay span{font-size:7px;max-width:110px}
 .hero-secondary .serial{font-size:7px;left:7px;bottom:7px;padding:6px}
 .hero-chip{padding:16px 12px}
 .hero-chip .small{font-size:8px}
 .hero-chip .big{font-size:clamp(24px,6vw,31px)}
 .hero-chip .arrow{font-size:9px}
 .technical-strip .wrap>div{padding:19px 13px}
 .technical-strip strong{font-size:8px;margin-bottom:7px}
 .technical-strip span{font-size:13px}
 .video-feature{padding:76px 0}
 .video-layout{gap:33px}
 .video-copy h2{font-size:clamp(57px,13vw,75px);margin:23px 0}
 .video-copy>p:not(.video-soundtrack){font-size:13px;line-height:1.8}
 .video-stats{margin-top:24px;padding-top:19px}
 .video-stats>span{font-size:30px}
 .video-screen{border-width:4px}
 .play-symbol{width:71px;height:71px;font-size:20px}
 .video-corner-label{left:8px;top:8px;font-size:7px;padding:7px 9px}
 .video-play{font-size:9px;gap:9px}
 .capabilities,.process.gridpaper,.project,.supplier-section,.call{padding-block:80px}
 .blockhead{margin-bottom:26px}
 .blockhead h2{font-size:clamp(55px,12vw,77px)}
 .blockhead p{font-size:13px}
 .tile{display:block}
 .tile .view{height:260px;min-height:0}
 .tile .inside{padding:27px 23px}
 .tile h3{font-size:clamp(31px,9.3vw,42px)}
 .tile p{font-size:13px}
 .process h2{font-size:clamp(55px,12vw,73px)}
 .process p{font-size:13px}
 .process .bento{grid-template-rows:220px 160px;gap:9px}
 .process .bento figcaption{left:8px;bottom:8px;font-size:8px;padding:7px 9px}
 .project .blocks{grid-template-columns:1fr;grid-template-rows:310px 260px 260px;gap:12px}
 .project figure:first-child{grid-column:span 1}
 .project .blocks figcaption strong{font-size:23px}
 .supplier-copy h2{font-size:clamp(52px,11vw,68px)}
 .supplier-icons{min-height:0;padding:20px 12px;gap:9px}
 .supplier-icons img{height:105px;max-width:180px}
 .supplier-icons .forward{font-size:21px}
 .contact-content h2{font-size:clamp(54px,11vw,72px)}
 .contact-phone{font-size:29px}
 .quote-form{padding:28px 21px}
 .form-head h3{font-size:35px}
 .footer-main{padding-top:30px}
 .footer-identity img{width:125px}
 .footer-links{gap:16px}
}
@media(max-width:365px){
 .nav>.brand img{width:100px;flex-basis:100px}
 .nav>.brandname{font-size:8.5px}
 .hero-statement{padding:24px 18px}
 .hero-statement h1{font-size:45px}
 .hero-primary .overlay{align-items:start;flex-direction:column;gap:7px}
 .hero-primary .overlay span{max-width:none;text-align:left}
 .hero-chip .big{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* REV27 FINAL SUPPLIER CONTRAST */
.supplier-copy small{color:#36546b}

/* Mobile-first project photography: put Barry\047s work above the headline on narrow screens. */
@media(max-width:600px){
 .hero-content{display:flex;flex-direction:column;gap:0}
 .hero-right{order:0;display:block;position:relative;height:305px;min-height:0}
 .hero-primary{height:100%;width:100%;display:block}
 .hero-primary img{width:100%;height:100%;object-fit:cover;object-position:center center}
 .hero-secondary,.hero-chip{display:none}
 .hero-statement{order:1;z-index:2;min-height:0;margin-top:-8px;padding:29px 24px 27px}
 .hero-statement h1{font-size:clamp(44px,11vw,64px);margin:29px 0 25px;line-height:.99}
 .hero-bottom{padding-top:19px}
 .hero-bottom p{font-size:13px}
 .hero-primary .overlay{bottom:17px;left:17px;right:17px}
 .hero-primary .overlay strong{font-size:22px}
}
@media(max-width:365px){
 .hero-right{height:280px}
 .hero-statement{padding-inline:20px}
 .hero-statement h1{font-size:44px}
}


/* v11: linked technical service details and standalone real-work gallery. */
.tile-detail-link{display:flex;align-items:center;justify-content:space-between;gap:18px;
  color:#214963!important;transition:color .2s ease,transform .2s ease}
.tile-detail-link:hover{color:#071e2c!important;transform:translateX(2px)}
.tile-detail-link:focus-visible{outline:3px solid #397497;outline-offset:5px}
.tile-detail-link span:last-child{font-size:23px}
.portfolio-more{margin-top:31px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;border-top:1px solid #83a8bd6b;padding:30px 0 0}
.portfolio-more>span{color:#b3d0e0;font-size:11px;letter-spacing:.16em;font-weight:800}
.portfolio-more>a{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;
  padding:18px 24px;background:#d2e5ee;color:#123d58;
  font-size:11px;font-weight:800;letter-spacing:.08em;transition:background .2s ease,transform .2s ease}
.portfolio-more>a:hover{background:#f0f7fb;transform:translateY(-2px)}
.portfolio-more>a span{font-size:22px}
@media(max-width:700px){.portfolio-more{align-items:stretch;flex-direction:column;gap:15px}
.portfolio-more>a{width:100%}}

/* v13 / full-frame portrait footage + accessible project image navigation */
.video-screen{
  isolation:isolate;
  aspect-ratio:4/3;
  max-height:670px;
  min-height:330px;
  background:#0a2437;
  overflow:hidden;
}
.video-screen::after{
  content:"";
  position:absolute;
  inset:-32px;
  background-image:linear-gradient(90deg,#071c2bb3,#173a4c42 50%,#071c2bb3),url("assets/lcc-video-poster.webp");
  background-size:cover;
  background-position:center;
  filter:blur(24px) saturate(.65);
  opacity:.75;
  z-index:0;
  pointer-events:none;
}
.video-screen::before{z-index:1;pointer-events:none}
.video-screen>video{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain!important;
  background:transparent!important;
}
.video-screen .video-play{z-index:4}
.video-screen .video-corner-label{z-index:5}
.lightbox{width:min(96vw,1200px);padding:56px 18px 20px;border-radius:4px}
.lightbox img{display:block;margin:0 auto;max-width:100%;max-height:min(71vh,860px);object-fit:contain}
.lightbox-close{top:5px;right:12px;padding:2px 11px;font-size:34px;min-width:44px;min-height:44px}
.lightbox-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:13px;border-top:1px solid #9fbdd049;padding-top:13px}
.lightbox-bottom>button{display:grid;place-items:center;min-width:48px;min-height:48px;background:#d1e6f1;color:#0b2b40;border:0;font-size:25px;transition:background .16s ease}
.lightbox-bottom>button:hover{background:#f4fbff}
.lightbox-bottom .lightbox-context{min-width:0;text-align:center}
.lightbox-bottom p{margin:0 0 5px;font-size:13px;line-height:1.45;color:#eff6fa}
.lightbox-count{font:800 10px/1.4 'Manrope',sans-serif;color:#b7d3e2;letter-spacing:.13em}
@media(max-width:700px){
 .video-screen{aspect-ratio:3/4;max-height:620px;min-height:0}
 .lightbox{width:96vw;max-width:96vw;padding:48px 9px 12px}
 .lightbox img{max-height:65vh}
 .lightbox-bottom{gap:9px}
 .lightbox-bottom p{font-size:11px}
 .lightbox-bottom>button{min-width:42px;min-height:44px}
}
@media(max-width:380px){
 .video-screen{aspect-ratio:3/4}
 .lightbox-bottom{gap:5px}
 .lightbox-bottom>button{min-width:39px}
}


/* v14 / Barry Smith's concrete-first image direction — 26 October 2026 */
.hero .hero-statement h1.v14-hero-title{
  font-size:clamp(40px,3.55vw,63px);
  line-height:.98;
  letter-spacing:-.067em;
  text-wrap:initial;
  margin:26px 0 29px;
}
.hero .hero-statement h1.v14-hero-title span{color:#a9d3e8}
.hero .hero-statement .counter{color:#b9d8e8}
.hero .hero-statement{min-height:680px}
.hero .hero-right .hero-primary img{object-position:center 51%;filter:saturate(.76) contrast(1.06)}
.hero .hero-right .hero-secondary img{object-fit:cover;object-position:50% 57%;filter:saturate(.82)}
.hero .hero-primary .overlay strong{font-size:clamp(21px,2.1vw,35px)}
.hero .hero-micro span{font-size:9px}
.v14-featured{padding:112px 0 126px;background:#eef4f7;color:#10344b;position:relative}
.v14-featured:before{content:'';position:absolute;inset:0 auto 0 0;width:100%;pointer-events:none;background:linear-gradient(90deg,#4b7b9924 1px,transparent 1px);background-size:72px 72px;opacity:.18}
.v14-featured .wrap{position:relative}
.v14-featured-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:clamp(30px,4vw,72px);padding-bottom:34px;border-bottom:1px solid #a5bdcb}
.v14-eyebrow{display:inline-flex;align-items:center;gap:13px;font:800 10px/1.4 'Manrope',sans-serif;letter-spacing:.19em;color:#315970}
.v14-blue-square{width:9px;height:9px;display:inline-block;background:#537f99;box-shadow:0 0 0 5px #537f9921}
.v14-featured-heading h2{font:700 clamp(56px,6.1vw,105px)/.91 'Space Grotesk',sans-serif;letter-spacing:-.082em;margin:26px 0 0;color:#0d344d}
.v14-featured-heading h2 em{font-style:normal;color:#658da6}
.v14-featured-heading>p{margin:0 0 3px;color:#426780;font:500 16px/1.9 'Manrope',sans-serif;max-width:445px}
.v14-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:39px;align-items:stretch}
.v14-app-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #afc8d7;box-shadow:0 16px 44px #244e6710;transition:transform .27s ease,box-shadow .27s ease}
.v14-app-card:hover{transform:translateY(-5px);box-shadow:0 23px 50px #244e6725}
.v14-app-photo{position:relative;display:block;width:100%;height:clamp(230px,25vw,363px);overflow:hidden;background:#416882}
.v14-app-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.07);transition:transform .64s cubic-bezier(.18,.8,.2,1),filter .3s}
.v14-app-card:nth-child(1) .v14-app-photo img{object-position:center 68%}
.v14-app-card:nth-child(2) .v14-app-photo img{object-position:center 67%}
.v14-app-card:nth-child(3) .v14-app-photo img{object-position:center 66%}
.v14-app-photo:hover img{transform:scale(1.055);filter:saturate(.96)}
.v14-app-photo:after{position:absolute;content:'';inset:60% 0 0;background:linear-gradient(transparent,#051c2a80);pointer-events:none}
.v14-photo-label{position:absolute;z-index:2;top:16px;left:17px;background:#0c344eec;color:#e7f4f9;padding:11px 14px;border:1px solid #a9cbda5c;font:800 10px/1.2 'Manrope',sans-serif;letter-spacing:.12em}
.v14-photo-crosshair{position:absolute;z-index:2;right:19px;bottom:15px;color:#f2faff;font:400 36px/1 'Space Grotesk'}
.v14-app-copy{min-height:315px;padding:31px 29px 27px;display:flex;flex:1;flex-direction:column}
.v14-app-kicker{font:800 9px/1.5 'Manrope',sans-serif;color:#537d98;letter-spacing:.12em}
.v14-app-copy h3{font:700 clamp(28px,2.7vw,44px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:#123b54;margin:20px 0 15px}
.v14-app-copy p{font:500 13px/1.8 'Manrope',sans-serif;color:#486b80;margin:0 0 25px}
.v14-app-copy>a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #c5d8e3;padding-top:19px;margin-top:auto;font:800 10px/1.5 'Manrope',sans-serif;letter-spacing:.08em;color:#19445e}
.v14-app-copy>a:hover{color:#0b1f2e}
.v14-app-copy>a span{font-size:21px}
.v14-load-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:445px;margin-top:20px;background:#0b2a40;color:white;border:1px solid #7999aa55}
.v14-load-image{position:relative;min-height:410px;overflow:hidden}
.v14-load-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.75)}
.v14-load-image:after{content:'';position:absolute;inset:63% 0 0;background:linear-gradient(transparent,#061b2b9d)}
.v14-load-image>span{z-index:2;position:absolute;bottom:27px;left:26px;font:800 10px/1.4 'Manrope',sans-serif;letter-spacing:.14em;color:#f2f8fb}
.v14-load-statement{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(29px,3.6vw,58px);min-width:0;background-image:linear-gradient(90deg,#b2d5ea0b 1px,transparent 1px),linear-gradient(#b2d5ea0b 1px,transparent 1px);background-size:35px 35px}
.v14-load-statement .v14-eyebrow{color:#c2d9e5}
.v14-load-statement h3{font:700 clamp(52px,5.2vw,80px)/.95 'Space Grotesk';letter-spacing:-.08em;margin:28px 0 23px}
.v14-load-statement h3 em{color:#8ebdd8;font-style:normal}
.v14-load-statement>p{font:500 14px/1.84 'Manrope',sans-serif;color:#c5d8e3;margin:0 0 23px;max-width:460px}
.v14-load-statement>a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border-top:1px solid #b5d5e44f;padding:19px 0 0;margin-top:auto;font:800 10px/1.45 'Manrope',sans-serif;letter-spacing:.09em;color:#d8ebf5}
.v14-load-statement>a span{font-size:19px}
.v14-app-card a:focus-visible,.v14-load-statement a:focus-visible{outline:3px solid #2582ab;outline-offset:4px}
@media(max-width:1100px){
 .hero .hero-statement h1.v14-hero-title{font-size:clamp(38px,4.5vw,53px)}
 .hero .hero-statement{min-height:650px}
 .v14-app-copy{padding:24px 20px}
 .v14-app-copy h3{font-size:clamp(29px,3.2vw,38px)}
 .v14-featured-heading h2{font-size:clamp(57px,6.8vw,81px)}
}
@media(max-width:850px){
 .hero .hero-statement h1.v14-hero-title{font-size:clamp(48px,7.6vw,72px)}
 .hero .hero-statement{min-height:530px}
 .v14-featured{padding:85px 0}
 .v14-featured-heading{grid-template-columns:1fr;gap:24px}
 .v14-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v14-app-card:last-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .v14-app-card:last-child .v14-app-photo{height:100%;min-height:285px}
 .v14-load-detail{grid-template-columns:1fr}
 .v14-load-image{min-height:330px;height:360px}
}
@media(max-width:600px){
 .hero .hero-statement h1.v14-hero-title{font-size:clamp(38px,8.9vw,53px);line-height:1.01}
 .hero .hero-statement{padding:34px 22px;min-height:540px}
 .hero .hero-right .hero-primary img{object-position:center 40%}
 .v14-featured{padding:74px 0 82px}
 .v14-featured-heading h2{font-size:clamp(49px,11.3vw,70px)}
 .v14-featured-heading>p{font-size:14px}
 .v14-app-grid{grid-template-columns:1fr;gap:17px;margin-top:27px}
 .v14-app-card:last-child{grid-column:auto;display:flex}
 .v14-app-photo,.v14-app-card:last-child .v14-app-photo{height:280px;min-height:0}
 .v14-app-copy{min-height:0;padding:25px 24px 23px}
 .v14-app-copy h3{font-size:clamp(32px,8.6vw,43px);margin:14px 0}
 .v14-app-copy p{font-size:13px;margin-bottom:23px}
 .v14-load-detail{margin-top:18px}
 .v14-load-image{height:280px;min-height:0}
 .v14-load-statement{padding:30px 25px 32px}
 .v14-load-statement h3{font-size:clamp(54px,12vw,72px)}
 .v14-load-statement>p{font-size:13px}
}
@media(max-width:380px){
 .hero .hero-statement h1.v14-hero-title{font-size:clamp(34px,9vw,39px)}
 .hero .hero-statement{padding:32px 19px;min-height:510px}
 .v14-app-photo,.v14-app-card:last-child .v14-app-photo{height:240px}
 .v14-featured-heading h2{font-size:49px}
}
@media(prefers-reduced-motion:reduce){
 .v14-app-photo img,.v14-app-card{transition:none!important}
}
/* v14 QA narrow-mobile grid corrections: true minmax tracks, never clip the page. */
@media(max-width:600px){
 .v14-featured-heading{grid-template-columns:minmax(0,1fr)}
 .v14-featured-heading>*{min-width:0}
 .v14-featured-heading h2{font-size:clamp(43px,10.8vw,64px)}
 .supplier-wrap{grid-template-columns:minmax(0,1fr)}
 .supplier-wrap>*,.contact-layout>*{min-width:0}
 .call .wrap{grid-template-columns:minmax(0,1fr)}
 .contact-content h2{font-size:clamp(44px,11.15vw,65px)}
 .contact-content a{overflow-wrap:anywhere}
 .quote-form-container,.quote-form{max-width:100%;min-width:0}
}

/* v15 Equipment & Mechanical Pads uses Barry’s selected pad photo, not the former schematic. */
.tile:has(a[href="/services/mechanical-pads.html"]) .view img{object-position:center 63%;filter:saturate(.88) contrast(1.03)}

/* v16: clear tactile interaction on application cards and accessible focus. */
.v14-app-photo,.tile-detail-link,.gallery-item{touch-action:manipulation}
.v14-app-photo:focus-visible,.tile-detail-link:focus-visible,.gallery-item:focus-visible{outline:3px solid #76bee4;outline-offset:3px}
@media(hover:hover){.v14-app-photo img{transition:transform .35s ease,filter .35s ease}.v14-app-photo:hover img{transform:scale(1.027);filter:contrast(1.045)}}
@media(prefers-reduced-motion:reduce){.v14-app-photo img{transition:none!important;transform:none!important}}


/* v17 — Barry's selected upper / Concept 1 engineered LCC branding.
   Single coherent vector wordmark, with strong contrast on dark navy.
   No generic stock building is represented as client work. */
.nav>.brand{gap:0;flex-shrink:0;align-items:center;min-width:0}
.nav>.brand img{
 width:clamp(222px,23vw,309px);height:auto;aspect-ratio:680/238;max-height:110px;
 object-fit:contain;flex:0 0 auto;padding:0;background:transparent;border:0;
 border-radius:0;filter:drop-shadow(0 3px 7px rgba(0,7,16,.55));
 transition:filter .2s ease,transform .2s ease;
}
.nav>.brand:hover img,.nav>.brand:focus-visible img{
 filter:drop-shadow(0 0 10px rgba(165,210,237,.25)) drop-shadow(0 3px 7px rgba(0,7,16,.6));
}
.footer-identity{display:flex;align-items:center;min-width:0}
.footer-identity img{
 width:clamp(215px,23vw,282px);height:auto;max-width:100%;
 filter:drop-shadow(0 5px 10px rgba(0,0,0,.33));
}
.nav{min-height:106px}
@media(max-width:1340px){
 .nav>.brand img{width:255px;height:auto;flex-basis:auto}
}
@media(max-width:1100px){
 .nav>.brand img{width:clamp(220px,24vw,265px)}
}
@media(max-width:920px){
 .nav{min-height:91px}
 .nav>.brand img{width:260px;height:auto;flex-basis:auto}
}
@media(max-width:600px){
 .nav{min-height:79px}
 .nav>.brand img{width:clamp(215px,56vw,258px);height:auto;flex-basis:auto;padding:0}
 .footer-identity img{width:240px}
}
@media(max-width:365px){
 .nav>.brand img{width:196px;height:auto;flex-basis:auto}
 .footer-identity img{width:214px}
}
@media(prefers-reduced-motion:reduce){
 .nav>.brand img{transition:none!important}
}
/* v17 ultra-narrow contact heading: prevent the word FOUNDATION from escaping 320px viewport. */
@media(max-width:365px){.contact-content h2{font-size:40px!important}}
/* First-paint safe at 320px even while web fonts are settling. */
@media(max-width:365px){.contact-content h2{font-size:38px!important}}

/* v18 selected LCC brand: ultra-narrow typography that does not push outside 320px screens. */
@media(max-width:365px){
  .blockhead h2{font-size:47px!important}
  .supplier-copy h2{font-size:46px!important}
  .form-head h3{font-size:30px!important}
}

/* Company name replaces the monogram across every public page. */
.company-wordmark{display:flex;flex-direction:column;gap:5px;color:#f4f7f9;white-space:nowrap;font-family:'Space Grotesk',Arial,sans-serif;line-height:1.05;text-align:left}
.company-wordmark>span{font-size:13px;letter-spacing:.26em;font-weight:600;color:#b7cddd}.company-wordmark>strong{font-size:clamp(15px,1.65vw,24px);letter-spacing:-.025em;font-weight:700}
.nav>.brand{width:auto;max-width:60%;flex-shrink:0}.footer-identity .company-wordmark>strong{font-size:20px}.app-guy-credit{padding:0 0 22px;text-align:right;font-size:12px}.app-guy-credit a{color:#dbe8ef;text-decoration:underline}
@media(max-width:920px){.nav>.brand .company-wordmark>strong{font-size:19px}.nav>.brand{max-width:calc(100% - 64px)}}
@media(max-width:600px){.nav>.brand .company-wordmark>strong{font-size:clamp(13px,3.65vw,20px)}.nav>.brand .company-wordmark>span{font-size:10px}.nav{min-height:74px}.footer-identity .company-wordmark>strong{font-size:17px}}