/* Portfolio revision: one browser, persistent tabs, image-led presentation. */
.project-browser-open{overflow:hidden!important}
.portfolio-browser[hidden],.portfolio-browser iframe[hidden]{display:none!important}
.project-window.portfolio-browser{inset:20px 2vw 50px!important;width:96vw!important;height:calc(100dvh - 70px)!important;max-height:none!important;min-width:0;resize:none}
.project-window.portfolio-browser.maximized{inset:0 0 42px!important;width:100%!important;height:calc(100dvh - 42px)!important}
.portfolio-browser>.project-window-bar{display:flex!important;min-height:30px;cursor:default;gap:10px}
.portfolio-browser .project-window-title{text-align:left!important;padding:0 8px}
.browser-tabs{display:flex;overflow-x:auto;flex:none;gap:4px;padding:7px 5px 0;background:#bcbcbc;scrollbar-width:thin;min-height:41px}
.browser-tab{display:flex;flex:none;align-items:center;max-width:245px;min-width:125px;background:#aaa;border:2px outset #eee;border-bottom:0}
.browser-tab.active{background:#eee}
.browser-tab [role=tab]{background:transparent!important;box-shadow:none!important;border:0;min-height:34px;padding:8px 10px;text-align:left;font:11px Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.browser-tab [aria-selected=true]{font-weight:bold;color:#000080}
.browser-tab .tab-close{flex:none;min-height:26px;width:26px;height:26px;margin-right:3px;padding:0;font:18px Arial;background:transparent;box-shadow:none}
.browser-toolbar{display:flex;align-items:center;gap:6px;padding:6px;background:#ddd;border-top:1px solid #fff;flex:none}
.browser-toolbar button{min-height:30px;padding:5px 12px;font:12px Tahoma,Arial,sans-serif}
.browser-toolbar button:disabled{color:#777}
.browser-page-title{font:11px Tahoma,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:#444}
.browser-pages{position:relative;flex:1;min-height:0;display:flex}
.browser-pages iframe{width:100%;height:100%;min-width:0;border:0;flex:1;background:#c0c0c0}
.browser-tab button:focus-visible,.browser-toolbar button:focus-visible{outline:2px dotted #000080;outline-offset:-4px}
.inside-desktop-window .nav{padding-block:9px!important;min-height:48px}
.id-expertise{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin-top:22px}
.id-expertise .id-practice{margin:0!important;line-height:1.15}
.id-expertise .id-disciplines{font:12px/1.65 Tahoma,Arial,sans-serif!important;margin:0!important;padding-top:1px}
.home main>.intro{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:26px 3% 22px!important;border:0!important;margin:0!important}
.home main>.intro h2{font:clamp(20px,2.4vw,34px)/1.15 Georgia,serif!important;letter-spacing:-.025em;margin:0!important;order:0}
.home main>.intro>p{display:none}
.home main>.intro>a{font:10px Tahoma,Arial,sans-serif;white-space:nowrap}
.home .project-grid .campaign-video-cover video{object-fit:cover!important;width:100%!important;height:100%!important;max-width:none!important}
.home .project-card .card-caption>span:last-child{font-size:10px;line-height:1.4}
.retro-page .project-hero>.cover img{position:static!important;inset:auto!important;align-self:center!important;flex:1 1 0!important}
.retro-page .project-hero:is([data-project=bioscape],[data-project=mid20s])>.cover.duo{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;height:clamp(300px,58svh,660px)!important;padding:14px!important;background:#f5f5f3!important;border:0}
.retro-page .project-hero:is([data-project=bioscape],[data-project=mid20s])>.cover.duo img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain!important;position:static!important}
.retro-page .project-hero[data-project=shooting]>.shooting-previews{display:grid!important;grid-template-columns:1fr 1fr;gap:22px!important;height:auto!important;overflow:visible!important;padding:12px!important;background:#f5f5f3!important;border:0}
.shooting-previews>a{display:flex;flex-direction:column;align-items:center;min-width:0;color:#111;text-decoration:none}
.retro-page .shooting-previews>a>img{height:clamp(280px,50svh,580px)!important;width:100%!important;max-width:100%!important;object-fit:contain!important;flex:none!important;position:static!important;transform:none!important}
.shooting-previews>a>span{display:block;font:12px Tahoma,Arial,sans-serif;padding:16px 6px 8px;text-align:center;text-decoration:underline}
.retro-page .project-hero[data-project=specimen-file]>.specimen-cover{height:clamp(300px,60svh,650px)!important;justify-content:center;background:#f6f6f2!important;border:0}
.retro-page .project-hero[data-project=specimen-file]>.specimen-cover img{object-fit:contain!important;width:100%!important;max-width:100%!important}
.retro-page .project-hero[data-project=archivio-urbano]>.cover{height:clamp(300px,57svh,650px)!important;border:0!important;background:#fff!important}
.retro-page .project-hero[data-project=archivio-urbano]>.cover img{object-fit:contain!important;padding:0!important;transform:scale(1.08)!important}
.retro-page .project-hero[data-project=material-process]>.cover{height:clamp(300px,53svh,580px)!important}
.retro-page .project-hero[data-project=material-process]>.cover img{object-fit:cover!important;object-position:50% 35%!important;transform:none!important}
.campaign-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.campaign-shortcuts a{display:flex;flex-direction:column;gap:12px;color:#111;text-decoration:none;font:14px Tahoma,Arial,sans-serif}
.campaign-shortcuts img{width:100%;height:260px;object-fit:cover}
.look-number{display:block;font:12px/1.5 Tahoma,Arial,sans-serif!important;letter-spacing:.04em!important;color:#555!important;margin:0 0 8px}
.retro-page .publication-reader,.retro-page.lookbook-detail main .shooting-reader{width:100%!important;max-width:1400px!important;margin-inline:auto!important}
.retro-page .shooting-reader:is([data-reader="bioscape-look"],[data-reader="mid20s-look"],[data-reader="specimen-file"]) .shooting-gallery img{height:min(66svh,760px)!important;max-height:min(66svh,760px)!important;object-fit:contain!important;aspect-ratio:auto!important}
.retro-page .reader-controls{font-size:13px;min-height:50px}
.retro-page .reader-position{font:13px Tahoma,Arial,sans-serif;font-variant-numeric:tabular-nums}
.retro-page .info-heading{padding:34px 18px 24px!important;min-height:0!important;margin:0!important}
.retro-page .info-heading h1{margin:10px 0 18px!important}
.identity-board{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.identity-board>article{padding:22px;border:1px solid #aaa;min-width:0}
.identity-board h3{margin:20px 0}
.identity-board p,.identity-board li{font-size:14px;line-height:1.6}
.brand-lockup{display:flex;align-items:center;gap:18px;min-height:100px}
.brand-lockup img:first-child{width:65px;height:auto}
.brand-lockup img:last-child{width:min(260px,65%);height:auto}
.identity-board .palette{display:flex;gap:0;height:50px;margin:22px 0}
.identity-board .palette i{flex:1;border:1px solid #ddd;display:block}
.identity-application>img{display:block;width:100%;height:360px;object-fit:contain;margin-top:20px;background:#f5f5f3}
.graphic-category{margin-top:36px;padding-top:22px;border-top:1px solid #999}
.graphic-category .image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
.retro-page .process-triptych{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.retro-page .process-triptych .image-button{display:block;width:100%;height:260px}
.retro-page .process-triptych img{width:100%!important;height:100%!important;object-fit:contain!important}
.process-triptych figcaption strong{display:block;margin-bottom:10px}
.process-triptych figcaption p{font-size:12px}
.retro-page #archivio-0 .image-grid{display:grid;grid-template-columns:1fr}
.retro-page #archivio-0 .image-button{display:block;width:100%;height:auto}
@media(max-width:700px){
 .project-window.portfolio-browser,.project-window.portfolio-browser.maximized{inset:0 0 42px!important;width:100%!important;height:calc(100dvh - 42px)!important}
 .portfolio-browser .project-window-controls [data-size]{display:none}
 .browser-tab{min-width:120px;max-width:190px}.browser-tab [role=tab]{min-height:38px}.browser-tab .tab-close{min-height:34px;width:30px}
 .browser-toolbar button{min-height:36px}.browser-page-title{font-size:10px}
 .id-expertise{gap:12px;grid-template-columns:1fr 1fr}.id-expertise .id-disciplines{font-size:10px!important}.id-expertise .id-practice{font-size:16px!important}
 .home main>.intro{display:block!important;padding:20px 14px!important}.home main>.intro h2{font-size:24px!important}.home main>.intro>a{display:inline-block;margin-top:12px}
 .retro-page .project-hero:is([data-project=bioscape],[data-project=mid20s])>.cover.duo{gap:8px!important;padding:6px!important;height:300px!important}
 .retro-page .project-hero[data-project=shooting]>.shooting-previews{gap:10px!important;padding:0!important}.retro-page .shooting-previews>a>img{height:240px!important}.shooting-previews>a>span{font-size:10px}
 .identity-board,.campaign-shortcuts{grid-template-columns:1fr}.retro-page .process-triptych{grid-template-columns:1fr!important}
 .graphic-category .image-grid{grid-template-columns:1fr}.identity-board>article{padding:16px}.identity-application>img{height:300px}
 .retro-page .project-hero[data-project=archivio-urbano]>.cover{height:260px!important}
 .retro-page .shooting-reader:is([data-reader="bioscape-look"],[data-reader="mid20s-look"],[data-reader="specimen-file"]) .shooting-gallery img{height:55svh!important;max-height:55svh!important}
 .retro-page .info-heading{padding:20px 8px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.retro-page .project-hero[data-project=shooting]>.shooting-previews>a{height:auto!important;position:static!important;min-height:0}
.retro-page .project-hero[data-project=shooting]>.shooting-previews>a>img{flex:0 0 auto!important;height:clamp(280px,50svh,580px)!important;min-height:280px!important;max-height:none!important}
@media(max-width:700px){.retro-page .project-hero[data-project=shooting]>.shooting-previews>a>img{height:240px!important;min-height:240px!important}}
/* Independent project windows: subpages share their project's frame and history. */
.project-browser[hidden]{display:none!important}
.project-window.project-browser{inset:auto;min-width:0;max-height:none;resize:none}
.project-window.project-browser.maximized{inset:0 0 42px!important;height:calc(100dvh - 42px)!important;width:100%!important}
.project-browser>.project-window-bar{display:flex!important;cursor:move}
.project-browser.maximized>.project-window-bar{cursor:default}
.project-browser>.project-window-bar .project-window-title{text-align:left!important}
.project-browser>.browser-toolbar{min-width:0}
.project-browser>iframe{flex:1;min-height:0;width:100%}
.project-taskbar{flex-wrap:nowrap!important;overflow-x:auto;z-index:3000}
.project-taskbar button{white-space:nowrap;flex:none}
.project-taskbar button[aria-pressed=true]{background:#eee;box-shadow:inset 1px 1px #555;font-weight:bold}
.window-interaction iframe{pointer-events:none!important}
.project-browser>.resize-n,.project-browser>.resize-s{height:8px;width:calc(100% - 24px);left:12px;cursor:ns-resize}
.project-browser>.resize-n{top:-4px}.project-browser>.resize-s{bottom:-4px}
.project-browser>.resize-e,.project-browser>.resize-w{width:8px;height:calc(100% - 24px);top:12px;cursor:ew-resize}
.project-browser>.resize-e{right:-4px}.project-browser>.resize-w{left:-4px}
@media(max-width:650px){.project-window.project-browser{inset:0 0 42px!important;width:100%!important;height:calc(100dvh - 42px)!important}.project-browser .window-resize-grip,.project-browser [data-size]{display:none}.project-browser>.project-window-bar{cursor:default}}
/* Project-scoped browser tabs. */
.project-browser .browser-pages iframe[hidden]{display:none!important}
.project-browser .browser-tabs{min-height:41px}
.project-browser .browser-tab{max-width:270px}
/* Contact destinations use a consistent, unmistakable link treatment. */
body a[href^="mailto:"],body a[href*="instagram.com"]{color:#0000cc!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer;background:transparent!important}
body a[href^="mailto:"]:hover,body a[href*="instagram.com"]:hover{color:#000080!important}
/* Facing pages meet edge to edge, without button padding or letterboxing. */
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]){--spread-width:103svh}
.retro-page .shooting-reader[data-reader="specimen-file"]{--spread-width:96svh}
.retro-page .shooting-reader[data-reader="archivio-urbano"]{--spread-width:198svh}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery{width:min(100%,var(--spread-width))!important;margin-inline:auto!important;padding:0!important;gap:0!important}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .album-spread{gap:0!important;padding:0!important;border:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .album-spread>figure{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;width:100%!important}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery .image-button{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .shooting-gallery .album-spread img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;padding:0!important;margin:0!important;border:0!important}
.retro-page .shooting-reader:is([data-reader="la-rosa"],[data-reader="specimen-file"],[data-reader="archivio-urbano"]) .album-spread:after{display:none!important}
.retro-page .publication-reader .album-spread.single-cover{grid-template-columns:minmax(0,1fr)!important;width:50%!important;margin-inline:auto!important}

/* Keep a closed cover at the same scale as one interior page. */
.retro-page .publication-reader .album-spread.single-cover:not([hidden]){display:grid!important}
.retro-page .publication-reader .album-spread.single-cover>figure{flex-basis:100%!important}

/* Phone Creative ID: caption across the card, practices below on opposite sides. */
@media(max-width:650px){
 .id-content{grid-template-columns:90px minmax(0,1fr)!important;gap:8px 16px!important;padding:20px 12px!important}
 .id-content>div{display:contents}
 .id-portrait-frame{grid-column:1;grid-row:1/4;align-self:start}
 .id-kicker{grid-column:2;grid-row:1;align-self:end}
 .id-content h1{grid-column:2;grid-row:2;margin:0!important}
 .id-data{grid-column:2;grid-row:3;align-self:start}
 .id-photo-label{grid-column:1/-1;grid-row:4;white-space:nowrap;font-size:clamp(7px,2.15vw,10px);margin-top:5px}
 .id-photo-label br{display:none}
 .id-photo-label br:after{content:' '}
 .id-expertise{display:grid!important;grid-column:1/-1;grid-row:5;grid-template-columns:1fr 1fr!important;margin-top:18px!important;gap:10px!important;align-items:start}
 .id-expertise .id-practice{text-align:left;font-size:16px!important}
 .id-expertise .id-disciplines{text-align:right;font-size:10px!important;line-height:1.5!important;padding:0!important}
}
