/* ── Project page shared styles ──────────────────── */
.proj-hero{height:75vh;min-height:480px;position:relative;overflow:hidden;background:#0d0c0a}
.proj-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s var(--ease)}
.proj-hero:hover .proj-hero-img{transform:scale(1.03)}
.proj-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}
.proj-hero-content{position:absolute;bottom:0;left:0;right:0;padding:3.5rem 5%}
.proj-back{display:inline-flex;align-items:center;gap:8px;font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,242,236,.55);margin-bottom:1.4rem;transition:color .2s}
.proj-back:hover{color:var(--gold)}
.proj-cat{font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.proj-title{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:700;letter-spacing:-0.04em;color:#f5f2ec;line-height:.92}

.proj-body{padding:80px 0 100px}
.proj-grid{display:grid;grid-template-columns:1fr 2fr;gap:6rem;align-items:start}
.proj-meta-block{position:sticky;top:100px}
.proj-meta-label{font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-bottom:.5rem}
.proj-meta-val{font-size:.9rem;font-weight:400;color:var(--navy);margin-bottom:2rem}
.proj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:-.5rem;margin-bottom:2rem}
.proj-tag{font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);border:1px solid rgba(21,28,69,.18);border-radius:100px;padding:5px 12px}
.proj-cta-inline{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:16px 30px;border-radius:8px;transition:background .22s,transform .18s;margin-top:.5rem}
.proj-cta-inline:hover{background:#d4c5a5;transform:translateY(-2px)}
.proj-text h3{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:700;letter-spacing:-0.025em;color:var(--navy);margin-bottom:1.4rem;line-height:1.15}
.proj-text h3 em{font-style:italic;font-weight:400;color:var(--gold)}
.proj-text p{font-size:.95rem;font-weight:300;color:var(--dim);line-height:1.88;margin-bottom:1.5rem}
.proj-divider{height:1px;background:rgba(21,28,69,.08);margin:2.8rem 0}

/* ── Gallery — 3-col grid ── */
.proj-gallery{padding:0 0 80px}
.proj-gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.proj-gallery-item{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--cream3)}
.proj-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.proj-gallery-item:hover img{transform:scale(1.04)}
.proj-gallery-item.full{grid-column:span 3;aspect-ratio:21/9}
.proj-gallery-item.light-bg{background:#d6d0c8}
.proj-gallery-item.light-bg img{object-fit:contain;padding:12px}

/* ── Gallery — vertical stack (Bremont) ── */
.proj-gallery-single{padding:0 0 80px;display:flex;flex-direction:column;gap:12px}
.proj-gallery-single-item{border-radius:12px;overflow:hidden}
.proj-gallery-single-item img{width:100%;display:block;object-fit:cover}
.proj-gallery-single-item.ar-stone{aspect-ratio:21/8}
.proj-gallery-single-item.ar-dev{aspect-ratio:16/9}

/* ── Gallery — 2-col split (Eyewear) ── */
.proj-gallery-split{padding:0 0 80px;display:grid;grid-template-columns:2fr 1fr;gap:12px}
.proj-gallery-split-item{border-radius:12px;overflow:hidden;background:var(--cream3)}
.proj-gallery-split-item:first-child{aspect-ratio:4/3}
.proj-gallery-split-item:last-child{aspect-ratio:2/3}
.proj-gallery-split-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.proj-gallery-split-item:hover img{transform:scale(1.04)}

/* ── More Work ── */
.proj-next{padding:80px 0;background:var(--cream2);border-top:1px solid rgba(21,28,69,.07)}
.proj-next-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}
.proj-next-label{font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2)}
.proj-next-all{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid rgba(21,28,69,.25);padding-bottom:2px;transition:color .2s}
.proj-next-all:hover{color:var(--gold2)}
.proj-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.proj-next-tile{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3;background:var(--cream3);display:block}
.proj-next-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s var(--ease)}
.proj-next-tile:hover .proj-next-tile-bg{transform:scale(1.05)}
.proj-next-tile-label{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.4rem;background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}
.proj-next-tile-cat{font-size:.56rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.proj-next-tile-name{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:#f5f2ec}

/* ── Work page ── */
.wk-hero{padding:160px 0 80px;background:var(--cream)}
.wk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.62rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);margin-bottom:1.4rem}
.wk-eyebrow::before{content:'';display:inline-block;width:22px;height:1px;background:var(--gold)}
.wk-title{font-family:'Playfair Display',serif;font-size:clamp(3rem,7vw,7rem);font-weight:700;letter-spacing:-0.045em;color:var(--navy);line-height:.88;margin-bottom:1.6rem}
.wk-title em{font-style:italic;font-weight:400;color:var(--gold)}
.wk-desc{font-size:.95rem;font-weight:300;color:var(--dim);line-height:1.85;max-width:520px}
.wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 120px}
.all-tile{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:4/3;background:var(--cream3);display:block}
.all-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s var(--ease)}
.all-tile:hover .all-tile-bg{transform:scale(1.05)}
.all-tile-label{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.4rem;background:linear-gradient(to top,rgba(0,0,0,.68),transparent);transition:opacity .35s}
.all-tile:hover .all-tile-label{opacity:0}
.all-tile-label-cat{font-size:.56rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.all-tile-label-name{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:#f5f2ec}
.all-tile-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .35s;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 1.8rem}
.all-tile:hover .all-tile-overlay{opacity:1}
.all-tile-cat{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.all-tile-name{font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:700;letter-spacing:-0.03em;color:#f5f2ec;line-height:1;margin-bottom:.5rem}
.all-tile-arrow{font-size:1.1rem;color:var(--gold)}

/* ── Responsive ── */
@media(max-width:1100px){.wk-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .proj-grid{grid-template-columns:1fr;gap:3rem}
  .proj-meta-block{position:static}
  .proj-next-grid{grid-template-columns:1fr 1fr}
  .proj-gallery-grid{grid-template-columns:1fr 1fr}
  .proj-gallery-item.full{grid-column:span 2;aspect-ratio:16/9}
  .proj-gallery-split{grid-template-columns:1fr}
  .proj-gallery-split-item{aspect-ratio:4/3!important}
}
@media(max-width:768px){
  .proj-next-grid{grid-template-columns:1fr}
  .proj-gallery-grid{grid-template-columns:1fr}
  .proj-gallery-item.full{grid-column:span 1;aspect-ratio:4/3}
  .wk-grid{grid-template-columns:1fr}
}