/* Vector interface symbols retain the Windows appearance on every platform. */
.ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex:none;pointer-events:none}
.campaign-film-play .ui-symbol{fill:currentColor;stroke:none}
summary::marker{content:''}summary::-webkit-details-marker{display:none}
summary:before{content:'';display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;margin-right:8px;vertical-align:middle}details[open]>summary:before{transform:rotate(90deg)}
@media(max-width:700px){
 /* Center ordinary images; transparent garments retain their silhouette-based fit. */
 .retro-page main img{object-position:center!important}
 .retro-page .image-button{display:block;margin-inline:auto!important}
 .retro-page .image-button:not(.fitted-garment)>img{display:block;margin-inline:auto;object-fit:contain!important}
 .retro-page main .fitted-garment>img{width:var(--fitted-width)!important;height:var(--fitted-height)!important;padding:0!important;max-width:none!important;max-height:none!important;min-width:0!important;margin:0!important}
 .retro-page .project-hero>.cover{padding:0!important;align-items:center!important;justify-content:center!important}
 .retro-page .project-hero>.cover:not(.duo){height:auto!important;max-height:none!important}
 .retro-page .project-hero>.cover:not(.duo)>img{position:static!important;inset:auto!important;display:block;flex:0 1 auto;width:100%!important;height:auto!important;max-height:60svh!important;margin-inline:auto!important}
 .retro-page .project-hero>.cover.duo{gap:6px!important;height:auto!important;align-items:center!important}
 .retro-page .project-hero>.cover.duo>img{position:static!important;inset:auto!important;flex:0 1 calc(50% - 3px)!important;width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important;height:auto!important;max-height:55svh!important;margin:0!important}
 .retro-page .image-grid figure{width:100%;margin-inline:auto!important}
 .retro-page .image-grid .image-button:not(.fitted-garment){display:flex!important;align-items:center;justify-content:center}
 .retro-page .image-grid .image-button:not(.fitted-garment)>img{object-position:center!important;margin:auto!important}
 /* Both campaign previews share a centered column and a complete video frame. */
 .retro-page .campaign-film-feature{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .retro-page .campaign-film-heading{width:100%;min-width:0}
 .retro-page .campaign-film-card{justify-self:center!important;align-self:center;width:min(100%,320px)!important;max-width:100%!important;margin-inline:auto!important}
 .retro-page .campaign-film-frame{display:block;width:100%;aspect-ratio:16/9;margin-inline:auto}
 .retro-page .campaign-film-frame img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block;margin:0!important}
 .retro-page .film-section>video,.retro-page .film-stage,.retro-page .native-film{display:block!important;margin-inline:auto!important;object-position:center!important}
 .home .campaign-video-cover video{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important}
 .retro-page .reader-controls button{font-size:10px!important;padding:8px 5px!important;word-break:normal!important;overflow-wrap:normal!important;min-width:0!important}
 /* Printed pages and their turning leaf must use identical geometry. */
 .retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery figcaption{display:none!important}
 .retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .album-spread:after{bottom:0!important}
 .retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .album-spread>figure{margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center}
 .retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery .image-button{height:auto!important;min-height:0!important}
 .retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important}
 .retro-page .shooting-reader[data-reader="la-rosa"] .shooting-gallery img{aspect-ratio:1719/2200!important}
 .retro-page .shooting-reader[data-reader="specimen-file"] .shooting-gallery img{aspect-ratio:22/30!important}
 .retro-page .shooting-reader[data-reader="archivio-urbano"] .shooting-gallery img{aspect-ratio:3/2!important}
 .retro-page .shooting-reader .album-leaf{aspect-ratio:auto!important}
 .retro-page .shooting-reader .album-leaf img{width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:auto!important}
 .retro-page .shooting-reader .album-ready{overflow:hidden}
}

/* Publication footers: only navigation, on every screen size. */
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery figcaption,
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .reader-controls [data-position]{display:none!important}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .reader-controls{display:flex!important;justify-content:space-between;gap:12px}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .reader-controls button{flex:1;min-width:0}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .album-spread:after{bottom:0!important}

/* Smaller project descriptions on phones, preserving desktop typography. */
@media(max-width:700px){
 .retro-page main :is(.description,.garment-description>p,.shooting-concept>p,.story-block p){font-size:18px!important;line-height:1.5!important;letter-spacing:-.01em!important}
 .retro-page main :is(.garment-facts dd,.process-steps p,.research-summary p,.principles-grid p){font-size:15px!important;line-height:1.5!important}
 .retro-page.rematter-page main :is(.lead,.process p){font-size:18px!important;line-height:1.5!important;letter-spacing:-.01em!important}
}

@media(max-width:700px){.retro-page main .about-lead{font-size:18px!important;line-height:1.5!important;letter-spacing:-.01em!important}}

/* Preserve silhouette-fit dimensions on desktop as well as mobile. */
.retro-page main #garments .fitted-garment>img{width:var(--fitted-width)!important;height:var(--fitted-height)!important;max-width:none!important;max-height:none!important;min-width:0!important;margin:0!important;padding:0!important}

/* Two-column phone catalogue; narrow restored windows keep one garment per row. */
@media(max-width:700px){
.retro-page main #garments .image-grid.garments{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.retro-page main #garments.retro-panel{padding:12px!important}
.retro-page main #garments .garment-card{padding:3px!important}
.retro-page main #garments .garment-card figcaption{padding:8px 5px!important}
.retro-page main #garments .garment-card figcaption a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.retro-page main #garments .garment-card figcaption strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.retro-page main #garments .garment-card figcaption span{font-size:10px;line-height:1.4;white-space:normal}
}
@media(max-width:319px){
.retro-page main #garments .image-grid.garments{grid-template-columns:minmax(0,1fr)!important}
}

/* Preserve calculated silhouette sizing in individual garment viewers and thumbnails. */
.retro-page main .garment-pair>figure:first-of-type .fitted-garment>img{width:var(--fitted-width)!important;height:var(--fitted-height)!important;max-width:none!important;max-height:none!important;min-width:0!important;margin:0!important;padding:0!important}