:root{--ink:#080808;--char:#141414;--paper:#f7f7f5;--white:#fff;--orange:#f47a1f;--steel:#a6a6a6;--mist:#efefea;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit}.preview-banner{background:var(--orange);color:#080808;text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.38rem 1rem}.site-header{height:88px;background:var(--ink);color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid #292929}.nav-wrap{width:min(calc(100% - 40px),var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:block;width:240px}.brand img{width:100%;height:64px;object-fit:cover;object-position:center}.nav-links{display:flex;align-items:center;gap:2.2rem}.nav-links a{text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.12em}.nav-links a:not(.nav-cta):hover,.nav-links a.active{color:var(--orange)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;background:var(--orange);color:var(--ink);padding:.9rem 1.25rem;text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:900;letter-spacing:.1em;border:0;border-radius:0}.button.dark{background:var(--ink);color:#fff}.button.outline{background:transparent;color:#fff;border:1px solid #666}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.hero{background:var(--ink);color:#fff;min-height:720px;position:relative;overflow:hidden}.hero-grid{width:min(calc(100% - 40px),var(--max));margin:auto;display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;align-items:center}.hero-copy{padding:6rem 4rem 6rem 0;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:.8rem;color:var(--orange);text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.18em;margin:0 0 1.3rem}.eyebrow:before{content:"";width:42px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.015em;line-height:.96;font-weight:500}h1{font-size:clamp(4.3rem,8vw,8.2rem);margin-bottom:1.8rem}h1 span,h2 span{color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:1.12rem;color:#c8c8c8;max-width:570px;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-media{height:620px;position:relative}.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ink),transparent 32%)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-index{position:absolute;right:0;bottom:0;background:var(--orange);color:var(--ink);z-index:2;padding:1.4rem 1.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:.73rem}.wire{position:absolute;width:180px;height:180px;border:1px solid #333;border-radius:50%;left:-80px;bottom:-70px}.section{padding:7rem 0}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:7rem}.section-label{font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#6a6a6a;border-top:2px solid var(--orange);padding-top:1rem}.display{font-size:clamp(3.1rem,5.7vw,6.2rem);margin-bottom:2rem}.lead{font-size:1.18rem;max-width:720px}.service-strips{margin-top:4rem;border-top:1px solid #bbb}.service-strip{display:grid;grid-template-columns:90px 1fr auto;gap:2rem;align-items:center;padding:1.75rem 0;border-bottom:1px solid #bbb}.service-strip .num{color:var(--orange);font-family:Impact,sans-serif;font-size:1.4rem}.service-strip h3{font-size:2rem;margin:0}.service-strip p{margin:0;color:#555}.dark-section{background:var(--char);color:#fff}.work-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;margin-top:3rem}.work-main img{height:650px;width:100%;object-fit:cover}.work-stack{display:grid;grid-template-rows:1fr 1fr;gap:1rem}.work-stack img{height:317px;width:100%;object-fit:cover}.image-caption{display:flex;justify-content:space-between;border-top:1px solid #555;padding-top:.8rem;margin-top:.8rem;color:#aaa;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em}.cta-band{background:var(--orange);padding:4rem 0}.cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}.cta-grid h2{font-size:clamp(2.8rem,5vw,5rem);margin:0}.page-hero{background:var(--ink);color:#fff;padding:7rem 0 6rem;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:4%;top:18%;width:320px;height:320px;border:1px solid #333;transform:rotate(45deg)}.page-hero h1{font-size:clamp(4rem,7vw,7rem);max-width:900px}.page-hero p{color:#bbb;max-width:620px;font-size:1.15rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.split img{width:100%;height:650px;object-fit:cover}.feature-list{list-style:none;margin:2rem 0 0;padding:0}.feature-list li{border-top:1px solid #bbb;padding:1.2rem 0;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.feature-list li:before{content:"+";color:var(--orange);margin-right:1rem}.gallery-mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:300px;gap:1rem}.gallery-mosaic img{width:100%;height:100%;object-fit:cover}.gallery-mosaic img:first-child{grid-column:span 2;grid-row:span 2}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem}.contact-list{border-top:1px solid #bbb}.contact-item{padding:1.8rem 0;border-bottom:1px solid #bbb}.contact-item small{display:block;text-transform:uppercase;color:#777;font-weight:800;letter-spacing:.15em;margin-bottom:.5rem}.contact-item a,.contact-item strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(1.5rem,3vw,2.8rem);text-decoration:none;text-transform:uppercase}.contact-aside{background:var(--ink);color:#fff;padding:3rem;align-self:start}.contact-aside h2{font-size:3.3rem}.contact-aside p{color:#bbb}.site-footer{background:var(--ink);color:#fff;padding:5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:4rem}.footer-brand img{width:320px;height:100px;object-fit:cover}.footer-brand p{color:#999;max-width:430px}.footer-col h3{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.16em;color:var(--orange);margin-bottom:1.4rem}.footer-col a,.footer-col span{display:block;color:#ccc;text-decoration:none;margin:.55rem 0}.footer-bottom{border-top:1px solid #333;margin-top:4rem;padding-top:1.5rem;color:#777;font-size:.75rem;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header{height:72px}.brand{width:190px}.brand img{height:52px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:2rem;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center;padding:.55rem}.hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:2rem}.hero-copy{padding:4rem 0}.hero-media{height:430px;margin:0 -20px}.hero-media:before{background:linear-gradient(180deg,var(--ink),transparent 25%)}.section{padding:5rem 0}.intro-grid,.split,.contact-layout,.footer-grid{grid-template-columns:1fr;gap:2.5rem}.service-strip{grid-template-columns:50px 1fr}.service-strip p{grid-column:2}.work-grid{grid-template-columns:1fr}.work-main img{height:430px}.work-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.work-stack img{height:260px}.cta-grid{grid-template-columns:1fr}.gallery-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.gallery-mosaic img:first-child{grid-column:span 2;grid-row:span 1}.split img{height:480px}.footer-bottom{gap:1rem;flex-direction:column}}@media(max-width:520px){h1{font-size:3.7rem}.hero-copy{padding-top:3rem}.work-stack,.gallery-mosaic{grid-template-columns:1fr}.gallery-mosaic img:first-child{grid-column:auto}.gallery-mosaic{grid-auto-rows:300px}.work-stack img{height:300px}.cta-grid h2{font-size:3rem}.contact-aside{padding:2rem}.footer-brand img{width:250px}.service-strip h3{font-size:1.65rem}}
