@import url("./typography.css");
@import url("./refinements.css");
@import url("./contact.css");
:root{--paper:#fff;--ink:#171715;--muted:#777671;--line:#d8d6d0;--white:#fff;--mono:"Chivo Mono","Courier New",monospace;--sans:"Inter","Arial",sans-serif;--gutter:clamp(22px,4vw,62px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.mono,.eyebrow,.nav-links,.meta,.caption,.tiny,.button-link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.025em;font-size:10px}.mono{line-height:1.5}.site-header{height:82px;padding:0 var(--gutter);position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;color:var(--ink);mix-blend-mode:difference;filter:invert(1);transition:transform .45s}.brand{display:flex;width:171px}.brand img{width:100%;height:auto}.nav-links{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px)}.nav-links a,.language{position:relative}.nav-links a:before{content:"";width:4px;height:4px;background:currentColor;display:inline-block;margin:0 9px 2px 0;opacity:0;transition:opacity .2s}.nav-links a:hover:before,.nav-links a:focus-visible:before{opacity:1}.header-cta{border-bottom:1px solid currentColor;padding-bottom:5px}.language{display:flex;gap:8px}.language a:not(.active){opacity:.45}.menu-toggle{display:none;background:none;border:0;font-family:var(--mono);font-size:10px;text-transform:uppercase}.hero{height:100svh;min-height:640px;position:relative;display:grid;place-items:center;background:#d7d5cf;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,13,.1),transparent 40%,rgba(14,14,13,.3))}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:grayscale(1) contrast(.9);opacity:.28}.hero-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 44%,#fffefa 0,#e9e7e1 38%,#cfcdc6 100%)}.hero-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.95%,rgba(0,0,0,.055) 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,rgba(0,0,0,.055) 50%,transparent 50.05%);background-size:12.5% 20%;opacity:.4}.hero-logo{width:min(53vw,700px);position:relative;z-index:1;animation:rise .9s both}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;display:flex;justify-content:space-between;align-items:end;z-index:2}.hero-intro{max-width:380px}.hero-intro p{font-size:14px;line-height:1.55;max-width:340px;margin:12px 0 0}.hero-feature{text-align:right}.hero-feature strong{display:block;font-size:18px;font-weight:500;margin:8px 0}.section{padding:clamp(88px,12vw,176px) var(--gutter)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.about-grid h1,.about-grid h2,.statement h2{font-size:clamp(38px,5.3vw,76px);line-height:.99;letter-spacing:-.065em;font-weight:500;margin:28px 0 0;max-width:740px}.about-copy{padding-top:44px;max-width:470px}.about-copy p,.body-copy{font-size:16px;line-height:1.8;color:#54534f}.text-link{display:inline-flex;align-items:center;gap:20px;margin-top:27px;border-bottom:1px solid;padding:0 0 9px;font-family:var(--mono);font-size:10px;text-transform:uppercase}.arrow{display:inline-block;transition:transform .3s}.text-link:hover .arrow,.project-link:hover .arrow{transform:translate(4px,-4px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{font-size:clamp(34px,5vw,62px);font-weight:500;letter-spacing:-.06em;margin:12px 0 0}.horizontal-rail{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--gutter) 14px; margin:0 calc(var(--gutter)*-1)}.horizontal-rail::-webkit-scrollbar{display:none}.service-card{flex:0 0 31vw;min-width:280px;scroll-snap-align:start;transition:opacity .4s,filter .4s,transform .4s}.service-image{height:clamp(300px,39vw,540px);position:relative;overflow:hidden;background:#d9d7d1}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .5s}.service-card:hover img{transform:scale(1.025)}.service-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.08);pointer-events:none}.service-head{display:flex;justify-content:space-between;margin-top:14px;align-items:start}.service-title{font-size:20px;letter-spacing:-.04em;font-weight:500;margin:4px 0}.service-card p{font-size:12px;color:var(--muted);margin:6px 0}.service-rail.is-hovering .service-card:not(.is-active){opacity:.43;filter:blur(2px)}.service-controls{display:flex;gap:8px}.slider-button{border:1px solid var(--line);background:transparent;width:42px;height:42px;cursor:pointer;transition:background .2s,color .2s}.slider-button:hover{background:var(--ink);color:var(--paper)}.statement{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start;padding-top:60px;padding-bottom:60px}.statement h2{margin:20px 0 0;font-size:clamp(38px,5.2vw,72px)}.statement .body-copy{max-width:450px;margin-top:68px}.project-card{flex:0 0 19vw;min-width:230px;scroll-snap-align:start}.project-image{height:clamp(310px,34vw,500px);overflow:hidden;background:#deddd8}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.project-card:hover .project-image img{transform:scale(1.025)}.project-card:nth-child(2) .project-image img{object-position:50% 30%}.project-info{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:14px}.project-info h3{font-size:15px;font-weight:500;margin:0}.project-info p{font-size:10px;color:var(--muted);font-family:var(--mono);margin:6px 0}.project-actions{display:flex;gap:18px;grid-column:1/-1;margin-top:7px}.project-link{font:10px var(--mono);text-transform:uppercase}.cta-band{background:#191918;color:#f5f4f0;padding:90px var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:40px}.cta-band h2{font-size:clamp(36px,6vw,82px);line-height:.95;letter-spacing:-.07em;font-weight:500;max-width:850px;margin:20px 0 0}.cta-band .button-link{border:1px solid #777;padding:17px 20px;white-space:nowrap}.site-footer{padding:68px var(--gutter) 28px;background:#191918;color:#f5f4f0;border-top:1px solid #41413e}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-logo{width:min(41vw,475px)}.footer-cols{display:grid;grid-template-columns:repeat(5,minmax(82px,1fr));gap:32px}.footer-cols h3{font:10px var(--mono);margin:0 0 18px;color:#95948f}.footer-cols a,.footer-cols p{display:block;font-size:12px;margin:9px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #41413e;margin-top:65px;padding-top:17px;color:#95948f}.page-intro{padding:160px var(--gutter) 60px}.page-intro h1{font-size:clamp(48px,9vw,126px);letter-spacing:-.075em;line-height:.9;font-weight:500;max-width:1100px;margin:32px 0}.page-intro p{max-width:560px;font-size:16px;line-height:1.75;color:#555}.detail-hero{height:min(66vw,700px);min-height:400px;margin:0 var(--gutter);overflow:hidden;background:#ddd}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px var(--gutter)}.detail-grid h2{font-size:clamp(32px,4.6vw,62px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:15px 0}.detail-copy{font-size:16px;line-height:1.8;color:#555}.list-lines{list-style:none;padding:0;border-top:1px solid var(--line)}.list-lines li{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.steps{counter-reset:step}.steps li{display:grid;grid-template-columns:50px 1fr;align-items:start}.steps li:before{counter-increment:step;content:"0" counter(step);font:10px var(--mono);color:var(--muted)}.case-visuals{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 var(--gutter) 90px}.case-visuals figure{margin:0;background:#e5e3de}.case-visuals img{display:block;width:100%;height:auto}.case-visuals figcaption{padding:10px;font:10px var(--mono);text-transform:uppercase}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:40px var(--gutter) 150px}.contact-details h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.06em;font-weight:500}.contact-details a{display:block;margin:18px 0;font-size:17px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px}.field.full{grid-column:1/-1}.field label{font:10px var(--mono);text-transform:uppercase}.field input,.field select,.field textarea{border:0;border-bottom:1px solid #a9a7a0;background:transparent;padding:12px 0;border-radius:0;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#171715}.field textarea{min-height:120px;resize:vertical}.form-submit{grid-column:1/-1;justify-self:start;background:var(--ink);color:var(--paper);border:0;padding:17px 24px;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.form-status{grid-column:1/-1;min-height:24px;font-size:13px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-panel{display:none}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){:root{--gutter:20px}.site-header{height:70px;mix-blend-mode:normal;filter:none;background:rgba(245,244,240,.94);backdrop-filter:blur(8px)}.brand{width:145px}.nav-links{display:none}.menu-toggle{display:block}.menu-panel{position:fixed;display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s;z-index:30;inset:78px 20px auto;background:var(--white);padding:20px 22px 25px;flex-direction:column;gap:0}.menu-panel.open{visibility:visible;opacity:1;transform:none}.menu-panel a{padding:13px 0;border-bottom:1px solid var(--line);font:11px var(--mono);text-transform:uppercase}.menu-panel a:before{content:"▪";margin-right:11px}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.menu-panel .menu-lang{display:flex;gap:18px}.hero{min-height:650px}.hero-art{background:radial-gradient(ellipse at 48% 43%,#fffefa,#e4e2dc 60%,#cbc9c2)}.hero-logo{width:82vw}.hero-bottom{bottom:22px;align-items:end}.hero-intro{max-width:230px}.hero-intro p{font-size:12px}.hero-feature strong{font-size:15px}.about-grid,.statement,.detail-grid,.contact-layout{grid-template-columns:1fr;gap:25px}.about-grid h1,.about-grid h2{font-size:clamp(40px,11vw,58px)}.about-copy{padding-top:0}.section{padding-top:84px;padding-bottom:84px}.section-heading{align-items:end}.section-heading h2{font-size:38px}.service-card{flex-basis:78vw;min-width:0}.service-image{height:108vw;max-height:500px}.project-card{flex-basis:58vw;min-width:0}.project-image{height:76vw;max-height:480px}.statement .body-copy{margin:0}.cta-band{padding-top:65px;padding-bottom:65px;display:block}.cta-band h2{font-size:clamp(42px,12vw,68px)}.cta-band .button-link{display:inline-block;margin-top:30px}.footer-top{display:block}.footer-logo{width:80vw;margin-bottom:45px}.footer-cols{grid-template-columns:repeat(2,1fr);gap:28px}.footer-bottom{margin-top:42px;gap:20px;font-size:9px}.page-intro{padding-top:128px;padding-bottom:38px}.page-intro h1{font-size:clamp(48px,14vw,82px)}.detail-hero{height:100vw;min-height:340px;margin:0 var(--gutter)}.detail-grid{padding-top:65px;padding-bottom:65px}.case-visuals{grid-template-columns:1fr;padding-bottom:60px}.contact-layout{padding-top:20px}.contact-form{grid-template-columns:1fr}.field.full,.form-submit,.form-status{grid-column:1}.service-controls{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}