.processExperience{--paper:#f4f1ea;--ink:#411316;--muted:#73675b;--rule:#d8ccbb;--gold:#927044;background:var(--paper);color:var(--ink)}.processPage{max-width:1480px;font:15px/1.75 var(--font-sans);color:var(--ink);margin:auto;padding:145px 6% 0}.processPage :is(h1,h2,h3,p){margin:0}.processPage :is(h1,h2,h3){font-family:var(--font-serif);letter-spacing:-.03em;color:inherit}.processPage :is(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:5px}.processDesktopNavigation{display:block}.processDesktopNavigation:before{content:"";background:var(--paper);z-index:90;pointer-events:none;height:112px;position:fixed;inset:0 0 auto}.process-map-header{justify-content:space-between;align-items:flex-end;gap:28px;padding:16px 0 28px;display:flex}.processPage h1{margin-bottom:12px;font-size:clamp(54px,5.2vw,76px);font-weight:400;line-height:1.06}.process-map-header p{color:var(--muted);font-size:14px;line-height:1.8}.processHomeLink{align-items:center;gap:8px;min-height:44px;font-size:12px;display:none}.map-invitation{color:var(--muted);flex:none;align-items:center;gap:18px;padding-bottom:6px;font-size:11px;display:flex}.map-invitation>span{color:var(--ink);font-size:20px}.process-map{isolation:isolate;border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:470px;padding:34px 0 96px;display:grid;position:relative}.map-route{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-route path{stroke-linecap:round;stroke-linejoin:round}.map-route-edge{stroke:#ddd3c2;stroke-width:23px}.map-route-paper{stroke:#fffbf2;stroke-width:18px}.map-route-progress{stroke:#a18558;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px}.map-leading-tip{fill:var(--ink);opacity:0}.process-map[data-route-ready=true] .map-leading-tip{opacity:1}.process-map[data-route-complete=true] .map-leading-tip{opacity:0;transition:opacity .2s}.map-stage{min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;animation:processStageEnter .5s var(--stage-delay,0s) cubic-bezier(.22,1,.36,1) backwards;background:0 0;border:0;border-radius:16px;align-self:start;padding:0;position:relative}.map-stage:nth-of-type(2n){margin-top:82px}.map-stage-label{z-index:1;background:var(--paper);grid-template-columns:27px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:58px;padding:5px 3px;display:grid;position:relative}.map-stage-number{color:#7a6247;border:1px solid #b8a184;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.map-stage-title{font:500 clamp(22px,2vw,30px)/1.06 var(--font-serif);letter-spacing:-.025em}.map-stage-arrow{color:#7a6247;font-size:19px;font-weight:300;transition:transform .25s}.map-stage-image{aspect-ratio:1;object-fit:contain;pointer-events:none;width:100%;height:auto;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block}.processPage .processContact{--cta-height:62px;border-top:1px solid var(--rule);justify-content:center;padding:70px 0 115px;display:flex}.processPage .processContactButton{color:var(--ink);border-color:var(--rule);box-shadow:none;-webkit-backdrop-filter:none;background:0 0}.processPage [data-contact-icon]{display:grid}.process-popup{--popup-paper:#fffcf6;--popup-ink:#411316;--popup-copy:#756654;--popup-rule:#d8ccbb;--popup-drawing:#eee8dc;border:1px solid var(--popup-rule);background:var(--popup-paper);width:min(1020px,100% - 64px);max-width:none;height:min(680px,100dvh - 56px);max-height:none;color:var(--popup-ink);font:15px/1.75 var(--font-sans);border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 28px 100px #27181340}.process-popup[open]{grid-template-rows:auto minmax(0,1fr) auto;animation:.25s cubic-bezier(.22,1,.36,1) processPopupEnter;display:grid}.process-popup::backdrop{background:#20171280}.process-popup[data-stage=design]{--popup-paper:#f7faf9;--popup-ink:#263f48;--popup-copy:#5c6f73;--popup-rule:#bfd0d3;--popup-drawing:#e3eceb}.process-popup[data-stage=execution]{--popup-paper:#fff6e9;--popup-ink:#51372a;--popup-copy:#736050;--popup-rule:#cdb9a2;--popup-drawing:#f1e5d3}.process-popup[data-stage=handover]{--popup-paper:#54292a;--popup-ink:#fff6e9;--popup-copy:#d6c4b2;--popup-rule:#88635c;--popup-drawing:#eee5d5}.process-popup-header{border-bottom:1px solid var(--popup-rule);justify-content:space-between;align-items:center;gap:24px;padding:24px 30px 21px;display:flex}.process-popup-eyebrow{font:500 9px/1.5 var(--font-sans);text-transform:uppercase;letter-spacing:.14em;color:var(--popup-copy);margin-bottom:5px;display:block}.process-popup-header h2{font-size:34px;font-weight:400;line-height:1.08}.process-popup-close{border:1px solid var(--popup-rule);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.process-popup-close svg{width:21px;height:21px}.process-popup-body{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid;overflow-y:auto}.process-detail-art{background:var(--popup-drawing);min-height:330px;position:relative}.process-detail-scene{place-items:center;display:grid;position:absolute;inset:0}.process-detail-scene svg{width:100%;max-width:100%;height:100%;max-height:100%;display:block;overflow:hidden}.process-detail-story{align-self:center;min-width:0;padding:32px 34px}.process-detail-copy{animation:.28s both processCopyEnter}.process-detail-copy[hidden],.process-detail-scene[hidden]{display:none!important}.process-detail-copy h3{margin-bottom:22px;font-size:42px;font-weight:600;line-height:1.06}.process-detail-copy h3:focus{outline:none}.process-detail-copy p{color:var(--popup-copy);font-size:15px;line-height:1.85}.process-detail-copy strong{color:inherit;font-weight:500}.process-detail-copy .process-key-timing{color:var(--popup-ink);font-weight:700}.process-detail-copy .process-detail-note{border-top:1px solid var(--popup-rule);margin-top:18px;padding-top:18px;font-size:13px;line-height:1.8}.process-popup-controls{border-top:1px solid var(--popup-rule);justify-content:space-between;align-items:center;gap:24px;padding:20px 30px;display:flex}.process-step-position>span:first-child{letter-spacing:.04em;color:var(--popup-copy);margin-bottom:8px;font-size:10px;display:block}.process-step-dots{gap:5px;width:110px;display:flex}.process-step-dots i{background:var(--popup-rule);border-radius:2px;flex:1;height:3px}.process-step-dots [data-reached=true]{background:var(--popup-ink)}.process-step-actions{align-items:center;gap:12px;display:flex}.process-step-actions button{font:500 13px/1.5 var(--font-sans);cursor:pointer}.process-previous{border:1px solid var(--popup-rule);width:52px;height:52px;color:inherit;background:0 0;border-radius:50%;font-size:22px!important}.process-previous:disabled{visibility:hidden}.process-next{background:var(--popup-ink);min-width:145px;min-height:52px;color:var(--popup-paper);border:0;border-radius:28px;justify-content:space-between;align-items:center;gap:36px;padding:12px 21px;display:flex}.process-next>span:last-child{font-size:23px;line-height:1}.process-popup :is(button):focus-visible{outline:2px solid var(--popup-ink);outline-offset:4px}.process-detail-scene .scene-part{animation:.6s cubic-bezier(.2,.65,.3,1) both processSceneRise;animation-delay:var(--scene-delay,0s);transform-box:fill-box;transform-origin:50%}.process-detail-scene path.scene-trace{stroke-dasharray:1;stroke-dashoffset:1px;animation:.75s .12s forwards processSceneTrace}.process-detail-scene .scene-progress{transform-box:fill-box;transform-origin:0;animation:.65s both processSceneProgress}.process-detail-scene :is(.scene-panel-left,.scene-install-left){animation:.65s cubic-bezier(.2,.65,.3,1) .13s both processSceneFromLeft}.process-detail-scene :is(.scene-panel-right,.scene-install-right){animation:.65s cubic-bezier(.2,.65,.3,1) .2s both processSceneFromRight}@keyframes processStageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes processPopupEnter{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:none}}@keyframes processCopyEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes processSceneRise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes processSceneTrace{to{stroke-dashoffset:0}}@keyframes processSceneProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes processSceneFromLeft{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes processSceneFromRight{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.map-stage:hover .map-stage-image{transform:translateY(-7px)}.map-stage:hover .map-stage-arrow{transform:translate(2px,-2px)}.processPage .processContactButton:hover{background:var(--color-text-primary);color:var(--color-bg-primary);border-color:#0000}.process-popup-close:hover,.process-previous:hover{background:var(--popup-rule)}}@media (width>=760px) and (width<=1099px){.process-map{gap:8px;min-height:390px;padding-bottom:80px}.map-stage:nth-of-type(2n){margin-top:70px}.map-stage-label{grid-template-columns:22px minmax(0,1fr) 14px;gap:6px}.map-stage-number{width:22px;height:22px;font-size:8px}.map-stage-title{font-size:23px}.map-invitation{font-size:10px}.processPage .processContact{padding:60px 0 95px}}@media (width<=859px){.processDesktopNavigation{display:none}.processPage{padding-top:20px}.process-map-header{padding-top:65px;position:relative}.processHomeLink{display:flex;position:absolute;top:0;right:0}.processPage h1{font-size:56px}.map-invitation{display:none}}@media (width<=759px){.process-map-header{padding-bottom:25px;display:block}.process-map-header p{max-width:32ch;font-size:13px}.process-map{flex-direction:column;align-items:center;gap:42px;min-height:0;padding:29px 0 45px;display:flex}.map-stage{align-self:center;width:100%;max-width:330px}.map-stage:nth-of-type(2n){margin-top:0}.map-stage-label{grid-template-columns:29px minmax(0,1fr) 20px;gap:12px;min-height:55px;padding:4px 9px}.map-stage-number{width:27px;height:27px;font-size:9px}.map-stage-title{font-size:31px}.map-route-edge{stroke-width:18px}.map-route-paper{stroke-width:13px}.processPage .processContact{--cta-height:56px;padding:85px 0 105px}.processPage .processContactButton{justify-content:space-between;gap:12px;width:100%;max-width:370px;padding:6px 6px 6px 18px}.processPage [data-contact-label]{letter-spacing:.09em;font-size:clamp(9px,2.8vw,12px)}.process-popup{border-radius:20px;width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:840px}.process-popup-header{gap:16px;padding:18px 20px 16px}.process-popup-header h2{max-width:17ch;font-size:29px}.process-popup-body{display:block}.process-detail-art{height:clamp(185px,29dvh,260px);min-height:0}.process-detail-story{padding:25px 23px 28px}.process-detail-copy h3{margin-bottom:20px;font-size:35px;line-height:1.06}.process-detail-copy p{font-size:14px;line-height:1.8}.process-detail-copy .process-detail-note{margin-top:15px;padding-top:15px;font-size:12px}.process-popup-controls{padding:17px 20px max(17px,env(safe-area-inset-bottom));gap:12px}.process-step-dots{gap:4px;width:76px}.process-previous{width:46px;height:46px}.process-next{gap:25px;min-width:115px;min-height:50px;padding:11px 17px}.process-step-actions{gap:9px}}@media (width<=359px){.processPage h1{font-size:49px}.map-stage-title{font-size:28px}.process-popup-header{padding-inline:17px}.process-popup-header h2{font-size:26px}.process-detail-story{padding-inline:19px}.process-detail-copy h3{font-size:31px}.process-popup-controls{padding-inline:16px}.process-step-dots{width:60px}.process-step-actions{gap:7px}.process-previous{width:44px;height:44px}.process-next{gap:18px;min-width:103px;padding-inline:16px}}@media (height<=540px) and (width>=760px){.process-popup-header,.process-popup-controls{padding-block:12px}.process-detail-art{min-height:180px}.process-detail-copy h3{font-size:32px}.process-detail-story{padding:24px}}@media (prefers-reduced-motion:reduce){.processPage *,.processPage :before,.process-popup{transition:none!important;animation:none!important}.map-route-progress{stroke-dashoffset:0!important}.map-leading-tip{display:none}.process-detail-scene path.scene-trace{stroke-dashoffset:0}.process-detail-scene :is(.scene-part,.scene-progress,.scene-panel-left,.scene-panel-right,.scene-install-left,.scene-install-right){opacity:1;transform:none}}
