/* Molecular Continuum: the selected homepage, preserving the comparison archive. */
.selected-direction{background:#081014;font-size:16px}
.selected-direction .site-nav{height:100px;padding-inline:6vw}
.selected-direction .site-links{font-size:14px;gap:32px}
.selected-direction .site-links a[aria-current]{color:#a8cce3;text-decoration:underline;text-underline-offset:8px}
.selected-direction .brand img{width:225px}
.selected-direction .menu-toggle{display:none}
.selected-direction .eyebrow,.selected-direction .sample-label,.selected-direction .film-note,.selected-direction .edge-note,.selected-direction .molecule-index,.selected-direction .scroll-cue{font-size:12px}
.selected-direction .body-copy,.selected-direction .care-list p,.selected-direction .consultation p,.selected-direction .consultation-panel ol{font-size:16px;line-height:1.75}
.selected-direction .text-link,.selected-direction .button,.selected-direction .motion-toggle{font-size:14px}
.selected-direction .hero-molecular{height:calc(100svh - 100px);min-height:790px;padding-top:42px}
.selected-direction .hero-molecular .display{font-size:clamp(68px,7.5vw,112px);max-width:790px}
.selected-direction .hero-molecular .body-copy{max-width:345px}
.selected-direction .hero-molecular .film:after{background:linear-gradient(90deg,#081014f5, #08101483 44%,transparent 83%),linear-gradient(0deg,#081014,transparent 40%)}
.selected-direction .molecule-index{gap:34px;letter-spacing:1.2px}
.selected-direction .molecule-bottom>.film-note{max-width:180px;margin-right:125px}
.selected-direction .molecular-science{padding-block:100px 40px}
.selected-direction .perspective-art{padding:18px;border-color:#496674}
.selected-direction .perspective-art img{height:370px}
.selected-direction .perspective-art .edge-note{font-size:12px;letter-spacing:.6px;gap:16px}
.continuum-bridge{display:flex;align-items:center;gap:24px;color:#b4ccdb;font-size:12px;letter-spacing:1.5px;margin-top:90px;padding-bottom:20px}
.bridge-line{height:1px;background:#456070;flex:1;overflow:hidden}
.bridge-line i{display:block;background:#c8e9fa;height:1px;transform-origin:left;transform:scaleX(var(--bridge-progress,0))}
.selected-direction .care{clip-path:inset(0 calc((1 - var(--care-progress,1))*3%) 0 round calc((1 - var(--care-progress,1))*50px));padding-block:100px}
.selected-direction .care-photo img{transform:scale(calc(1.045 - var(--care-progress,1)*.045));transform-origin:center}
.selected-direction .care-list .num,.selected-direction .care-photo small{font-size:12px}
.selected-direction .consultation-panel{max-width:650px;padding:32px}
.selected-direction #consultation-panel p{color:#51483e}
.selected-direction .consultation-panel ol{padding:0;list-style:none;counter-reset:step}
.selected-direction .consultation-panel li{counter-increment:step;position:relative;padding:22px 0 22px 42px;border-top:1px solid #c9c8c0}
.selected-direction .consultation-panel li:before{content:'0' counter(step);position:absolute;left:0;color:#285d80;font-size:13px}
.selected-direction .consultation-panel strong{font-weight:500;display:block;color:#182b35;margin-bottom:6px}
.selected-direction .consultation-panel li span{display:block;color:#51483e}
.selected-direction .consultation-panel button{min-height:44px;font-size:14px}
.selected-direction .site-footer p,.selected-direction .site-footer a{font-size:12px}
.playback-recovery{position:absolute;right:6vw;top:22px;display:flex;gap:14px;align-items:center;font-size:13px;background:#081014;padding:10px 14px;border:1px solid #58788c}
.playback-recovery button{background:#d8e9f2;color:#182b35;border:0;padding:10px;min-height:44px}
.selected-direction .film .media-status{display:none}
.selected-direction.reduced .care,.selected-direction.paused .care{clip-path:none}
.selected-direction.reduced .care-photo img,.selected-direction.paused .care-photo img{transform:none}
.selected-direction.reduced .bridge-line i{transform:none}
@media(max-width:1050px){.selected-direction .site-links{gap:20px;font-size:13px}.selected-direction .brand img{width:190px}.selected-direction .molecule-bottom>.film-note{display:none}.selected-direction .hero-molecular .display{max-width:680px}}
@media(max-width:700px){
.selected-direction .site-nav{height:auto;min-height:88px;gap:0;position:relative;z-index:5;align-content:center}
.selected-direction .brand img{width:185px}.selected-direction .menu-toggle{display:block;border:1px solid #637e8d;background:transparent;padding:10px 14px;min-height:44px;font-size:14px;color:#e4eaf0}
.selected-direction .site-links{display:none}.selected-direction .menu-open .site-links{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:15px 0;width:100%;font-size:16px}
.selected-direction .site-links a{padding:15px 0!important;border-bottom:1px solid #344550!important}.selected-direction .site-links a:last-child{border-bottom:0!important}
.selected-direction .hero-molecular{height:auto;min-height:850px;padding-top:30px}.selected-direction .hero-molecular .hero-copy{padding-top:160px}.selected-direction .hero-molecular .display{font-size:clamp(45px,12vw,75px);letter-spacing:-2px;margin-top:22px}.selected-direction .hero-molecular .body-copy{max-width:340px}.selected-direction .hero-molecular .film>img,.selected-direction .hero-molecular .film video{top:30px;height:370px;object-fit:contain}.selected-direction .hero-molecular .film:after{background:linear-gradient(0deg,#081014 40%,transparent 82%)}
.selected-direction .eyebrow{font-size:12px;letter-spacing:1.2px}.selected-direction .molecule-index{gap:22px;font-size:10px;letter-spacing:.7px}.selected-direction .molecule-bottom{margin-top:36px}.selected-direction .molecular-science,.selected-direction .care{padding-block:64px}.selected-direction .section-title h2{font-size:clamp(34px,9.5vw,48px)}.selected-direction .perspective-art img{height:260px}.selected-direction .perspective-art .edge-note{font-size:10px}.continuum-bridge{margin-top:45px;gap:12px;font-size:10px;letter-spacing:.5px}.selected-direction .care{clip-path:none}.selected-direction .consultation-panel{padding:23px}.selected-direction .consultation .button{gap:18px;text-align:left}.selected-direction .consultation h2{font-size:42px}.playback-recovery{position:relative;top:auto;right:auto;order:5;margin-top:20px;align-items:start;flex-direction:column}.selected-direction .motion-toggle{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.selected-direction .care{clip-path:none}.selected-direction .care-photo img{transform:none}}
/* Reading contrast remains constant while the composition moves. */
.selected-direction .reveal{opacity:1!important}
.selected-direction .continuum-bridge{padding-right:150px}
@media(max-width:700px){.selected-direction .continuum-bridge{padding-right:0}}
.selected-direction .hero-molecular{padding-bottom:90px}
