.matter-section{background:#14251c;color:#f1eddf;padding:90px 6vw 80px;overflow:visible}
.matter-section>.section-head{margin-bottom:55px}.matter-section>.section-head p{max-width:420px}
.matter-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:6vw;align-items:start}
.matter-scene{position:sticky;top:24px;height:calc(100svh - 48px);max-height:780px;min-height:480px;overflow:hidden;margin:0;background:#203226}
.matter-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease;animation:matter-camera 14s linear infinite alternate;animation-play-state:paused}
.matter-scene img.is-current{opacity:1}.matter-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06150a25 0%,transparent 40%,#06150ac9 80%,#06150aef)}
.matter-caption{position:absolute;z-index:1;bottom:100px;left:35px;right:35px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.matter-number{font:normal clamp(100px,11vw,155px)/.8 'Cormorant Garamond',Georgia,serif;color:#f1eddf9e}.matter-name{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;max-width:160px;text-align:right;line-height:1.7}
.matter-nav{position:absolute;z-index:2;bottom:30px;left:35px;right:35px;display:flex;gap:24px;border-top:1px solid #f1eddf50;padding-top:18px}
.matter-nav a{flex:1;color:inherit;font-size:.72rem;text-decoration:none;line-height:1.6;padding:8px 0;border-bottom:1px solid transparent}.matter-nav a[aria-current=step]{color:#e7c990;border-bottom-color:#e7c990}
.matter-nav a:focus-visible{outline:2px solid #e7c990;outline-offset:4px}
.matter-progress{position:absolute;z-index:1;top:25px;right:25px;fill:none;stroke:#f1eddf70;stroke-width:1;width:100px;height:100px;transform:rotate(-90deg)}
.matter-progress .progress{stroke:#e7c990;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--matter-progress,.3333));transition:stroke-dashoffset .7s ease}
.matter-chapter{min-height:74svh;padding:70px 0 65px;border-bottom:1px solid #73866e60;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:50px}
.matter-chapter:last-child{border-bottom:0}.matter-chapter>.eyebrow{color:#c2cbb9}.matter-chapter h3{font:normal clamp(42px,4.5vw,67px)/1.04 'Cormorant Garamond',Georgia,serif;margin:25px 0}
.matter-chapter p{max-width:490px;font-size:.95rem;line-height:1.85}.matter-chapter .matter-detail{font-size:.75rem;line-height:1.8;margin-top:23px;padding-left:20px;border-left:1px solid #bdab7b;color:#c9cebd}
.matter-chapter .actions{margin-top:30px}.matter-chapter .text-link{color:inherit;font-size:.8rem}.matter-chapter .button{font-size:.75rem}
.matter-section .caption{color:#b3bda7;max-width:750px;margin-top:25px;font-size:.72rem;line-height:1.7}
.motion-active .matter-in-view img.is-current{animation-play-state:running}.motion-hidden .matter-scene img{animation-play-state:paused!important}.motion-paused .matter-scene img,.motion-paused .matter-progress .progress{transition:none}
@keyframes matter-camera{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.2) translateX(1%)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-opted-in) .matter-scene img{animation:none;transform:none;transition:none}html:not(.motion-opted-in) .matter-progress .progress{transition:none}}
@media(max-width:1000px){.matter-layout{gap:4vw}.matter-chapter h3{font-size:48px}.matter-caption{left:25px;right:25px}.matter-nav{left:25px;right:25px;gap:15px}}
@media(max-width:760px){.matter-section{padding:60px 20px}.matter-layout{display:block}.matter-scene{top:0;height:42svh;min-height:290px;max-height:430px;z-index:3}.matter-caption{bottom:80px;left:24px;right:24px}.matter-number{font-size:80px}.matter-progress{width:72px;height:72px;top:16px;right:16px}.matter-nav{bottom:18px;padding-top:10px;left:24px;right:24px}.matter-nav a{font-size:.65rem}.matter-chapter{min-height:65svh;padding:45px 4px;scroll-margin-top:max(300px,44svh)}.matter-chapter h3{font-size:45px}.matter-chapter p{font-size:.86rem}.matter-section>.section-head{margin-bottom:30px}.matter-chapter .actions{gap:20px}}
@media print{.matter-scene{position:relative;height:300px;min-height:0}.matter-layout{display:block}.matter-chapter{min-height:0;break-inside:avoid}.matter-scene img{animation:none!important;transform:none!important}.matter-nav{display:none}}