.page-hero{padding:180px var(--gutter) 100px;text-align:center;border-bottom:1px solid var(--champagne)}.page-hero .eyebrow{justify-content:center;margin-bottom:24px}.page-hero h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(56px,10vw,140px);line-height:.95;letter-spacing:-.02em;margin:0 0 24px}.page-hero h1 em{font-style:italic;color:var(--bronze)}.page-hero p{max-width:640px;margin:0 auto;color:var(--coffee);font-size:17px;line-height:1.6}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:40px var(--gutter);border-bottom:1px solid var(--champagne)}.filter{padding:10px 20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--coffee);background:transparent;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .3s}.filter.active{border-color:var(--graphite);color:var(--graphite)}.filter:hover{color:var(--bronze);text-decoration:none}.portfolio{padding:80px var(--gutter);max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.pf-item{position:relative;overflow:hidden;text-decoration:none;color:var(--graphite);display:block;transition:transform .6s var(--ease-out)}.pf-item.span-6{grid-column:span 6;aspect-ratio:4/5}.pf-item.span-4{grid-column:span 4;aspect-ratio:3/4}.pf-item.span-8{grid-column:span 8;aspect-ratio:16/10}.pf-item.span-12{grid-column:span 12;aspect-ratio:21/9}.pf-item__media{position:absolute;inset:0;transition:transform 1.2s var(--ease-slow)}.pf-item:hover .pf-item__media{transform:scale(1.04)}.pf-item__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(26,20,16,.72),rgba(26,20,16,.18) 44%,transparent 72%);opacity:.82;transition:opacity .5s}.pf-item:hover .pf-item__media:after,.pf-item:focus-visible .pf-item__media:after{opacity:1}.pf-item__label{position:absolute;left:24px;bottom:24px;right:24px;color:var(--cream);z-index:2;display:grid;gap:8px}.pf-item__title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:26px;margin:0;transition:transform .75s var(--ease-slow)}.pf-item__hover{display:flex;justify-content:space-between;align-items:end;gap:20px;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .75s var(--ease-slow),opacity .65s var(--ease-out),transform .75s var(--ease-slow)}.pf-item:hover .pf-item__title,.pf-item:focus-visible .pf-item__title{transform:translateY(-2px)}.pf-item:hover .pf-item__hover,.pf-item:focus-visible .pf-item__hover{max-height:48px;opacity:1;transform:translateY(0)}.pf-item__label .meta{color:var(--champagne);margin-top:0}.portfolio-empty{border:1px dashed var(--champagne);color:var(--cappuccino);grid-column:1 / -1;padding:56px var(--gutter);text-align:center}@media(max-width:820px){.portfolio{grid-template-columns:repeat(4,1fr)}.pf-item.span-6,.pf-item.span-4,.pf-item.span-8,.pf-item.span-12{grid-column:span 4;aspect-ratio:4/5}}.project-hero{padding:160px var(--gutter) 40px;max-width:var(--max-w);margin:0 auto}.project-hero__meta{display:flex;gap:28px;margin-bottom:28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cappuccino)}.project-hero__meta span:before{content:"—";margin-right:12px;color:var(--gold)}.project-hero h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(56px,10vw,140px);line-height:1;letter-spacing:-.02em;margin:0 0 32px}.project-hero h1 em{font-style:italic;color:var(--bronze)}.project-hero__sub{max-width:680px;font-size:18px;color:var(--coffee);line-height:1.6}.project-cover{padding:40px var(--gutter) 80px;max-width:var(--max-w);margin:0 auto}.project-cover .placeholder{aspect-ratio:21/9}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px var(--gutter);max-width:var(--max-w);margin:0 auto;border-top:1px solid var(--champagne);border-bottom:1px solid var(--champagne)}.project-details dl{margin:0;display:grid;grid-template-columns:140px 1fr;gap:20px 20px}.project-details dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);padding-top:4px}.project-details dd{margin:0;font-family:var(--font-serif);font-size:20px;color:var(--graphite)}.project-details dd em{font-style:italic;color:var(--cappuccino)}.project-details__text{font-size:16px;line-height:1.7;color:var(--coffee);max-width:540px}.project-details__text p{margin:0 0 18px}.project-gallery{padding:80px var(--gutter);max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.project-gallery .ph{position:relative;overflow:hidden}.project-gallery .ph.span-12{grid-column:span 12;aspect-ratio:21/9}.project-gallery .ph.span-8{grid-column:span 8;aspect-ratio:4/3}.project-gallery .ph.span-4{grid-column:span 4;aspect-ratio:3/4}.project-gallery .ph.span-6{grid-column:span 6;aspect-ratio:1/1}@media(max-width:820px){.project-details{grid-template-columns:1fr;gap:30px}.project-gallery{grid-template-columns:1fr}.project-gallery .ph{grid-column:1 / -1!important;aspect-ratio:4/5!important}}