.process-section{scroll-margin-top:90px}
.process-section .head-c{margin-bottom:32px}
.process-intro{max-width:690px;margin:18px auto 0;color:var(--muted);text-align:center;line-height:1.65}
.process-studio{overflow:hidden;border:1px solid #cddedb;border-radius:22px;background:#142d31;box-shadow:0 24px 65px -38px #142d3160;scroll-margin-top:90px}
.process-studio-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;border-bottom:1px solid #ffffff20;color:#dce9e6;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase}
.process-studio-brand{display:flex;align-items:center;gap:10px;font-weight:600}
.process-studio-brand::before{content:"";width:7px;height:7px;background:#8ed1bd;border-radius:50%;box-shadow:0 0 0 5px #8ed1bd14}
.process-stage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);align-items:stretch}
.process-screen{min-width:0;background:#081417;display:flex;align-items:center}
.process-screen video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#081417}
.process-detail{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;color:#fff;background:linear-gradient(135deg,#1b3a3d,#142a30)}
.process-eyebrow{display:flex;align-items:center;gap:12px;font-size:.71rem;letter-spacing:.1em;text-transform:uppercase;color:#a9d6c9}
.process-eyebrow span+span{padding-left:12px;border-left:1px solid #a9d6c950;color:#dbe8e6;font-variant-numeric:tabular-nums}
.process-detail h3{margin-top:18px;font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.15;text-align:left}
.process-detail p{margin:15px 0 0;color:#d3e1df;font-size:.92rem;line-height:1.65;text-align:left;hyphens:none}
.process-detail-nav{display:flex;gap:8px;margin-top:24px}
.process-detail-nav button{width:40px;height:40px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff08;color:#fff;font:1.2rem var(--f-body);cursor:pointer}
.process-detail-nav button:disabled{opacity:.3;cursor:default}
.process-detail-nav button:not(:disabled):hover{background:#ffffff20}
.process-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-top:1px solid #ffffff20;color:#e2eeeb}
.process-play-all{display:inline-flex;align-items:center;gap:9px;border:0;background:#d9f0e9;color:#123733;border-radius:30px;padding:10px 16px;font:600 .84rem var(--f-body);cursor:pointer}
.process-play-all:hover{background:#fff}
.process-play-all svg{width:15px;height:15px;fill:currentColor}
.process-status{color:var(--muted);font-size:.78rem;min-height:1.5em;margin:12px 2px 24px;text-align:left}
.process-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.process-chapter{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}
.process-chapter:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 12px 24px -18px #142d3160}
.process-chapter[aria-pressed="true"]{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}
.process-chapter-image{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#dfe6e3}
.process-chapter img{display:block;width:100%;height:100%;object-fit:cover}
.process-chapter-image::after{content:"▶";position:absolute;inset:auto 12px 12px auto;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff70;border-radius:50%;background:#142d3199;color:#fff;font-size:10px;backdrop-filter:blur(4px)}
.process-chapter-copy{display:flex;flex-direction:column;gap:7px;padding:16px 17px 19px}
.process-chapter-meta{display:flex;justify-content:space-between;gap:8px;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.process-chapter-meta time{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:0}
.process-chapter-title{font:400 1.2rem/1.2 var(--f-display);text-wrap:balance}
.process-chapter-summary{font-size:.8rem;line-height:1.5;color:var(--muted)}
.process-note{margin:26px 0 0;padding-left:18px;border-left:2px solid var(--teal);font-size:.88rem;color:var(--muted);text-align:left;max-width:800px}
.process-studio :focus-visible{outline-color:#a9d6c9;outline-offset:4px}
@media(max-width:1000px){.process-stage{grid-template-columns:1fr}.process-detail{padding:24px 26px;display:grid;grid-template-columns:1fr auto;column-gap:20px}.process-eyebrow,.process-detail h3,.process-detail p{grid-column:1}.process-detail h3{margin-top:12px;font-size:1.8rem}.process-detail p{margin-top:12px}.process-detail-nav{grid-column:2;grid-row:1/4;margin:0;align-self:center}.process-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.process-section .head-c{margin-bottom:24px}.process-studio{border-radius:16px}.process-studio-top{padding:13px 16px;font-size:.62rem;gap:10px}.process-detail{padding:22px 18px;display:flex}.process-detail h3{font-size:1.65rem}.process-detail p{font-size:.88rem}.process-detail-nav{margin-top:18px}.process-detail-nav button{width:36px;height:36px}.process-tools{padding:15px 16px;gap:15px;flex-wrap:wrap}.process-play-all{width:100%;justify-content:center}.process-status{margin-bottom:20px}.process-chapters{gap:12px}.process-chapter-copy{padding:13px 12px 16px;gap:6px}.process-chapter-title{font-size:1.05rem}.process-chapter-summary{font-size:.73rem;line-height:1.45}.process-chapter-meta{font-size:.59rem}.process-note{font-size:.82rem}.process-chapter-image::after{width:26px;height:26px;right:9px;bottom:9px}}
@media(prefers-reduced-motion:reduce){.process-chapter{transition:none}.process-chapter:hover{transform:none}}