*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #e9e4dc;--ink: #1c140d;--muted: #8a7f72;--ember: #c0561f;--cream: #f4ede2}html,body{width:100%;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--paper);color:var(--ink)}body{overflow-x:hidden}img{width:100%;height:100%;object-fit:cover}p,a{text-decoration:none;font-size:12px;line-height:1.45;letter-spacing:.02em;color:var(--ink)}nav a,nav p{transition:color .35s ease}nav a:hover{color:var(--ember)}.muted{color:var(--muted)}.brand{font-size:15px;font-weight:600;letter-spacing:-.01em}.tagline{color:var(--muted);letter-spacing:.04em}.container{width:100vw;height:100vh;overflow:hidden}.counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:20px;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);z-index:0}.counter p{position:relative;display:block;transform:translateY(20px)}.hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:100vw;height:100vh;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:transform;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ink);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);z-index:2}nav{position:absolute;top:0;left:0;width:100%;padding:1.6em 1.8em;display:flex}.nav-col{flex:1;display:flex}.nav-items{flex:1;display:flex;flex-direction:column}.nav-col:nth-child(2) .nav-items:last-child p{text-align:right}.header{position:absolute;width:100%;top:-5%;left:0;clip-path:polygon(0 100%,100% 100%,100% 0,0 0);z-index:1}.header h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:38.5vw;font-weight:200;letter-spacing:-.02em;text-align:center;margin:0;padding:0;line-height:100%}.header h1 span{position:relative;display:inline-block;transform:translateY(500px)}.hero-img{position:absolute;bottom:0;width:100%;height:35vh;overflow:hidden;z-index:0}.hero-img img{transform:scale(2)}.hero-caption{position:absolute;left:1.8em;bottom:1.6em;z-index:3;display:flex;flex-direction:column;gap:.3em;color:var(--cream);text-shadow:0 1px 12px rgba(0,0,0,.55);pointer-events:none}.cap-index{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f4ede2b8}.cap-title{font-size:15px;font-weight:500;letter-spacing:.01em}.page{position:relative;z-index:4;background-color:var(--paper);padding:8vw 1.8em 0}.section-kicker{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ember)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:3em;padding-bottom:3.2em;border-bottom:1px solid rgba(28,20,13,.14)}.section-lead{max-width:34ch;font-size:15px;line-height:1.55;color:var(--ink)}.work-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4em 1.8em;padding:3.6em 0 9vw}.project a{display:block}.project-media{aspect-ratio:4 / 3;overflow:hidden;background-color:var(--ink)}.project-media img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease;filter:saturate(.92)}.project:hover .project-media img{transform:scale(1.05);filter:saturate(1.05)}.project-row{display:flex;align-items:baseline;gap:.7em;margin-top:1.05em}.project-index{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em}.project-title{font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:1}.project-tag{margin-left:auto;font-size:12px;color:var(--muted)}.project-note{margin-top:.45em;font-size:12px;letter-spacing:.03em;color:var(--muted)}.studio{padding:9vw 0;border-top:1px solid rgba(28,20,13,.14)}.studio-statement{max-width:20ch;margin:.9em 0 2.4em;font-size:clamp(30px,5.2vw,68px);font-weight:300;line-height:1.04;letter-spacing:-.02em}.studio-body{display:flex;justify-content:space-between;gap:4em;flex-wrap:wrap}.studio-body p{max-width:40ch;font-size:15px;line-height:1.6}.capabilities{list-style:none;text-align:right}.capabilities li{font-size:14px;line-height:1.9;color:var(--ink)}.site-foot{background-color:var(--ink);color:var(--cream);margin:0 -1.8em;padding:8vw 1.8em 2.4em}.site-foot .section-kicker{color:var(--ember)}.foot-cta{display:flex;flex-direction:column;gap:.6em;padding-bottom:8vw;border-bottom:1px solid rgba(244,237,226,.16)}.foot-mail{font-size:clamp(30px,6vw,84px);font-weight:300;letter-spacing:-.02em;line-height:1;color:var(--cream);transition:color .35s ease}.foot-mail:hover{color:var(--ember)}.foot-cols{display:flex;gap:4em;flex-wrap:wrap;padding:3.6em 0}.foot-col{display:flex;flex-direction:column;gap:.35em}.foot-col p,.foot-col a{color:#f4ede2d1}.foot-col a:hover{color:var(--ember)}.foot-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f4ede273;margin-bottom:.6em}.foot-base{display:flex;justify-content:space-between;padding-top:2.4em;border-top:1px solid rgba(244,237,226,.16)}.foot-base span{font-size:12px;letter-spacing:.03em;color:#f4ede2d1}.foot-base .muted{color:#f4ede273}@media(max-width:900px){.header{top:30%}.hero-img{height:50vh}.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){nav{padding:2.2em 1.4em 1.2em;align-items:flex-start}.nav-col:nth-child(1){flex:0 0 auto}.tagline{display:none}.nav-col:nth-child(2){flex:1;justify-content:flex-end;align-items:flex-start}.nav-col:nth-child(2) .nav-items:nth-child(2),.nav-col:nth-child(2) .nav-items:nth-child(3){display:none}.nav-col:nth-child(2) .nav-items:first-child{flex:0 0 auto;flex-direction:row;gap:1.3em}.nav-col:nth-child(2) .nav-items:first-child a{font-size:13px}.header{top:34%}.header h1{font-size:30vw}.hero-img{height:46vh}.hero-caption{left:1.4em;bottom:1.4em}.cap-title{font-size:13px}.cap-index{font-size:10px;letter-spacing:.16em}.page{padding:14vw 1.4em 0}.section-head{flex-direction:column;align-items:flex-start;gap:1.2em;padding-bottom:2.4em}.section-lead{font-size:14px}.work-grid{grid-template-columns:1fr;gap:2.8em;padding:2.8em 0 16vw}.project-title{font-size:20px}.studio{padding:16vw 0}.studio-body{gap:2em}.capabilities{text-align:left}.site-foot{margin:0 -1.4em;padding:16vw 1.4em 2.4em}.foot-cols{gap:2.4em;padding:2.8em 0}.foot-base{flex-direction:column;gap:.4em}}
