@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Prata&display=swap");
:root{--ink:#11100d;--paper:#ede6d8;--cream:#f5efe4;--gold:#c69a42;--gold-light:#e7c66f;--line:rgba(198,154,66,.28);--display:"Prata",serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);cursor:default}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.studio-nav{position:absolute;z-index:20;top:0;left:0;right:0;height:82px;padding:0 clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.12)}.studio-brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:15px}.studio-brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(239,200,93,.28)}.studio-nav nav{display:flex;align-items:stretch;height:100%}.studio-nav nav a{position:relative;display:grid;place-items:center;padding:0 18px;color:#d0c9bc;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.studio-nav nav a:after{content:"";position:absolute;bottom:-1px;left:18px;right:18px;height:2px;background:var(--gold-light);transform:scaleX(0);transition:transform .3s}.studio-nav nav a:hover:after,.studio-nav nav .active:after{transform:scaleX(1)}.studio-menu,.studio-mobile{display:none}
.studio-hero{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(350px,.82fr) minmax(420px,1.18fr);align-items:center;gap:6vw;padding:130px clamp(22px,6vw,100px) 85px;overflow:hidden;background:radial-gradient(circle at 15% 70%,#493517 0,transparent 34%),linear-gradient(116deg,#17140f 0 49%,#211c13 49%)}.studio-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(230,198,111,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(230,198,111,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-index{position:absolute;top:16%;left:43%;color:rgba(231,198,111,.1);font:clamp(120px,17vw,270px)/1 var(--display);transform:rotate(-90deg);transform-origin:center;letter-spacing:-.08em}.studio-heading{z-index:2}.kicker{display:flex;align-items:center;gap:12px;color:var(--gold-light);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.kicker span{width:24px;height:1px;background:currentColor}.studio-heading h1,.work h2,.studio-cta h2{font:400 clamp(64px,8vw,125px)/.92 var(--display);letter-spacing:-.055em;margin:30px 0}.studio-heading h1 em,.work h2 em,.studio-cta h2 em{color:var(--gold-light);font-weight:400}.hero-lede{max-width:490px;margin-top:45px;padding-left:26px;border-left:1px solid var(--gold);color:#b8b0a2;font-size:16px;line-height:1.8}.hero-art{z-index:2;position:relative;margin:0;overflow:hidden;clip-path:polygon(0 7%,93% 0,100% 92%,8% 100%)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(198,154,66,.25),transparent 45%);mix-blend-mode:color}.hero-gallery{display:grid;grid-template-columns:1.22fr 1fr;grid-template-rows:repeat(3,1fr);gap:5px;height:min(68vh,720px);background:#17140f}.hero-cell{position:relative;overflow:hidden}.hero-cell-lead{grid-row:span 2}.hero-cell-strip{grid-column:span 2}.hero-cell-strip:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(12,11,9,.85))}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.22) saturate(.72) contrast(1.08);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}.hero-cell:hover img{transform:scale(1.045)}.hero-art figcaption{position:absolute;z-index:2;left:9%;right:8%;bottom:9%;display:flex;justify-content:space-between;color:#fff;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.scroll-invite{position:absolute;z-index:3;bottom:32px;left:clamp(22px,6vw,100px);display:flex;align-items:center;gap:20px;color:#d8d0c2;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.scroll-invite span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;transition:.3s}.scroll-invite:hover span{background:var(--gold);color:var(--ink)}
.work{background:var(--paper);color:var(--ink);padding:clamp(90px,11vw,170px) clamp(20px,5vw,80px)}.work-header{display:grid;grid-template-columns:1fr minmax(300px,.48fr);align-items:end;gap:8vw;margin-bottom:80px}.work .kicker{color:#997124}.work h2{font-size:clamp(54px,7vw,100px);margin:25px 0 0}.work-header>p{color:#6b6459;line-height:1.8;margin:0 0 10px}.filters{position:sticky;z-index:8;top:0;display:flex;gap:0;margin:0 0 48px;border-block:1px solid rgba(17,16,13,.16);background:rgba(237,230,216,.94);backdrop-filter:blur(14px)}.filters button{border:0;border-right:1px solid rgba(17,16,13,.16);background:none;padding:18px 28px;cursor:pointer;color:#6c6559;font-size:11px;letter-spacing:.11em;text-transform:uppercase;transition:.25s}.filters button:hover,.filters button.active{background:var(--ink);color:var(--gold-light)}.filters sup{margin-left:5px;font-size:8px}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,30px);align-items:start}.project{grid-column:span 4;margin-bottom:4vw;transition:opacity .35s,transform .5s}.project:nth-child(3n+2){margin-top:6vw}.project-wide{grid-column:span 8}.project-tall{grid-column:span 4}.project.is-hidden{display:none}.project button{width:100%;padding:0;border:0;background:none;text-align:left;cursor:zoom-in;color:var(--ink)}.project button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.project img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#ded4c2;filter:saturate(.8);transition:filter .5s,transform .7s cubic-bezier(.16,1,.3,1)}.project-tall img{aspect-ratio:3/4;object-fit:contain;padding:3%;background:#d8cfbf}.project button:hover img{filter:saturate(1);transform:scale(.985)}.project-meta{display:flex;justify-content:space-between;gap:15px;padding-top:16px;border-top:1px solid rgba(17,16,13,.2);margin-top:12px}.project-meta b{font:400 18px var(--display)}.project-meta small{color:#7b7264;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding-top:4px}
.studio-cta{min-height:78vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:100px clamp(22px,10vw,160px);background:radial-gradient(circle at 75% 40%,#4b3719,transparent 30%),var(--ink)}.studio-cta>p{color:var(--gold-light);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.studio-cta h2{font-size:clamp(54px,8vw,116px);margin:25px 0 45px}.studio-cta a{padding-bottom:10px;border-bottom:1px solid var(--gold);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.studio-cta a span{margin-left:25px}.studio-footer{min-height:190px;padding:48px clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;border-top:1px solid rgba(255,255,255,.12);color:#90897e;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.studio-footer img{width:210px;opacity:.8}.studio-footer>a:last-child{text-align:right;color:var(--gold-light)}
.lightbox{position:fixed;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:70px clamp(20px,6vw,90px) 35px;border:0;background:rgba(12,11,9,.97);color:var(--cream);opacity:0;transition:opacity .3s}.lightbox[open]{display:grid;opacity:1}.lightbox::backdrop{background:rgba(0,0,0,.7)}.lightbox-stage{display:grid;place-items:center;min-height:0}.lightbox-stage img{max-height:74vh;max-width:80vw;object-fit:contain}.lightbox-stage div{width:min(80vw,1100px);display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.lightbox-stage p{margin:0;font:20px var(--display)}.lightbox-stage span{color:#928a7d;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;color:var(--gold-light);border:1px solid var(--line);background:var(--ink);cursor:pointer}.lightbox-close{top:25px;right:30px;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.lightbox-prev,.lightbox-next{top:50%;width:44px;height:44px;border-radius:50%}.lightbox-prev{left:25px}.lightbox-next{right:25px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.studio-nav{position:absolute}.studio-nav nav{display:none}.studio-menu{justify-self:end;display:grid;gap:5px;width:42px;padding:10px;border:0;background:none}.studio-menu>span:not(.sr-only){display:block;height:1px;background:var(--cream)}.studio-mobile{position:absolute;top:82px;left:0;right:0;display:flex;flex-direction:column;padding:16px 22px;background:#15130f;transform:scaleY(0);transform-origin:top;transition:transform .3s}.studio-mobile.open{transform:scaleY(1)}.studio-mobile a{padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.studio-hero{grid-template-columns:1fr;padding-top:125px}.hero-index{display:none}.hero-art{margin-left:15%;margin-top:-10px}.hero-gallery{height:52vh;gap:4px}.work-header{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project,.project-wide,.project-tall{grid-column:span 1}.project:nth-child(3n+2){margin-top:0}.project-wide:nth-child(odd){grid-column:span 2}.studio-footer{grid-template-columns:1fr}.studio-footer>a:last-child{text-align:left}.lightbox-stage img{max-width:94vw}.lightbox-prev{left:10px}.lightbox-next{right:10px}}@media(max-width:520px){.studio-heading h1{font-size:16vw}.hero-lede{font-size:14px}.hero-art{margin-left:0}.hero-gallery{height:58vh}.work{padding-inline:16px}.filters{overflow-x:auto}.filters button{white-space:nowrap;padding:15px 18px}.portfolio-grid{display:block}.project,.project-wide,.project-tall{margin:0 0 48px}.project img,.project-tall img{aspect-ratio:auto;max-height:72vh;object-fit:contain}.studio-cta{min-height:68vh}.lightbox{padding-inline:16px}.lightbox-stage img{max-height:70vh}.lightbox-stage div{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Studio contact-sheet composition */
.hero-gallery{grid-template-rows:repeat(2,1fr)}
.hero-cell-lead{grid-row:span 2}
.hero-art img{object-fit:cover;object-position:center}
.hero-cell-lead img{object-position:42% center}
.archive-project img{background:#d5ccbc;object-fit:contain;padding:clamp(6px,.8vw,12px)}
.business-plan-project img{object-fit:contain;padding:clamp(8px,1.2vw,18px);background:#d8cfbf}
.business-plan-project.project-tall img{padding:clamp(8px,1vw,15px)}
.geo-project img{object-fit:contain;background:#08281d}
.geo-project.project-tall img{padding:0;background:#08281d}