:root{--ink:#151717;--paper:#f2f0e9;--cream:#d7d0bd;--acid:#d2ed4f;--line:#cac8c0;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.topline{height:34px;background:var(--acid);display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.topline a{font-weight:bold}.topline b{font-size:14px;margin-left:6px}.nav{height:90px;display:flex;align-items:center;padding:0 4.2vw;gap:30px;border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:4}.brand{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:800;line-height:.95;letter-spacing:-.04em}.brand i{font-style:normal;font:8px var(--mono);letter-spacing:.05em}.brand-mark{height:38px;width:38px;border-radius:50%;background:var(--ink);color:var(--acid);display:grid;place-items:center;font:11px var(--mono)}nav{display:flex;gap:26px;margin-left:auto;font-size:12px;font-weight:700}nav a{opacity:.55}nav a.active,nav a:hover{opacity:1}.button{display:inline-flex;align-items:center;gap:24px;background:var(--acid);padding:15px 19px;color:var(--ink);font-weight:800;font-size:12px;transition:.25s}.button span{font-size:17px}.button:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--ink)}.button-small{padding:11px 14px;font-size:11px;margin-left:5px}.menu{display:none}.hero{position:relative;min-height:680px;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('hero-warehouse.webp') center/cover no-repeat;animation:slowZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,10,.78),rgba(8,10,10,.22) 65%,rgba(8,10,10,.3))}.hero-content{position:relative;z-index:1;padding:130px 10vw;max-width:780px}.eyebrow{font:11px var(--mono);letter-spacing:.12em;margin:0 0 22px;color:#555}.light{color:var(--cream)}h1,h2,h3,p{margin-top:0}h1,h2{font-size:clamp(46px,7vw,98px);line-height:.95;letter-spacing:-.075em;font-weight:700}h2{font-size:clamp(34px,4.8vw,64px)}em{font-family:Georgia,serif;font-weight:400}h1 em,h2 em{font-style:italic}.hero-copy{font-size:16px;line-height:1.6;max-width:430px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span{font-size:15px;margin-left:10px}.hero-stamp{position:absolute;bottom:0;right:7vw;z-index:1;border-left:1px solid #ffffff66;border-top:1px solid #ffffff66;padding:20px 0 0 20px;width:170px}.hero-stamp span{font:11px var(--mono)}.hero-stamp p{font-size:11px;line-height:1.7;margin-top:34px;letter-spacing:.06em}.section{padding:110px 9vw}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}.lead{font-size:17px;line-height:1.65;max-width:440px}.dark{background:var(--ink);color:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.round-link{height:110px;width:110px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-content:center;text-align:center;font:10px var(--mono);text-transform:uppercase;transition:.25s}.round-link:hover{background:var(--acid);color:var(--ink)}.round-link span{font-size:16px;margin-top:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ffffff33}.service-grid a{min-height:330px;border-right:1px solid #ffffff33;padding:24px;position:relative;transition:.3s}.service-grid a:first-child{border-left:1px solid #ffffff33}.service-grid a:hover{background:#232727}.service-grid span,.steps span,.service-list>article>span{font:11px var(--mono);color:var(--acid)}.service-grid h3{font-size:28px;letter-spacing:-.06em;line-height:1.05;margin:78px 0 12px}.service-grid p{font-size:13px;line-height:1.6;color:#c6c4bc;max-width:240px}.service-grid b{position:absolute;right:22px;bottom:20px;color:var(--acid);font-size:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.steps>div{border-right:1px solid var(--line);padding:22px 25px 0 0;margin-top:0}.steps>div+div{padding-left:25px}.steps h3{margin:62px 0 10px;font-size:19px;letter-spacing:-.04em}.steps p{font-size:13px;line-height:1.6;color:#666}.dark .steps{border-color:#ffffff33}.dark .steps>div{border-color:#ffffff33}.dark .steps p{color:#aaa89f}.cta{background:#1e2422;color:var(--paper);padding:78px 9vw;display:flex;align-items:end;justify-content:space-between}.cta h2{margin-bottom:0}.cream{background:var(--cream)}footer{background:#101111;color:var(--paper);padding:50px 4.2vw 22px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px}footer p{color:#96948d;font-size:12px;max-width:170px}footer div{display:flex;gap:18px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:18px;margin-top:28px;color:#84827b;font:10px var(--mono)}.page-hero{padding:110px 9vw 85px;min-height:450px;background:linear-gradient(120deg,#e1ded5,var(--paper));position:relative;overflow:hidden}.page-hero:after{content:'TSE';position:absolute;right:4vw;bottom:-4vw;color:#dbd8cf;font-size:20vw;font-weight:800;letter-spacing:-.1em;z-index:0}.page-hero>*{position:relative;z-index:1}.page-hero .lead{margin-top:30px}.service-list{padding-top:15px}.service-list>article{display:grid;grid-template-columns:120px 1fr;gap:20px;border-top:1px solid var(--line);padding:55px 0}.service-list h2{font-size:42px;margin-bottom:24px}.service-list p{max-width:580px;line-height:1.6}.service-list ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:30px;font-size:13px}.service-list li:before{content:'↗';color:#6c7e19;margin-right:10px}.projects{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding-top:0}.project.large{grid-row:span 2}.project-photo{height:340px;background-size:cover;background-position:center;filter:grayscale(.35);transition:.5s}.project:hover .project-photo{filter:none;transform:scale(.98)}.large .project-photo{height:650px}.warehouse{background-image:url('hero-warehouse.webp')}.gate{background-image:linear-gradient(135deg,#1e2523aa,#1e252266),url('hero-warehouse.webp');background-position:70% center}.patio{background-image:linear-gradient(135deg,#6b604a55,#1d241e88),url('hero-warehouse.webp');background-position:right bottom}.project div+div{padding-top:17px}.project span{font:10px var(--mono);letter-spacing:.08em;color:#666}.project h2{font-size:25px;margin:8px 0}.project p{font-size:13px;color:#666}.project-note{font-size:19px;line-height:1.45;align-self:end}.project-note a{border-bottom:1px solid}.about-hero{min-height:510px}.values .steps{margin-top:50px;grid-template-columns:repeat(3,1fr)}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;min-height:640px;padding-top:100px}.contact h1{margin-bottom:25px}.contact-details{display:flex;gap:30px;margin-top:50px}.contact-details p{font-size:12px;line-height:1.8}.contact-details b{font:10px var(--mono);text-transform:uppercase;color:#777}.contact-details a{border-bottom:1px solid}form{background:#e4e1d8;padding:35px}label{display:block;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:21px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #a7a49d;background:transparent;padding:11px 0;font:14px var(--sans);outline:0}textarea{resize:vertical}.form-note{font-size:10px;line-height:1.4;color:#6b6963;margin:18px 0 0}@keyframes slowZoom{from{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:800px){.nav{height:72px;padding:0 6vw}.nav nav,.nav>.button{display:none}.menu{display:flex;margin-left:auto;gap:9px;border:0;background:transparent;font:11px var(--mono);text-transform:uppercase}.menu span{font-size:18px}.topline{padding:0 6vw;font-size:8px}.hero{min-height:620px}.hero-content{padding:110px 7vw}.hero-stamp{right:7vw}.section,.page-hero{padding:75px 7vw}.split,.contact{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:1fr}.service-grid a{min-height:220px;border-left:1px solid #ffffff33}.service-grid h3{margin-top:35px}.steps,.values .steps{grid-template-columns:1fr 1fr;gap:25px}.steps>div,.steps>div+div{border:0;padding:15px 0}.steps h3{margin-top:30px}.cta{padding:60px 7vw;display:block}.cta .button{margin-top:28px}.section-head{display:block}.round-link{margin-top:25px}.service-list>article{grid-template-columns:1fr;padding:42px 0}.service-list h2{font-size:34px}.service-list ul{grid-template-columns:1fr}.projects{grid-template-columns:1fr;padding:0 7vw 70px;gap:30px}.large .project-photo{height:390px}.project-photo{height:280px}.contact-details{gap:16px;flex-wrap:wrap}footer{grid-template-columns:1fr;padding:45px 7vw 20px}footer div{flex-wrap:wrap}.hero-actions{gap:18px;flex-wrap:wrap}}
.brand{width:180px;height:64px;background:url('twisted-steel-logo.jpg') center/contain no-repeat;display:block;flex:0 0 auto}.brand>*{display:none}footer .brand{width:170px;height:60px}.service-grid a:after{content:'↗';position:absolute;right:24px;top:22px;width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:17px;transition:.25s}.service-grid a:hover:after{background:var(--acid);color:var(--ink);border-color:var(--acid)}.service-grid a b{display:none}.gate{background-image:url('motorised-gate.webp')}.patio{background-image:url('steel-pergola.webp')}.project-photo{filter:none}.project:hover .project-photo{transform:scale(.985)}.contact-details p:first-child:before{content:'YOUR CONTACT';display:block;font:9px var(--mono);letter-spacing:.1em;color:#6c7e19;margin-bottom:5px}.contact-details p:first-child b{display:none}
.payment-locked{overflow:hidden}.payment-lock{position:fixed;inset:0;z-index:99999;background:#0d0f0f;display:grid;place-items:center;padding:22px;color:#f2f0e9}.payment-lock__panel{width:min(520px,100%);border:1px solid #343838;padding:clamp(28px,6vw,56px);background:#151717;box-shadow:0 24px 80px #0008}.payment-lock__panel>img{display:block;width:min(290px,80%);height:auto;margin:0 auto 45px}.payment-lock__eyebrow{font:10px var(--mono);letter-spacing:.15em;color:var(--acid);margin-bottom:13px}.payment-lock h1{font-size:clamp(32px,6vw,53px);line-height:1;letter-spacing:-.055em;margin-bottom:20px}.payment-lock h1+p{color:#b7b7b0;font-size:14px;line-height:1.65;max-width:430px}.payment-lock__form{background:transparent;padding:0;margin-top:32px}.payment-lock__form label{color:#d9d8d1}.payment-lock__form>div{display:flex}.payment-lock__form input{background:#f2f0e9;color:#151717;border:0;padding:15px;width:100%}.payment-lock__form button{border:0;background:var(--acid);color:#151717;padding:0 22px;font-weight:800;cursor:pointer}.payment-lock__error{min-height:18px;margin:10px 0 0;color:#ff8b7c;font-size:12px}.payment-lock small{display:block;color:#777;margin-top:20px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}
.payment-lock{overflow:auto;align-items:start}.payment-lock__panel{margin:auto;max-height:calc(100dvh - 28px);overflow:auto;padding:clamp(20px,4vh,36px)}.payment-lock__top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #343838}.payment-lock__top img{width:150px;max-height:58px;object-fit:contain}.payment-lock__top span{font:9px var(--mono);letter-spacing:.12em;color:#999;text-align:right}.payment-lock__eyebrow{margin-bottom:9px}.payment-lock h1{font-size:clamp(29px,5vh,43px);margin-bottom:12px}.payment-lock h1+p{margin-bottom:15px}.payment-summary{border:1px solid #343838;border-top:3px solid var(--acid);margin-top:17px}.payment-summary>div{display:flex;justify-content:space-between;gap:20px;padding:9px 12px;border-bottom:1px solid #343838}.payment-summary>div:last-child{border-bottom:0}.payment-summary span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#888}.payment-summary strong{font-size:12px;text-align:right}.payment-summary__total{background:#202323;align-items:center}.payment-summary__total strong{font-size:21px;color:var(--acid)}.payment-lock__form{margin-top:18px}.payment-lock__form label{margin-bottom:7px}.payment-lock__form input{padding:12px}.payment-lock__error{margin-top:7px}.payment-lock small{margin-top:5px}@media(max-height:650px){.payment-lock{padding:8px}.payment-lock__panel{max-height:calc(100dvh - 16px);padding:17px}.payment-lock__top{margin-bottom:13px;padding-bottom:10px}.payment-lock__top img{width:120px;max-height:42px}.payment-lock h1{font-size:27px}.payment-lock h1+p{font-size:12px;line-height:1.4}.payment-summary>div{padding:7px 10px}.payment-lock__form{margin-top:12px}}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--acid);outline-offset:3px}img{max-width:100%}@media(max-width:800px){body{overflow-x:hidden}.nav .brand{width:132px;height:52px}.topline span{max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-image{background-position:62% center}.hero-content{padding-top:88px;padding-bottom:145px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero-copy{font-size:15px}.hero-stamp{width:125px}.page-hero{min-height:390px}.page-hero h1{font-size:clamp(45px,14vw,70px)}.split h2{margin-bottom:8px}.service-grid a{padding:23px}.service-grid p{max-width:none}.contact{padding-top:65px}.contact form{padding:25px}.contact-details p{min-width:135px}.button,.payment-lock__form button{min-height:48px}.projects .project-photo{background-position:center}.cta h2{font-size:44px}footer .brand{width:155px}.payment-lock__panel{width:100%;max-height:calc(100dvh - 16px);padding:20px}.payment-lock__top img{width:125px}.payment-lock h1{font-size:31px}.payment-lock__form>div{flex-direction:column;gap:8px}.payment-lock__form button{width:100%;padding:12px}.payment-summary>div{align-items:center}}@media(max-width:480px){.topline{height:30px}.nav{height:66px}.nav .brand{width:116px;height:47px}.menu{min-height:44px}.hero{min-height:610px}.hero-content{padding-left:6vw;padding-right:6vw}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{justify-content:space-between}.hero-actions .text-link{align-self:flex-start}.hero-stamp{display:none}.section,.page-hero{padding-left:6vw;padding-right:6vw}.steps,.values .steps{grid-template-columns:1fr}.service-list h2{font-size:30px}.project-photo,.large .project-photo{height:270px}.project h2{font-size:22px}.contact-details{display:grid;grid-template-columns:1fr}.contact form{padding:20px}.cta h2{font-size:39px}footer{padding-left:6vw;padding-right:6vw}.payment-lock{padding:6px}.payment-lock__panel{max-height:calc(100dvh - 12px);padding:17px}.payment-lock__top{margin-bottom:12px}.payment-lock h1{font-size:27px}.payment-lock h1+p{font-size:12px;line-height:1.45}.payment-summary>div{display:block}.payment-summary strong{display:block;text-align:left;margin-top:4px}.payment-summary__total strong{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.button,.project-photo,.service-grid a{transition:none}}
.hero-stamp{display:none}.nav{height:84px}.nav .brand,footer .brand{width:235px;height:60px;background-size:52px;background-position:left center;padding-left:66px;display:flex;align-items:center}.brand:after{content:'TWISTED STEEL\A ENGINEERING';white-space:pre;font-weight:800;font-size:14px;line-height:1.05;letter-spacing:-.03em}.nav .brand:after{color:var(--ink)}footer .brand:after{color:var(--paper)}.hero{min-height:650px}.hero-content{padding-top:105px}.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--acid);padding:0 9vw}.capability-strip span{padding:18px 20px;border-left:1px solid #1a1c1c33;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;text-align:center}.capability-strip span:last-child{border-right:1px solid #1a1c1c33}.section{padding-top:88px;padding-bottom:88px}.intro{background:linear-gradient(135deg,#f2f0e9 65%,#e8e5dc)}.page-hero{min-height:410px;padding-top:90px;padding-bottom:70px;background:linear-gradient(120deg,#e1ded5,var(--paper) 68%)}.page-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 70px,#15171708 71px,#15171708 72px);pointer-events:none}.page-hero:after{opacity:.7}.service-list>article>span{height:42px;width:42px;border:1px solid #b8b5ad;border-radius:50%;display:grid;place-items:center}.service-list>article{padding:48px 0}.service-list>article>div{max-width:900px}.projects{gap:34px}.project-photo{box-shadow:0 18px 45px #15171718}.project div+div{padding-top:19px}.project h2{margin-top:7px}.project-note{padding:30px;border-left:3px solid var(--acid);background:#e7e4db}.contact{min-height:auto;padding-top:78px;padding-bottom:78px}.contact form{border-top:4px solid var(--acid);box-shadow:0 18px 45px #15171712}.contact-details p:first-child:before{margin-bottom:8px}.contact-details p:first-child b{display:block;font-size:12px;color:var(--ink);margin-bottom:3px}.cta{padding-top:65px;padding-bottom:65px}@media(max-width:800px){.nav{height:72px}.nav .brand{width:185px;height:50px;background-size:44px;padding-left:55px}.brand:after{font-size:11px}.capability-strip{grid-template-columns:1fr 1fr;padding:0 6vw}.capability-strip span{padding:14px 8px}.capability-strip span:nth-child(2){border-right:1px solid #1a1c1c33}.capability-strip span:nth-child(-n+2){border-bottom:1px solid #1a1c1c33}.section{padding-top:68px;padding-bottom:68px}.hero{min-height:590px}.page-hero{min-height:350px;padding-top:70px;padding-bottom:55px}.service-list>article>span{height:36px;width:36px}.project-note{padding:22px}.contact{padding-top:55px;padding-bottom:55px}footer .brand{width:195px;height:52px;background-size:45px;padding-left:57px}}@media(max-width:480px){.nav .brand{width:165px}.brand:after{font-size:10px}.hero{min-height:570px}.capability-strip{padding:0}.capability-strip span{font-size:8px}.page-hero:after{font-size:28vw}.service-list>article{gap:13px}.contact form{padding:18px}}
.lead,p,li{max-width:72ch}.button{border-radius:6px;box-shadow:0 0 0 1px #15171710}.button:hover{background:#c4e236;transform:translateY(-2px) scale(1.015);box-shadow:0 8px 22px #15171724}.button:active{transform:translateY(0) scale(.99)}.cream:hover{background:#eee9dc}.mobile-quote{display:none}.project-proof{background:#e8e5dc}.project-proof .section-head{align-items:end}.project-proof h2{margin-bottom:0}.home-project-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.gallery-intro{display:flex;justify-content:space-between;align-items:end;gap:35px}.gallery-intro .lead{margin-bottom:0}.project-thumb{border:0;padding:0;background:#191b1b;color:#fff;text-align:left;cursor:pointer;overflow:hidden;position:relative;border-radius:4px;box-shadow:0 12px 32px #15171718;transition:transform .25s ease,box-shadow .25s ease}.project-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s ease}.project-thumb>span{display:block;padding:17px}.project-thumb small{display:block;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acid);margin-bottom:7px}.project-thumb strong{font-size:17px}.project-thumb:hover{transform:translateY(-5px);box-shadow:0 20px 38px #1517172b}.project-thumb:hover img{transform:scale(1.035)}.project-thumb--compact>span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#111 85%);padding:55px 18px 16px}.project-gallery-section .project-note{margin-top:35px;max-width:460px}.lightbox-open{overflow:hidden}.lightbox{position:fixed;inset:0;z-index:10000;background:#080909eb;display:grid;place-items:center;padding:35px}.lightbox figure{margin:0;max-width:min(1100px,92vw);max-height:90vh}.lightbox img{display:block;max-height:78vh;width:auto;max-width:100%;object-fit:contain}.lightbox figcaption{display:flex;justify-content:space-between;gap:25px;padding:14px 0;color:#fff}.lightbox figcaption small{font:9px var(--mono);color:var(--acid);text-transform:uppercase}.lightbox__close{position:fixed;right:25px;top:22px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff55;background:#151717;color:white;font-size:27px;cursor:pointer}.service-grid a,.steps>div{transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.service-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0004;border-color:var(--acid)}.steps>div:hover{background:#e8e5dc;transform:translateY(-4px);box-shadow:0 15px 30px #15171710}.dark .steps>div:hover{background:#222626}.service-list>article{transition:background .25s ease,padding .25s ease}.service-list>article:hover{background:#e8e5dc;padding-left:22px;padding-right:22px}.contact input:focus,.contact select:focus,.contact textarea:focus{border-bottom-color:#587000;box-shadow:0 2px 0 #587000}.contact [aria-invalid="true"]{border-bottom-color:#b3261e;box-shadow:0 2px 0 #b3261e}.field-error{display:block;color:#a61b15;font-size:11px;font-family:var(--sans);text-transform:none;letter-spacing:0;margin-top:6px}.contact button:disabled{cursor:wait;opacity:.78}.contact button.is-loading span{animation:pulseArrow .7s ease infinite alternate}@keyframes pulseArrow{to{transform:translateX(4px)}}.steps p,.project p,.service-grid p,footer p,footer small{color:#aeadA6}.process .steps p,.project p,.service-list p,.form-note{color:#555750}.eyebrow{color:#4e504d}.dark .eyebrow,.cta .eyebrow{color:#d7d0bd}.js-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}.js-ready .reveal.is-visible{opacity:1;transform:none}@media(max-width:800px){.menu-open{overflow:hidden}.menu-open .nav{z-index:102}.nav nav{transition:opacity .25s ease,transform .25s ease}.menu-open .nav nav{display:flex!important;position:fixed!important;inset:30px 0 0!important;z-index:100;padding:105px 7vw 35px!important;background:#151717!important;color:#f2f0e9;flex-direction:column!important;gap:7px!important;box-shadow:none!important;opacity:1;transform:translateX(0)}.menu-open .nav nav a{display:flex;align-items:center;min-height:54px;font-size:23px;opacity:1;border-bottom:1px solid #ffffff20}.menu-open .nav nav a.active{color:var(--acid)}.menu-open .nav nav .mobile-quote{display:flex;margin-top:20px;border:0;color:var(--ink);font-size:14px;justify-content:space-between;padding:15px 18px}.menu-open .nav .brand,.menu-open .menu{position:relative;z-index:102}.menu-open .nav .brand:after{color:var(--paper)}.menu-open .nav{background:#151717}.menu-open .menu{color:#fff}.home-project-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-right:-7vw}.home-project-strip .project-thumb{min-width:78vw;scroll-snap-align:start}.project-gallery{grid-template-columns:1fr 1fr;gap:12px}.project-thumb>span{padding:12px}.project-thumb strong{font-size:14px}.project-thumb small{font-size:8px}.gallery-intro{display:block}.lightbox{padding:18px}.lightbox figcaption{display:block}.lightbox figcaption strong{display:block;margin-top:7px}.service-list>article:hover{padding-left:12px;padding-right:12px}}@media(max-width:480px){.project-gallery{grid-template-columns:1fr 1fr}.project-gallery .project-thumb img{aspect-ratio:1/1}.project-gallery .project-thumb>span{min-height:84px}.project-gallery .project-thumb strong{font-size:12px}.lightbox__close{right:12px;top:12px}.section{padding-top:58px;padding-bottom:58px}}@media(prefers-reduced-motion:reduce){.js-ready .reveal{opacity:1;transform:none;transition:none}.project-thumb,.project-thumb img,.service-grid a,.steps>div{transition:none}}
.topline{font-size:11px}.eyebrow{font-size:13px;line-height:1.35;letter-spacing:.11em}.capability-strip span{font-size:13px;font-weight:500;line-height:1.35;letter-spacing:.045em}.text-link{font-size:12px}.service-grid span,.steps span,.service-list>article>span{font-size:12px}.service-grid p,.steps p,.service-list p,.project p,footer p{font-size:14px;line-height:1.65}.project-thumb small,.lightbox figcaption small{font-size:11px;line-height:1.35}.project-thumb strong{font-size:19px;line-height:1.25}.contact label{font-size:12px;line-height:1.35}.form-note{font-size:12px;line-height:1.5}.contact-details b{font-size:11px}.contact-details p{font-size:14px}.field-error{font-size:12px}.payment-summary span{font-size:10px}.payment-lock__top span,.payment-lock small{font-size:10px}footer div{font-size:14px}footer small{font-size:11px;line-height:1.5}@media(max-width:800px){.topline{font-size:10px}.eyebrow{font-size:12px}.capability-strip span{font-size:12px;line-height:1.4}.project-thumb small{font-size:10px}.project-thumb strong{font-size:16px}.service-grid p,.steps p,.service-list p,.project p,footer p{font-size:14px}.contact label{font-size:11px}}@media(max-width:480px){.capability-strip span{font-size:12px;padding:16px 8px}.project-gallery .project-thumb strong{font-size:14px}.project-gallery .project-thumb>span{min-height:96px}.topline{font-size:10px}}