/* Isolated HOW WE WORK component. */
.how-work{padding:clamp(75px,9vw,135px) 6%;background:#fff;color:var(--ink);scroll-margin-top:125px}.how-inner{max-width:1240px;margin:auto}.how-label{font:11px/1.8 var(--sans);letter-spacing:.18em;color:#668f8f;margin:0 0 22px}.how-heading h2{font:400 clamp(32px,4vw,54px)/1.75 var(--serif);letter-spacing:.03em;margin:0}.how-heading{margin-bottom:48px}
.how-introduction{display:grid;grid-template-columns:1.35fr 1fr;gap:7%;align-items:center}.how-scene{position:relative;min-height:440px;background:linear-gradient(125deg,#e9f3ef,#f8faf7 62%,#eef6f5);isolation:isolate;padding:70px 10% 105px 7%;border-radius:3px}.how-sheet{position:absolute;background:#fff9;box-shadow:0 10px 24px #3954470b}.how-sheet-back{inset:50px 15% 80px 12%;transform:rotate(-9deg);z-index:-1}.how-demo{background:#fff;transform:rotate(-3deg);border:1px solid #dce8e2;box-shadow:8px 18px 28px #29473b14;border-radius:5px;overflow:hidden}.how-browser{height:31px;border-bottom:1px solid #edf1ed;display:flex;align-items:center;gap:5px;padding:0 12px}.how-browser i{width:5px;height:5px;border-radius:50%;background:#bdd8d3}.how-browser i:first-child{background:#e8bdb2}.how-browser span{font-size:7px;letter-spacing:.13em;color:#82958f;margin-left:10px}.how-demo-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px 24px;gap:10px}.how-demo-content svg{width:100%;color:#95b5a1}.how-demo-copy>span,.how-demo-copy em{display:block;font:clamp(20px,2.4vw,34px)/1.2 'Cormorant Garamond',Georgia,serif}.how-demo-copy em{font-style:italic;color:#638d89;margin-bottom:20px}.how-demo-copy i{display:block;height:3px;background:#e8eeea;width:85%;margin:7px 0}.how-demo-copy i+i{width:65%}.how-demo-copy b{display:block;background:#edc7ba;width:46px;height:13px;border-radius:10px;margin-top:20px}.how-demo-lines{display:flex;gap:14px;padding:0 24px 24px}.how-demo-lines i{height:36px;background:#f1f6f2;flex:1}.how-review-note{position:absolute;right:5%;bottom:56px;background:#fffefa;border:1px solid #ebe9df;padding:22px 25px 17px;box-shadow:4px 9px 20px #37504216;transform:rotate(6deg)}.how-review-note:before{content:'';position:absolute;top:-10px;left:35%;width:60px;height:22px;background:#efcabf9e;transform:rotate(-5deg)}.how-review-note>span{font:14px var(--serif)}.how-review-note ul{padding:0;margin:13px 0 0;list-style:none;font-size:11px;line-height:2}.how-review-note li:before{content:'✓';color:#79a7a0;margin-right:10px}.how-pencil{position:absolute;width:33px;height:170px;left:9%;bottom:30px;transform:rotate(24deg);color:#94a9a2}.how-scene-caption{position:absolute;bottom:13px;left:26%;font:italic 24px 'Cormorant Garamond',Georgia,serif;color:#93aaa0;margin:0}
.how-copy h3{font:400 clamp(23px,2.4vw,32px)/1.8 var(--serif);margin:0 0 24px}.how-copy p{font-size:14px;line-height:2.15;margin:0 0 23px}.how-copy p:last-child{margin-bottom:0}.how-copy p span{background:linear-gradient(transparent 72%,#f8ebe5 72%)}
.how-flow{display:grid;grid-template-columns:1fr 2.35fr;gap:6%;margin-top:80px}.how-flow-caption h3{font:400 25px/1.8 var(--serif);margin:0 0 22px}.how-flow-caption>p:not(.how-label){font-size:13px;line-height:2}.how-check-note{border-left:2px solid #d3e6df;padding:15px 0 0 20px;margin-top:36px}.how-check-note>span{font:italic 28px 'Cormorant Garamond',Georgia,serif;color:#8aa9a0}.how-check-note p{font:14px/2 var(--serif);margin:9px 0}.how-check-note svg{width:70px;color:#bf9485}
.how-steps{list-style:none;padding:0;margin:0;position:relative}.how-step{position:relative;display:grid;grid-template-columns:62px 160px 1fr;align-items:start;gap:20px;padding:26px 20px;border-bottom:1px solid #e2ece7}.how-step:first-child{border-top:1px solid #e2ece7}.how-step:before{content:'';position:absolute;left:46px;top:86px;bottom:0;width:1px;background:#ccded8}.how-step:last-child:before{display:none}.how-number{font:italic 43px/1 'Cormorant Garamond',Georgia,serif;color:#7b9e96}.how-number span{display:block;font:9px/1 var(--sans);letter-spacing:.1em;margin-bottom:8px}.how-step-heading>span{font-size:9px;letter-spacing:.12em;color:#658981}.how-step h4{font:400 18px/1.7 var(--serif);margin:6px 0 0}.how-step>p{font-size:13px;line-height:2.1;margin:0}.how-step-review{background:#eff6f3}.how-step-heading small{display:inline-block;font-size:10px;color:#8d6759;background:#fffaf6;padding:3px 9px;border-radius:20px;margin-top:10px}.how-closing{display:flex;align-items:center;justify-content:center;gap:23px;margin-top:50px;padding:25px;border-top:1px solid #e2ece7}.how-closing>span{font-size:32px;color:#d6b1a3}.how-closing p{font:16px/2 var(--serif);margin:0}
@media(max-width:1000px){.how-introduction{gap:4%;grid-template-columns:1.1fr 1fr}.how-scene{min-height:410px;padding-inline:6%}.how-flow{grid-template-columns:1fr;gap:25px;margin-top:55px}.how-flow-caption{position:relative;padding-right:240px}.how-check-note{position:absolute;right:15px;top:0;margin:0}.how-flow-caption h3{margin-bottom:10px}.how-step{grid-template-columns:62px 180px 1fr}}
@media(max-width:760px){.how-heading{margin-bottom:30px}.how-introduction{grid-template-columns:1fr;gap:34px}.how-scene{min-height:390px;padding:48px 10% 105px 6%;max-width:540px;width:100%;margin:auto}.how-demo-copy>span,.how-demo-copy em{font-size:25px}.how-copy h3{font-size:25px}.how-copy p{font-size:13px}.how-flow-caption{padding-right:0}.how-flow-caption h3{font-size:24px}.how-check-note{position:static;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:22px 0 0;padding:12px 0 12px 14px}.how-check-note p{font-size:12px;margin:0}.how-check-note>span{font-size:25px}.how-check-note svg{width:45px}.how-step{grid-template-columns:46px 1fr;gap:8px 15px;padding:22px 15px}.how-number{grid-row:1/3;font-size:38px}.how-step-heading>span{font-size:9px}.how-step h4{font-size:19px;margin-top:3px}.how-step>p{grid-column:2;font-size:13px}.how-step:before{left:33px;top:90px;bottom:0}.how-step-heading small{margin-top:6px}.how-closing{gap:14px;padding:22px 0}.how-closing p{font-size:13px}.how-review-note{padding:21px 20px 16px}.how-scene-caption{font-size:22px}}
@media(max-width:360px){.how-scene{min-height:345px}.how-demo-content{padding:16px 14px}.how-demo-copy>span,.how-demo-copy em{font-size:21px}.how-review-note{right:4%;bottom:38px}.how-review-note>span{font-size:12px}.how-pencil{width:26px;height:135px}.how-check-note{gap:10px}.how-check-note svg{width:35px}}