@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#0b0d0f;--steel:#15191d;--yellow:#f7e21a;--paper:#f1f2ef;--white:#fff;--muted:#aeb5b8;--line:rgba(255,255,255,.15);--darkline:rgba(11,13,15,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:'Inter',sans-serif}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--yellow);padding:.8rem 1rem;z-index:99}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:88px;padding:0 clamp(1.25rem,4.5vw,5rem);position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;color:white;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}.bolt{width:45px;height:48px;background:var(--yellow);color:var(--black);display:grid;place-items:center;font:900 2rem 'Barlow Condensed';clip-path:polygon(28% 0,100% 0,69% 40%,96% 40%,27% 100%,44% 54%,0 54%)}.logo>span:last-child{display:flex;flex-direction:column;line-height:.85}.logo strong{font:900 1.6rem 'Barlow Condensed'}.logo small{font:600 .58rem 'Inter';letter-spacing:.15em;margin-top:.4rem}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.82rem;font-weight:600}.site-header nav a{text-decoration:none}.nav-cta{background:var(--yellow);color:var(--black);padding:.85rem 1.2rem}.menu-button{display:none;background:none;border:0}.hero{min-height:850px;background:var(--black);color:white;position:relative;padding:130px clamp(1.25rem,4.5vw,5rem) 55px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;overflow:hidden}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-copy,.hero-image,.hero-foot{position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.67rem;font-weight:700;color:var(--yellow)}.hero h1,.section h2,.about h2,.contact h2{font:900 clamp(4.2rem,8.5vw,9rem)/.78 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.035em;margin:1.1rem 0 2rem}.hero h1 span,.contact h2 span{color:var(--yellow)}.intro{max-width:590px;color:var(--muted);font-size:1.05rem;line-height:1.7}.actions{display:flex;gap:1rem;margin-top:2.2rem}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.25rem;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.08em}.yellow{background:var(--yellow);color:var(--black)}.outline{border:1px solid #60666a;color:white}.hero-image{height:580px;background:linear-gradient(180deg,transparent 58%,rgba(11,13,15,.55)),url('https://images.unsplash.com/photo-1621905251918-48416bd8575a?auto=format&fit=crop&w=1200&q=85') center/cover;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}.experience{position:absolute;right:0;top:0;background:var(--yellow);color:var(--black);padding:1rem 1.2rem;display:flex;align-items:center;gap:.65rem}.experience strong{font:900 3rem 'Barlow Condensed'}.experience span{font-size:.6rem;text-transform:uppercase;font-weight:700}.status{position:absolute;bottom:1.2rem;left:1.2rem;background:rgba(11,13,15,.86);padding:.8rem 1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:.5rem}.hero-foot{position:absolute;left:4.5vw;right:4.5vw;bottom:28px;display:flex;gap:3rem;border-top:1px solid var(--line);padding-top:1.2rem;color:#747d81;text-transform:uppercase;font-size:.6rem;letter-spacing:.16em}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem)}.section-head{display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;align-items:end;margin-bottom:4rem}.eyebrow.dark{color:#70787a}.section h2,.about h2{font-size:clamp(3.5rem,6vw,6.8rem);line-height:.88}.section-head>p{color:#687174;line-height:1.7}.service-list{border-top:2px solid var(--black)}.service-list article{display:grid;grid-template-columns:80px 1fr 60px;gap:1rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--darkline);transition:.25s}.service-list article:hover{padding-left:1rem;background:white}.service-list article>span{font:700 1rem 'Barlow Condensed';color:#7a8284}.service-list h3{font:800 clamp(1.8rem,3vw,3rem) 'Barlow Condensed';text-transform:uppercase;margin:0}.service-list p{color:#697174;margin:.4rem 0}.service-list b{font-size:2rem}.projects{background:var(--steel);padding:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;color:white}.project{background:var(--black)}.project-image{min-height:480px}.main-image{background:url('https://images.unsplash.com/photo-1565538810643-b5bdb714032a?auto=format&fit=crop&w=1300&q=85') center/cover}.side-image{background:url('https://images.unsplash.com/photo-1592833159155-c62df1b65634?auto=format&fit=crop&w=1000&q=85') center/cover}.project>div:last-child{padding:2rem}.project span{color:var(--yellow);font-size:.62rem;letter-spacing:.17em}.project h3{font:800 clamp(2rem,3.5vw,4rem)/.95 'Barlow Condensed';text-transform:uppercase;margin:1rem 0}.project p{color:var(--muted);line-height:1.6}.project-side{margin-top:7rem;margin-bottom:-2rem}.about{min-height:760px;background:var(--yellow);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden}.about-mark{font:900 30vw/.7 'Barlow Condensed';letter-spacing:-.1em;transform:translateX(-5vw);color:rgba(11,13,15,.08)}.about-copy{padding:clamp(4rem,8vw,9rem) clamp(2rem,7vw,8rem) clamp(4rem,8vw,9rem) 0}.about-copy .eyebrow{color:var(--black)}.about-copy p:not(.eyebrow){max-width:700px;line-height:1.75}.values{display:grid;margin-top:2rem;border-top:1px solid rgba(11,13,15,.25)}.values span{padding:1rem 0;border-bottom:1px solid rgba(11,13,15,.25);font-weight:700}.values b{margin-right:1rem}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--darkline);padding:1px;list-style:none}.steps li{background:var(--paper);padding:2rem;min-height:260px;display:flex;flex-direction:column}.steps li>span{font:900 3rem 'Barlow Condensed';color:#9ca3a4}.steps h3{font:800 1.7rem 'Barlow Condensed';text-transform:uppercase;margin:auto 0 .6rem}.steps p{color:#687174;line-height:1.6}.contact{margin:0 2vw 2vw;background:var(--black);color:white;padding:clamp(3rem,7vw,7rem);display:grid;grid-template-columns:1.3fr .7fr;align-items:end}.contact>div>p{text-transform:uppercase;letter-spacing:.14em;color:#7f888b;font-size:.7rem}.contact h2{font-size:clamp(3.5rem,7vw,7.5rem);margin:.5rem 0}.contact-links{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.contact-links>a:last-child{color:#b7bec1;overflow-wrap:anywhere}footer{background:var(--black);color:#777f82;padding:2.5rem clamp(1.25rem,4.5vw,5rem);display:flex;align-items:center;justify-content:space-between;font-size:.72rem}footer .logo{color:white}[data-reveal]{opacity:0;transform:translateY(22px);transition:.7s ease}[data-visible]{opacity:1;transform:none}@media(max-width:900px){.menu-button{display:grid;gap:5px;padding:.8rem}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:white}.site-header nav{display:none;position:absolute;top:78px;left:1rem;right:1rem;background:var(--yellow);color:var(--black);padding:1.2rem;flex-direction:column;align-items:stretch}.site-header nav[data-open]{display:flex}.nav-cta{background:var(--black);color:white}.hero{grid-template-columns:1fr;padding-top:130px}.hero-image{height:500px}.hero-foot{display:none}.section-head{grid-template-columns:1fr;gap:1rem}.projects{grid-template-columns:1fr}.project-side{margin:0}.about{grid-template-columns:1fr}.about-mark{display:none}.about-copy{padding:5rem 1.5rem}.steps ol{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:2rem}footer{align-items:flex-start;flex-direction:column;gap:1rem}}@media(max-width:560px){.hero h1{font-size:4.1rem}.hero-image{height:390px}.actions{align-items:stretch;flex-direction:column}.section{padding:4.5rem 1.25rem}.service-list article{grid-template-columns:45px 1fr}.service-list article>b{display:none}.project-image{min-height:330px}.contact{padding:4rem 1.25rem}.contact h2{font-size:4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}