/* The same quiet film language across the library, information pages and home. */
.cinematic-main{position:relative;isolation:isolate;min-width:0}
.cinematic-main:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto auto;width:min(75vw,1100px);height:900px;background:radial-gradient(ellipse at 90% 5%,#7f9fc523,transparent 67%)}
.hero-film{position:relative;width:100%;height:100%;overflow:hidden}
.hero-film>img,.hero-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
.hero-film>video{opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hero-film>video.is-ready{opacity:1}
.hero-film-play{position:absolute;z-index:4;right:7%;bottom:15%;display:flex;align-items:center;gap:8px;border:1px solid #b8cceb6b;border-radius:24px;color:#eef4ff;background:#0a1d3ce6;padding:10px 14px;font-size:11px;pointer-events:auto}
.premium-hero-image:has(.hero-film){z-index:0}
.premium-hero-shade,.premium-hero-grain{pointer-events:none}
.experience-controls{position:fixed;left:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:0;padding:4px;border:1px solid #90a6c45c;border-radius:30px;background:#eef4fff2;color:#19365f;box-shadow:0 5px 24px #06152e20;backdrop-filter:blur(20px);max-width:calc(100vw - 24px)}
.experience-controls .motion-control,.sound-control{position:static;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;font-family:var(--font-sans);font-size:10px;font-weight:400;line-height:1.2;border:0;border-radius:24px;box-shadow:none;background:transparent;color:inherit;cursor:pointer;min-height:34px}
.experience-controls button:hover{background:#c4d2e957}.experience-controls button:focus-visible{outline:2px solid #315bd6;outline-offset:1px}
.experience-divider{height:16px;width:1px;background:#7c92b63d}
.sound-meter{display:flex;align-items:center;gap:2px;height:11px;margin-left:3px;color:#315bd6}
.sound-meter i{display:block;height:2px;width:2px;background:currentColor;border-radius:2px}
.sound-control[aria-pressed=true] .sound-meter i{height:7px}.sound-control[aria-pressed=true] .sound-meter i:nth-child(2){height:11px}
.catalogue-intro{position:relative;isolation:isolate;overflow:hidden;margin-top:42px;padding:56px!important;border:1px solid #5677a12e;border-radius:22px;background:radial-gradient(ellipse at 90% 20%,#294f89,#0c2348 50%,#06152e);box-shadow:0 24px 55px -36px #0b245472;color:#eaf2ff;min-height:325px}
.catalogue-intro h1,.catalogue-intro h1 em{color:#e7efff}.catalogue-intro h1 em{background:linear-gradient(115deg,#f0f5ff,#a3b6d6 45%,#d5e3fc);background-clip:text;-webkit-background-clip:text;color:transparent}
.catalogue-intro .eyebrow{color:#acbfdf}.catalogue-intro p{color:#c0d0e9}.catalogue-intro .catalogue-index{color:#baceed;position:relative;z-index:1}.catalogue-intro>div:first-child{position:relative;z-index:1}.catalogue-intro:after{content:'';position:absolute;z-index:0;right:-85px;top:-90px;width:430px;height:430px;border:1px solid #b9d1f035;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 30px,#bdd5fa13 31px 32px,transparent 33px 60px);transform:rotate(-22deg);pointer-events:none;mask-image:linear-gradient(105deg,transparent,#000 35%)}
.members-pass{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 28px 65px -30px #122f6570}.members-pass:after{content:'';pointer-events:none;position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 10deg,transparent 20%,#adc6ef2e 28%,transparent 36%,transparent 70%,#6e98e044 78%,transparent 90%)}
.premium-micro-visual{box-shadow:0 30px 60px -45px #143f794d}.premium-paper{box-shadow:0 26px 70px #020e2a8f,inset 0 1px 1px #fff}
.molecule-card,.reference-record,.compound-documents>article,.members-feature-grid>article{transition:box-shadow .55s,border-color .55s,transform .55s}
.premium-companion,.journal-footer{overflow:hidden;isolation:isolate}.premium-companion:before{background:radial-gradient(ellipse at 78% 35%,#285aa84d,transparent 60%);background-size:135% 135%}.journal-footer{position:relative}.journal-footer:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,#2d568b40,transparent 65%)}
.learning-actions>a,.contact-actions>a{position:relative;overflow:hidden}.learning-actions>a:before,.contact-actions>a:before{content:'';position:absolute;inset:-100% -80%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#fff2 50%,transparent 57%);transform:translateX(-50%);opacity:0;transition:transform 1s,opacity .3s}
.journal-static main{position:relative;isolation:isolate}.journal-static main:before{content:'';pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 0%,#90add522,transparent 55%)}
.journal-static .experience-controls button svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}
.journal-static .experience-controls button{font-family:var(--font-sans);letter-spacing:0}
@media(hover:hover) and (pointer:fine){.learning-actions>a:hover:before,.contact-actions>a:hover:before{transform:translateX(50%);opacity:1}.reference-record:hover,.compound-documents>article:hover,.members-feature-grid>article:hover{transform:translateY(-4px);border-color:#93abd3;box-shadow:0 16px 38px -25px #173e7b40}}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .premium-companion:before{animation:cinema-atmosphere 22s ease-in-out infinite alternate}html:not([data-motion=paused]) .members-pass:after{animation:cinema-orbit 28s linear infinite}html:not([data-motion=paused]) .catalogue-intro:after{animation:cinema-contour 18s ease-in-out infinite alternate}html:not([data-motion=paused]) .sound-control[aria-pressed=true] .sound-meter i{animation:cinema-meter 1.4s ease-in-out infinite alternate}html:not([data-motion=paused]) .sound-control[aria-pressed=true] .sound-meter i:nth-child(2){animation-delay:-.6s}html:not([data-motion=paused]) .sound-control[aria-pressed=true] .sound-meter i:nth-child(3){animation-delay:-1s}}
@keyframes cinema-atmosphere{to{background-position:75% 65%}}@keyframes cinema-orbit{to{transform:rotate(360deg)}}@keyframes cinema-contour{to{transform:rotate(5deg) translate(-12px,15px);opacity:.55}}@keyframes cinema-meter{to{transform:scaleY(.35)}}
html[data-motion=paused] .catalogue-intro:after,html[data-motion=paused] .members-pass:after,html[data-motion=paused] .premium-companion:before,html[data-motion=paused] .sound-meter i{animation:none!important}
html[data-motion=paused] .hero-film>video{transition:none}
@media(max-width:820px){.catalogue-intro{padding:38px!important;min-height:300px}.catalogue-intro:after{right:-180px;opacity:.55}}
@media(max-width:560px){.experience-controls{left:12px;bottom:12px;padding:3px}.experience-controls .motion-control,.sound-control{font-size:9px;min-height:32px;padding:8px 10px;gap:6px}.sound-meter{margin-left:1px}.catalogue-intro{margin-top:28px;padding:29px 24px!important;border-radius:17px;min-height:305px}.catalogue-intro h1{font-size:46px;line-height:1.08}.catalogue-intro:after{height:325px;width:325px;top:10px;right:-210px;opacity:.4}.hero-film>img,.hero-film>video{object-position:76% 55%}.hero-film-play{right:36%;bottom:22%}.sound-control[aria-pressed=true] .sound-meter i{height:6px}.sound-control[aria-pressed=true] .sound-meter i:nth-child(2){height:9px}}
@media(prefers-reduced-motion:reduce){.hero-film>video{transition:none}.learning-actions>a:before,.contact-actions>a:before{display:none}.reference-record:hover,.compound-documents>article:hover,.members-feature-grid>article:hover{transform:none}}

.premium-hero-inner{pointer-events:none}.premium-hero-copy{pointer-events:auto}
.catalogue-intro>div>p:not(.eyebrow){color:#c0d0e9}
@media(max-width:820px){.journal-static .journal-navigation.open{background:#0c2344;border:1px solid #506b954d;border-radius:10px;top:calc(100% + 8px);box-shadow:0 20px 40px #04132955}.journal-static .journal-navigation.open>a{font-size:15px;padding:13px 0}}
