:root{--ink:#101112;--steel:#191b1c;--paper:#e9e7e1;--muted:#a4a5a0;--rust:#c5662d;--line:rgba(16,17,18,.2);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:white;color:black;padding:.8rem 1rem}.skip:focus{top:1rem}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;background:rgba(13,14,15,.94);color:white;position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{display:block;width:132px;height:48px;object-fit:contain;object-position:left center;filter:invert(1) grayscale(1) brightness(2)}nav{display:flex;align-items:center;gap:2.2rem;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1rem}nav a{opacity:.78;transition:.2s}nav a:hover{opacity:1;color:#e99559}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:.7rem 1rem}.menu-toggle{display:none;background:none;color:white;border:1px solid #777;padding:.5rem .7rem}.hero{min-height:820px;background:#0e0f10;color:white;position:relative;overflow:hidden;padding:170px clamp(1.25rem,6vw,7rem) 60px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:6vw;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,10,.97),rgba(8,9,10,.67)),url('assets/steel-texture.jpg') center/cover;opacity:.9}.hero-grid{position:absolute;inset:86px 0 70px;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:58px 58px;mask-image:linear-gradient(to right,black,transparent 72%)}.hero-content,.hero-visual,.hero-foot{position:relative;z-index:2}.eyebrow,.kicker,.section-index{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:600}.eyebrow{font-size:.9rem;color:#e99559}.hero h1,.section-pad h2,.contact h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.93;margin:.7rem 0 1.6rem;font-size:clamp(4.3rem,7.6vw,8.2rem);max-width:880px}.hero h1 em{color:var(--rust);font-style:normal}.hero-copy{max-width:650px;color:#c6c6c2;font-size:1.12rem}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.2rem}.button{display:inline-flex;align-items:center;gap:2.5rem;padding:1rem 1.25rem;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.08em}.button-primary{background:var(--rust);color:white}.button-primary:hover{background:#db783c}.text-link{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #777;padding:.7rem 0}.hero-visual{min-height:500px}.drawing-card{position:absolute;right:4%;top:0;width:78%;background:#deddd8;padding:1rem;transform:rotate(1.5deg);box-shadow:0 30px 80px rgba(0,0,0,.45)}.drawing-card img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;filter:contrast(1.08)}.drawing-label{display:block;color:#222;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;letter-spacing:.12em;padding-top:.7rem}.steel-card{position:absolute;left:0;bottom:10px;width:54%;aspect-ratio:1.3;background:linear-gradient(135deg,#3a3b3c,#121314 65%);border:1px solid #555;padding:1rem;box-shadow:0 20px 50px rgba(0,0,0,.5);text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em}.part-lines{position:absolute;inset:28% 12% 15%;border:1px solid #777;background:repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.08) 17px 18px)}.hero-foot{position:absolute;left:clamp(1.25rem,6vw,7rem);right:clamp(1.25rem,6vw,7rem);bottom:22px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;color:#8e908e;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em}.hero-foot strong{color:white}.section-pad{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem);max-width:var(--max);margin:auto}.section-index{font-size:.8rem;border-top:1px solid var(--line);padding-top:.8rem;color:#676865}.intro{display:grid;grid-template-columns:180px 1fr;gap:clamp(2rem,7vw,8rem)}.intro-copy h2,.services-head h2,.process-title h2,.work-head h2,.fit-copy h2{font-size:clamp(3rem,5vw,5.8rem);max-width:1000px}.kicker{color:var(--rust);font-size:.85rem;margin:0}.intro-copy>p:last-child{max-width:720px;color:#55585a;font-size:1.08rem}.metrics{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:2rem}.metrics div{padding:1.3rem 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.metrics div+div{padding-left:1.5rem}.metrics b{font-family:"Barlow Condensed",sans-serif;font-size:2rem}.metrics span{text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;color:#71736f}.services,.work{background:var(--steel);color:white;max-width:none}.services>.section-index,.services-head,.service-list,.work>.section-index,.work-head,.project-grid{max-width:calc(var(--max) - 14rem);margin-left:auto;margin-right:auto}.section-index.light{border-color:#464849;color:#898b89}.services-head{margin-top:4.5rem}.service-list{margin-top:4rem;border-top:1px solid #424445}.service{display:grid;grid-template-columns:70px 1fr 50px;gap:1rem;padding:1.6rem 0;border-bottom:1px solid #424445;align-items:start}.service>span{color:#898b89;font-family:"Barlow Condensed",sans-serif}.service h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:2rem;margin:0 0 .35rem}.service p{margin:0;color:#aeb0ae;max-width:720px}.service i{font-style:normal;color:var(--rust);font-size:1.5rem;transition:.2s}.service:hover i{transform:translate(5px,-5px)}.process-title{margin:4.5rem 0}.process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.process-line{position:absolute;left:0;right:0;top:14px;border-top:1px solid #a7a49d}.step{position:relative;padding-top:2.8rem}.step:before{content:"";position:absolute;top:8px;left:0;width:13px;height:13px;background:var(--paper);border:2px solid var(--rust);border-radius:50%}.step b{color:var(--rust);font-family:"Barlow Condensed",sans-serif}.step h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.8rem;margin:.5rem 0}.step p{color:#616360;max-width:250px}.work-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end;margin-top:4.5rem}.work-head>p{color:#aeb0ae;max-width:470px}.project-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem 1.5rem;margin-top:4rem}.project-large{grid-row:span 2}.project-image{position:relative;overflow:hidden;background:#303234;aspect-ratio:4/3}.project-large .project-image{aspect-ratio:4/5}.project-slot{background:linear-gradient(145deg,#2c2e2e,#111213);border:1px solid #3e4040}.project-slot:before,.project-slot:after{content:"";position:absolute;inset:8%;border:1px solid #4b4d4d}.project-slot:after{inset:50% 8% auto;border-width:1px 0 0;transform:rotate(-31deg);transform-origin:center}.dark-slot{background:linear-gradient(145deg,#151617,#343536)}.slot-label,.slot-ratio{position:absolute;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#8e908e}.slot-label{left:1rem;bottom:1rem}.slot-ratio{right:1rem;top:1rem}.fabrication-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);transition:.4s}.project:hover .fabrication-photo img{filter:grayscale(.2);transform:scale(1.03)}.project-meta{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #3f4141;margin-top:1rem}.project-meta span,.project-meta p{text-transform:uppercase;color:#858785;font-size:.7rem;letter-spacing:.1em}.project-meta h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.6rem;margin:.2rem 0}.fit{display:grid;grid-template-columns:180px 1fr;gap:clamp(2rem,7vw,8rem)}.fit-copy,.fit-list{grid-column:2}.fit-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.fit-list span{padding:1rem 0;border-bottom:1px solid var(--line);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.35rem}.contact{background:var(--rust);color:white;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw}.contact h2{font-size:clamp(3.4rem,6vw,6.8rem)}.contact-text>p:last-child{max-width:650px}.contact-actions{align-self:end}.contact-link{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;gap:1rem;border-top:1px solid rgba(255,255,255,.4);padding:1.2rem 0}.contact-link:last-child{border-bottom:1px solid rgba(255,255,255,.4)}.contact-link span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.contact-link strong{font-family:"Barlow Condensed",sans-serif;font-size:1.4rem;font-weight:500}.contact-link i{font-style:normal}footer{background:#0d0e0f;color:#b8b9b6;padding:2rem clamp(1.25rem,6vw,7rem);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}footer img{width:130px;filter:invert(1) grayscale(1) brightness(2)}footer div{display:flex;gap:2rem}footer p{color:white}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:1.5rem;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:130px;min-height:980px}.hero h1{font-size:clamp(4rem,16vw,7rem)}.hero-visual{min-height:390px}.hero-foot{display:none}.intro,.fit{grid-template-columns:1fr}.intro-copy,.metrics,.fit-copy,.fit-list{grid-column:1}.process-track{grid-template-columns:repeat(2,1fr);gap:3rem}.process-line{display:none}.step{padding-top:2rem}.step:before{top:0}.work-head{grid-template-columns:1fr;gap:1rem}.contact{grid-template-columns:1fr}.services>.section-index,.services-head,.service-list,.work>.section-index,.work-head,.project-grid{max-width:none}.project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:1/-1;grid-row:auto}.project-large .project-image{aspect-ratio:16/10}footer{grid-template-columns:1fr auto}footer div{display:none}}@media(max-width:600px){.site-header{padding:0 1.2rem}.brand img{width:110px}.hero{min-height:900px}.hero-actions{align-items:flex-start;flex-direction:column;gap:.8rem}.hero-visual{min-height:340px}.drawing-card{width:88%;right:0}.steel-card{width:58%}.section-pad{padding-top:4.5rem;padding-bottom:4.5rem}.intro-copy h2,.services-head h2,.process-title h2,.work-head h2,.fit-copy h2{font-size:3.2rem}.intro{gap:2rem}.metrics{grid-template-columns:1fr}.metrics div,.metrics div+div{padding:1rem 0;border-right:0;border-bottom:1px solid var(--line)}.service{grid-template-columns:42px 1fr}.service i{display:none}.service h3{font-size:1.65rem}.process-track{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-meta{display:block}.fit-list{grid-template-columns:1fr}.contact-link{grid-template-columns:1fr 20px}.contact-link span{grid-column:1/-1}.contact-link strong{font-size:1.08rem}footer{grid-template-columns:1fr;gap:1rem}footer p{margin:0}}