:root{--carbon:#101010;--panel:#171717;--panel2:#1d1b19;--ink:#f1f0ed;--muted:#94918c;--line:rgba(220,220,216,.18);--steel:#c9c9c5;--copper:#a76d43;--mahogany:#3d2318;--pad:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--carbon);color:var(--ink);font:14px/1.65 Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;width:100%}.scroll-progress{position:fixed;z-index:100;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#5a3825,#d29a69);transform:scaleX(0);transform-origin:left}.nav{position:fixed;z-index:90;inset:0 0 auto;min-height:78px;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(15,15,15,.82);backdrop-filter:blur(16px);transition:.3s}.nav.scrolled{min-height:66px;background:rgba(15,15,15,.96)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:46px;height:46px}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand b{font-size:10px;letter-spacing:.16em}.brand small{margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:.24em}.nav nav{display:flex;align-items:center;gap:23px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.nav nav>a{transition:color .2s}.nav nav>a:hover{color:#d89a68}.nav-cta,.button{border:1px solid transparent;border-image:linear-gradient(120deg,#666,#e5e5df,#555) 1;padding:11px 17px}.languages{display:flex;gap:4px;padding-left:8px;border-left:1px solid var(--line)}.languages button{border:0;background:none;padding:3px;color:#696969;font-size:8px}.languages button.active{color:var(--ink)}.menu{display:none;color:var(--ink);border:0;background:none;text-transform:uppercase;font-size:10px;letter-spacing:.12em}
.industrial-hero{position:relative;min-height:100svh;padding:clamp(118px,15vh,160px) var(--pad) 38px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.65fr);grid-template-rows:1fr auto;gap:5vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 64% 40%,rgba(86,48,27,.35),transparent 34%),linear-gradient(135deg,#111,#0c0c0c)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 72%);animation:gridMove 18s linear infinite}.hero-copy,.portrait-card,.hero-index{position:relative;z-index:1}.hero-copy{max-width:850px}.eyebrow,.section-head>span,.philosophy span,.contact-closer>span,.capabilities>p{margin:0 0 22px;font-size:9px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.hero h1{margin:0;max-width:900px;font-size:clamp(52px,6.4vw,104px);font-weight:500;line-height:.92;letter-spacing:-.055em}.lead{max-width:620px;margin:32px 0 0;color:#aaa6a0;font-size:clamp(15px,1.25vw,18px)}.actions{display:flex;align-items:center;gap:28px;margin-top:33px}.button{display:inline-block;position:relative;overflow:hidden;font-size:9px;letter-spacing:.14em;text-transform:uppercase;transition:.3s}.button.primary{background:linear-gradient(135deg,#343434,#181818)}.button:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent,rgba(255,255,255,.25),transparent);transition:.65s}.button:hover:before{transform:translateX(120%)}.text-link{display:inline-block;border-bottom:1px solid #666;padding-bottom:3px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.portrait-card{align-self:stretch;min-height:540px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#202020;box-shadow:0 32px 90px rgba(0,0,0,.45)}.portrait-card:before{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.2);pointer-events:none}.portrait-card img{height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.62) contrast(1.06);transition:.7s}.portrait-card:hover img{transform:scale(1.025);filter:saturate(.8)}.portrait-card:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.78))}.portrait-card span{position:absolute;z-index:3;left:24px;bottom:21px;font-size:8px;letter-spacing:.16em}.hero-index{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.14em;color:var(--muted)}
@keyframes gridMove{to{background-position:54px 54px}}
.metrics-section,.track-record,.home-projects{padding:clamp(85px,10vw,150px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;margin-bottom:52px}.section-head h2{margin:0;font-size:clamp(42px,5.2vw,78px);font-weight:500;line-height:.98;letter-spacing:-.045em}.bento-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fact{min-height:184px;padding:24px;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;border:1px solid transparent;border-radius:14px;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#555,#1f1f1f,#8b8b87) border-box;transition:.35s}.fact:first-child{min-height:184px;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#666,#242424,#aaa) border-box}.fact:last-child{grid-column:auto}.fact:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(172,112,69,.12)}.fact b{font-size:clamp(20px,1.7vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.025em}.fact span{max-width:25ch;color:var(--muted);font-size:12px;line-height:1.55;letter-spacing:0;text-transform:none}.track-record{background:#131313}.executive-timeline{position:relative;margin-left:25%;border-left:1px solid var(--line)}.executive-timeline:before{content:"";position:absolute;left:-1px;top:0;width:1px;height:45%;background:linear-gradient(#b66d3f,#5a3825);box-shadow:0 0 12px #9d5c35}.step{position:relative;display:grid;grid-template-columns:70px 1fr;padding:28px 0 34px 42px;border-bottom:1px solid var(--line)}.step:before{content:"";position:absolute;left:-5px;top:35px;width:9px;height:9px;border-radius:50%;background:#181818;border:1px solid #b88764}.step h3{margin:0;font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:-.035em}.step p{max-width:680px;color:var(--muted)}.philosophy{margin:clamp(70px,9vw,130px) var(--pad);padding:clamp(38px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;border:1px solid rgba(221,194,175,.2);border-radius:16px;background:radial-gradient(circle at 20% 80%,rgba(129,72,42,.45),transparent 34%),linear-gradient(135deg,#3b2318,#1e1714 58%,#151515);box-shadow:inset 0 1px rgba(255,255,255,.12),0 35px 100px rgba(0,0,0,.35)}.philosophy h2{margin:0;font-size:clamp(42px,5vw,74px);font-weight:500;line-height:.98;letter-spacing:-.045em}.about-copy p{max-width:670px;margin:0 0 20px;color:#c4bbb4;font-size:clamp(15px,1.25vw,18px)}.philosophy .text-link{margin-top:22px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.project-card{grid-column:span 6}.project-card:nth-child(3){grid-column:3/span 8}.project-card img{height:clamp(340px,48vw,690px);object-fit:cover;border-radius:14px;filter:saturate(.55) contrast(1.05);transition:.5s}.project-card:hover img{filter:saturate(.9)}.project-body{padding:18px 2px 0;display:grid;grid-template-columns:1fr auto;gap:8px 20px;border-top:1px solid var(--line)}.project-body small,.project-body b{font-size:8px;letter-spacing:.14em;color:var(--muted)}.project-body h3{grid-column:1/-1;margin:10px 0;font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:-.035em}.project-body p{max-width:600px;margin:0;color:var(--muted)}.capabilities{padding:70px var(--pad);overflow:hidden;border-block:1px solid var(--line);background:#131313}.capability-loop{display:flex;gap:10px;flex-wrap:wrap}.capability-loop span{padding:11px 18px;border:1px solid var(--line);border-radius:999px;color:#aaa;font-size:10px;letter-spacing:.13em;transition:.25s}.capability-loop span:hover{color:#e0af88;border-color:#9c6c4c;box-shadow:0 0 20px rgba(177,104,54,.14)}.contact-closer{padding:clamp(100px,14vw,210px) var(--pad);text-align:center;background:radial-gradient(circle at 50% 100%,rgba(92,51,28,.4),transparent 45%)}.contact-closer h2{max-width:1000px;margin:0 auto 44px;font-size:clamp(47px,6.8vw,100px);font-weight:500;line-height:.92;letter-spacing:-.055em}footer{padding:35px var(--pad);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.page-hero{min-height:67svh;padding:150px var(--pad) 70px;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 50%,rgba(89,49,28,.28),transparent 36%)}.page-hero h1{max-width:1100px;margin:0;font-size:clamp(54px,7.4vw,112px);font-weight:500;line-height:.92;letter-spacing:-.05em}.standalone-contact{max-width:1180px;margin-inline:auto}.standalone-contact .contact-layout{grid-template-columns:1fr;gap:56px}.standalone-contact .contact-copy{max-width:900px}.standalone-contact h1{max-width:760px;margin:0 0 24px;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.02;letter-spacing:-.035em}.standalone-contact .contact-form{max-width:760px}.page-lead{max-width:680px;color:var(--muted)}.about-profile,.grid-section,.services,.process,.contact{padding:clamp(75px,9vw,140px) var(--pad)}.about-profile{display:grid;grid-template-columns:minmax(320px,.75fr) 1fr;gap:8vw}.about-profile figure{margin:0}.about-profile figure img{border-radius:14px;filter:saturate(.65)}.side-note{color:#b98461;font-size:9px;letter-spacing:.15em}.services-list,.steps{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.service h3{margin:0;font-size:clamp(27px,3vw,43px);font-weight:500}.service p{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(50px,7vw,110px);align-items:start}.contact-copy>p:not(.section-no){max-width:650px;margin:0 0 34px;color:var(--muted);font-size:16px}.contact-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:34px;color:var(--muted);font-size:9px;letter-spacing:.12em}.contact-form{display:grid;gap:18px}.contact-form input,.contact-form textarea{padding:14px 0;border:0;border-bottom:1px solid #555;background:transparent;color:var(--ink);outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:#c17c4d}.email{display:inline-block;font-size:clamp(24px,3vw,42px);line-height:1.15;letter-spacing:-.035em;white-space:nowrap}
@media(max-width:760px){.nav{min-height:70px}.brand span{display:none}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px var(--pad);background:#111;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.industrial-hero{grid-template-columns:1fr;padding-top:108px}.hero h1{font-size:50px}.portrait-card{min-height:470px;margin-top:25px}.hero-index{grid-column:1}.bento-metrics{grid-template-columns:1fr}.fact,.fact:first-child{min-height:210px;grid-row:auto}.section-head{grid-template-columns:1fr}.executive-timeline{margin-left:8px}.philosophy{grid-template-columns:1fr;margin-inline:15px}.project-grid{display:block}.project-card{margin-bottom:55px}.project-card img{height:115vw}.contact-layout,.about-profile{grid-template-columns:1fr}.standalone-contact h1{font-size:clamp(36px,11vw,50px)}.email{font-size:clamp(21px,7vw,30px);white-space:normal;overflow-wrap:anywhere}footer{flex-direction:column;gap:8px}}
@media(max-width:980px) and (min-width:761px){.bento-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Restrained editorial scale */
.industrial-hero{min-height:82svh;grid-template-columns:minmax(0,820px);grid-template-rows:1fr auto;justify-content:start}.hero-copy{max-width:800px}.hero h1{max-width:780px;font-size:clamp(42px,5.2vw,74px);line-height:.98;letter-spacing:-.045em}.section-head h2{font-size:clamp(32px,4vw,56px);line-height:1.02}.metrics-section,.track-record,.home-projects{padding-block:clamp(68px,8vw,110px)}.bento-metrics{gap:10px}.fact,.fact:first-child{min-height:148px;padding:20px;gap:14px}.fact b{font-size:clamp(18px,1.5vw,24px)}.fact span{font-size:11px;line-height:1.5}.step h3,.project-body h3{font-size:clamp(23px,2.4vw,34px)}.philosophy h2{font-size:clamp(32px,4vw,54px);line-height:1.04}.contact-closer h2{max-width:820px;font-size:clamp(36px,5vw,68px);line-height:.98}.page-hero h1{font-size:clamp(40px,5.5vw,76px);line-height:.98}
/* Equal, legible responsibility cards */
.bento-metrics{grid-auto-rows:1fr;align-items:stretch}.fact,.fact:first-child,.fact:last-child{min-height:174px;height:100%;padding:24px;justify-content:flex-start;grid-row:auto;grid-column:auto}.fact b{font-size:clamp(21px,1.7vw,27px);line-height:1.14}.fact span{max-width:32ch;font-size:14px;line-height:1.48;color:#b9b4af}.fact:nth-child(2) span{order:1;color:#d7d2cc;font-size:15px;font-weight:500}.fact:nth-child(2) b{order:2;margin-top:4px;color:#b98461;font-size:clamp(20px,1.65vw,26px);letter-spacing:.02em}
/* Compact contact hierarchy */
.standalone-contact{padding-top:clamp(105px,9vw,135px)}.standalone-contact .contact-copy{width:100%;max-width:980px}.standalone-contact h1{max-width:680px;font-size:clamp(34px,3.5vw,48px);line-height:1.06}.standalone-contact .email{font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal;word-break:normal}
@media(max-width:760px){.standalone-contact .email{font-size:clamp(18px,5.8vw,26px);white-space:nowrap}.fact,.fact:first-child{min-height:158px}.fact span{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-grid{animation:none}.reveal,.service,.project-card,.step,.fact{opacity:1!important;transform:none!important;transition:none!important}}