/* Client reference: four photographic types, finishes, cutaways, requirements. */
.doors-page .doors-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.doors-page .doors-type-card{padding:0;display:flex;flex-direction:column}
.doors-type-photo{display:block;width:100%;padding:0;border:0;background:var(--surface);overflow:hidden;color:var(--fg);cursor:zoom-in}
.doors-type-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.doors-page .doors-type-photo:hover{opacity:1}
.doors-type-copy{padding:24px}
.doors-page .doors-type-card h3{font-size:22px;line-height:1.35;margin:0 0 16px}
.doors-page .doors-type-card p{font-size:16px;line-height:1.6}
.doors-page .doors-materials{background:var(--bg);padding-top:0}
.doors-page .doors-materials-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:center}
.doors-page .doors-materials-list{border:0;padding:16px 0;margin:0 0 16px}
.doors-page .doors-materials-photo{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;align-self:center;gap:24px;width:100%}
.doors-fan-stack{display:grid;gap:12px;min-width:0}
.doors-page .doors-materials-photo .doors-image-button{position:static;display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:0;background:var(--bg)}
.doors-page .doors-materials-photo .doors-image-button img{width:auto;height:auto;max-width:100%;max-height:250px;object-fit:contain}
.doors-page .doors-materials-photo .doors-material-scheme img{max-height:524px}
.doors-page .doors-cut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
.doors-page .doors-image-card{display:flex;flex-direction:column}
.doors-page .doors-cut-grid .doors-image-button{padding:20px 28px 12px}
.doors-page .doors-cut-grid .doors-image-button img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.doors-cut-caption{padding:8px 24px 24px;line-height:1.5;color:var(--doors-text);font-size:16px}
.doors-cut-caption strong{display:block;margin-bottom:8px;color:var(--fg);font-size:20px;font-weight:600}
.doors-cut-caption p+p{margin-top:6px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .doors-type-photo img{transition:transform 520ms cubic-bezier(.16,1,.3,1)}
  .doors-type-photo:hover img{transform:scale(1.045)}
}
@media(min-width:1100px) and (max-width:1536px){
  .doors-type-copy{padding:18px}
  .doors-page .doors-type-card h3{font-size:20px}
  .doors-page .doors-materials-layout{gap:48px}
  .doors-cut-caption{padding:8px 18px 20px}
}
@media(max-width:1099px){
  .doors-page .doors-type-grid,.doors-page .doors-cut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .doors-page .doors-materials-layout{grid-template-columns:1fr;gap:32px}
  .doors-page .doors-materials-photo{width:min(100%,560px);justify-self:center}
}
@media(max-width:600px){
  .doors-page .doors-type-grid{grid-template-columns:1fr}
  .doors-page .doors-materials-photo{gap:16px}
  .doors-page .doors-materials-photo .doors-image-button img{max-height:190px}
  .doors-page .doors-materials-photo .doors-material-scheme img{max-height:392px}
  .doors-page .doors-cut-grid{gap:12px;margin-top:32px}
  .doors-page .doors-cut-grid .doors-image-button{padding:12px}
  .doors-cut-caption{padding:8px 12px 16px;font-size:14px}
  .doors-cut-caption strong{font-size:18px}
}