/* Process as one large proof image and four inspectable stages. */
.process{background:#f3f5f5}
.process .section-intro{margin-bottom:42px}
.process-composition{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;align-items:stretch;min-height:700px}
.process-visual{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:34px clamp(30px,3vw,60px) 28px;overflow:hidden;background:#14232c;color:var(--depth-text);isolation:isolate}
.process-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5b3b1e,#c69752 38%,#a07436 75%,#5b3b1e)}
.process-visual-top{display:flex;justify-content:space-between;gap:20px;font:500 11px/1.5 var(--body);letter-spacing:.11em;color:#aebec4}
.process-lead{position:absolute;z-index:1;top:69px;right:clamp(28px,3vw,60px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:min(28%,245px);height:312px}
.process-lead img{display:block;width:100%;height:266px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 18px #0c1519aa)}
.process-lead span{display:grid;gap:3px;align-self:stretch;padding-top:7px;border-top:1px solid #a07436aa;text-align:right}
.process-lead strong{font:500 13px/1.35 var(--head);color:#edf2f3}
.process-lead small{font:400 10px/1.4 var(--body);color:#afc0c6}
.process-visual-number{display:flex;align-items:baseline;gap:20px;margin:44px 0 0;font:400 clamp(116px,11vw,215px)/.82 var(--head);font-variation-settings:var(--heading-variation);letter-spacing:-.095em;color:#eef2f3}
.process-visual-number span{font:400 clamp(27px,2.1vw,40px)/1.1 var(--head);letter-spacing:-.045em;color:#bbcbd0}
.process-visual-copy{display:flex;flex-direction:column;gap:12px;max-width:68%;margin:25px 0 28px}
.process-visual-copy p{margin:0;font:400 clamp(26px,2vw,38px)/1.2 var(--head);font-variation-settings:var(--heading-variation);letter-spacing:-.035em}
.process-visual-copy span{color:#aebec4;font:500 12px/1.5 var(--body);letter-spacing:.08em;text-transform:uppercase}
.process-product-frame{position:relative;width:100%;aspect-ratio:1.9;overflow:hidden;border:1px solid rgba(238,242,243,.22);background:#0b131e;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.process-product-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}
.process-visual:hover .process-product-frame img{transform:scale(1.025)}
.process-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;color:#aebec4;font:400 12px/1.5 var(--body)}
.process-visual figcaption a{color:var(--depth-text);text-decoration:none;border-bottom:1px solid rgba(238,242,243,.45);white-space:nowrap}
.process-visual figcaption a:hover{border-color:var(--depth-text)}
.process-visual-progress{height:2px;background:rgba(238,242,243,.2);margin-top:auto;transform:translateY(28px)}
.process-visual-progress span{display:block;height:100%;width:25%;background:var(--brass-metal);transition:width .28s ease}
.process .process-timeline{display:block;min-width:0;margin:0;padding:20px clamp(32px,3vw,60px);background:var(--paper)}
.process .process-step{display:block;min-width:0;padding:0;border-bottom:1px solid var(--line)}
.process .process-step:last-child{border-bottom:0}
.process-step-summary{display:grid;grid-template-columns:64px minmax(0,1fr) 35px;gap:0 18px;align-items:baseline;min-height:108px;padding:25px 0 22px;list-style:none;cursor:pointer}
.process-step-summary::-webkit-details-marker{display:none}
.process-step-summary::marker{content:""}
.process-step-summary .step-num{grid-column:1;grid-row:1/3;padding:0;border:0;color:#98a7ae;font:400 34px/1.05 var(--head);letter-spacing:-.05em}
.process-step-summary .step-week{grid-column:2;grid-row:1;margin:0 0 9px;color:var(--muted);font:500 10px/1.4 var(--body);letter-spacing:.11em}
.process-step-summary .step-title{grid-column:2;grid-row:2;margin:0;min-height:0;font:400 clamp(22px,1.35vw,27px)/1.2 var(--head);font-variation-settings:var(--heading-variation);letter-spacing:-.028em}
.process-step-symbol{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;display:grid;place-items:center;width:34px;height:34px;border:1px solid #a8b4b9;border-radius:50%;font:400 22px/1 var(--body);color:var(--ink);transition:transform .2s ease,border-color .2s ease}
.process-step[open] .process-step-summary .step-num{color:var(--oxide-deep)}
.process-step[open] .process-step-symbol{transform:rotate(45deg);border-color:var(--oxide-deep)}
.process-step-summary:hover .step-title{color:var(--oxide-deep)}
.process-step-summary:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.process .process-step .step-body{padding:0 52px 29px 82px}
.process .step-body>p{margin:0;max-width:62ch;color:var(--muted);font:400 15px/1.68 var(--body)}
.process .step-deliver{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 0;padding:0;list-style:none}
.process .step-deliver li{padding:7px 10px;border:1px solid var(--line);font:500 11px/1.35 var(--body);color:var(--ink)}
@media(max-width:1150px){.process-composition{grid-template-columns:1fr 1fr}.process-visual-number{font-size:145px}.process .process-timeline{padding:16px 28px}.process-step-summary{grid-template-columns:50px minmax(0,1fr) 34px;gap:0 12px}.process .process-step .step-body{padding-left:62px;padding-right:20px}}
@media(max-width:800px){.process-composition{display:flex;flex-direction:column}.process-visual{min-height:0;padding:28px}.process-visual-number{font-size:130px;margin-top:30px}.process-visual-copy{margin:18px 0 25px}.process-product-frame{max-width:700px}.process-visual-progress{margin-top:22px;transform:translateY(28px)}.process .process-timeline{padding:16px 28px}.process-step-summary{min-height:90px}.process .process-step .step-body{padding-bottom:23px}}
@media(max-width:520px){.process-visual{padding:23px 21px}.process-visual-top{font-size:9px}.process-lead{position:relative;top:auto;right:auto;display:grid;grid-template-columns:110px 1fr;align-items:end;gap:16px;width:100%;height:130px;margin-top:18px}.process-lead img{height:130px}.process-lead span{align-self:end;margin-bottom:12px;text-align:left}.process-visual-number{font-size:100px;gap:12px;margin-top:17px}.process-visual-number span{font-size:27px}.process-visual-copy{max-width:none}.process-visual-copy p{font-size:26px}.process-visual figcaption{font-size:10px}.process .process-timeline{padding:10px 21px}.process-step-summary{grid-template-columns:40px minmax(0,1fr) 28px;gap:0 10px}.process-step-summary .step-num{font-size:26px}.process-step-summary .step-title{font-size:20px}.process-step-symbol{width:28px;height:28px;font-size:18px}.process .process-step .step-body{padding-left:50px;padding-right:0}.process .step-body>p{font-size:14px}.process .step-deliver li{font-size:10px}}
@media(prefers-reduced-motion:reduce){.process-product-frame img,.process-visual-progress span,.process-step-symbol{transition:none}}