/* One paper color at every full-width boundary. Color stays inside the section. */
:root{--coastal-paper:#fffefa;--coastal-blend-depth:clamp(100px,12vw,180px)}
body#top #main{background:var(--coastal-paper)}
body#top.adnexu-interior #main .coastal-section,
body#top.adnexu-interior #main .directory,
body#top.adnexu-interior #main .coastal-hero-surface,
body[data-homepage]#top #main .flow-section{
 --coastal-surface-image:none;--coastal-surface-color:var(--coastal-paper);
 --coastal-edge-wash:linear-gradient(to bottom,var(--coastal-paper) 0,transparent var(--coastal-blend-depth),transparent calc(100% - var(--coastal-blend-depth)),var(--coastal-paper) 100%);
 background:var(--coastal-edge-wash),var(--coastal-surface-image,none),var(--coastal-surface-color,var(--coastal-paper))!important;
}
body#top.adnexu-interior #main .coastal-hero-surface{--coastal-surface-image:radial-gradient(ellipse at 88% 65%,#afd5ca70,transparent 49%),linear-gradient(120deg,#fffefa 20%,#eef6f0 100%)}
body#top.adnexu-interior #main .coastal-section:nth-of-type(even){--coastal-surface-image:linear-gradient(135deg,#e6f0e8,#f1eee0)}
body#top.adnexu-interior #main .coastal-section[class*="f5f5f7"]{--coastal-surface-color:#f4eee2}
body#top.adnexu-interior #main .interior-cta.coastal-section{--coastal-surface-image:radial-gradient(ellipse at 90% 90%,#b8d8c8,transparent 55%),linear-gradient(130deg,#e3eee4,#f2eddf)}
body#top.route-contact #main>.coastal-section{--coastal-surface-image:none;--coastal-surface-color:#f4eee2}
body#top.route-services #main .directory{--coastal-surface-image:linear-gradient(#fffefa,#eef4ec)}
body[data-homepage]#top #main .flow-commitment{--coastal-surface-image:radial-gradient(ellipse at 90% 70%,#d3e7d875,transparent 52%)}
body[data-homepage]#top #main .flow-services{--coastal-surface-image:linear-gradient(140deg,#e7f0e5,#f2ebd8)}
body[data-homepage]#top #main .flow-process{--coastal-surface-image:radial-gradient(ellipse at 95% 10%,#c0dacb99,transparent 50%);--coastal-surface-color:#f5f1e4}
body[data-homepage]#top #main .flow-reputation{--coastal-surface-image:linear-gradient(145deg,#e5f0e8,#f4f6ed)}
body[data-homepage]#top #main .flow-markets{--coastal-surface-image:radial-gradient(ellipse at 92% 80%,#bddcbe 0,transparent 52%),linear-gradient(120deg,#ede4cc,#e4efe0)}
body[data-homepage]#top #main .flow-faq{--coastal-surface-image:radial-gradient(ellipse at 0 100%,#d7e8d78c,transparent 55%)}
body[data-homepage]#top #main .flow-closing{--coastal-surface-image:radial-gradient(ellipse at 50% 130%,#c4dcbf,transparent 70%);--coastal-surface-color:#f1eedf}
/* Wave fronts meet the same paper instead of a guessed neighboring color. */
body#top .flow-edge-front,body#top .coastal-wave-front{fill:var(--coastal-paper)!important}
/* Service content lives inside its old hero wrapper. Paint the actual hero separately. */
body#top.route-service #main>.coastal-hero-surface{background:var(--coastal-paper)!important}
body#top.route-service #main .chrome-hero::before{
 content:"";position:absolute;z-index:-2;pointer-events:none;
 left:calc(50% - 50vw);width:100vw;top:-128px;bottom:0;
 background:linear-gradient(to bottom,var(--coastal-paper),transparent var(--coastal-blend-depth),transparent calc(100% - var(--coastal-blend-depth)),var(--coastal-paper)),radial-gradient(ellipse at 88% 65%,#afd5ca70,transparent 49%),linear-gradient(120deg,#fffefa 20%,#eef6f0 100%);
}
@media(min-width:768px){body#top.route-service #main .chrome-hero::before{top:-160px}}
/* Decorative divs must never inherit the CTA content grid's height and padding. */
body#top.adnexu-interior #main .interior-cta>.coastal-section-edge{
 min-height:0!important;min-width:0;max-width:none!important;
 padding:0!important;margin:0!important;grid-column:auto;grid-row:auto;
}
body#top .flow-sea-trace,body#top .coastal-botanical{
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 70px,#000 calc(100% - 100px),transparent);
 mask-image:linear-gradient(to bottom,transparent,#000 70px,#000 calc(100% - 100px),transparent);
}
body#top #main .interior-cta.coastal-section::after{
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 60px,#000 calc(100% - 120px),transparent);
 mask-image:linear-gradient(to bottom,transparent,#000 60px,#000 calc(100% - 120px),transparent);
}
/* The scroll story and the shared ocean finish on their neighboring surface color. */
body[data-homepage]#top .sea-story::after{
 content:"";position:absolute;pointer-events:none;z-index:21;left:0;right:0;bottom:-1px;height:var(--coastal-blend-depth);
 background:linear-gradient(transparent,var(--coastal-paper));
}
body#top .coastal-shoreline::after{
 content:"";position:absolute;pointer-events:none;z-index:3;left:0;right:0;bottom:-1px;height:60px;
 background:linear-gradient(transparent,#0b3039);
}