/* Guided showcase. All layout overrides require .scroll-enabled. */
.scroll-draft-badge{position:fixed;bottom:10px;right:12px;z-index:1100;background:#17364c;color:white;padding:8px 13px;border-radius:99px;font:12px/1.3 system-ui;box-shadow:0 3px 12px #17364c33;text-decoration:none}
.scroll-director-progress{display:flex;align-items:center;gap:12px;font-size:11px;color:#577080;padding:0 4px 7px}
.scroll-director-progress i{height:3px;flex:1;border-radius:4px;background:linear-gradient(to right,#277ec0 var(--progress),#e4edf3 var(--progress))}.scroll-director-progress b{font-size:18px;color:#277ec0}
.scroll-director-progress[hidden]{display:none}
.home-team.scroll-enabled{padding:0;margin-top:70px;position:relative}
.scroll-enabled .scroll-pin{position:sticky;top:var(--pin-top);height:var(--pin-height);padding:8px 0;background:#fcfdfd;box-sizing:border-box}
.scroll-enabled .scroll-pin>.home-container{height:100%;display:flex;flex-direction:column;max-width:1720px;width:calc(100% - 48px)}
.scroll-enabled .home-section-heading{margin:0;gap:30px;align-items:center;flex-shrink:0}
.scroll-enabled .home-section-heading h2{font-size:clamp(27px,2.7vw,54px);line-height:1.06;margin:5px 0 7px;letter-spacing:-.04em}
.scroll-enabled .home-section-heading>p{font-size:14px;line-height:1.5;max-width:47ch;margin:0}
.scroll-enabled .home-eyebrow{font-size:10px;line-height:1.4;margin:0 0 5px}
.scroll-enabled .director-showcase{display:flex;flex-direction:column;flex:1;min-height:0;margin:8px 0 5px}
.scroll-enabled .director-tabs{flex-shrink:0;justify-content:center;padding:3px 3px 6px;gap:7px}
.scroll-enabled .director-tabs button{font-size:13px;min-height:36px;padding:8px 13px}
.scroll-enabled .director-scenes{flex:1;min-height:0}
.scroll-enabled .director-scene{height:100%;min-height:0;box-sizing:border-box;grid-template-columns:1fr 1fr .82fr;grid-template-rows:minmax(min-content,1fr) auto;gap:10px 22px;padding:18px 20px;margin:0;border-radius:24px}
.scroll-enabled .director-scene[hidden]{display:none}
.scroll-enabled .director-scene-copy{padding:0}
.scroll-enabled .director-scene-copy h3{font-size:clamp(22px,2.1vw,42px);margin:9px 0 12px;line-height:1.08;max-width:20ch}
.scroll-enabled .director-scene-copy>p:not(.home-eyebrow){font-size:14px;line-height:1.45;margin-bottom:12px}
.scroll-enabled .director-scene-copy .home-text-link{font-size:14px}
.scroll-enabled .director-scene-visual{height:clamp(260px,calc(var(--pin-height) - 440px),560px);max-height:600px;min-height:0}
.scroll-enabled .director-portrait{height:95%;max-height:580px;width:auto;aspect-ratio:.82;max-width:90%;border-radius:55px 55px 20px 20px}
.scroll-enabled .director-portrait figcaption{font-size:19px;padding:8px 11px;bottom:9px;left:9px;right:9px}
.scroll-enabled .director-portrait figcaption span{font-size:11px;margin-top:3px}
.scroll-enabled .director-color-orbit{width:100%;max-height:100%;border-width:19px}
.scroll-enabled .director-identity{right:-3px;top:15px;padding:7px 9px;font-size:10px}
.scroll-enabled .director-grid-mark{width:54px;height:54px;left:0;bottom:4px;background-size:18px 18px}
.scroll-enabled .director-output{grid-column:auto;display:block;padding:0}
.scroll-enabled .director-output ol{display:grid;grid-template-columns:1fr;gap:8px;margin:9px 0}
.scroll-enabled .director-output li{min-height:45px;padding:9px;font-size:13px;transform:none;box-sizing:border-box}
.scroll-enabled .director-output-note{display:block;font-size:11px;line-height:1.4;margin:6px 0}
.scroll-enabled .director-replacements{grid-column:1/-1;padding-top:10px;margin:0;border-top:1px solid #e1eaf0}
.scroll-enabled .director-replacement-row{display:flex;align-items:center;gap:18px}
.scroll-enabled .director-replacement-row>p{font-size:12px;line-height:1.35;flex:0 0 145px;margin:0}
.scroll-enabled .director-replacement-row ul{display:flex;flex:1;gap:18px;list-style:none;padding:0;margin:0}
.scroll-enabled .director-replacement-row li{flex:1;min-width:0}
.scroll-enabled .director-replacement-row a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#203b50}
.scroll-enabled .director-replacement-row img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.scroll-enabled .director-replacement-row strong{display:block;font-size:12px;line-height:1.3}
.scroll-enabled .director-replacement-row small{display:block;font-size:11px;line-height:1.35;color:#607584;margin-top:3px}
.scroll-enabled .scroll-pin>.home-container>.home-fineprint{font-size:10px;line-height:1.3;margin:3px 0}
.scroll-enabled .scroll-pin>.home-container>.home-text-link{font-size:12px;line-height:1.4;align-self:flex-start}

.scroll-enabled .director-color-orbit{height:100%;width:auto;aspect-ratio:1;box-sizing:border-box;max-width:115%}
@media(min-width:1500px) and (min-height:850px){
.scroll-enabled .home-section-heading>p{font-size:20px}
.scroll-enabled .home-eyebrow{font-size:13px}
.scroll-enabled .director-scene{padding:28px 32px;gap:20px 36px}
.scroll-enabled .director-scene-copy>p:not(.home-eyebrow){font-size:20px;line-height:1.5}
.scroll-enabled .director-scene-copy .home-text-link{font-size:18px}
.scroll-enabled .director-tabs button{font-size:17px;padding:12px 20px}
.scroll-enabled .director-output li{font-size:18px;min-height:66px;padding:15px}
.scroll-enabled .director-output-note{font-size:15px}
.scroll-enabled .director-portrait figcaption{font-size:28px;padding:16px}
.scroll-enabled .director-portrait figcaption span{font-size:15px}
.scroll-enabled .director-identity{font-size:14px;padding:12px}
.scroll-enabled .director-replacement-row strong,.scroll-enabled .director-replacement-row>p{font-size:16px}
.scroll-enabled .director-replacement-row small{font-size:14px}
.scroll-enabled .director-replacement-row img{width:34px;height:34px}
.scroll-enabled .scroll-pin>.home-container>.home-fineprint{font-size:13px}
.scroll-enabled .scroll-pin>.home-container>.home-text-link{font-size:16px}
}
/* On narrow or short screens the full content remains in the normal flow. */
@media(max-width:859px){
#directores .director-tabs{flex-wrap:wrap;justify-content:center;overflow:visible}
#directores .director-output{grid-column:1/-1;display:block;padding:0}
#directores .director-output ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#directores .director-output li{transform:none;min-width:0}
}
@media(max-width:600px){#directores .director-output ol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.scroll-draft-badge{transition:none}}