/* RENOVA material exhibition — isolated specimens and a continuous gallery field. */
.cea-anatomy.cea-materials{--material-header:82px;--material-ink:#f4eee3;--material-paper:#292622;padding:90px 0 0;background:#f7f5ef;scroll-margin-top:100px}
.cea-materials .cea-section-head{padding:0 7vw 48px;max-width:none;color:#40392f}
.cea-materials .cea-section-head h2{font-size:clamp(42px,5.3vw,78px);line-height:1.04;max-width:850px}.cea-materials .cea-section-head h2 em{color:#887559}
.cea-material-stage{position:relative;isolation:isolate;background:radial-gradient(ellipse at 28% 42%,#514a40 0%,#302c27 48%,#24211e 100%);color:var(--material-ink)}
.cea-material-panels{position:relative}.cea-material-panel{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:3vw;padding:36px 7vw 48px}
.cea-material-poster{display:block;width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(18px 24px 18px #0005)}
.cea-material-copy{max-width:360px}.cea-material-copy .cea-material-count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8c8af;margin:0 0 20px;line-height:1.5}
.cea-material-copy h3{font:400 clamp(48px,5.5vw,80px)/1 Georgia,serif;letter-spacing:-.04em;margin:0 0 22px;color:#fff9f0}
.cea-material-copy p{font-size:16px;line-height:1.7;color:#e5ded2;margin:0 0 24px;max-width:340px}
.cea-material-copy .cea-material-note{display:block;padding-top:18px;border-top:1px solid #bcaa895c;font-size:11px;line-height:1.6;letter-spacing:.025em;color:#cabcaa}
.cea-material-topline,.cea-material-rail,.cea-material-canvas,.cea-material-leader{display:none}
.cea-materials.is-enhanced .cea-material-track{height:780svh}
.cea-materials.is-enhanced .cea-material-stage{position:sticky;top:var(--material-header);height:calc(100svh - var(--material-header));min-height:460px;overflow:hidden}
.cea-materials.is-enhanced .cea-material-topline{position:absolute;top:0;left:5%;right:5%;height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}
.cea-material-topline>span{color:#d3c3ad;font-size:10px;letter-spacing:.15em}.cea-material-next{display:flex;align-items:center;gap:12px;color:#eee4d4;font-size:12px;text-decoration:none;min-height:44px}.cea-material-next svg{width:20px;height:20px;stroke-width:1.3}
.cea-materials.is-enhanced .cea-material-panels{position:absolute;inset:65px 5% 82px;perspective:1500px}
.cea-materials.is-enhanced .cea-material-panel{position:absolute;inset:0;display:grid;grid-template-columns:60% 40%;gap:0;padding:0;opacity:0;visibility:hidden;pointer-events:none}
.cea-materials.is-enhanced .cea-material-panel.is-active{opacity:1;visibility:visible}
.cea-materials.is-enhanced .cea-material-poster{height:100%;min-height:0;max-height:100%;width:100%;transform:translate3d(0,var(--material-y,0px),0) rotateY(var(--material-turn,0deg)) rotateZ(var(--material-roll,0deg)) scale(calc(var(--material-scale,1) * var(--material-boost,1)));transform-origin:50% 50%;will-change:transform;opacity:var(--material-opacity,1)}
.cea-materials.is-enhanced .cea-material-copy{padding-left:3vw;transform:translateY(var(--copy-y,0px));opacity:var(--copy-opacity,1)}
.cea-materials.is-enhanced .cea-material-rail{position:absolute;left:5%;right:5%;bottom:20px;display:flex;justify-content:space-between;align-items:center;z-index:5}
.cea-material-nav{display:flex;gap:25px}.cea-material-nav button{appearance:none;border:0;border-radius:0;background:transparent;color:#c7baa7;font:400 11px/1.4 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;min-height:44px;padding:12px 0;position:relative;text-transform:uppercase}
.cea-material-nav button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#e5d1ae;transform:scaleX(0);transform-origin:left;transition:transform .35s}.cea-material-nav button[aria-current=step]{color:#fff7e9}.cea-material-nav button[aria-current=step]:after{transform:scaleX(1)}
.cea-material-nav button:focus-visible,.cea-material-next:focus-visible{outline:2px solid #f7e1b8;outline-offset:4px}.cea-material-scroll{margin:0!important;font-size:10px!important;color:#d3c3ad;letter-spacing:.09em;text-transform:uppercase}
.cea-materials.is-webgl .cea-material-canvas{display:block;position:absolute;left:5%;right:41%;top:65px;bottom:82px;pointer-events:none}.cea-material-canvas canvas{display:block;width:100%;height:100%}.cea-materials.is-webgl .cea-material-poster{visibility:hidden}
@media(max-width:1100px) and (min-width:761px){.cea-material-copy p{font-size:14px}.cea-material-copy h3{font-size:58px}.cea-material-nav{gap:24px}.cea-material-scroll{display:none}}
@media(max-width:760px){
 .cea-anatomy.cea-materials{padding-top:64px}.cea-materials .cea-section-head{padding:0 6% 35px}.cea-materials .cea-section-head h2{font-size:clamp(39px,10vw,60px)}.cea-materials .cea-eyebrow span:last-child{display:none}
 .cea-material-panel{display:flex;flex-direction:column;gap:0;padding:22px 5% 45px}.cea-material-poster{height:43svh;min-height:260px;aspect-ratio:auto}.cea-material-copy{max-width:440px;padding:0 3%}.cea-material-copy .cea-material-count{font-size:10px;margin-bottom:12px}.cea-material-copy h3{font-size:46px;margin-bottom:15px}.cea-material-copy p{font-size:14px;line-height:1.6;margin-bottom:18px;max-width:none}.cea-material-copy .cea-material-note{font-size:10px;padding-top:13px}
 .cea-materials.is-enhanced .cea-material-track{height:800svh}.cea-materials.is-enhanced .cea-material-stage{min-height:0}
 .cea-materials.is-enhanced .cea-material-topline{left:6%;right:6%;height:43px}.cea-material-topline>span{font-size:8px;letter-spacing:.09em}.cea-material-next{font-size:10px;gap:5px}.cea-material-next svg{width:15px}
 .cea-materials.is-enhanced .cea-material-rail{top:43px;bottom:auto;left:6%;right:6%;border-bottom:1px solid #bda98838}.cea-material-nav{width:100%;justify-content:space-between;gap:8px}.cea-material-nav button{font-size:10px;min-height:41px}.cea-material-scroll{display:none}
 .cea-materials.is-enhanced .cea-material-panels{inset:90px 3% 78px}.cea-materials.is-enhanced .cea-material-panel{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:8px}
 .cea-materials.is-enhanced .cea-material-poster{--material-boost:1.16;min-height:0;height:100%;width:100%;max-height:100%}
 .cea-materials.is-enhanced .cea-material-copy{padding:0 6%;width:100%;max-width:500px;justify-self:center}.cea-materials.is-enhanced .cea-material-copy h3{font-size:40px;margin-bottom:12px}.cea-materials.is-enhanced .cea-material-copy .cea-material-count{margin-bottom:9px;font-size:9px}.cea-materials.is-enhanced .cea-material-copy p{font-size:13px;line-height:1.55;margin-bottom:14px}.cea-materials.is-enhanced .cea-material-copy .cea-material-note{font-size:9px;padding-top:11px}
 .cea-materials.is-webgl .cea-material-canvas{left:3%;right:3%;top:90px;bottom:291px}
}
@media(max-width:359px){.cea-materials.is-enhanced .cea-material-copy h3{font-size:34px}.cea-materials.is-enhanced .cea-material-copy p{font-size:12px}.cea-materials.is-enhanced .cea-material-topline>span{max-width:125px;line-height:1.5}.cea-materials.is-enhanced .cea-material-copy .cea-material-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cea-materials *{animation:none!important;transition:none!important}}
@media print{.cea-materials{display:none!important}}
