.process-section{max-width:1340px;margin:0 auto;padding:0 80px 24px;position:relative;scroll-margin-top:28px}
.process-heading{position:relative;width:320px}
.process-heading .services-tag{margin:0 0 7px 8px}
.process-heading h2{font:900 44px/.92 'Bodoni Moda',var(--serif);letter-spacing:-1.3px;margin:0}
.process-heading-line{display:block;width:255px;height:23px;fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round}
.process-plane{position:absolute;right:80px;top:12px;width:90px;height:67px;transform:rotate(-7deg)}
.process-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:39px;margin:21px 0 35px;padding:0;min-height:180px}
.process-step{display:flex;align-items:flex-start;gap:12px;position:relative;min-width:0}
.process-step:first-child,.process-step:nth-child(3){padding-top:30px}
.process-number{flex:none;display:flex;align-items:center;justify-content:center;width:45px;height:48px;background:var(--red);color:#fff8e8;border-radius:48% 53% 46% 51%;font:700 33px/1 var(--hand);transform:rotate(-7deg)}
.process-step:nth-child(2) .process-number{background:#b89bdf;color:var(--ink);transform:rotate(7deg)}
.process-step:nth-child(3) .process-number{background:#b9d74b;color:var(--ink);transform:rotate(-8deg)}
.process-step h3{font:800 18px/1.08 var(--serif);letter-spacing:-.45px;margin:6px 0 12px}
.process-step p{font:400 13px/1.5 'DM Sans',Arial,sans-serif;margin:0}
.process-link{position:absolute;width:135px;height:66px;right:-56px;top:-42px;stroke-width:2}
.process-step:nth-child(2) .process-link{top:-34px;right:-64px;width:153px}
.process-step:nth-child(3) .process-link{top:-38px;right:-66px;width:144px}
.process-step-rays{position:absolute;left:47px;top:-26px;width:49px;height:47px;stroke-width:2.6}
.process-step:last-child .process-step-rays{left:84px;top:112px;bottom:auto;transform:rotate(180deg)}
.process-contact{position:relative;display:grid;grid-template-columns:15% 52% minmax(0,1fr);align-items:center;gap:20px;margin:0 0 0 -25px;min-height:290px}
.process-phone{position:relative;align-self:stretch;min-width:0;pointer-events:none}
.process-phone img{position:absolute;right:-8px;bottom:-12px;width:235px;height:330px;object-fit:contain;object-position:bottom;max-width:none;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(1px 3px 2px #30292030)}
.phone-rays{position:absolute;right:-14px;top:21px;width:70px;height:100px;stroke-width:2.4}
.process-bubble{position:relative;isolation:isolate;transform:rotate(-4deg);padding:36px 25px 44px;margin-left:-5px;filter:drop-shadow(0 2px 1px #54272515)}
.process-bubble:before{content:"";position:absolute;inset:-26px -15px;z-index:-1;border-radius:12% 15% 11% 8%;background:#d92e2b url('assets/cream-paper-fine.png') center/600px;background-blend-mode:multiply;mask:url('assets/worn-paper-strip.png') center/100% 100% no-repeat}
.process-bubble:after{content:"";position:absolute;left:-45px;top:61%;width:65px;height:36px;z-index:-1;background:#d92e2b url('assets/cream-paper-fine.png') center/600px;background-blend-mode:multiply;clip-path:polygon(0 100%,100% 0,100% 85%)}
.process-bubble h2{font:900 clamp(36px,3.7vw,51px)/.95 'Bodoni Moda',var(--serif);letter-spacing:-1.5px;color:#fff7e7;margin:0;white-space:nowrap}
.bubble-rays{position:absolute;width:70px;height:52px;bottom:-43px;left:47%;transform:rotate(4deg)}
.process-contact-copy{padding-left:15px;align-self:center;min-width:0}
.process-contact-copy>p:first-child{font-size:14px;line-height:1.45;margin:0 0 17px}
.process-quote{position:relative;isolation:isolate;display:inline-flex;gap:22px;align-items:center;padding:14px 25px;color:#fff;font:700 21px/1 var(--hand);filter:drop-shadow(0 2px 2px #0002)}
.process-quote:before{content:"";position:absolute;inset:-5px -4px;z-index:-1;background:#1d1f1f url('assets/cream-paper-fine.png') center/350px;background-blend-mode:multiply;mask:url('assets/worn-paper-strip.png') center/100% 100% no-repeat}
.process-whatsapp{display:block;font:600 20px/1.1 var(--hand);text-decoration:underline;text-underline-offset:4px;margin-top:10px}
.process-free-note{display:flex;align-items:center;justify-content:flex-start;gap:12px;font:600 21px/1.12 var(--hand);margin:20px 0 0;transform:rotate(-3deg)}
.process-free-text{display:block}
.process-free-smile{flex:none;font-size:30px;line-height:1;transform:rotate(7deg)}
.process-step:first-child .process-link{right:-40px;top:-38px}
@media(min-width:761px) and (max-width:1100px){.process-section{padding-inline:60px}.process-plane{right:60px}.process-steps{gap:23px}.process-step{gap:9px}.process-number{width:36px;height:39px;font-size:29px}.process-step h3{font-size:16px}.process-step p{font-size:12px}.process-link{width:110px;right:-35px}.process-step:nth-child(2) .process-link{width:120px;right:-38px}.process-step:nth-child(3) .process-link{width:112px;right:-39px}.process-contact{grid-template-columns:13% 51% minmax(0,1fr);gap:14px}.process-phone img{width:190px;height:280px}.process-bubble{padding-inline:19px}.process-bubble h2{font-size:36px;letter-spacing:-1px}.process-contact-copy{padding-left:4px}.process-contact-copy>p:first-child{font-size:13px}.process-free-note{font-size:19px;gap:9px}.process-step:first-child .process-link{width:110px;right:-25px;top:-38px}}
@media(max-width:760px){.process-section{padding:0 28px 28px;overflow:hidden}.process-heading{width:260px}.process-heading h2{font-size:40px}.process-plane{right:20px;top:10px;width:65px}.process-steps{grid-template-columns:1fr;gap:28px;margin-top:27px;margin-bottom:40px}.process-step:first-child,.process-step:nth-child(3){padding-top:0}.process-step{gap:16px;padding-right:24px}.process-step h3{font-size:20px;margin-top:5px}.process-step p{font-size:14px;max-width:360px}.process-link{display:none}.process-step-rays{display:none}.process-contact{grid-template-columns:1fr;gap:20px;margin:0}.process-phone{position:absolute;left:-70px;top:20px;width:100px;height:190px}.process-phone img{width:143px;height:200px;right:-13px;bottom:0}.phone-rays{display:none}.process-bubble{margin-left:44px;padding:25px 12px 32px}.process-bubble h2{font-size:clamp(26px,7.1vw,45px);letter-spacing:-1px}.process-bubble:before{inset:-20px -12px}.process-bubble:after{left:-29px;width:45px}.bubble-rays{display:none}.process-contact-copy{padding:17px 0 0}.process-contact-copy>p:first-child{font-size:15px;max-width:450px}.process-free-note{margin-top:22px}.process-whatsapp{font-size:22px}}

.process-mobile-arrow,.process-mobile-sprinkles{display:none}
@media(max-width:760px){
 .process-step{padding-right:clamp(60px,13vw,88px)}
 .process-mobile-arrow{display:block;position:absolute;left:auto;right:-4px;top:8px;bottom:auto;width:clamp(60px,13vw,88px);height:88px;stroke-width:2.1}
 .process-step:nth-child(2) .process-mobile-arrow{right:-4px;transform:rotate(-3deg)}
 .process-step:nth-child(3) .process-mobile-arrow{transform:rotate(3deg)}
 .process-mobile-sprinkles{display:block;position:absolute;right:3px;top:-12px;width:23px;height:30px;stroke-width:1.9}
 .process-step:last-child .process-mobile-sprinkles{transform:rotate(12deg)}
}

@media(max-width:760px){
 .process-contact{grid-template-columns:clamp(72px,18vw,115px) minmax(0,1fr);align-items:center;gap:18px 12px;min-height:0}
 .process-phone{position:relative;left:auto;top:auto;grid-column:1;grid-row:1;align-self:center;width:100%;height:180px}
 .process-phone img{left:0;right:auto;bottom:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .process-bubble{grid-column:2;grid-row:1;margin:0;padding:18px 9px 22px;transform:rotate(-3deg)}
 .process-bubble:before{inset:-9px -6px}
 .process-bubble:after{left:-24px;top:61%;width:32px;height:25px}
 .process-bubble h2{font-size:clamp(20px,5vw,32px);line-height:1.02;letter-spacing:-.7px}
 .process-contact-copy{grid-column:1 / -1;padding-top:0}
}

/* Selected mobile artwork; the original semantic text remains accessible. */
.process-mobile-art{display:none}
@media(max-width:760px){
 .process-section{padding:0 0 28px}
 .process-mobile-art{display:block;width:100%;margin:0 0 -8px}
 .process-mobile-art img{display:block;width:100%;height:auto}
 .process-section>.process-heading,.process-section>.process-steps{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
 .process-section>.process-plane{display:none}
 .process-contact{margin-inline:28px}
}

@media(max-width:760px){.process-phone{height:160px}}
