.bc-director-story{--bc-director-story-duration:8s;position:relative;width:min(100%,70rem);min-width:0;max-width:70rem;margin:clamp(3rem,7vw,6rem) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--bc-mineral-gold) 34%,var(--bc-line));border-radius:calc(var(--bc-radius-lg) + .5rem);background:radial-gradient(circle at 92% 12%,rgba(86,224,210,.11),transparent 21rem),linear-gradient(135deg,#c8b66a1a,#081c20f0 42%,#031013fa);box-shadow:0 2rem 5rem #00000042,inset 0 1px #ffffff0d;container:director-story/inline-size}.bc-director-story-viewport{width:100%;min-width:0;max-width:100%;overflow:hidden}.bc-director-story-track{display:flex;width:100%;min-width:0;max-width:100%}.bc-director-story-slide{display:grid;width:100%;min-width:0;max-width:100%;flex:0 0 100%;grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr)}.bc-director-story-portrait{position:relative;min-width:0;min-height:clamp(27rem,38vw,34rem);overflow:hidden;background:var(--bc-ink)}.bc-director-story-image,.bc-director-story-portrait picture{display:block;width:100%;height:100%}.bc-director-story-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:saturate(.9) contrast(1.04);transition:transform 8s ease-out}.bc-director-story-slide:not([aria-hidden=true]) .bc-director-story-image{transform:scale(1.045)}.bc-director-story-portrait>span{position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(5,20,23,.88)),linear-gradient(180deg,transparent 58%,rgba(3,14,17,.55));pointer-events:none}.bc-director-story-copy{position:relative;display:grid;min-width:0;align-content:center;gap:clamp(1.1rem,2vw,1.8rem);padding:clamp(1.7rem,3.4vw,3rem);overflow:hidden}.bc-director-story-copy:after{position:absolute;right:-6rem;bottom:-8rem;width:20rem;aspect-ratio:1;border:1px solid rgba(86,224,210,.11);border-radius:50%;content:"";box-shadow:0 0 0 2.7rem #56e0d208,0 0 0 5.4rem #c8b66a06}.bc-director-story-mark{position:absolute;top:-.6rem;left:clamp(1rem,3vw,2.5rem);color:color-mix(in srgb,var(--bc-mineral-gold) 68%,transparent);font-family:Georgia,serif;font-size:clamp(7rem,14vw,12rem);line-height:1;pointer-events:none}.bc-director-story blockquote{position:relative;z-index:1;margin:0;padding-top:1rem;overflow-wrap:anywhere;color:var(--bc-paper);font-family:var(--bc-font-display);font-size:clamp(1.25rem,1.85vw,1.75rem);font-weight:420;letter-spacing:-.022em;line-height:1.34;text-wrap:balance}.bc-director-story-copy footer{position:relative;z-index:1;display:grid;gap:.35rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--bc-cyan) 24%,var(--bc-line))}.bc-director-story-copy footer strong,.bc-director-story-profile-link{color:var(--bc-paper);font-size:1rem}.bc-director-story-profile-link{width:-moz-fit-content;width:fit-content;font-weight:800;text-decoration-line:underline;text-decoration-color:var(--bc-cyan);text-decoration-thickness:.11em;text-underline-offset:.28em}.bc-director-story-profile-link:focus-visible,.bc-director-story-profile-link:hover{color:var(--bc-cyan)}.bc-director-story-copy footer span{color:var(--bc-cyan);font-size:.7rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase}.bc-director-story-progress{position:relative;height:.28rem;overflow:hidden;background:#020d10c7}.bc-director-story-progress:before{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--bc-mineral-gold) 24%,transparent),color-mix(in srgb,var(--bc-cyan) 34%,var(--bc-line)))}.bc-director-story-progress span{position:absolute;inset:0;display:block;background:linear-gradient(90deg,var(--bc-mineral-gold),var(--bc-cyan) 72%,color-mix(in srgb,var(--bc-cyan) 72%,#fff));box-shadow:0 0 .85rem #56e0d261;transform:scaleX(0) scaleY(.24);transform-origin:left bottom;animation:bc-director-story-progress var(--bc-director-story-duration) linear forwards}.bc-director-story-progress.is-paused span{animation-play-state:paused}.bc-director-story-progress.is-static{height:1px}.bc-director-story-progress.is-static span{display:none;animation:none}.bc-director-story-controls{display:grid;min-height:4rem;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1rem;padding:.5rem 1rem;background:#020d10c7}.bc-director-story-controls>button{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid var(--bc-line);border-radius:50%;color:var(--bc-paper);background:transparent;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.bc-director-story-controls>button:focus-visible,.bc-director-story-controls>button:hover{border-color:var(--bc-cyan);color:var(--bc-cyan);transform:scale(1.05)}.bc-director-story-controls>span{color:var(--bc-mist);font-size:.7rem;letter-spacing:.09em}.bc-director-story-controls>span b{color:var(--bc-paper)}.bc-director-story-controls>div{display:flex;justify-content:center;gap:.5rem}.bc-director-story-controls>div button{width:2.5rem;height:.22rem;padding:0;border:0;border-radius:999px;background:var(--bc-line);cursor:pointer;transition:width .25s ease,background-color .25s ease}.bc-director-story-controls>div button.is-active{width:4rem;background:var(--bc-cyan)}@container director-story (max-width: 52rem){.bc-director-story-slide{grid-template-columns:1fr}.bc-director-story-portrait{min-height:clamp(18rem,52cqw,24rem)}.bc-director-story-portrait>span{background:linear-gradient(180deg,transparent 62%,rgba(5,20,23,.92))}.bc-director-story-copy{min-height:clamp(21rem,48cqw,25rem)}.bc-director-story-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem}.bc-director-story-controls>span{display:none}.bc-director-story-controls>div{min-width:0;gap:.25rem}.bc-director-story-controls>div button{width:auto;min-width:.85rem;flex:1 1 2.5rem}.bc-director-story-controls>div button.is-active{width:auto;flex-grow:1.6}}
