/* Six real process previews. Reserve the original 4:3 frame before loading. */
.process{border-top:1px solid var(--line)}
.process .section-heading{margin-bottom:46px}
.process .section-heading>.process-instructions{font-size:14px;margin-top:22px;color:#c0c4c6}
.process-touch-instruction{display:none}
.process-grid .process-media{height:auto;aspect-ratio:4/3;border-radius:8px}
.process-preview{position:relative;display:block;width:100%;height:100%;padding:0;border:1px solid #343637;border-radius:8px;background:#141617;color:#fafafa;overflow:hidden;text-align:left;touch-action:manipulation}
.process-grid .process-preview img,.process-clip{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain!important}
.process-clip{opacity:0;pointer-events:none;transition:opacity .16s ease}
.process-preview[data-playing="true"] .process-clip{opacity:1}
.process-preview:focus-visible{outline-offset:-4px;outline:3px solid var(--gold)}
.process-play{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 13px;border:1px solid #ffffff55;border-radius:6px;background:#080909dc;font-size:13px;font-weight:500;line-height:1.3;pointer-events:none}
.process-play-symbol{display:grid;place-items:center;width:18px;height:18px;font-size:12px;color:var(--gold)}
.process-preview[data-playing="true"] .process-play{background:#e6c784;color:#080909;border-color:#e6c784}
.process-preview[data-playing="true"] .process-play-symbol{color:#080909}
.process-preview[aria-busy="true"] .process-play-symbol{border:2px solid #e6c78455;border-top-color:var(--gold);border-radius:50%;font-size:0;animation:process-loading .8s linear infinite}
.process-grid li>div{padding-top:20px}
.process-grid h3{font-size:25px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes process-loading{to{transform:rotate(360deg)}}
@media(max-width:900px){.process-grid{gap:35px 24px}}
@media(max-width:650px){.process-desktop-instruction{display:none}.process-touch-instruction{display:inline}.process-grid{gap:34px}.process-grid li{display:block}.process-grid .process-media{height:auto;aspect-ratio:4/3}.process-grid li>div{padding-top:15px}.process-grid h3{font-size:25px;margin-top:8px}.process-grid li p{font-size:16px;margin-top:10px}.process-grid .number{font-size:14px}.process-play{right:12px;bottom:12px;font-size:14px;min-height:44px}.process .section-heading{margin-bottom:30px}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.process-desktop-instruction{display:none}.process-touch-instruction{display:inline}}
@media(prefers-reduced-motion:reduce){.process-clip{transition:none}.process-preview[aria-busy="true"] .process-play-symbol{animation:none}}

/* V37: a larger title and a direct transition into the six process steps. */
.process .section-heading{max-width:1120px;margin-bottom:52px}
.process #process-title{font-size:clamp(52px,6.3vw,88px);font-weight:600;line-height:1;letter-spacing:-.055em}
.process #process-title span{background:linear-gradient(105deg,#e8cd8e 4%,#b8dcc8 65%,#a9cdc3);background-clip:text;-webkit-background-clip:text;color:transparent}
.process .section-heading>.button{margin-top:32px}
.process-grid h3{font-size:clamp(26px,2.3vw,32px);font-weight:600;letter-spacing:-.04em;line-height:1.12}
.process-grid .number{color:#b7d9c7;font-weight:500;letter-spacing:.08em}
@media(max-width:650px){.process .section-heading{margin-bottom:36px}.process #process-title{font-size:clamp(40px,10.6vw,60px);line-height:1.03}.process .section-heading>.button{margin-top:27px;font-size:14px;padding:17px 13px;gap:10px}.process-grid h3{font-size:29px}}