/* Approved portfolio history composition geometry; scoped to these sections.
   Existing Gallery/Preline Carousel do not provide these layered, staggered compositions. Native WAAPI owns only these two sequences. */
.history-preview-section{min-width:0;padding-block:4rem;display:flex;flex-direction:column;gap:2rem}
.history-preview-copy{font-size:18px;line-height:28px;max-width:760px;color:var(--color-slate-600)}
.history-preview-date{font-size:16px;color:var(--color-slate-500)}
.history-composition{position:relative;width:100%;aspect-ratio:1776/614;overflow:hidden;isolation:isolate}
/* Fit the 1056 × 388 reference inside the unchanged shared container. */
.history-web-large{position:absolute;height:100%;width:94.094%;left:2.953%;top:0}
.history-web-large img{position:absolute;width:49%;height:auto}
.history-web-large img:nth-child(1){left:1%;top:2.8%;z-index:1}
.history-web-large img:nth-child(2){left:50%;top:15.7%;z-index:2}
.history-web-large img:nth-child(3){left:25.5%;top:30.4%;z-index:3}
.history-web-thumbnails{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3.3% 1.2%}
.history-web-thumbnails img{width:100%;height:100%;min-height:0;object-fit:contain}
.history-visual-state{position:absolute;inset:0;display:grid}
.history-magazines{grid-template-columns:856fr 902fr;align-items:center;gap:1%}
.history-magazines img{width:100%;height:auto}
.history-tiles{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}
.history-tiles img{width:100%;height:100%;object-fit:contain;min-height:0}
.history-controls{display:none;gap:1.5rem;flex-wrap:wrap;align-items:center}.history-controls:has(button:not([hidden])){display:flex}.history-controls button{min-height:24px}
@media(min-width:1024px){.portfolio-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;align-items:start}}
@media(max-width:767px){.history-preview-section{min-width:0;padding-block:2.5rem}}