:root{--black:#111211;--charcoal:#1c1d1b;--yellow:#f2bd20;--off:#f3f1eb;--warm:#dcd8cf;--ink:#252622;--muted:#77766f;--line:rgba(17,18,17,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:80px;padding:0 clamp(22px,5vw,88px);display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0 0 auto;z-index:5;color:white;border-bottom:1px solid rgba(255,255,255,.19)}.brand{font-size:17px;font-weight:800;letter-spacing:1.6px}.brand span{color:var(--yellow);font-weight:600}.nav{display:flex;gap:27px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.nav a:hover{color:var(--yellow)}.menu-button{display:none}.hero{height:min(900px,100vh);min-height:700px;position:relative;isolation:isolate;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 49%;position:absolute;inset:0;z-index:-2}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.51) 44%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%)}.hero-content{position:absolute;left:clamp(22px,11vw,180px);top:50%;transform:translateY(-35%);max-width:570px}.kicker{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--yellow);margin:0 0 16px}.hero h1,h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(64px,8vw,128px);line-height:.78;letter-spacing:-1.6px;text-transform:uppercase;margin:0}.hero h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-content>p:not(.kicker){font-size:16px;line-height:1.8;max-width:430px;margin:29px 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:15px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;border:1px solid currentColor;transition:.2s transform,.2s background}.button:hover{transform:translateY(-3px)}.yellow{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.outline{color:#fff;background:rgba(0,0,0,.12)}.button b{font-size:17px}.hero-note{position:absolute;bottom:28px;right:clamp(22px,5vw,88px);font-size:10px;font-weight:800;letter-spacing:1.3px}.hero-note span{color:var(--yellow);font-size:18px;margin-left:9px}.section{padding:120px clamp(22px,8vw,132px)}.intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 10vw}.heading h2,.references h2,.contact h2,.feature h2{font-size:clamp(57px,6.2vw,93px);line-height:.82}.intro-copy,.project-copy{font-size:14px;line-height:1.8;color:var(--muted);align-self:end;margin:0 0 11px}.filters{grid-column:1/-1;display:flex;gap:24px;border-bottom:1px solid var(--line);margin:65px 0 35px}.filters button{padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;color:var(--muted);font:800 10px Manrope,sans-serif;letter-spacing:.4px;text-transform:uppercase}.filters button.active{color:var(--black);border-color:var(--yellow)}.cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.card img{width:100%;height:340px;display:block;object-fit:cover;filter:saturate(.94)}.card:nth-child(2) img,.card:nth-child(6) img{object-position:center}.card div{padding:15px 0}.card p{font-size:9px;font-weight:800;letter-spacing:1px;color:#b18412;margin:0 0 7px}.card h3{margin:0;font-size:16px}.card span{display:inline-block;margin-top:13px;font-size:10px;font-weight:800;text-transform:uppercase}.card.model{padding:10px;background:#dfdacf}.card.model img{height:320px}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--black);color:white}.feature>div{padding:clamp(70px,9vw,145px) clamp(22px,9vw,150px)}.feature>div>p:not(.kicker){color:#c4c3bd;line-height:1.85;font-size:14px;max-width:370px;margin:28px 0 33px}.feature>img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}.projects{position:relative}.projects .heading{display:inline-block}.project-copy{float:right;max-width:285px;margin-top:47px}.project-grid{clear:both;display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:280px 280px;gap:16px;margin-top:58px}.project-grid figure{margin:0;position:relative;overflow:hidden}.project-grid .large{grid-row:span 2}.project-grid figure:last-child{grid-column:span 2}.project-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.project-grid figure:hover img{transform:scale(1.04)}figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 17px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:11px;font-weight:800}.references{padding:100px clamp(22px,8vw,132px);display:grid;grid-template-columns:360px 1fr;gap:8vw;background:var(--warm)}.references h2{font-size:clamp(47px,5vw,76px)}.references>div>p:not(.kicker){font-size:13px;line-height:1.8;color:#5d5b56}.reference-images{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reference-images img{width:100%;height:330px;object-fit:cover}.contact{padding:120px clamp(22px,12vw,190px);display:grid;grid-template-columns:1fr 1fr;gap:11vw;background:var(--yellow)}.contact h2{font-size:clamp(55px,6vw,93px)}.contact>div>p:not(.kicker){font-size:14px;line-height:1.85;max-width:420px}.contact-card{border:1px solid rgba(0,0,0,.35);padding:35px;align-self:center}.contact-card p{font-size:13px;line-height:1.8;border-bottom:1px solid rgba(0,0,0,.26);padding-bottom:17px;margin:0 0 17px}.contact-card .contact-label{font-size:10px;font-weight:800;letter-spacing:1.5px}.contact-card .contact-note{border:0;padding:0;margin:0;color:#5b470e;font-size:11px}footer{background:var(--black);color:white;display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:0 clamp(22px,5vw,88px);font-size:10px}footer p{color:#a5a59d}footer>a:last-child{text-decoration:underline}.hidden{display:none!important}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature>img{min-height:400px;max-height:550px}.references{grid-template-columns:1fr;gap:38px}.reference-images{max-width:800px}.contact{grid-template-columns:1fr;gap:48px}.project-grid{grid-template-columns:1.1fr .9fr .9fr}.header{height:70px}}@media(max-width:600px){.nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;background:var(--black);padding:6px 22px 20px}.nav.open{display:flex}.nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}.menu-button{display:grid;gap:6px;width:30px;background:none;border:0;padding:5px}.menu-button i{display:block;height:1px;background:#fff;width:100%}.hero{min-height:660px}.hero-content{left:8vw;right:8vw;transform:translateY(-27%)}.hero-content>p:not(.kicker){font-size:14px}.intro{display:block}.intro-copy{margin-top:24px}.filters{margin-top:42px;gap:19px;overflow:auto}.cards{grid-template-columns:1fr;gap:17px}.card img,.card.model img{height:370px}.feature>div{padding:78px 8vw}.section{padding:85px 8vw}.project-copy{float:none;margin:22px 0 0}.project-grid{grid-template-columns:1fr 1fr;grid-template-rows:270px 220px 220px;margin-top:37px}.project-grid .large{grid-column:span 2;grid-row:auto}.project-grid figure:last-child{grid-column:span 2}.references{padding:80px 8vw}.reference-images{grid-template-columns:1fr 1fr}.reference-images img{height:220px}.reference-images img:last-child{display:none}.contact{padding:84px 8vw}.contact-card{padding:25px}footer{min-height:130px;align-items:flex-start;padding-top:30px;flex-direction:column;gap:6px}}