.process-intro{min-height:calc(100svh - 134px);display:flex;flex-direction:column;justify-content:center;padding-top:56px;padding-bottom:80px}
.process-intro .breadcrumb{padding:0;margin-bottom:auto}
.process-intro .eyebrow{margin-top:auto}
.process-intro h1{max-width:1000px}
.process-intro h1 em{color:var(--red);font-style:italic}
.process-intro .lede{max-width:650px;margin:28px 0 0;color:var(--muted)}
.scroll-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(100%,390px);margin-top:auto;padding:18px 0 5px;border-bottom:1px solid var(--navy);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.scroll-invite i{font-family:Georgia,serif;font-size:25px;font-style:normal;animation:process-bob 1.5s ease-in-out infinite}
@keyframes process-bob{50%{transform:translateY(6px)}}
.process-story{height:500vh;background:var(--navy);position:relative}
.process-pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#081726;color:var(--cream)}
.process-media,.process-layer,.process-shade,.finish-glow{position:absolute;inset:0;width:100%;height:100%}
.process-media{z-index:-1;background:#10263a}
.process-layer{object-fit:cover;object-position:center;opacity:0;transform:scale(1.015);will-change:opacity,transform}
.process-layer.is-active{opacity:1}
.process-shade{background:linear-gradient(90deg,rgba(5,17,29,.82) 0%,rgba(5,17,29,.52) 34%,rgba(5,17,29,.08) 68%,rgba(5,17,29,.22) 100%),linear-gradient(0deg,rgba(5,17,29,.44),transparent 47%)}
.finish-glow{opacity:0;background:radial-gradient(circle at 75% 20%,rgba(255,236,194,.34),transparent 28%);mix-blend-mode:screen;will-change:opacity}
.process-ui{height:100%;width:min(1400px,calc(100% - 96px));margin:auto;padding:42px 0 38px;display:grid;grid-template-columns:minmax(0,680px) 1fr;grid-template-rows:auto 1fr auto auto;column-gap:70px;position:relative}
.process-kicker{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.18em}
.process-kicker b{font-weight:600;color:#ead5bd}
.process-copy{align-self:end;position:relative;height:310px;margin-bottom:42px}
.process-card{position:absolute;inset:auto 0 0;opacity:0;transform:translateY(32px);pointer-events:none;will-change:opacity,transform}
.process-card.is-active{opacity:1;transform:none}
.process-card p{color:#ead5bd;font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 18px}
.process-card h2{font-size:clamp(44px,5.1vw,74px);color:var(--cream);text-shadow:0 3px 28px rgba(0,0,0,.22)}
.process-card>span{display:block;max-width:540px;margin-top:20px;color:#f3eee5;font-size:17px;line-height:1.65;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.process-rail{grid-column:1/-1;height:2px;background:rgba(251,244,229,.28);overflow:hidden}
.process-rail span{display:block;width:100%;height:100%;background:#d7a763;transform:scaleX(0);transform-origin:left;will-change:transform}
.process-labels{grid-column:1/-1;list-style:none;padding:12px 0 0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(251,244,229,.58)}
.process-labels li{text-align:center;transition:color .25s ease}
.process-labels li:first-child{text-align:left}.process-labels li:last-child{text-align:right}
.process-labels li.is-active{color:var(--cream)}
.keep-scrolling{position:absolute;right:0;bottom:116px;display:flex;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}
.keep-scrolling span{width:1px;height:38px;background:var(--cream);animation:process-line 1.8s ease-in-out infinite;transform-origin:top}
@keyframes process-line{0%,100%{transform:scaleY(.25);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.process-details{background:var(--cream)}
.process-details-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}
.process-details-heading>p{max-width:520px;margin:0 0 5px;color:var(--muted)}
.process-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:58px}
.process-detail-grid article{border-top:2px solid var(--navy);padding-top:24px}
.process-detail-grid b{font-family:Georgia,serif;font-size:38px;font-weight:400;color:var(--red)}
.process-detail-grid h3{margin:12px 0 10px}
.process-detail-grid p{color:var(--muted);font-size:15px}
@media(max-width:850px){
  .process-intro{min-height:calc(100svh - 102px);padding-top:76px;padding-bottom:42px}
  .process-intro h1{font-size:clamp(46px,13vw,68px)}
  .process-story{height:430vh}
  .process-pin{min-height:540px}
  .process-layer{object-position:center center}
  .process-shade{background:linear-gradient(0deg,rgba(5,17,29,.94) 0%,rgba(5,17,29,.64) 38%,rgba(5,17,29,.08) 72%),linear-gradient(90deg,rgba(5,17,29,.22),transparent)}
  .process-ui{width:calc(100% - 42px);padding:25px 0 24px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}
  .process-copy{height:270px;margin-bottom:24px}
  .process-card h2{font-size:clamp(39px,11.5vw,58px)}
  .process-card>span{font-size:15px;line-height:1.52;max-width:92%}
  .process-labels{font-size:9px;letter-spacing:.06em}
  .keep-scrolling{display:none}
  .process-details-heading{grid-template-columns:1fr;gap:26px}
  .process-detail-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
}
@media(max-width:520px){.process-detail-grid{grid-template-columns:1fr}.process-intro .lede{font-size:17px}.scroll-invite{font-size:11px}.process-kicker{font-size:10px}.process-copy{height:285px}}
@media(prefers-reduced-motion:reduce){.scroll-invite i,.keep-scrolling span{animation:none}.process-story{height:auto}.process-pin{position:relative;height:auto;min-height:0}.process-media{position:relative;height:56vw;min-height:270px}.process-layer{display:none}.process-layer:last-of-type{display:block;opacity:1;transform:none}.process-shade{background:linear-gradient(0deg,rgba(5,17,29,.64),transparent 55%)}.process-ui{height:auto;padding:38px 0}.process-copy{height:auto;margin:0}.process-card{position:relative;opacity:1;transform:none;margin-bottom:44px}.process-card[aria-hidden="true"]{display:block}.process-rail,.process-labels,.keep-scrolling{display:none}}