/* Restrained section backgrounds. Original revise checkpoint is preserved. */
#features,#packages{position:relative;isolation:isolate;overflow:clip}
#features>.wrap,#packages>.wrap{position:relative;z-index:1}
/* One quiet accent on the feature section, with no competing colour wash. */
#features{background:#fafbfd}
#features:before{content:"";position:absolute;right:5%;top:28px;width:175px;height:130px;background-image:radial-gradient(#9a84bb22 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(140deg,transparent,#0008);pointer-events:none;z-index:0}
/* A single neutral lavender tone provides a clear package boundary. */
#packages{background:#f3f1f7}
#packages:before{content:"";position:absolute;top:0;left:0;right:0;height:180px;background-image:linear-gradient(#8c75ad07 1px,transparent 1px),linear-gradient(90deg,#8c75ad07 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#0007,transparent);pointer-events:none;z-index:0}
#builder,#getting-started,#faq{background:#fafbfd}
#installations.selected-work{background:#f5f4f8;border-color:#e9e5ee}
#reviews{background:#f3f1f7}
#contact{background:#fafbfd;padding-top:80px;padding-bottom:80px}
@media(max-width:650px){#features:before{width:110px;height:90px;right:10px;opacity:.6}#packages:before{background-size:45px 45px;opacity:.6}#contact{padding-top:55px;padding-bottom:55px}}
/* Tonal lavender surfaces: one hue, layered light and quiet geometric detail. */
#packages,#reviews,#installations.selected-work{position:relative;isolation:isolate;overflow:clip}
#packages>.wrap,#reviews>.wrap,#installations.selected-work>.wrap{position:relative;z-index:1}
#packages{background:radial-gradient(ellipse at 92% 8%,#dcd0ed65,transparent 48%),radial-gradient(ellipse at 4% 95%,#e3d8f14d,transparent 48%),linear-gradient(145deg,#f7f4fb,#efebf6 55%,#f6f3fa)}
#packages:before{height:280px;background-image:linear-gradient(#9c85b50c 1px,transparent 1px),linear-gradient(90deg,#9c85b50c 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#0008,transparent)}
#packages:after{content:"";position:absolute;width:500px;height:500px;right:-180px;top:95px;border:1px solid #b69ac82c;border-radius:50%;box-shadow:0 0 0 34px #b69ac80b,0 0 0 68px #b69ac807;pointer-events:none;z-index:0}
#installations.selected-work{background:radial-gradient(ellipse at 8% 15%,#e2d8ef55,transparent 52%),linear-gradient(120deg,#f8f5fc,#f1edf7 65%,#f7f4fa)}
#installations.selected-work:before{content:"";position:absolute;width:240px;height:180px;top:20px;right:4%;background-image:radial-gradient(#a18ab72b 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(135deg,transparent,#0009);pointer-events:none;z-index:0}
#reviews{background:radial-gradient(ellipse at 84% 2%,#daccE960,transparent 55%),linear-gradient(155deg,#f7f3fc,#efeaf6 65%,#f6f2fa)}
#reviews:before{content:"";position:absolute;left:-210px;bottom:-260px;width:620px;height:620px;border:1px solid #ad92c32b;border-radius:50%;box-shadow:0 0 0 34px #ad92c30a,0 0 0 68px #ad92c306;pointer-events:none;z-index:0}
#reviews:after{content:"";position:absolute;right:0;top:0;width:45%;height:100%;background:linear-gradient(125deg,transparent 44%,#ffffff45 44.2%,#ffffff00 72%);pointer-events:none;z-index:0}
@media(max-width:650px){#packages:after{width:330px;height:330px;right:-220px;top:180px;opacity:.65}#packages:before{background-size:42px 42px;height:200px}#installations.selected-work:before{width:130px;height:130px;opacity:.6}#reviews:before{width:400px;height:400px;left:-260px;bottom:-190px;opacity:.65}#reviews:after{width:70%;opacity:.6}}
/* The full portfolio uses the same tonal lavender surface. */
.portfolio-page .showcase-modern{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 94% 3%,#daccE966,transparent 42%),radial-gradient(ellipse at 5% 75%,#e4d9f04d,transparent 45%),linear-gradient(145deg,#f8f5fc,#f0ebf7 55%,#f7f4fb)}
.portfolio-page .showcase-modern>.wrap{position:relative;z-index:1}
.portfolio-page .showcase-modern:before{content:"";position:absolute;inset:0 0 auto;height:340px;background-image:linear-gradient(#9b82b30b 1px,transparent 1px),linear-gradient(90deg,#9b82b30b 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(#0009,transparent);pointer-events:none;z-index:0}
.portfolio-page .showcase-modern:after{content:"";position:absolute;right:-260px;top:460px;width:650px;height:650px;border:1px solid #b59bc930;border-radius:50%;box-shadow:0 0 0 38px #b59bc909,0 0 0 76px #b59bc906;pointer-events:none;z-index:0}
@media(max-width:650px){.portfolio-page .showcase-modern:before{height:260px;background-size:42px 42px;opacity:.65}.portfolio-page .showcase-modern:after{width:420px;height:420px;right:-290px;top:620px;opacity:.65}}
