*{box-sizing:border-box} :root{--paper:#eae7df;--ink:#242923;--line:#b9bcb0;--accent:#b85d39}html{scroll-behavior:auto;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:auto}p{line-height:1.6}h1,h2,h3,h4,p,figure{margin:0}em{font-family:Georgia,serif;font-weight:400}section{scroll-margin-top:30px}.skip{position:absolute;top:-100px;background:white;padding:15px}.skip:focus{top:0;z-index:10}.concept{padding:10px 4%;display:flex;justify-content:space-between;gap:15px;background:var(--ink);color:var(--paper);font:9px/1.5 monospace;letter-spacing:.06em}header{display:flex;justify-content:space-between;align-items:center;padding:30px 4%;gap:25px}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.wordmark>span:first-child{color:var(--accent)}.wordmark .mark{font-size:40px;margin-left:18px;font-weight:400;vertical-align:middle}nav{display:flex;gap:40px;align-items:center;font-size:12px}nav sup{color:var(--accent);font-size:8px;margin-left:4px}.nav-contact{border-bottom:1px solid var(--ink);padding:10px 0;min-width:100px;display:flex;justify-content:space-between}nav a:hover{color:var(--accent)}.label{font:10px/1.6 monospace;letter-spacing:.08em}.hero-title{margin:30px 4% 45px;display:grid;grid-template-columns:1fr 3fr 1fr;gap:25px;align-items:start;border-top:1px solid var(--line);padding-top:35px}h1{font-size:clamp(66px,7.5vw,132px);line-height:.92;font-weight:400;letter-spacing:-.065em}h1 em{letter-spacing:-.07em}.hero-intro{align-self:end;font-size:13px;padding-bottom:4px}.cross{display:block;color:var(--accent);font-size:35px;margin-bottom:25px}.hero-image{position:relative;margin:0 2%}.hero-image>img{height: min(64vw,690px);min-height:420px;object-fit:cover;object-position:center}.image-index{position:absolute;top:30px;left:30px;color:#fff;font:9px/1.6 monospace;letter-spacing:.1em;text-shadow:0 1px 5px #000}.hero-explore{position:absolute;bottom:70px;right:30px;display:flex;align-items:center;gap:50px;padding:22px 25px;background:var(--paper);font-size:12px}.hero-explore>span:last-child{font-size:25px}.hero-explore:hover{background:#fff}.hero-image figcaption{display:flex;justify-content:space-between;padding:16px 2%;font:9px/1.5 monospace;letter-spacing:.05em}.manifesto{margin:0 4%;padding:105px 0;display:grid;grid-template-columns:1fr 3fr 1fr;gap:25px;border-bottom:1px solid var(--line)}.manifesto>p{font-size:clamp(23px,2.9vw,46px);line-height:1.3;letter-spacing:-.045em}.manifesto-note{align-self:end}.projects{padding:85px 4% 110px}.section-heading{display:grid;grid-template-columns:1fr 3fr 1fr;gap:25px;margin-bottom:60px}h2{font-size:clamp(40px,4.5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-.06em}.section-heading>p{font-size:12px;align-self:end}.project{display:grid;grid-template-columns:3fr 2fr;gap:0;margin-top:40px;align-items:stretch;border-top:1px solid var(--line)}.project-02{grid-template-columns:2fr 3fr}.project-02 .project-image{order:2}.project-image{position:relative;overflow:hidden;min-height:430px;background:#d2d1c8}.project-image img{height:100%;min-height:430px;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}@media(hover:hover) and (pointer:fine){.project:hover .project-image img{transform:scale(1.035)}}.image-label{position:absolute;bottom:22px;left:22px;font:9px monospace;letter-spacing:.1em;color:#fff;background:#242923b3;padding:10px}.project-body{padding:35px 40px;min-width:0}.project-top{display:flex;justify-content:space-between;align-items:center}.project-symbol{font-size:32px;color:var(--accent)}h3{font-size:clamp(32px,3vw,48px);font-weight:400;letter-spacing:-.055em;margin:45px 0 15px}.project-lead{font-size:19px;max-width:27ch;line-height:1.4}.material-line{display:flex;justify-content:space-between;gap:15px;font:9px/1.5 monospace;margin:35px 0 15px;color:#585f54}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:19px 0;font-size:12px}summary::-webkit-details-marker{display:none}.detail-toggle{font-size:24px;font-weight:300;transition:transform .3s}details[open]>summary .detail-toggle{transform:rotate(45deg)}.case-study{padding:15px 0 0;animation:unfold .45s ease}h4{font:10px monospace;text-transform:uppercase;letter-spacing:.06em;margin:20px 0 10px}.case-study p{font-size:14px}.study-note{margin:25px 0;padding:18px;border-left:2px solid var(--accent);background:#deded4}.study-note span{display:block;font:9px monospace;margin-bottom:10px}.study-note strong{font-weight:400;font-size:18px}.case-study .disclaimer{font-size:10px;color:#62685e}.practice{background:var(--ink);color:var(--paper);padding:90px 4%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.practice-heading h2{margin:45px 0 30px}.practice-heading>p{font-size:13px;color:#b9beb3}.practice-content{padding-top:55px}.practice .lead{font-size:27px;line-height:1.3;letter-spacing:-.035em;margin-bottom:25px}.practice-content>p:not(.lead){font-size:14px;color:#bdc2b6;max-width:52ch}.services{margin-top:45px}.services summary{border-color:#555e50;font-size:19px;padding:20px 0}.services summary>span:first-child{font:10px monospace;color:#c48b6b;margin-right:15px}.services summary .detail-toggle{margin-left:auto}.services p{font-size:13px;color:#bdc2b6;padding:5px 0 25px;max-width:48ch}.material-section{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.material-photo{overflow:hidden}.material-photo img{height:100%;object-fit:cover;object-position:80%;transform:scale(1.5)}.material-section>div:last-child{padding:70px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:45px;background:#d6d8cd}.material-section p{font-size:clamp(30px,3.5vw,56px);line-height:1.12;letter-spacing:-.05em}.contact{padding:85px 4% 65px}.contact h2{font-size:clamp(65px,9vw,145px);margin:45px 0 60px}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.contact-bottom p{font-size:13px}.contact-bottom a{display:flex;gap:70px;font-size:16px;border-bottom:1px solid var(--ink);padding:15px 0}.contact-bottom a span{font-size:26px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:30px 4%;display:flex;justify-content:space-between;gap:30px;align-items:center}footer p,footer>a:last-child{font-size:10px;line-height:1.6}.reveal{transition:opacity .35s ease}.reveal.pending{opacity:0}@keyframes unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){body{max-width:2000px;margin:auto}}
@media(max-width:1000px){.hero-title{grid-template-columns:1fr 3fr}.hero-intro{grid-column:2;display:flex;gap:25px}.cross{margin:0}.manifesto,.section-heading{grid-template-columns:1fr 3fr}.manifesto-note,.section-heading>p{grid-column:2}.project-body{padding:25px}.project-image,.project-image img{min-height:380px}.practice{gap:7%}.material-line{flex-direction:column}}
@media(max-width:650px){header{padding:23px 5%;flex-wrap:wrap;gap:24px}.wordmark{font-size:25px}.wordmark .mark{margin-left:8px}nav{width:100%;justify-content:space-between;gap:15px;font-size:11px}.nav-contact{min-width:78px;padding:0 0 6px}.concept{font-size:8px;padding:9px 5%}.concept>span{max-width:160px}.hero-title{margin:15px 5% 30px;grid-template-columns:1fr;padding-top:22px;gap:25px}.hero-title>.label{font-size:9px}h1{font-size:clamp(64px,14.5vw,94px)}.hero-intro{grid-column:auto;font-size:12px;align-items:center}.hero-image{margin:0}.hero-image>img{height:500px;min-height:0;object-position:48%}.image-index{top:20px;left:20px}.hero-explore{bottom:80px;right:20px;left:20px;justify-content:space-between;padding:15px 20px}.hero-image figcaption{padding:15px 5%;font-size:8px;gap:25px}.hero-image figcaption span{max-width:150px}.manifesto{margin:0 5%;padding:55px 0;grid-template-columns:1fr;gap:25px}.manifesto>p{font-size:28px}.manifesto-note{grid-column:auto}.projects{padding:55px 5% 60px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{margin:25px 0;font-size:42px}.section-heading>p{font-size:12px}.project,.project-02{display:flex;flex-direction:column;margin-top:30px}.project-02 .project-image{order:0}.project-image,.project-image img{min-height:0;height:310px}.project-body{padding:22px 0 10px}h3{margin:22px 0 12px;font-size:37px}.project-lead{font-size:18px;max-width:none}.material-line{flex-direction:row;font-size:8px;margin:25px 0 15px}.practice{grid-template-columns:1fr;padding:55px 5%;gap:35px}.practice-heading h2{margin:30px 0 25px;font-size:43px}.practice-content{padding:0}.practice .lead{font-size:25px}.services summary{font-size:18px}.material-section{grid-template-columns:1fr}.material-photo{height:280px}.material-section>div:last-child{padding:40px 5%;gap:30px}.material-section p{font-size:40px}.contact{padding:55px 5%}.contact h2{font-size:clamp(56px,13vw,84px);margin:30px 0 40px}.contact-bottom{flex-direction:column;align-items:start;gap:25px}.contact-bottom a{width:100%;justify-content:space-between;gap:15px;font-size:14px}footer{padding:30px 5%;flex-wrap:wrap;align-items:start}footer p{max-width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;translate:none}.project:hover .project-image img{transform:none}}
@media(min-width:651px){.project-image{height:520px;position:sticky;top:25px;align-self:start}.project-image img{height:520px}}
@media(prefers-reduced-motion:reduce){.project.reveal.pending .project-image{clip-path:none}}