@font-face{font-family:ArialFallback;src:local(Arial);font-display:swap}
:root{--ink:#131313;--paper:#f3f2ee;--red:#e52e2f;--line:#d5d4ce;--muted:#666762;--max:1440px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ArialFallback,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #f16736;outline-offset:6px}button[hidden],article[hidden],nav[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}a,button{touch-action:manipulation}.skip-link{position:fixed;z-index:30;top:12px;left:12px;transform:translateY(-180%);background:white;padding:15px}.skip-link:focus{transform:translateY(0)}
.header{max-width:var(--max);margin:auto;height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;background:var(--ink);color:#fff}.header:before{content:"";position:absolute;inset:0 calc((min(100vw,1440px) - 100vw)/2);background:var(--ink);z-index:-1}.brand{display:flex;align-items:center;gap:14px}.brand img{width:68px;height:68px;object-fit:contain}.brand>span{font-size:23px;font-weight:800;letter-spacing:-.7px}.brand b{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:6px;font-weight:400}.header nav:not(.mobile-nav){display:flex;gap:36px;align-items:center;font-size:13px}.header nav a{padding:12px 0}.header nav a:hover{color:#ff7474}.header .nav-contact{border:1px solid #535353;padding:13px 19px!important;display:flex;gap:24px}.menu-toggle{display:none;background:none;width:44px;height:44px}.menu-toggle span{display:block;width:25px;height:2px;background:white;margin:7px auto}.mobile-nav{position:absolute;top:90px;left:0;right:0;background:#1d1d1d;padding:24px;box-shadow:0 12px 20px #0003}.mobile-nav a{display:block;padding:18px 5px!important;border-bottom:1px solid #444}
.hero{color:#f8f7f3;background:var(--ink);padding:26px max(5%,calc((100% - 1296px)/2)) 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:inline-flex;align-items:center;gap:9px;line-height:1.5}.eyebrow i{display:block;width:6px;height:6px;background:var(--red);border-radius:50%}.hero-topline{border-top:1px solid #3b3b3b;padding-top:26px;display:flex;align-items:center;justify-content:space-between}.hero-edition{font-size:9px;letter-spacing:1.7px;color:#aaa}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;padding:55px 0 60px;align-items:center}.hero-copy h1{font-size:clamp(64px,7vw,105px);line-height:.96;letter-spacing:-6px;font-weight:750}.hero-copy h1>span{color:var(--red)}.hero-copy>p{color:#b9b9b4;line-height:1.7;font-size:14px;max-width:345px;margin:29px 0 29px}.button{padding:17px 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button-red{background:var(--red);color:white}.button:hover{background:#bc1c21;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.hero-showcase{padding-top:16px}.hero-image{width:100%;aspect-ratio:1.24;position:relative;padding:0;background:#232323;overflow:hidden;text-align:left}.hero-image>img{height:100%;width:100%;object-fit:cover;object-position:center 35%;transition:transform .6s}.hero-image:hover>img{transform:scale(1.035)}.image-label{position:absolute;left:20px;top:20px;font-size:8px;letter-spacing:1.5px;background:#151515cc;padding:9px 11px;color:white}.image-open{position:absolute;bottom:20px;right:20px;font-size:25px;width:42px;height:42px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%}.hero-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 0 0;align-items:center}.hero-caption .eyebrow{font-size:8px;color:#999}.hero-caption h2{font-size:16px;letter-spacing:-.3px;margin-top:8px;font-weight:500}.caption-number{font-size:10px;letter-spacing:2px;color:#8d8d89}.hero-bottom{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3b3b3b;color:#aaa;font-size:10px}.hero-bottom a{font-size:9px;letter-spacing:1.5px;color:#fff;display:flex;gap:28px;align-items:center}.hero-bottom a span{font-size:19px}
.section-pad{padding:100px max(5%,calc((100% - 1296px)/2))}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading h2{font-size:clamp(36px,4.3vw,60px);font-weight:600;letter-spacing:-2.8px;line-height:1.05;margin-top:20px}.section-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:290px;padding-bottom:3px}.filter-bar{margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;font-size:11px;padding:11px 15px;border-radius:2px;white-space:nowrap;transition:background .15s}.filter:hover{background:#e4e3df}.filter.active{background:var(--ink);color:white}.filter span{font-size:9px;margin-left:12px;color:#aaa}.result-count{font-size:10px;white-space:nowrap;color:var(--muted)}.project-grid{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:56px 28px}.project-card{min-width:0}.project-visual{position:relative;padding:0;width:100%;aspect-ratio:1.5;background:#ddd;display:block;overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-visual:hover img{transform:scale(1.04)}.card-kind{position:absolute;top:18px;left:18px;padding:8px 10px;background:var(--paper);font-size:8px;letter-spacing:1.1px}.card-arrow{position:absolute;bottom:17px;right:17px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--paper);font-size:23px;transition:background .2s}.project-visual:hover .card-arrow{background:var(--red);color:white}.project-description{padding-top:21px;display:grid;grid-template-columns:27px 1fr;gap:12px}.project-index{font-size:9px;color:#8a8a83;padding-top:8px}.project-description h3{font-size:23px;letter-spacing:-.7px;font-weight:600}.text-project{background:transparent;padding:0;text-align:left;letter-spacing:inherit;font:inherit}.text-project:hover{color:#c02328}.project-description p{font-size:13px;line-height:1.7;color:var(--muted);max-width:410px;margin-top:10px}.project-type{font-size:9px;letter-spacing:.6px;color:#73736c;display:block;margin-top:14px}.about{background:#e8e7e1;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-top:1px solid #d5d4ce}.about-mark{background:#181818;padding:44px 13% 30px;display:flex;align-items:center;flex-direction:column;gap:34px}.about-mark img{height:auto;width:100%;max-width:340px}.about-mark>span{font-size:8px;letter-spacing:1.8px;color:#bdbdb7;white-space:nowrap}.about-copy h2{font-size:clamp(38px,4.5vw,63px);font-weight:600;letter-spacing:-3px;line-height:1.03;margin:20px 0 27px}.about-copy p{font-size:13px;color:#5e5e57;line-height:1.8;margin-top:15px;max-width:455px}.about-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.about-tags span{font-size:9px;padding:9px 11px;border:1px solid #bebeb6}.contact{background:var(--red);color:white;padding-top:60px;padding-bottom:65px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-icon{font-size:62px;font-weight:400;line-height:1}.contact h2{font-size:clamp(65px,8.5vw,120px);letter-spacing:-6px;font-weight:600;line-height:.96;margin-top:27px}.contact h2>span{color:#171717}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-top:48px}.contact-bottom>p{font-size:14px;line-height:1.8;max-width:390px}.contact-address{padding:0 0 2px}.contact-label{font-size:9px;letter-spacing:1.4px;display:block}.email-link{font-size:20px;letter-spacing:-.3px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #ff9999}.email-link>span{font-size:27px}.contact-address small{font-size:10px;display:block;margin-top:12px;color:#fff}.footer{background:#141414;color:#bbb;display:flex;align-items:center;justify-content:space-between;padding:34px max(5%,calc((100% - 1296px)/2));gap:25px;font-size:9px}.footer-wordmark{font-size:21px;color:white;font-weight:800;letter-spacing:-1px}.footer-wordmark span{font-weight:400}.footer>div{display:flex;gap:25px}.footer a:hover{color:white}
.project-dialog{border:0;padding:0;width:min(1120px,94vw);max-height:90dvh;background:var(--paper);color:var(--ink);overflow:auto}.project-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-inner{display:grid;grid-template-columns:1.2fr 1fr;position:relative}.dialog-close{position:absolute;top:15px;right:15px;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;z-index:2;font-size:18px}.dialog-image{background:#202020;display:flex;align-items:center;justify-content:center;min-height:440px}.dialog-image img{width:100%;height:auto;max-height:80dvh;object-fit:contain}.dialog-content{padding:64px 34px 35px}.dialog-content h2{font-size:36px;line-height:1.06;letter-spacing:-1.4px;margin:16px 0 20px}.dialog-content>p{font-size:14px;line-height:1.8;color:#666}.dialog-details{list-style:none;padding:0;margin:25px 0}.dialog-details li{font-size:12px;padding:12px 0;border-top:1px solid var(--line)}.dialog-content .dialog-note{font-size:10px;margin-top:22px;line-height:1.6;color:#777}.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero-grid{gap:75px}.hero-image{aspect-ratio:1.35}}
@media(max-width:1000px){.header{height:96px}.header nav:not(.mobile-nav){gap:22px}.hero-grid{gap:35px;padding:40px 0 48px}.hero-copy h1{font-size:72px;letter-spacing:-4px}.hero-copy>p{font-size:13px}.hero-image{aspect-ratio:.93}.hero-caption h2{font-size:14px}.caption-number{display:none}.section-pad{padding-top:75px;padding-bottom:75px}.section-heading h2{font-size:45px}.about{gap:6%}.about-mark{padding:35px 10% 28px}.about-mark>span{font-size:6px}.contact h2{font-size:90px}.contact-bottom{gap:6%}.email-link{font-size:17px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:90px;padding:0 6%}.brand img{width:53px;height:53px}.brand>span{font-size:20px}.brand small{font-size:7px}.header nav:not(.mobile-nav){display:none}.menu-toggle{display:block}.hero{padding-left:6%;padding-right:6%;padding-top:12px}.hero-topline{padding-top:21px}.hero-topline .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-edition{display:none}.hero-grid{grid-template-columns:1fr;padding-top:36px;gap:35px}.hero-copy h1{font-size:clamp(66px,13vw,92px);letter-spacing:-4px;line-height:.98}.hero-copy>p{max-width:420px;font-size:14px;margin-top:23px}.hero-showcase{padding-top:0}.hero-image{aspect-ratio:1.4}.hero-caption h2{font-size:17px}.hero-caption .eyebrow{font-size:8px}.caption-number{display:block}.hero-bottom{font-size:9px;gap:25px;line-height:1.7}.hero-bottom>span{max-width:205px}.hero-bottom a{font-size:8px;gap:12px;white-space:nowrap}.section-pad{padding:62px 6%}.section-heading{display:block}.section-heading h2{font-size:42px;letter-spacing:-2px}.section-heading>p{max-width:365px;margin-top:22px;font-size:13px}.filter-bar{margin-top:30px;align-items:flex-start}.filters{gap:3px}.filter{font-size:10px;padding:10px}.result-count{display:none}.project-grid{grid-template-columns:1fr;gap:36px;margin-top:24px}.project-description h3{font-size:23px}.project-description p{font-size:13px}.project-visual{aspect-ratio:1.45}.about{grid-template-columns:1fr;gap:38px}.about-mark{padding:35px 20% 30px;max-width:500px;order:2}.about-mark>span{font-size:7px}.about-copy h2{font-size:50px;letter-spacing:-2.8px}.about-copy p{font-size:14px}.about-tags span{font-size:10px}.contact{padding-top:42px;padding-bottom:48px}.contact h2{font-size:clamp(64px,13vw,90px);letter-spacing:-4px}.contact-icon{font-size:45px}.contact-bottom{grid-template-columns:1fr;gap:34px;margin-top:32px}.contact-bottom>p{font-size:13px}.email-link{font-size:20px}.footer{flex-wrap:wrap;gap:26px;padding:30px 6%}.footer>div{width:100%;border-top:1px solid #333;padding-top:23px;justify-content:space-between}.dialog-inner{display:block}.dialog-image{min-height:0;padding:0}.dialog-image img{max-height:50dvh}.dialog-content{padding:30px 25px}.dialog-content h2{font-size:30px}.project-dialog{max-height:92dvh}.dialog-close{top:12px;right:12px}.image-label{font-size:7px;left:14px;top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
