/* Illustration first, then a dedicated, scroll-revealed film interlude. */
.six-hero-bottom{grid-template-columns:.7fr 1.3fr;gap:5vw;margin-top:35px;align-items:center}
.six-hero-media{height:auto;min-height:370px;display:flex;align-items:center}
.six-hero-media .six-hero-art{position:relative;inset:auto;width:100%;max-width:760px;margin:0 auto}
.six-film-anchor{display:none}
.six-film{height:370vh;position:relative}
.six-film-frame{opacity:0;pointer-events:none;object-fit:contain}
.six-film-frame video{object-fit:contain;background:transparent}
.six-film-frame[hidden]{display:none!important}
.six-film-close{position:absolute;right:10px;top:10px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;border:1px solid #ffffff66;background:#39284ed9;color:white;border-radius:50%;font:25px/1 Arial;z-index:3;cursor:pointer}
.six-film-close[hidden]{display:none}
.six-film-close:focus-visible{outline:3px solid white;outline-offset:2px}
.six-film-note{position:absolute;left:5vw;bottom:35px;max-width:70%;font-size:10px}
html:has(.design-lab[data-design='6']){scrollbar-width:none;scrollbar-gutter:auto}
html:has(.design-lab[data-design='6'])::-webkit-scrollbar{display:none;width:0;height:0}
body:has(.design-lab[data-design='6']) .site-header{background:var(--six-header-paper,#eee0f3);border-color:transparent;box-shadow:none;backdrop-filter:none;transition:background-color .35s ease}
body:has(.design-lab[data-design='6']) .concept-switch,body:has(.design-lab[data-design='6']) .lab-caption{background:#eee0f3;border-color:#d8c6e277}
.six-morph-logo{width:min(78vw,620px);text-align:center}
.six-morph-logo svg{display:block;width:100%;overflow:visible}
.six-logo-stroke{fill:none;stroke:#805399;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;transition:opacity .4s}
.six-logo-dot{fill:#805399}
.six-logo-word{font:500 133px Arial,Helvetica,sans-serif;letter-spacing:-8px;fill:#68427e;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1)}
.six-logo-resolved .six-logo-word{opacity:1;transform:none}
.six-logo-resolved .six-logo-stroke{opacity:0}
.six-morph-logo p{font-size:14px;letter-spacing:.02em;opacity:0;transform:translateY(10px);transition:opacity .4s .1s,transform .4s .1s}
.six-logo-resolved .six-morph-logo p{opacity:1;transform:none}
.six-paused .six-film{height:auto}.six-paused .six-film-frame{opacity:1;pointer-events:auto}
@media(max-width:800px){.six-hero-bottom{grid-template-columns:1fr;gap:12px;margin-top:40px}.six-hero-media{height:auto;min-height:0}.six-hero-media .six-hero-art{width:100%;max-width:430px;left:auto;bottom:auto;margin:auto}.six-film{height:360vh}.six-film-frame video{aspect-ratio:1;object-fit:contain}.six-film[data-film-state='docked'] .six-film-play{width:44px;height:44px}.six-paused .six-film-frame{aspect-ratio:1}.six-paused .six-hero-media{height:auto}.six-paused .six-hero-media .six-hero-art{max-width:430px}.six-film-note{max-width:85%;font-size:9px}.six-morph-logo{width:88vw}.six-morph-logo p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.six-film{height:auto}.six-film-frame{opacity:1;pointer-events:auto}.six-hero-media{height:auto}body:has(.design-lab[data-design='6']) .site-header{transition:none}}