/* Hùng Paris / V22 — Every editorial album contains >=4 unique photographs.
   Override the earlier two-photo layouts while retaining the original compositions. */
.album--selection .album-stage{background:#214b50}
.album--selection .album-stage::after{background:linear-gradient(125deg,#092831b8,#10242970)}
.album--selection .album-frames{max-width:870px;aspect-ratio:1.62;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.album--selection .album-type{background:#a8dad317;border:1px solid #e5f7eb80;padding:6px}
.album--selection .album-type strong{font-size:clamp(19px,3.3vw,46px)}
.album--selection .album-type span{font-size:8px;color:#d8ede8}
.album--ivory .album-frames,.album--winter .album-frames{
  max-width:830px;aspect-ratio:1.45;grid-template-columns:1fr 1fr .6fr;grid-template-rows:repeat(2,minmax(0,1fr))
}
.album--ivory .album-shot,.album--winter .album-shot{grid-column:auto;grid-row:auto}
.album--ivory .album-type,.album--winter .album-type{grid-column:3;grid-row:1 / 3;min-height:0;max-width:100%;padding:clamp(5px,1.7vw,20px)}
.album--ivory .album-type strong{font-size:clamp(18px,3vw,41px)}
.album--winter .album-type{border-top:0;border-bottom:0;border-left:1px solid #1d4c6352;border-right:1px solid #1d4c6352}
.album--winter .album-type strong{font-size:clamp(22px,3.8vw,48px)}
.album--ivory .album-shot img,.album--winter .album-shot img{object-position:center 30%}
.album--ensemble .album-frames,.album--community .album-frames{max-width:850px;aspect-ratio:1.6;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr)) auto}
.album--ensemble .album-shot,.album--community .album-shot{grid-column:auto;grid-row:auto}
.album--ensemble .album-type,.album--community .album-type{grid-column:1 / -1;grid-row:3;min-height:50px;padding:9px;flex-direction:row;gap:12px}
.album--community .album-stage{background:#16334d}
.album--community .album-shot-2 img,.album--community .album-shot-3 img{object-position:center 30%}
.album--gradbook .album-stage{background:#63413d}
.album--gradbook .album-stage::after{background:linear-gradient(145deg,#511c266a,#21151cc2)}
.album--gradbook .album-frames,.album--documentary .album-frames,.album--eventbook .album-frames{
  max-width:870px;aspect-ratio:1.7;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));
}
.album--gradbook .album-type,.album--documentary .album-type,.album--eventbook .album-type{
  grid-column:3 / 5;grid-row:2;align-items:center;text-align:center;background:#f0d9c518;
  border:1px solid #ecd8cf5c;padding:9px;
}
.album--gradbook .album-type strong{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.045em;font-size:clamp(19px,3.6vw,46px)}
.album--gradbook .album-type span{font-size:8px;letter-spacing:.1em}
.album--documentary .album-stage{background:#392021}
.album--documentary .album-stage::after{background:linear-gradient(120deg,#310d13b2,#330e127d)}
.album--documentary .album-type strong{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:clamp(16px,2.8vw,35px)}
.album--eventbook .album-stage{background:#291b38}
.album--eventbook .album-stage::after{background:linear-gradient(120deg,#08040a96,#39234380)}
.album--eventbook .album-type strong{font-size:clamp(19px,3.3vw,42px)}
.album--gradbook .album-shot img,.album--documentary .album-shot img,.album--eventbook .album-shot img{object-position:center}
@media(max-width:760px){
  .album--selection .album-frames{aspect-ratio:1.05;grid-template-columns:repeat(4,minmax(0,1fr))}
  .album--selection .album-type strong{font-size:clamp(12px,3.8vw,18px)}
  .album--selection .album-type span{font-size:6px;letter-spacing:.01em;margin-top:4px}
  .album--ivory .album-frames,.album--winter .album-frames{aspect-ratio:1.06;grid-template-columns:1fr 1fr .54fr;grid-template-rows:repeat(2,minmax(0,1fr))}
  .album--ivory .album-type strong{font-size:clamp(14px,4.1vw,21px)}
  .album--winter .album-type strong{font-size:clamp(16px,4.7vw,24px)}
  .album--ivory .album-type span,.album--winter .album-type span{font-size:6px;letter-spacing:0}
  .album--ensemble .album-frames,.album--community .album-frames{aspect-ratio:1.18;grid-template-columns:repeat(2,minmax(0,1fr))}
  .album--ensemble .album-type,.album--community .album-type{min-height:38px;gap:6px;padding:5px}
  .album--ensemble .album-type strong,.album--community .album-type strong{font-size:clamp(15px,4vw,24px)}
  .album--ensemble .album-type span,.album--community .album-type span{font-size:6px}
  .album--gradbook .album-frames,.album--documentary .album-frames,.album--eventbook .album-frames{aspect-ratio:1.08;grid-template-columns:repeat(4,minmax(0,1fr))}
  .album--gradbook .album-type strong{font-size:clamp(14px,4.1vw,20px)}
  .album--documentary .album-type strong{font-size:clamp(11px,3vw,16px)}
  .album--eventbook .album-type strong{font-size:clamp(14px,3.9vw,18px)}
  .album--gradbook .album-type span,.album--documentary .album-type span,.album--eventbook .album-type span{font-size:6px;letter-spacing:.02em;margin-top:5px}
}
@media(max-width:360px){
  .album--selection .album-type strong{font-size:12px}
  .album--gradbook .album-type strong{font-size:13px}
  .album--ivory .album-type strong,.album--winter .album-type strong{font-size:13px}
}