/* Compact, full-bleed process cards. */
.process-gallery{background:#eeeae2;overflow:clip;scroll-margin-top:0}
.process-gallery .process-layout{display:block;padding-top:52px;padding-bottom:42px}
.process-gallery .process-intro{position:static;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 28px}
.process-gallery .process-intro .eyebrow{margin:0 0 13px;font-size:10px}
.process-gallery .process-intro h2{font-size:clamp(31px,3.3vw,46px);line-height:1.32}
.process-intro-aside{padding-bottom:3px;min-width:285px}
.process-gallery .section-description{font-size:13px;line-height:1.9;margin:0}
.process-scroll-cue{display:flex;align-items:center;gap:10px;color:#8a765c;font-size:10px;margin-top:20px;letter-spacing:.02em}
.process-scroll-cue>span:last-child{margin-left:12px;font-size:17px}
.scroll-mouse{display:block;position:relative;width:12px;height:18px;border:1px solid #9b886c;border-radius:7px}
.scroll-mouse i{position:absolute;top:3px;left:4px;width:2px;height:4px;background:#9b886c;border-radius:2px}
body.motion-on .scroll-mouse i{animation:process-scroll-hint 1.8s infinite!important}
.touch-cue{display:none}
.process-viewer{position:relative;isolation:isolate;box-shadow:0 20px 45px -32px #332b2380;touch-action:pan-y}
.process-viewer:focus-visible{outline:1px solid #998166;outline-offset:5px}
.process-gallery .process-steps{list-style:none;margin:0;padding:0;display:grid;min-height:510px;background:#181d19;isolation:isolate}
.process-gallery .process-steps:before,.process-gallery .process-steps:after{display:none}
.process-gallery .process-steps>.process-card{grid-area:1/1;display:block;border:0;margin:0;padding:0;position:relative;overflow:hidden;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(30px);transition:opacity .65s ease,transform .75s cubic-bezier(.18,.8,.2,1),visibility .65s!important}
.process-gallery .process-steps>.is-card-active{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;z-index:2}
.process-card-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 57%;transform:scale(1.075);transition:transform 2.8s ease-out!important}
.is-card-active .process-card-bg{transform:scale(1)}
.process-card:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101712f0 0%,#121912d9 24%,#141a1399 43%,#141a1320 68%,#11171018 100%),linear-gradient(0deg,#0d1412c4 0%,transparent 27%,transparent 78%,#171c1635 100%)}
.process-card:after{content:'';position:absolute;inset:17px;border:1px solid #d5c19b2e;pointer-events:none}
.process-gallery .process-card-content{position:relative;padding:43px 54px 89px;max-width:570px;min-height:510px;color:#eee9dd}
.process-gallery .step-en{font:9px var(--mono,monospace);letter-spacing:.14em;color:#cbb998;display:flex;align-items:center;gap:13px;margin:0 0 24px}
.process-gallery .step-number{font:10px var(--mono,monospace);border:1px solid #b2a18366;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#dbc8a2;transform:none}
.process-gallery .process-steps h3{font-size:clamp(30px,3.3vw,46px);font-weight:400;line-height:1.3;letter-spacing:-.055em;color:#f5efdf;margin:0 0 20px}
.process-gallery .process-card-content>p:not(.step-en){font-size:14px;line-height:1.95;color:#d6d8c9;margin:0}
.process-gallery .process-card-content>.step-detail{font-size:11px!important;line-height:1.9!important;color:#adb8a4!important;margin-top:19px!important}
.process-gallery .address-mini{margin:20px 0 0;padding:15px 0 0;border-top:1px solid #b1ab8b4a;border-left:0;background:none;max-width:395px}
.process-gallery .address-mini>span{font-size:9px;letter-spacing:.04em;color:#bbaa86}
.process-gallery .address-mini p{font-size:11px;line-height:1.85;color:#d3d7c6;margin-top:6px}
.process-gallery .address-mini .text-button{font-size:10px;color:#d7bd91;padding:5px 0;gap:23px}
.process-gallery .address-mini a:hover{color:#f1d6a8}
.process-gallery .work-list{margin-top:18px;border:0;max-width:410px}
.process-gallery .work-list>div{display:flex;gap:18px;padding:6px 0;border-bottom:1px solid #b3b79d26;line-height:1.65}
.process-gallery .work-list dt{color:#c8b78f;font-size:10px;min-width:22px}
.process-gallery .work-list dd{color:#c0cbb7;font-size:11px}
.process-card-ordinal{position:absolute;right:39px;top:14px;font:300 clamp(110px,12vw,176px)/1 var(--sans);letter-spacing:-.06em;color:#f1dfba0d;-webkit-text-stroke:1px #eee0c03a;pointer-events:none}
.process-gallery .process-card-end{position:absolute;bottom:28px;left:54px;right:230px;display:flex;justify-content:space-between;gap:15px;font:8px var(--mono,monospace);letter-spacing:.14em;color:#cfb992;line-height:1.5}
.process-card-end>span:last-child{color:#c4c8bca8;font-size:7px}
.process-check-chips{display:flex;gap:8px;margin-top:22px}
.process-check-chips span{border:1px solid #c4b39459;color:#c9cdbb;font-size:10px;padding:3px 13px}
.process-gallery .process-card-content>.process-final-label{color:#d1bb95;font-size:10px;margin-bottom:10px;letter-spacing:.15em}
.process-card-content .rule-link{margin-top:30px;color:#d7c398;font-size:12px;gap:53px}
.process-card-controls{position:absolute;right:41px;bottom:23px;display:flex;gap:18px;align-items:center;z-index:3;color:#f3dfb9}
.process-card-controls>button{width:34px;height:34px;border:1px solid #cfba923d;background:#1b211940;display:grid;place-items:center;font-size:19px;line-height:1;padding:0;transition:background .2s,color .2s}
.process-card-controls>button:hover{background:#e1c798;color:#23271e}
.process-card-controls>button:disabled{opacity:.3;cursor:default;background:transparent;color:inherit}
.process-gallery .process-meter{margin:0;max-width:none;gap:10px;font:11px var(--mono,monospace);color:#dccbad}
.process-gallery .process-current{font:17px var(--mono,monospace);color:#e3d5b5;letter-spacing:0}
.process-gallery .process-total{font:10px var(--mono,monospace);color:#b6bba5}
.process-counter-divider{color:#7e8876}
.process-navigator{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:23px}
.process-navigator button{position:relative;text-align:left;display:flex;gap:15px;align-items:center;border:0;border-top:1px solid #bdb8a9;background:none;padding:14px 0;min-height:48px;font-size:12px;color:#959489}
.process-navigator button>span{font:9px var(--mono,monospace);color:#a29b87}
.process-navigator button>i{position:absolute;left:0;top:-1px;width:100%;height:2px;background:#8b7756;transform:scaleX(0);transform-origin:left;transition:transform .5s}
.process-navigator button[aria-current="step"]{color:#393e31}
.process-navigator button[aria-current="step"]>i{transform:scaleX(1)}
.process-navigator button[aria-current="step"]>span{color:#8b7756}
.process-navigator button:hover{color:#5a4d37}
.process-gallery-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:1px}
.process-gallery-caption p{font-size:9px;color:#848777;letter-spacing:0}
.process-gallery-caption>span{font-size:8px;color:#959486}
@keyframes process-scroll-hint{0%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(4px);opacity:1}70%{transform:translateY(4px);opacity:0}}
@media(min-width:851px) and (max-height:820px){.process-gallery .process-layout{padding-top:25px;padding-bottom:22px}.process-gallery .process-intro{margin-bottom:18px}.process-gallery .process-intro h2{font-size:31px;line-height:1.3}.process-gallery .process-intro .eyebrow{font-size:8px;margin-bottom:8px}.process-gallery .section-description{font-size:11px}.process-scroll-cue{margin-top:10px}.process-gallery .process-steps{min-height:400px}.process-gallery .process-card-content{padding-top:26px;padding-bottom:65px;min-height:400px}.process-gallery .process-steps h3{font-size:33px;margin-bottom:12px}.process-gallery .step-en{margin-bottom:16px}.process-gallery .process-card-content>p:not(.step-en){font-size:12px}.process-gallery .address-mini{margin-top:12px;padding-top:9px}.process-gallery .address-mini p{font-size:10px}.process-gallery .work-list{margin-top:10px}.process-gallery .work-list>div{padding:4px 0}.process-navigator{margin-top:16px}.process-navigator button{padding:11px 0;min-height:40px}.process-gallery .process-card-end{bottom:25px}.process-card-controls{bottom:19px}}
@media(max-width:1100px){.process-gallery .process-card-content{padding-left:38px;padding-right:25px;max-width:510px}.process-gallery .process-card-end{left:38px}.process-card-end>span:last-child{display:none}.process-navigator{gap:18px}.process-navigator button{font-size:11px;gap:10px}.process-gallery-caption>span{font-size:7px}}
@media(max-width:850px){.process-gallery .process-layout{padding-top:42px;padding-bottom:30px}.process-intro-aside{min-width:230px}.process-gallery .process-intro h2{font-size:34px}.process-gallery .section-description{font-size:11px}.process-gallery .process-steps{min-height:480px}.process-gallery .process-card-content{min-height:480px;padding:38px 35px 82px;max-width:470px}.process-card:before{background:linear-gradient(90deg,#111a14ed,#111a14d0 35%,#111a1470 68%,#111a1429),linear-gradient(0deg,#111a14ab,transparent 30%)}.process-gallery .process-steps h3{font-size:35px}.process-gallery .process-card-content>p:not(.step-en){font-size:13px}.process-card-bg{background-position:59% center}.process-navigator{gap:16px}.process-navigator button{font-size:10px;gap:8px}.process-gallery-caption{display:block}.process-gallery-caption>span{display:block;margin-top:7px}.process-gallery .process-card-end{left:35px}.process-card-controls{right:30px}.process-card-ordinal{right:28px;top:24px;font-size:125px}.desktop-cue{display:none}.touch-cue{display:inline}}
@media(max-width:640px){.process-gallery .process-layout{padding-top:37px;padding-bottom:28px}.process-gallery .process-intro{display:block;margin-bottom:23px}.process-gallery .process-intro h2{font-size:31px;line-height:1.4}.process-gallery .process-intro .eyebrow{font-size:8px;margin-bottom:13px}.process-intro-aside{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;margin-top:17px;padding:0;min-width:0}.process-gallery .section-description{font-size:10px;line-height:1.8}.process-scroll-cue{font-size:0;margin:0;gap:5px}.process-scroll-cue .scroll-mouse{display:none}.process-scroll-cue>.touch-cue{font-size:8px;max-width:64px;line-height:1.6}.process-scroll-cue>span:last-child{font-size:16px;margin-left:2px;transform:rotate(-90deg)}.process-gallery .process-steps{min-height:505px}.process-gallery .process-steps>.process-card{padding:0}.process-gallery .process-card-content{padding:31px 25px 87px;min-height:505px;max-width:none}.process-gallery .step-en{font-size:7px;letter-spacing:.08em;margin-bottom:20px;gap:10px}.process-gallery .step-number{font-size:8px;width:23px;height:23px}.process-gallery .process-steps h3{font-size:33px;line-height:1.35;margin-bottom:20px}.process-gallery .process-card-content>p:not(.step-en){font-size:12px;line-height:1.9}.process-card-bg{background-position:68% center}.process-card:before{background:linear-gradient(90deg,#101712d9,#111912b0 50%,#11191265),linear-gradient(0deg,#101712ed 0%,#10171244 60%,#10171222)}.process-card:after{inset:10px}.process-card-ordinal{font-size:100px;right:20px;top:24px}.process-gallery .address-mini{margin-top:20px;padding-top:14px;max-width:270px}.process-gallery .address-mini p{font-size:10px;line-height:1.9}.process-gallery .address-mini>span{font-size:8px}.process-gallery .address-mini .text-button{font-size:10px}.process-gallery .process-card-content>.step-detail{font-size:10px!important}.process-gallery .process-card-content>.step-detail br{display:none}.process-gallery .work-list dt{font-size:9px}.process-gallery .work-list dd{font-size:10px}.process-gallery .work-list>div{gap:13px;padding:7px 0}.process-check-chips{gap:6px;margin-top:21px}.process-check-chips span{font-size:9px;padding:3px 10px}.process-gallery .process-card-end{left:25px;right:25px;bottom:69px;font-size:6px;letter-spacing:.1em}.process-card-controls{right:23px;bottom:22px;left:23px;justify-content:space-between;gap:16px;border-top:1px solid #d9c49c40;padding-top:10px}.process-card-controls>button{border:0;width:31px;height:27px;font-size:19px}.process-gallery .process-current{font-size:14px}.process-gallery .process-total{font-size:9px}.process-gallery .process-meter{gap:10px}.process-navigator{gap:8px;margin-top:19px}.process-navigator button{display:block;padding-top:10px;padding-bottom:9px;font-size:9px;line-height:1.6;text-align:center;letter-spacing:-.05em;min-height:49px}.process-navigator button>span{display:block;font-size:7px;margin-bottom:4px;letter-spacing:.02em}.process-gallery-caption{margin-top:9px}.process-gallery-caption p{font-size:7px;line-height:1.7}.process-gallery-caption>span{font-size:7px;margin-top:7px}.process-card-content .rule-link{font-size:11px}}
@media(max-width:360px){.process-gallery .process-layout{padding-left:18px;padding-right:18px}.process-gallery .process-intro h2{font-size:28px}.process-gallery .section-description{font-size:9px}.process-gallery .process-card-content{padding-left:22px;padding-right:20px}.process-gallery .process-steps h3{font-size:29px}.process-gallery .process-card-content>p:not(.step-en){font-size:11px}.process-gallery .work-list dd{font-size:9px}.process-gallery .work-list>div{gap:10px}.process-gallery .address-mini p{font-size:9px}.process-navigator{gap:7px}.process-navigator button{font-size:8px}}
.process-gallery:not(.cards-ready) .process-steps{display:block}.process-gallery:not(.cards-ready) .process-steps>.process-card{visibility:visible;opacity:1;transform:none;pointer-events:auto;min-height:480px}.process-gallery:not(.cards-ready) .process-card-controls,.process-gallery:not(.cards-ready) .process-navigator{display:none}
