/* Portfolio — minimal. Background #1e1815, Schibsted Grotesk, 4:5 vertical photos. */
:root{
  --bg:#1e1815;
  --text:#ece6dc;
  --line:#3a312b;
  --gutter:clamp(1.25rem,5vw,5rem);
  --maxw:1280px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{display:block;width:100%;}

.work{
  max-width:var(--maxw);
  margin:0 auto;
  padding:clamp(3rem,8vw,6rem) var(--gutter);
}
.work h2{
  font-weight:500;
  font-size:clamp(1.5rem,3.5vw,2.4rem);
  letter-spacing:-0.02em;
  margin:0 0 clamp(1.5rem,4vw,2.5rem);
}

/* 4:5 vertical grid — 3 cols desktop, 2 tablet, 1 phone */
.gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(0.9rem,1.8vw,1.5rem);
}
.gallery figure{
  margin:0;
  overflow:hidden;
  background:#251e1a;
}
.gallery img{
  aspect-ratio:4/5;
  object-fit:cover;
  height:auto;
}

@media (max-width:900px){
  .gallery{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .gallery{grid-template-columns:1fr;}
}