/* FLOW02: approved faucet workshop artwork, leak blues, continuous coastal curves.
   Decorative layers have no layout space and never delay or intercept content. */
.fp-editorial .fe-section>.fe-shell,.ce-page .ce-section>.ce-shell{z-index:2}
.fp-editorial :is(.fe-scenery,.fe-workshop,.fe-blueprint){position:absolute;inset:0;z-index:0;overflow:clip;pointer-events:none;user-select:none}
.fp-editorial .fe-scenery{--shape-ink:#dceef5;--shape-soft:#eaf4f8;--orbit:#a5c9d4}
.fp-editorial :is(.fe-section--sky,.ce-section--sky) .fe-scenery{--shape-ink:#c4e3ef;--shape-soft:#e7f3f8}
.fp-editorial :is(.fe-section--pale,.ce-section--pale) .fe-scenery{--shape-ink:#d4e9f2;--shape-soft:#e3f1f7}
.fp-editorial .fe-scenery::before,.fp-editorial .fe-scenery::after{content:'';position:absolute;pointer-events:none;background:var(--shape-ink)}
.fp-editorial .fe-scenery::before{width:clamp(360px,56vw,850px);height:clamp(340px,43vw,640px);right:-20%;top:4%;border-radius:58% 42% 63% 37% / 62% 31% 69% 38%;transform:rotate(-18deg)}
.fp-editorial .fe-scenery::after{width:clamp(240px,30vw,440px);height:clamp(240px,30vw,440px);left:-16%;bottom:25px;background:var(--shape-soft);border-radius:36% 64% 38% 62% / 64% 54% 46% 36%;transform:rotate(24deg)}
.fp-editorial .fe-scenery--inlet::before{left:-24%;right:auto;top:22%;border-radius:36% 64% 60% 40% / 42% 39% 61% 58%;transform:rotate(17deg)}
.fp-editorial .fe-scenery--inlet::after{left:auto;right:-12%;bottom:2%;border-radius:50% 50% 30% 70%}
.fp-editorial .fe-scenery--current::before{right:-13%;top:auto;bottom:3%;width:clamp(340px,49vw,730px);height:clamp(270px,30vw,490px);border-radius:68% 32% 39% 61% / 41% 55% 45% 59%}
.fp-editorial .fe-scenery--current::after{left:-12%;bottom:auto;top:15px;width:clamp(240px,26vw,400px);height:clamp(240px,26vw,400px)}
.fp-editorial .fe-scenery--clear::before,.fp-editorial .fe-scenery--clear::after,.fp-editorial .fe-scenery--clear .fe-scenery-orbit{display:none}
.fp-editorial .fe-scenery-orbit{position:absolute;width:clamp(130px,17vw,250px);aspect-ratio:1;border:1px solid var(--orbit);border-radius:50%;right:4%;bottom:50px;box-shadow:38px -25px 0 -36px var(--shape-ink),38px -25px 0 -35px var(--orbit)}
.fp-editorial .fe-scenery--inlet .fe-scenery-orbit{right:auto;left:1%;bottom:70px;width:clamp(110px,13vw,190px)}
.fp-editorial .fe-scenery--current .fe-scenery-orbit{right:7%;bottom:auto;top:30px;width:clamp(100px,12vw,180px)}
/* The shape remains behind the photo; the solid photo shadow is unchanged. */
.fp-editorial .fe-hero::before{width:64%;height:580px;right:-17%;top:115px;border-radius:58% 42% 61% 39% / 45% 54% 46% 55%;background:#dceef5;transform:rotate(-14deg)}
.fp-editorial .fe-hero::after{content:'';position:absolute;left:-140px;bottom:20px;width:320px;height:270px;border-radius:40% 60% 68% 32%;background:#edf5fa;z-index:-1;pointer-events:none}
.fp-editorial .fe-section-heading::before{display:none}
.fp-editorial .fe-section--sky{--surface:#dceef5}
.ce-page .ce-section--sky{--surface:#dceef5}
.fp-editorial .fe-section--transition::before,.ce-page .ce-section::before{z-index:3}
/* Realistic watercolor tools from the approved faucet hub, not interface icons. */
.fp-editorial .fe-tool{position:absolute;display:block;object-fit:contain;max-width:none;width:160px;height:205px;opacity:.56;filter:grayscale(1) sepia(1) hue-rotate(150deg) saturate(1.7) contrast(1.08) brightness(.94)}
.fp-editorial .fe-tool--1{right:-12px;top:14px;transform:rotate(19deg);mask-image:linear-gradient(90deg,transparent,#000 42%)}
.fp-editorial .fe-tool--2{left:-25px;bottom:30px;width:145px;height:145px;transform:rotate(-17deg)}
.fp-editorial .fe-tool--3{right:-38px;top:53%;width:165px;height:220px;transform:rotate(-24deg);mask-image:linear-gradient(90deg,transparent 8%,#000 80%)}
.fp-editorial .fe-blueprint{background:url('/wp-content/themes/smile-base/assets/images/home-flow-blueprint-bg-v1.webp') right -90px top -70px/1000px auto no-repeat;filter:brightness(.75) contrast(2);mix-blend-mode:multiply;opacity:.78;mask-image:linear-gradient(90deg,transparent 20%,#000 76%)}
.fp-editorial .fe-composition--form .fe-blueprint{display:none}
.fp-editorial .fe-composition--form .fe-tool--3{top:50%}
/* Cities retain their own abstract motif; workshop material binds them to FLOW02. */
.ce-page .ce-section>.ce-ornament{z-index:1;opacity:.45}
.ce-page .ce-section--contact{--surface:#dceef5}
.ce-page .ce-section--faq{--surface:#f8fbfc}
.ce-page .fp-desk.fe-desk{position:relative;isolation:isolate}
.ce-page .fe-desk>.fp-inner{position:relative;z-index:2}
.ce-page .fe-desk .fe-scenery{--shape-ink:#c4e3ef;--shape-soft:#e7f3f8}
.ce-page .fe-desk::before{z-index:3;pointer-events:none}
/* Stacked headings leave no empty side column. Keep the drawing inside
   the section's bottom padding, below the full-width reading area. */
@media(min-width:768px){
 .fp-editorial .fe-composition--reading:has(.fe-blueprint){padding-bottom:max(145px,calc(var(--space) + var(--curve)))}
 .ce-page .fe-blueprint,.fp-editorial .fe-composition--reading .fe-blueprint{inset:auto 0 0;height:130px;background-size:780px auto;background-position:right -80px bottom -160px;mask-image:linear-gradient(0deg,#000,transparent);opacity:.55}
}
@media(min-width:1600px){.fp-editorial .fe-tool--1{right:4%}.fp-editorial .fe-tool--2{left:3%}.fp-editorial .fe-tool--3{right:3%}}
@media(max-width:767px){
 .fp-editorial .fe-hero::before{width:108%;height:340px;right:-38%;top:235px}
 .fp-editorial .fe-hero::after{width:240px;height:210px;left:-150px;bottom:30px}
 .fp-editorial .fe-scenery::before{width:360px;height:390px;right:-240px;top:10%;transform:rotate(-16deg)}
 .fp-editorial .fe-scenery::after{width:250px;height:260px;left:-170px;bottom:25px}
 .fp-editorial .fe-scenery--inlet::before{left:-265px;right:auto;top:22%}
 .fp-editorial .fe-scenery--inlet::after{left:auto;right:-175px}
 .fp-editorial .fe-scenery--current::before{top:auto;bottom:5%;right:-230px}
 .fp-editorial .fe-scenery--current::after{top:20px;bottom:auto;left:-180px}
 .fp-editorial .fe-scenery-orbit{width:120px;right:-55px;bottom:28px}
 .fp-editorial .fe-scenery--inlet .fe-scenery-orbit{left:-45px;bottom:40px}
 .fp-editorial .fe-scenery--current .fe-scenery-orbit{right:-55px;top:20px}
 .fp-editorial .fe-tool--1{width:92px;height:118px;top:0;right:-23px;opacity:.52;mask-image:linear-gradient(90deg,transparent,#000 70%)}
 .fp-editorial .fe-tool--2{width:100px;height:100px;left:-30px;bottom:24px;opacity:.5}
 .fp-editorial .fe-tool--3{width:100px;height:135px;right:-53px;opacity:.48}
 .fp-editorial .fe-blueprint{background-size:680px auto;background-position:right -270px top -35px;opacity:.68;mask-image:linear-gradient(90deg,transparent 8%,#000 98%)}
}
@media(prefers-reduced-motion:reduce){.fp-editorial :is(.fe-scenery,.fe-workshop,.fe-blueprint){animation:none;transition:none}}