/* Project pages only. Shared site design remains in style.css. */
.case-header{padding:clamp(96px,7vw,118px) var(--gut) 0}
.case-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--grey)}
.case-back{display:inline-block;padding:9px 0;transition:color .2s}
.case-back:hover{color:var(--ink)}
.case-title{margin:clamp(22px,2.6vw,40px) 0 16px;max-width:15ch;font-weight:500;
  text-transform:uppercase;font-size:clamp(2.6rem,6vw,6rem);letter-spacing:-.055em;
  line-height:.94;overflow-wrap:anywhere}
.case-lede{font-size:clamp(1.2rem,2.4vw,2rem);line-height:1.28;letter-spacing:-.025em;
  max-width:35ch;margin:0 0 clamp(28px,3vw,46px);font-weight:400}
.case-meta{display:grid;grid-template-columns:1fr 1.2fr 1.35fr .45fr;gap:24px;
  border-top:1px solid var(--hair);margin:0;padding:24px 0 clamp(34px,4vw,58px)}
.case-meta dt{color:var(--grey);margin-bottom:12px}
.case-meta dd{margin:0;font-size:14px;line-height:1.55}
.case-gallery{padding-bottom:clamp(52px,7vw,100px)}
.case-figure{margin:0;min-width:0}
.case-frame{position:relative;background:#eee;overflow:hidden;border-radius:12px}
.case-wide{aspect-ratio:16/10}
.case-square{aspect-ratio:1}
.case-portrait{aspect-ratio:4/5}
.case-frame>img,.case-frame>video,.case-placeholder,.case-placeholder>svg{display:block;width:100%;height:100%;object-fit:cover}
.case-frame>video{object-fit:contain;background:#1b1e24}
.case-natural>img,.case-natural>video{height:auto}
.case-natural>.case-placeholder{aspect-ratio:16/10}
.case-placeholder{position:relative;overflow:hidden}
.case-placeholder>svg{position:absolute;inset:0}
.case-placeholder-mark{position:absolute;inset:0;display:grid;place-items:center;
  font-size:clamp(4rem,15vw,15rem);font-weight:500;letter-spacing:-.07em;color:rgba(255,255,255,.8)}
.case-placeholder-note{position:absolute;bottom:clamp(18px,2.5vw,38px);left:clamp(18px,2.5vw,38px);color:rgba(255,255,255,.65)}
.case-figure figcaption{margin-top:12px;font-size:12px;line-height:1.5;color:var(--grey)}
.case-block{margin-top:clamp(18px,2.5vw,40px)}
.case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,40px)}
.case-text{display:grid;grid-template-columns:1fr 2fr;gap:clamp(24px,5vw,76px);
  padding:clamp(42px,7vw,108px) 0}
.case-text h2{font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.5;margin:0}
.case-copy{max-width:56ch;overflow-wrap:anywhere}
.case-copy p{font-size:clamp(16px,1.7vw,23px);line-height:1.5;letter-spacing:-.015em;margin:0 0 1em;white-space:pre-line}
.case-copy p:last-child{margin-bottom:0}
.case-credits{display:grid;grid-template-columns:1fr 2fr;gap:24px;border-top:1px solid var(--hair);margin-top:clamp(36px,5vw,76px);padding-top:24px}
.case-credits h2{font-weight:400;color:var(--grey);margin:0}
.case-credits p{font-size:14px}
.case-pagination{padding-bottom:clamp(56px,8vw,120px)}
.case-pagination-top{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--hair);padding:22px 0 38px;color:var(--grey)}
.case-next{display:grid;grid-template-columns:minmax(100px,.65fr) 2fr auto;align-items:center;gap:clamp(24px,4vw,64px)}
.case-next-preview{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--night)}
.case-next-preview img,.case-next-preview svg{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.case-next:hover .case-next-preview img,.case-next:hover .case-next-preview svg{transform:scale(1.04)}
.case-next-copy{min-width:0}
.case-next-copy>.mono{color:var(--grey)}
.case-next h2{font-size:clamp(1.7rem,4.4vw,4.4rem);font-weight:500;text-transform:uppercase;line-height:1.02;letter-spacing:-.035em;margin:16px 0 12px;overflow-wrap:anywhere}
.case-next p{font-size:14px;color:var(--grey);margin:0;max-width:44ch}
.case-next-arrow{font-size:clamp(28px,4.5vw,68px);font-weight:400;transition:transform .3s var(--ease)}
.case-next:hover .case-next-arrow{transform:translate(4px,-4px)}
@media(max-width:1000px){
  .case-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}
  .case-text{grid-template-columns:1fr 2fr}
}
@media(max-width:640px){
  .project-page .nav-in{flex-wrap:wrap;gap:16px}
  .project-page .nav-links{width:100%;justify-content:space-between;gap:8px}
  .project-page .nav-links a{font-size:11px}
  .case-header{padding-top:128px}
  .case-title{font-size:clamp(2.3rem,9vw,3.6rem)}
  .case-meta{gap:22px 16px}
  .case-meta dd{font-size:13px}
  .case-pair,.case-text,.case-credits{grid-template-columns:1fr}
  .case-text{gap:20px}
  .case-next{grid-template-columns:88px minmax(0,1fr);gap:20px}
  .case-next h2{font-size:clamp(1.3rem,6vw,2rem);margin:10px 0}
  .case-next p{font-size:12px}
  .case-next-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){
  .case-next:hover .case-next-preview img,.case-next:hover .case-next-preview svg,.case-next:hover .case-next-arrow{transform:none}
}

/* ═════════ MORE WORK (three square cards, like the homepage) ═════════ */
.case-more{padding-top:clamp(34px,4.2vw,60px);padding-bottom:clamp(60px,8vw,110px)}
.case-more-head{display:flex;justify-content:center;padding-bottom:clamp(24px,3vw,40px)}
.case-more-head h2{margin:0;font-weight:500;text-transform:uppercase;
  font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.1;letter-spacing:-.02em}

/* ═════════ POST PAGE ═════════ */
.post-cover{margin-bottom:clamp(30px,4vw,60px)}
.post-cover img{width:100%;height:auto;border-radius:12px;display:block}
.post-body{max-width:70ch;margin:0 auto;padding-bottom:clamp(40px,6vw,80px)}
.post-body h2{font-weight:500;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.15;margin:clamp(32px,4vw,56px) 0 14px}
.post-body h2:first-child{margin-top:0}
.post-body p{margin:0 0 1.15em;color:#33363B;
  font-size:clamp(15px,1.25vw,17.5px);line-height:1.68}
.post-body p:last-child{margin-bottom:0}
.post-page .case-more{border-top:1px solid var(--hair);margin-top:clamp(20px,3vw,40px)}

/* layihə → xidmət səhifələri */
.case-services{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:clamp(26px,3vw,40px);padding-bottom:clamp(10px,1.4vw,18px)}
.case-services .mono{color:var(--grey);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.case-services-links{display:flex;flex-wrap:wrap;gap:8px}
.case-services .pill{padding:9px 18px;font-size:13.5px}
.case-credit + .case-services{margin-top:calc(-1 * clamp(24px,3.2vw,52px))}