
/* Local comparison with the confirmed Monochrome draft 192467304796. */
:root{--isol-body:Arial,sans-serif;--isol-display:Arial,sans-serif;--isol-gutter:max(24px,calc((100vw - 1344px)/2))}
body.isol-public{font-weight:200}
.isol-public>header{grid-template-columns:212px 300px minmax(100px,1fr) auto;gap:0;align-items:stretch;min-height:72px;padding-block:0}
.isol-public>header nav{gap:24px;justify-content:flex-start;align-items:center;flex-wrap:nowrap;border-inline:1px solid #ffffff40;padding-inline:48px;font-size:14px}
.isol-public>header .brand{display:flex;align-items:center}
.isol-public>header .brand img{width:164px;height:38px}
.isol-public .header-search{display:flex;align-items:center;padding-inline:16px;font-size:14px;text-transform:uppercase}
.isol-public .account-link{border-inline-start:1px solid #ffffff40;padding-inline-start:48px;font-size:14px}
.copy-hero .hero-copy>a{font-family:var(--isol-body);font-weight:200;font-size:14px;border:0;padding:8px 10px;background:#ffffff90;border-radius:4px;color:#111}
.copy-hero .hero-copy>a>span:not(.isol-roll){display:none}
.copy-hero .copy-slide{padding-top:120px;padding-bottom:48px;grid-template-columns:minmax(0,1fr) minmax(280px,437px);gap:48px}
.copy-hero .hero-heading{font-size:clamp(48px,5vw,96px);line-height:1.16;letter-spacing:-.035em;font-weight:200;max-width:700px}
.copy-hero .copy-spotlight{padding:32px 48px;max-width:437px}
.copy-spotlight .spotlight-title{font-size:36px;line-height:1.15;max-width:260px}
.copy-spotlight .spotlight-caption{font-size:14px;font-weight:200}
.copy-hero-controls{left:auto;right:calc(var(--isol-gutter) + 437px + 48px);bottom:48px;justify-content:flex-end}
.copy-dots{gap:0}
.copy-dots button{padding:0 4px;min-width:0;border:0}
.copy-dots button:not([aria-pressed=true]):not(:last-child){display:none}
.copy-dots button[aria-pressed=true]::after{content:" — ";padding-inline:4px}
.copy-arrows{gap:0}
.copy-arrows button{border-radius:0;border:0;background:#ffffffee;color:#111;width:48px;height:48px;font-size:22px}
.bozza-section-heading h2,.bozza-recommended h2,.bozza-fanghi h2{font-weight:200}
.isol-public .detail-copy h1{font-weight:200}
@media(max-width:1100px) and (min-width:769px){
 .isol-public>header{grid-template-columns:180px 260px 1fr auto}
 .isol-public>header nav{padding-inline:20px;gap:16px}
 .isol-public .account-link{padding-inline-start:16px;font-size:12px}
 .copy-hero .copy-slide{gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,35%)}
 .copy-hero .copy-spotlight{padding:24px}
 .copy-hero-controls{right:calc(var(--isol-gutter) + 35% + 24px)}
}
@media(max-width:768px){
 :root{--isol-gutter:20px}
 .isol-public>header{grid-template-columns:1fr auto auto;gap:12px;padding:12px 20px;min-height:64px}
 .isol-public>header .brand img{width:125px;height:30px}
 .isol-public>header nav{padding:20px;border:0;align-items:stretch}
 .isol-public .header-search{display:none}
 .isol-public .account-link{padding:0;border:0;font-size:10px}
 .copy-hero .copy-slide{grid-template-columns:1fr;padding:110px 20px 90px;gap:24px}
 .copy-hero .hero-heading{font-size:clamp(42px,9vw,64px);max-width:100%;line-height:1.1}
 .copy-hero .hero-copy>a{margin-top:20px}
 .copy-hero .copy-spotlight{padding:24px;max-width:340px}
 .copy-spotlight .spotlight-title{font-size:27px}
 .copy-hero-controls{left:20px;right:20px;bottom:20px;justify-content:flex-end}
 .copy-dots{margin-right:auto}
 .copy-dots button{min-width:32px}
}

/* Keep a single accessible visual label when changing viewport after desktop motion setup. */
.isol-roll{display:inline-block;white-space:pre}
.isol-roll-layer + .isol-roll-layer{display:none}
.copy-hero .hero-copy>a .isol-roll span{font-size:inherit;line-height:inherit}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 .isol-roll-layer + .isol-roll-layer{display:inline-block}
}
@media(max-width:768px){
 .isol-public>header{grid-template-columns:minmax(0,1fr) auto 44px;gap:8px}
 .isol-public>header .brand{min-width:0}
 .isol-public>header .brand img{width:100px;max-width:100%}
 .isol-public .account-link{font-size:9px;letter-spacing:0}
 .copy-hero .hero-copy>a{font-size:13px}
}

/* Restore original draft secondary photography only. */
.isol-secondary-card{position:relative;isolation:isolate}
.isol-secondary-card>.isol-secondary-image{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .25s;background:white}
@media(hover:hover){.isol-secondary-card:hover>.isol-secondary-image,.isol-secondary-card:focus-visible>.isol-secondary-image{opacity:1}}
/* Two original pictures, keyboard-accessible native selection; no new scripts or tracking. */
.detail-media.isol-two-images{aspect-ratio:auto;max-width:none}
.isol-image-gallery{border:0;padding:0;margin:0;display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;position:relative}
.isol-image-gallery>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.isol-photo-choice{position:absolute;width:1px;height:1px;opacity:0}
.isol-image-gallery>.isol-photo-thumb{grid-column:1;display:block;border:1px solid transparent;cursor:pointer;border-radius:4px;overflow:hidden;align-self:start}
.isol-photo-thumb img{width:100%;height:auto;padding:0!important;display:block}
.isol-photo-choice:checked+label{border-color:#222}
.isol-photo-choice:focus-visible+label{outline:2px solid #222;outline-offset:3px}
.isol-image-stage{grid-column:2;grid-row:1 / span 2;min-width:0}
.isol-image-panel{display:none;margin:0}
.isol-image-panel img{display:block;width:100%;height:auto;padding:0!important;object-fit:contain}
#isol-photo-1:checked~.isol-image-stage>.isol-image-panel:first-child,#isol-photo-2:checked~.isol-image-stage>.isol-image-panel:last-child{display:block}
@media(max-width:600px){.isol-image-gallery{grid-template-columns:48px minmax(0,1fr);gap:8px}}
