/* Content hierarchy, preserving the desktop visual language. */
.home main>.filter-bar{position:static!important;transform:none!important;inset:auto!important;width:auto!important;max-width:none!important;margin:0 3% 16px!important;display:flex!important;flex-wrap:wrap;justify-content:flex-start;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:auto}
.project-window-controls [data-close]{width:auto!important;padding:3px 9px!important;background:#9a2525!important;color:white!important;font:11px Tahoma,Arial,sans-serif!important}
.browser-tab .tab-close{border:1px solid #888!important;border-radius:50%;background:#ddd!important;color:#333!important}
.retro-page.garmentism-overview .project-hero{display:grid!important;grid-template-columns:minmax(180px,30%) 1fr;align-items:center;padding:18px!important;gap:20px}
.retro-page.garmentism-overview .project-hero>.cover{height:260px!important;grid-row:1/3;width:100%!important}
.retro-page.garmentism-overview .project-hero>.cover img{height:100%!important;object-fit:contain!important}
.retro-page.garmentism-overview .hero-title{position:static!important;padding:0!important}.retro-page.garmentism-overview .hero-title h1{font-size:clamp(32px,5vw,68px)!important}
.retro-page.garmentism-overview .project-description{padding:20px!important;margin-bottom:18px!important}.retro-page.garmentism-overview .description{font-size:18px!important;line-height:1.5!important}
.retro-page.garmentism-overview #vision{padding:26px!important}.garmentism-overview #vision h2{font-size:36px!important}.garmentism-overview #vision>p{max-width:850px;line-height:1.6}
.retro-page.compact-gallery .editorial-heading{padding:16px 20px!important;margin-bottom:12px!important}.retro-page.compact-gallery .editorial-heading h1{font-size:clamp(27px,3.2vw,44px)!important;margin:12px 0!important;line-height:1.1!important}.compact-gallery .editorial-heading p{margin:6px 0!important}.compact-gallery .look-number{display:none}
.compact-gallery main>.section-index{margin:16px 0 24px!important}.compact-gallery .reader-index{margin:6px 0!important}.compact-gallery .reader-index summary{padding:9px 12px!important;min-height:36px}
.retro-page .film-heading{padding:16px 22px!important;margin-bottom:12px!important}.retro-page .film-heading h1{font-size:clamp(32px,4vw,52px)!important;margin:10px 0!important}.film-heading p{margin:6px 0!important}.film-heading>.section-index{margin:12px 0 0!important}.film-heading>a{display:none!important}
.native-film-actions:has(.film-status:empty){display:flex!important}.film-start,.reader-focus-toggle{padding:12px 18px;font:13px Tahoma,Arial,sans-serif;cursor:pointer}.film-start{background:#000080;color:#fff}.reader-focus-toggle{margin:0 0 12px}
body.reader-focus-open{overflow:hidden!important}.retro-page .reading-focused{position:fixed!important;inset:0!important;z-index:9999!important;background:#f5f5f3!important;padding:14px!important;margin:0!important;max-width:none!important;width:100%!important;height:100dvh!important;overflow:auto!important;box-sizing:border-box}
.reading-focused>.reader-jump,.reading-focused>.reader-index{display:none!important}.reading-focused .shooting-gallery{margin:0!important}.retro-page .reading-focused[data-reader="specimen-file"] .shooting-gallery img{height:calc(100dvh - 145px)!important;max-height:calc(100dvh - 145px)!important;width:auto!important;max-width:100%!important;aspect-ratio:22/30!important;object-fit:contain!important}.reading-focused .reader-controls{position:sticky;bottom:0;background:#f5f5f3}.reading-focused .album-spread{width:100%!important;justify-content:center!important}.reading-focused .album-spread>figure{flex:0 1 auto!important;width:auto!important}
.identity-board .identity-mark{grid-column:1/-1}.system-sample figure{margin:16px 0}.system-sample img{width:100%;height:420px;object-fit:contain;background:#fff}.system-sample figcaption{font-size:11px;margin-top:8px}.system-sample a{display:inline-block;margin-top:12px}
.retro-page.compact-info .info-heading{padding:18px 16px 8px!important}.retro-page.compact-info .info-heading h1{font-size:clamp(40px,6vw,80px)!important;margin:8px 0!important}.compact-info .info-summary{padding:18px!important;margin-top:0!important}.compact-info .info-summary p{margin:8px 0!important}.compact-info main>.about{padding:22px!important;margin-bottom:18px!important}.compact-info .contact-section{padding:24px!important;min-height:0!important}
@media(max-width:650px){.retro-page.garmentism-overview .project-hero{grid-template-columns:110px 1fr!important;gap:12px}.retro-page.garmentism-overview .project-hero>.cover{height:180px!important}.retro-page.garmentism-overview .hero-title h1{font-size:26px!important}.browser-toolbar [data-root]{font-size:10px;padding-inline:8px}.system-sample img{height:320px}.project-window-controls [data-close]{font-size:9px!important}.retro-page.compact-gallery .editorial-heading h1{font-size:28px!important}}
.retro-page .film-heading{display:grid!important;grid-template-columns:1fr auto;gap:4px 24px!important;align-items:center;min-height:0!important}.retro-page .film-heading>p:first-child{grid-column:1/-1}.retro-page .film-heading h1{grid-column:1;grid-row:2}.retro-page .film-heading .film-meta{grid-column:2;grid-row:2}.retro-page .film-heading>.section-index{grid-column:1/-1;padding:0!important;margin:2px 0!important;background:none!important;box-shadow:none!important}.retro-page .film-heading>.section-index a{padding:7px 10px!important}.native-film-section>.retro-panel-title{display:none}
@media(max-width:650px){.retro-page .film-heading{gap:4px 8px!important}.retro-page .film-heading .film-meta{font-size:10px!important}}
.retro-page.garmentism-overview .project-hero>.cover{display:block!important;height:220px!important;padding:0!important;background:#f5f5f3!important}.retro-page.garmentism-overview .project-hero>.cover img{display:block!important;flex:none!important;width:100%!important;height:220px!important;min-height:220px!important;max-height:220px!important;object-fit:contain!important;position:static!important}.retro-page.garmentism-overview .project-description .role-highlight{border:0!important;padding:0!important;margin:8px 0!important;font-size:13px!important}.retro-page.garmentism-overview .project-description p{margin:8px 0!important}.retro-page.garmentism-overview .project-hero .back-link{justify-self:start;align-self:start;width:auto!important}
@media(max-width:650px){.retro-page.garmentism-overview .project-hero>.cover,.retro-page.garmentism-overview .project-hero>.cover img{height:180px!important;min-height:180px!important;max-height:180px!important}}
@media(min-width:761px){.retro-page .native-film-section .native-film{max-height:max(220px,calc(100svh - 360px))!important;width:auto!important;max-width:100%!important;height:auto!important}}
