/* Preserve the established palette and give the work priority. */
.home .card-caption{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.home .card-caption>span:first-child{font-size:clamp(14px,1.25vw,19px);font-weight:500;letter-spacing:-.025em}.home .card-caption>span:nth-child(2){font-size:10px;letter-spacing:.035em;color:#494943}.home .brand-tag{font-size:9px;background:#f2f2efbb;color:#575750;padding:4px 6px}.zine-home .cover.specimen-single img{width:100%;object-fit:contain;padding:20px 20px 65px;background:#e6e6e2}
.creative-card-main{margin-top:72px}.creative-practice{padding-top:35px}.creative-name{margin-top:20px}
.project-description{padding-top:38px;padding-bottom:38px}.project-description>div p{line-height:1.6}.campaign-intro{display:grid;gap:22px}.campaign-intro h2{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.campaign-intro p{font-size:clamp(19px,1.8vw,28px)!important;max-width:none!important;margin:0;line-height:1.4!important}.campaign-open{padding:14px 18px!important;background:#1e1e1b;color:#fff;border:0;border-radius:3px;font-size:14px!important}.project-hero[data-project="garmentism"]~.section-index{gap:10px}.project-hero[data-project="garmentism"]~.section-index a{background:#222;color:#f4f4ef;border-color:#222;font-size:14px}.garment-system-heading>p{max-width:650px}
.garment-card .image-button{height:auto;aspect-ratio:4/5;background:#f3f3ef;position:relative;overflow:hidden}.garment-card .image-button img{height:100%;width:100%;object-fit:contain;padding:7%}.garment-pair>figure>.image-button{height:min(64svh,730px);position:relative;overflow:hidden}.garment-pair>figure>.image-button img{width:100%;height:100%;object-fit:contain}.fitted-garment img{transition:none!important}.view-thumb{height:120px;flex-basis:100px;position:relative;overflow:hidden;padding:0 0 30px}.view-thumb img{height:88px}.view-thumb>span{position:absolute;left:0;right:0;bottom:0;min-height:30px;padding:6px 3px;background:#f2f2efed;font-size:10px;line-height:1.3;z-index:1}.view-thumbnails{gap:8px}.view-thumb[aria-pressed="true"]>span{background:#222;color:white}
.sige-index{padding-top:16px;padding-bottom:20px;gap:8px}.sige-index a{font-size:12px}.sige-index .index-result{background:#222;color:#fff;order:-1}.credit-block b{display:block;margin:0 0 6px;font-size:15px;font-weight:500}.credit-block p{margin:0 0 22px;max-width:360px!important;font-size:14px!important}.project-hero[data-project="sige"]~.work-section .image-grid{max-width:1450px;margin:auto;gap:20px;padding:0 25px}.project-hero[data-project="sige"]~.work-section .image-button img{max-height:75svh;object-fit:contain}.image-button>span{opacity:1;width:30px;height:30px;font-size:17px}
.reader-index{border:1px solid #8d8d83;border-radius:4px;background:#e6e6df;margin:8px auto 12px}.reader-index summary{font-size:14px;font-weight:500;padding:12px;min-height:46px;cursor:pointer}.reader-index summary::after{content:' — APRI'}.reader-index[open] summary::after{content:' — CHIUDI'}.reader-index[open] .reader-thumbnails{padding:12px;max-height:52svh;overflow-y:auto}.reader-jump{margin:0 auto 8px}.reader-jump label{font-size:11px}.reader-jump select{min-height:36px;padding:7px}.reader-controls{padding:8px 0;min-height:56px}.reader-controls button{background:#f2f2ef;font-size:12px}.shooting-reader:not(.album-ready) .shooting-gallery img{height:var(--reader-photo-height,58svh)!important;max-height:var(--reader-photo-height,58svh)!important;width:100%;object-fit:contain}.shooting-reader .shooting-gallery figure{margin-top:0;margin-bottom:0}.shooting-reader figcaption{padding:8px;font-size:10px;line-height:1.2}.publication-reader .shooting-gallery img{height:var(--reader-photo-height,58svh);max-height:var(--reader-photo-height,58svh);aspect-ratio:auto;object-fit:contain}.publication-reader .album-spread{max-width:1100px;margin:auto}.reader-thumbnails button{cursor:pointer}.reader-thumbnails button:hover{border-color:#222;background:white}
.shooting-choice a{background:#deded5;font-size:clamp(36px,5vw,72px);border:1px solid #777;padding:26px}.shooting-choice a::after{content:'ESPLORA LO SHOOTING';display:block;font-size:11px;letter-spacing:.05em;margin-top:15px}.shooting-transition{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px var(--page-gutter) 0;padding:28px 20px;border-block:1px solid #777;background:#deded5}.shooting-transition span{font-size:12px}.shooting-transition strong{font-size:clamp(40px,6vw,80px);font-weight:400}.shooting-section[id="081"]{padding-top:55px;border-top:0}.shooting-credits{font-size:13px;line-height:1.6}.project-hero[data-project="shooting"]{padding-top:0;min-height:0;height:auto}.project-hero[data-project="shooting"]>.cover.duo.contain{padding:70px 24px 0 290px;height:70svh}.project-hero[data-project="shooting"]>.hero-title{position:relative;left:0;bottom:0;margin:16px 24px 0;background:transparent;backdrop-filter:none}.project-hero[data-project="shooting"]>.hero-title h1{font-size:clamp(40px,6vw,86px)}
.film-heading{padding:72px 25px 20px 290px!important}.film-heading h1{font-size:clamp(42px,6vw,90px)!important;margin:10px 0!important}.film-heading>p{margin:8px 0}.film-heading .section-index{padding:5px 0}.film-heading .section-index a{padding:8px 12px;min-height:36px}.film-section{padding-bottom:30px}.film-play img{max-height:60svh;object-fit:contain}.film-stage{max-height:65svh;margin:auto}.film-meta{font-size:12px}
.research-index{border:1px solid #777;box-shadow:0 3px 12px #0001;background:#e7e7def5}.research-index>summary{font-size:14px;letter-spacing:0;padding:16px;font-weight:500}.rematter-page .research-summary{padding-top:22px;padding-bottom:28px}.rematter-page .scroll{border:1px solid #aaa;overscroll-behavior-x:contain;scrollbar-width:auto}.rematter-page table{margin:0;font-size:13px;line-height:1.5}.rematter-page th{font-weight:500}.rematter-page td,.rematter-page th{padding:13px;min-width:135px}.pass-bottom .textbutton{font-size:13px;padding:12px;border:1px solid #888;align-self:start}.pass-bottom{align-items:start}
.graphic-analysis{margin:0 var(--page-gutter) 32px;border:1px solid #aaa}.graphic-analysis>summary{padding:20px;font-size:14px}.graphic-analysis .graphic-principles{padding-top:0}.graphic-collection{padding-top:10px}.graphic-item figcaption{line-height:1.5}.project-hero[data-project="archivio-urbano"]~.work-section .image-grid{max-width:1300px;margin:auto;padding:0 24px;gap:24px;align-items:center}.project-hero[data-project="archivio-urbano"]~.work-section figure{margin:0}.project-hero[data-project="archivio-urbano"]~.work-section .image-button img{width:100%;height:min(60svh,650px);object-fit:contain}
.material-process-page .image-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px;max-width:1250px;gap:32px;align-items:center}.material-process-page .image-grid figure{margin:0;width:100%}.material-process-page .image-grid .image-button{height:min(74svh,780px)!important}.material-process-page .image-grid .material-wide{grid-column:1/-1}.material-process-page .image-grid .material-wide .image-button{height:min(60svh,620px)!important}.material-process-page .image-grid .image-button[data-image="/assets/p10-04.webp"]{width:min(100%,43svh,420px);height:auto!important}
.experience-secondary{margin-top:30px;padding-top:18px;border-top:1px solid #c4c4bb;opacity:.85}.experience-secondary h3{font-size:15px!important}.experience-secondary p{font-size:13px!important}.practice-field:first-child{border-right:1px solid #bbb;padding-right:20px}.practice-field:first-child li{font-size:16px}.practice-field:last-child li{font-size:13px}.practice-field h2{margin-bottom:20px}
#lightbox .zoom-stage{position:absolute;inset:65px 64px 55px;overflow:auto;overscroll-behavior:contain;outline-offset:-3px}.zoom-plane{position:relative;overflow:hidden;min-width:100%;min-height:100%}#lightbox .lightbox-bar{z-index:3;align-items:center;gap:12px}#lightbox .image-zoom{margin-left:auto;padding:12px}.lb-prev,.lb-next{z-index:3}.zoom-stage #lightbox-image{cursor:zoom-in}#lightbox-caption{pointer-events:none}#lightbox .lb-prev,#lightbox .lb-next{font-size:10px;overflow-wrap:anywhere;padding:0 4px}
@media(max-width:760px){
.creative-card-main{margin-top:50px}.creative-practice{padding-top:30px}.home .card-caption>span:first-child{font-size:15px}.home .card-caption>span:nth-child(2){font-size:9px}.zine-home .cover.specimen-single img{padding:15px 12px 55px}.view-thumb{flex-basis:92px}.garment-pair>figure>.image-button{height:52svh}.campaign-intro{margin-top:25px}.campaign-intro p{font-size:21px!important}.campaign-open{display:block;width:100%;text-align:center;font-size:13px!important;margin-top:15px}.shooting-choice a{font-size:38px;padding:20px 15px}.shooting-choice a::after{font-size:9px}.shooting-transition{padding:20px 12px;gap:12px;flex-wrap:wrap}.shooting-transition span{font-size:10px}.project-hero[data-project="shooting"]>.cover.duo.contain{height:49svh;padding:175px 12px 0;min-height:430px}.project-hero[data-project="shooting"]>.hero-title{margin:12px}.film-heading{padding:175px 16px 15px!important}.film-heading h1{font-size:44px!important}.film-heading .section-index{padding:0}.film-heading .section-index a{font-size:11px}.film-play img{max-height:50svh}.film-section{padding-inline:8px}.reader-index summary{font-size:13px}.reader-jump label{gap:8px}.reader-controls button{min-width:94px}.single-page-reader .album-spread{grid-template-columns:1fr!important}.single-page-reader .album-spread:after{display:none}.single-page-reader .shooting-gallery img{height:var(--reader-photo-height,58svh)!important;max-height:var(--reader-photo-height,58svh)!important;aspect-ratio:auto!important}.single-page-reader .album-spread figure{max-width:100%;margin:0 auto}.single-page-reader .shooting-gallery{width:100%!important}.single-page-reader .reader-controls{width:100%!important}.research-index{top:54px;max-width:calc(100% - 24px)}.research-index>summary{font-size:13px}.rematter-page table{min-width:620px;font-size:12px}.rematter-page .scroll:focus-visible{outline:2px solid #3346ff}.rematter-page th[scope="row"]{position:sticky;left:0;background:#e5e5df}.material-process-page .image-grid{padding:0 16px;grid-template-columns:1fr;gap:26px}.material-process-page .image-grid .image-button{height:min(72svh,700px)!important}.project-hero[data-project="archivio-urbano"]~.work-section .image-grid{grid-template-columns:1fr;padding:0 16px;gap:20px}.project-hero[data-project="archivio-urbano"]~.work-section .image-button img{height:auto;max-height:70svh}.practice-field:first-child{border-right:0;padding-right:0}.project-hero[data-project="sige"]~.work-section .image-grid{padding:0 14px;gap:20px}.sige-index{padding:14px}.sige-index a{font-size:11px}.graphic-analysis>summary{font-size:13px}#lightbox .zoom-stage{inset:70px 35px 60px}#lightbox .lightbox-bar{left:10px;right:10px;gap:6px;font-size:10px}#lightbox .lightbox-bar button{font-size:10px;padding:10px 8px}
}
@media(max-width:540px){.creative-card-main{margin-top:46px}}
/* Restore the large 081 reader; fit MID20S campaign previews to the viewport. */
.shooting-reader[data-reader="081"] .shooting-gallery img{height:min(68svh,850px)!important;max-height:min(68svh,850px)!important;object-fit:contain;width:100%}
body:has(.project-hero[data-project="mid20s"]) #campaign .image-grid,
body:has(.project-hero[data-project="mid20s"]) #lookbook .image-grid{max-width:1280px;margin-inline:auto;padding:0 20px;gap:20px;align-items:center}
body:has(.project-hero[data-project="mid20s"]) #campaign figure,
body:has(.project-hero[data-project="mid20s"]) #lookbook figure{margin:0;min-width:0}
body:has(.project-hero[data-project="mid20s"]) #campaign .image-button,
body:has(.project-hero[data-project="mid20s"]) #lookbook .image-button{height:min(72svh,780px);background:transparent}
body:has(.project-hero[data-project="mid20s"]) #campaign .image-button img,
body:has(.project-hero[data-project="mid20s"]) #lookbook .image-button img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:760px){
.shooting-reader[data-reader="081"] .shooting-gallery img{height:60svh!important;max-height:60svh!important}
body:has(.project-hero[data-project="mid20s"]) #campaign .image-grid,
body:has(.project-hero[data-project="mid20s"]) #lookbook .image-grid{grid-template-columns:1fr;padding:0 14px;gap:20px}
body:has(.project-hero[data-project="mid20s"]) #campaign .image-button,
body:has(.project-hero[data-project="mid20s"]) #lookbook .image-button{height:68svh}
}

/* Restore the original full-size zine spreads and readable single pages. */
.publication-reader[data-reader="specimen-file"] .shooting-gallery img{height:auto!important;max-height:none!important;width:100%;aspect-ratio:22/30!important;object-fit:contain}
.publication-reader[data-reader="specimen-file"] .album-spread{max-width:none}
@media(max-width:760px){.publication-reader[data-reader="specimen-file"].single-page-reader .album-spread>figure{flex-basis:100%;width:100%}}

/* Keep the same facing-page albums and page turns on phones. */
@media(max-width:760px){
.shooting-reader[data-reader="la-rosa"] .shooting-gallery img{height:auto;max-height:none;aspect-ratio:1719/2200}
.publication-reader[data-reader="specimen-file"]{--publication-fit:100%}
}

/* Preserve the square contact graphic instead of its fixed HTML height. */
.contact-section>img{height:auto;max-width:100%;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.contact-section>img{display:block;width:min(210px,65vw);height:auto;margin:12px auto 0}}

/* Restore substantial images throughout the six BIOSCAPE studio lookbooks. */
.shooting-reader:is([data-reader="bioscape-look"],[data-reader="mid20s-look"]) .shooting-gallery img{height:min(72svh,950px)!important;max-height:min(72svh,950px)!important;width:100%;object-fit:contain}
@media(max-width:760px){.shooting-reader:is([data-reader="bioscape-look"],[data-reader="mid20s-look"]) .shooting-gallery img{height:64svh!important;max-height:64svh!important}}

/* BIOSCAPE campaign overview: full photographs within a viewport-sized frame. */
body:has(.project-hero[data-project="bioscape"]) #campaign .image-grid,
body:has(.project-hero[data-project="bioscape"]) #lookbook .image-grid{max-width:1280px;margin-inline:auto;padding:0 20px;gap:20px;align-items:center}
body:has(.project-hero[data-project="bioscape"]) #campaign figure,
body:has(.project-hero[data-project="bioscape"]) #lookbook figure{margin:0;min-width:0}
body:has(.project-hero[data-project="bioscape"]) #campaign .image-button,
body:has(.project-hero[data-project="bioscape"]) #lookbook .image-button{height:min(70svh,760px);background:transparent}
body:has(.project-hero[data-project="bioscape"]) #campaign .image-button img,
body:has(.project-hero[data-project="bioscape"]) #lookbook .image-button img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:760px){
body:has(.project-hero[data-project="bioscape"]) #campaign .image-grid,
body:has(.project-hero[data-project="bioscape"]) #lookbook .image-grid{grid-template-columns:1fr;padding:0 14px;gap:20px}
body:has(.project-hero[data-project="bioscape"]) #campaign .image-button,
body:has(.project-hero[data-project="bioscape"]) #lookbook .image-button{height:66svh}
}

/* Archivio Urbano: original landscape pages, paired interiors and single covers. */
.publication-reader[data-reader="archivio-urbano"]{--publication-fit:100%}
.publication-reader[data-reader="archivio-urbano"] .album-spread{max-width:none}
.publication-reader[data-reader="archivio-urbano"] .shooting-gallery img{width:100%;height:auto!important;max-height:none!important;aspect-ratio:3/2!important;object-fit:contain}
.publication-reader[data-reader="archivio-urbano"] .album-leaf{aspect-ratio:3/2}
.publication-reader[data-reader="archivio-urbano"] figcaption{justify-content:center}
.publication-reader[data-reader="archivio-urbano"] figcaption span{margin-left:8px;white-space:nowrap}
@media(max-width:760px){.publication-reader[data-reader="archivio-urbano"] figcaption{font-size:7px;gap:2px;padding-inline:2px}.publication-reader[data-reader="archivio-urbano"] .reader-controls{gap:5px}.publication-reader[data-reader="archivio-urbano"] .reader-controls [data-position]{font-size:10px}}
