/* LUCEM: light, depth and restraint. Content remains available without JS. */
.lucem-reading-progress{position:fixed;inset:0 0 auto;height:4px;z-index:2147483647;pointer-events:none;background:rgba(229,210,181,.08)}
.lucem-reading-progress i{display:block;width:100%;height:100%;background:#e5d2b5;transform:scaleX(0);transform-origin:left;transition:transform 100ms linear}
.lucem-drawer .lucem-reading-progress{position:fixed}
.lucem-delight-ready .delight-enter{opacity:0;transform:translateY(14px);transition:opacity .65s ease var(--delight-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--delight-delay,0ms)}
.lucem-delight-ready .delight-enter.delight-visible{opacity:1;transform:none}
.lucem-delight-ready .delight-enter:focus-within{opacity:1;transform:none;transition:none}
.btn,.pp-btn,.sup-btn,.try-b,.drawer-supplier,.drawer-close,button,input,select,textarea{transition:background .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s}
input:focus,select:focus,textarea:focus{border-color:#d7bea0!important;box-shadow:0 0 0 3px rgba(229,210,181,.1);outline-offset:3px}
.btn:active,.pp-btn:active,.try-b:active{transform:translateY(1px)}
.peptide-library-card,.pp-nextc{transition:transform .3s,border-color .3s,background .3s}
.ftr li a,.pp-crumbs a,.tp-crumbs a,.link-cta{ text-decoration-color:transparent;text-underline-offset:5px;transition:color .2s,text-decoration-color .25s}
.ftr li a:hover,.pp-crumbs a:hover,.tp-crumbs a:hover,.link-cta:hover{text-decoration:underline;text-decoration-color:currentColor}
summary{transition:color .2s,background .2s;cursor:pointer}
summary:hover{color:#e5d2b5}
details[open]>summary{color:#e5d2b5}
details[open]::details-content{animation:lucem-panel-in .25s ease}
@keyframes lucem-panel-in{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}
.lucem-drawer[open] .drawer-main a{animation:lucem-nav-in .45s both;animation-delay:calc(var(--nav-order,0)*35ms)}
@keyframes lucem-nav-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.drawer-close:hover{background:#2b2b28;border-color:#c5ad89}
.peptide-vial{position:relative;isolation:isolate}
.peptide-vial::before{content:'';position:absolute;z-index:-1;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(218,183,133,.13),rgba(218,183,133,.035) 45%,transparent 70%);transform:translateY(var(--vial-depth,0px));pointer-events:none}
.peptide-vial img{transform:translateY(var(--vial-depth,0px));transition:filter .4s}
.lucem-sunrise img{transform:translateY(var(--horizon-depth,0px)) scale(1.045)}
.lucem-home #start{position:relative;background:linear-gradient(180deg,#111314,#141617)}
.section-number::after{content:'';display:inline-block;width:28px;height:1px;margin:0 0 3px 14px;background:#8b785d}
.pp-sec .pp-h2{scroll-margin-top:110px}
.lucem-frame-loading{position:relative;min-height:200px}
.lucem-frame-loading::after{content:'';position:absolute;inset:16px 20px auto;height:160px;pointer-events:none;background:linear-gradient(#272824,#272824) 0 0/45% 18px no-repeat,linear-gradient(#232522,#232522) 0 45px/100% 45px no-repeat,linear-gradient(#232522,#232522) 0 110px/100% 45px no-repeat;animation:lucem-skeleton 1.5s ease-in-out infinite}
@keyframes lucem-skeleton{50%{opacity:.45}}
@media(hover:hover) and (pointer:fine){
.btn:hover,.pp-btn:hover,.sup-btn:hover,.try-b:hover,.drawer-supplier:hover{transform:translateY(-2px);box-shadow:0 5px 18px rgba(0,0,0,.16)}
.peptide-library-card:hover,.pp-nextc:hover{transform:translateY(-3px);border-color:#a58c6b!important;background:#222421!important}
.pp-nextc:hover .go svg{transform:translateX(4px)}.pp-nextc .go svg{transition:transform .25s}
.peptide-vial:hover img{filter:drop-shadow(0 24px 34px rgba(218,183,133,.14))}
}
@media(max-width:760px){.lucem-delight-ready .delight-enter{transform:translateY(8px)}.peptide-vial img,.peptide-vial::before{transform:none}.lucem-sunrise img{transform:none}.lucem-reading-progress{height:3px}}
@media(prefers-reduced-motion:reduce){
.lucem-reading-progress i{transition:none}.lucem-delight-ready .delight-enter{opacity:1;transform:none;transition:none}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.peptide-vial img,.peptide-vial::before,.lucem-sunrise img{transform:none!important}
}
.lucem-motion .lucem-reveal:focus-within{opacity:1;transform:none;transition:none}
.rpe-option,.rpe-btn,.rpe-guide-link,.path,.tab,.chip{transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.rpe-option:focus-visible{outline:2px solid #e5d2b5;outline-offset:3px}
.rpe-option.selected{box-shadow:inset 3px 0 #e5d2b5}
.rpe-topic-card{animation:lucem-panel-in .35s ease both}
.rpe-topic-card:nth-of-type(2){animation-delay:50ms}.rpe-topic-card:nth-of-type(3){animation-delay:100ms}
@media(prefers-reduced-motion:reduce){.rpe-option,.rpe-btn,.rpe-guide-link,.path,.tab,.chip{transition:none}.rpe-topic-card{animation:none}}
@media print{.lucem-reading-progress{display:none}.delight-enter{opacity:1!important;transform:none!important}}
/* An oversized, editorial vial scene rather than a small inline illustration. */
.lucem-home #start{padding:55px 0 65px;overflow:clip;background:radial-gradient(ellipse at 82% 48%,#292720 0, #171918 34%,#111314 72%)}
.lucem-home #start .hero-in{grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;overflow:visible}
.lucem-home #start .hero-copy{position:relative;z-index:2}
.lucem-home #start .peptide-vial{max-width:none;width:100%;height:650px;margin:0;overflow:visible}
.lucem-home #start .peptide-vial img{position:absolute;width:740px;max-width:none;height:740px;object-fit:contain;transform:translateY(var(--vial-depth,0px)) rotate(-7deg);filter:drop-shadow(0 35px 38px rgba(0,0,0,.45));}
.lucem-home #start .peptide-vial::before{width:120%;background:radial-gradient(ellipse,rgba(231,196,145,.22),rgba(218,183,133,.06) 45%,transparent 68%);transform:translateY(calc(var(--vial-depth,0px)*-.5));}
.lucem-home #start .peptide-vial::after{content:'';position:absolute;width:90%;aspect-ratio:1;border:1px solid rgba(229,210,181,.12);border-radius:50%;transform:translateY(calc(var(--vial-depth,0px)*-.35)) rotate(-24deg) scaleY(.66);pointer-events:none;z-index:-1}
@media(min-width:1450px){.lucem-home #start .peptide-vial img{width:820px;height:820px}.lucem-home #start .peptide-vial{height:710px}}
@media(max-width:1000px){.lucem-home #start .hero-in{grid-template-columns:1.15fr .85fr;gap:10px}.lucem-home #start .peptide-vial{height:590px}.lucem-home #start .peptide-vial img{width:650px;height:650px}}
@media(max-width:760px){.lucem-home #start{padding:50px 0 35px}.lucem-home #start .hero-in{grid-template-columns:1fr;gap:10px}.lucem-home #start .peptide-vial{height:390px;max-width:100%;margin:10px auto 0}.lucem-home #start .peptide-vial img{width:450px;height:450px;transform:rotate(-7deg)}.lucem-home #start .peptide-vial::before{width:100%;transform:none}.lucem-home #start .peptide-vial::after{width:90%;max-width:360px;transform:rotate(-24deg) scaleY(.66)}}
@media(prefers-reduced-motion:reduce){.lucem-home #start .peptide-vial img{transform:rotate(-7deg)!important}.lucem-home #start .peptide-vial::before{transform:none!important}.lucem-home #start .peptide-vial::after{transform:rotate(-24deg) scaleY(.66)}}
/* Pending research cards carry a status, never a navigation affordance. */
.lucem-home .pop.pop-in-review,.lucem-home .pop.pop-in-review:hover{cursor:default;background:#191b1c!important;border-color:var(--line)!important;transform:none;box-shadow:none!important;transition:none}
.pop-in-review .go{color:#b8a58a;letter-spacing:.08em;text-transform:uppercase}