:root{--ink:#191a17;--paper:#f5f2eb;--red:#c51f31;--line:#d7d1c7;--muted:#59584f;font:16px/1.55 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p{max-width:62ch}html{scroll-behavior:smooth}section[id]{scroll-margin-top:24px}.wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-100px;padding:1rem;background:white;z-index:2}.skip:focus{top:1rem}:focus-visible{outline:3px solid #c51f31;outline-offset:5px}[hidden]{display:none!important}.top{border-bottom:1px solid var(--line)}.nav{display:flex;gap:28px;min-height:83px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:900;letter-spacing:-.65px;font-size:20px}.brand img{width:35px}.brand-light{font-weight:600;margin-left:3px}.nav nav{display:flex;gap:26px;flex-wrap:wrap;font-weight:700;font-size:13px}.nav nav a:hover,.text-link:hover,.services a:hover{color:var(--red)}.button{min-height:47px;padding:12px 18px;display:inline-flex;justify-content:space-between;align-items:center;gap:23px;font-size:13px;font-weight:800;border:1px solid transparent;white-space:nowrap}.red{background:var(--red);color:white}.red:hover{background:#a41425}.outline{border-color:#a8a094}.outline:hover{background:#eae5db}.hero{padding:42px 0 48px}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:stretch;gap:36px}.hero-text{padding:45px 0 36px;display:flex;flex-direction:column;justify-content:center}.kicker,.num,.band,.projects article span{font:700 11px/1.35 Consolas,monospace;letter-spacing:1.4px}.kicker{display:flex;align-items:center;gap:9px;margin-bottom:22px}.kicker i{width:10px;height:10px;background:var(--red);display:inline-block}.hero h1{font-size:clamp(65px,8.3vw,125px);line-height:.88;letter-spacing:-.095em;margin-bottom:30px}.hero h1 em{font-style:normal;color:var(--red)}.hero p,.split p,.guide>div>p{font-size:17px;color:var(--muted);max-width:46ch}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-photo{position:relative;min-height:465px;background:#282720;isolation:isolate;overflow:hidden}.hero-photo img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 42%}.hero-photo figcaption{position:absolute;inset:auto 0 0;color:white;padding:55px 22px 21px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(transparent,#000d)}.hero-photo figcaption b{font:700 12px Consolas,monospace;letter-spacing:1.1px}.hero-photo small{display:block;font-size:13px}.band{background:var(--red);color:white}.band-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:16px}.section{padding-block:77px}.split,.guide{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}.split{margin-bottom:34px}.split p{justify-self:end}.section h2{font-size:clamp(44px,6vw,83px);line-height:.96;letter-spacing:-.078em}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.services article{padding:27px;display:flex;flex-direction:column;gap:14px}.services article+article{border-left:1px solid var(--line)}.services h3,.projects h3{font-size:27px;letter-spacing:-.05em;line-height:1.12}.services p{color:var(--muted);font-size:15px;flex:1}.services a,.text-link,.contact-links a{font-size:14px;font-weight:800;border-bottom:1px solid currentColor;align-self:start}.num{color:#a51e2e}.portfolio,.contact{background:#191a17;color:var(--paper)}.portfolio .split p,.contact .guide>div>p{color:#c6c3b9}.filters{display:flex;gap:8px;margin:0 0 19px}.filters button{padding:8px 14px;background:transparent;color:inherit;border:1px solid #55554c;font-size:13px}.filters button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:17px}.projects article{position:relative;isolation:isolate;background:#333}.projects img{aspect-ratio:1.62;object-fit:cover}.projects article>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000e);padding:46px 22px 19px}.projects article span{font-size:10px;color:#f1d4d5}.guide{align-items:start}.guide h2{margin-bottom:20px}.text-link{display:inline-block;margin-top:24px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-weight:800}details p{margin-top:10px;color:var(--muted);font-size:15px}.contact-links{display:grid;justify-items:start;gap:10px;margin:26px 0}.contact address{font-style:normal;font-size:14px;color:#c6c3b9}.contact form{padding:28px;background:var(--paper);color:var(--ink);display:grid;gap:9px}.contact h3{font-size:22px;letter-spacing:-.04em;margin-bottom:6px}.contact label{font-weight:700;font-size:13px;margin-top:4px}.contact input,.contact select,.contact textarea{width:100%;background:white;border:1px solid #bcb5aa;padding:10px;color:var(--ink);border-radius:0}.contact .button{justify-self:start;margin-top:7px}.contact small{font-size:12px;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px;font-size:13px}.footer-grid .brand{font-size:16px}
@media(max-width:1000px){.wrap{width:calc(100% - 50px)}.nav nav{gap:12px}.hero-grid{gap:22px}.hero-photo{min-height:415px}.hero-text{padding:24px 0}.section{padding-block:58px}.services article{padding:20px}}
@media(max-width:720px){.wrap{width:calc(100% - 34px)}.nav{flex-wrap:wrap;gap:12px;padding-block:12px}.nav nav{order:3;width:100%;font-size:12px;gap:8px 14px}.nav .button{min-height:37px;padding:7px 10px;gap:8px}.hero{padding-block:18px 27px}.hero-grid,.split,.guide{grid-template-columns:1fr;gap:23px}.hero-text{padding:18px 0 4px}.hero h1{font-size:clamp(68px,16vw,106px);margin-bottom:20px}.hero-photo{min-height:300px}.band-grid{justify-content:start;font-size:9px}.band-grid span:last-child{display:none}.split p{justify-self:start}.section{padding-block:43px}.services{grid-template-columns:1fr}.services article+article{border-left:0;border-top:1px solid var(--line)}.projects{grid-template-columns:1fr}.footer-grid{flex-wrap:wrap}.contact form{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
