:root { --project-card-radius: 22px; }
.portfolio-hero,.project-detail-hero{padding:190px 0 90px;background:#171715;color:#fff}.portfolio-hero .container,.project-detail-hero .container{max-width:1120px}.portfolio-hero h1,.project-detail-hero h1{max-width:930px}.portfolio-hero h1 em{color:#c5a47f;font-style:italic}.portfolio-hero>div>p:last-child{max-width:720px;margin-top:24px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.8}.project-back{display:inline-flex;margin-bottom:45px;color:rgba(255,255,255,.72);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.project-completed-page .completed-projects-section{background:#f3efe7}.completed-projects-intro{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:52px}.completed-projects-intro .eyebrow{margin-bottom:0;color:#9a7a52}.completed-projects-intro .title{max-width:760px}.completed-projects-intro em{color:#9a7a52;font-style:italic}.completed-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.completed-project-card{min-width:0;overflow:hidden;border-radius:var(--project-card-radius);background:#fff;box-shadow:0 16px 34px rgba(38,30,21,.08);transition:transform .35s ease,box-shadow .35s ease}.completed-project-card:hover{transform:translateY(-7px);box-shadow:0 24px 44px rgba(38,30,21,.14)}.completed-project-card figure{position:relative;height:350px;overflow:hidden;background:#e8e1d5}.completed-project-card figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,18,15,.55));pointer-events:none}.completed-project-card img,.completed-project-card video{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.8,.2,1)}.completed-project-card:hover img,.completed-project-card:hover video{transform:scale(1.055)}.completed-project-card figure span{position:absolute;z-index:1;right:17px;bottom:16px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.96);color:#171715;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.completed-project-copy{padding:21px 21px 24px}.completed-project-copy p{margin-bottom:7px;color:#9a7a52;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.completed-project-copy h2{margin:0;font:500 clamp(25px,2.3vw,34px)/1.1 var(--serif);letter-spacing:-.02em}.completed-project-copy div{margin-top:11px;color:rgba(23,23,21,.66);font-size:13px;line-height:1.7}.completed-project-empty{padding:46px 22px;border:1px solid rgba(23,23,21,.14);border-radius:var(--project-card-radius);color:rgba(23,23,21,.65);text-align:center}.project-story{background:#f4f0e8}.project-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.project-story-grid h2{max-width:590px;font:500 clamp(34px,4vw,60px)/1.04 var(--serif);letter-spacing:-.04em}.project-media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:80px}.project-media-item{height:520px;overflow:hidden;border-radius:18px;background:#ded7cc}.project-media-item.wide{grid-column:span 2;height:720px}.project-media-item img,.project-media-item video{width:100%;height:100%;object-fit:cover}.project-media-item video{background:#111}
@media(max-width:980px){.completed-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.completed-project-card figure{height:330px}.project-media-item,.project-media-item.wide{height:500px}.project-story-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:640px){.portfolio-hero,.project-detail-hero{padding:145px 0 70px}.completed-projects-intro{display:block;margin-bottom:32px}.completed-projects-intro .eyebrow{margin-bottom:18px}.completed-project-grid{grid-template-columns:1fr;gap:16px}.completed-project-card{border-radius:18px}.completed-project-card figure{height:min(92vw,390px)}.completed-project-copy{padding:18px 18px 21px}.project-media-gallery{grid-template-columns:1fr;gap:12px;margin-top:48px}.project-media-item,.project-media-item.wide{grid-column:auto;height:105vw;max-height:520px;border-radius:13px}}