/* Final gentle polish: spacing, mobile balance and stationery details. */
.about,.support-section,.note-builder,.little-from-sbs,.prices{padding-top:clamp(4.5rem,7vw,7rem);padding-bottom:clamp(4.5rem,7vw,7rem)}
.section-heading{margin-bottom:2.8rem}
.support-section,.promise-section,.prices{position:relative;overflow:hidden}
.support-section::after,.promise-section::before{content:"";position:absolute;width:100px;height:84px;background:url("forget-me-nots.png") center/contain no-repeat;mix-blend-mode:multiply;opacity:.42;pointer-events:none}
.support-section::after{right:.8rem;bottom:.5rem;transform:scaleX(-1)}
.promise-section::before{left:1rem;top:.4rem;opacity:1}
.support-grid{gap:.85rem}
.support-grid article{padding:1.55rem;min-height:225px;border-radius:10px;box-shadow:none;outline:1px solid rgba(183,189,150,.42);outline-offset:-6px}
.support-grid h3{margin:1.3rem 0 .55rem}
.promise-section{padding-top:.6rem;padding-bottom:clamp(4rem,6vw,6rem)}
.promise-box{background:#e9eadc;padding:clamp(1.8rem,4vw,3.2rem)}
.little-from-sbs{padding-top:clamp(4rem,6vw,6rem)}
.thought-cards article{min-height:235px;padding:1.75rem}
.philosophy{padding-top:clamp(4.5rem,7vw,7rem);padding-bottom:clamp(4.5rem,7vw,7rem)}

@media(max-width:780px){
  .site-header{height:66px}.scrolled .site-header{height:56px}
  .header-logo{width:132px;height:58px}.scrolled .header-logo{width:114px;height:50px}
  .site-header nav{top:66px}.scrolled .site-header nav{top:56px}
  .about,.support-section,.note-builder,.little-from-sbs,.prices{padding-top:4rem;padding-bottom:4rem}
  .section-heading{margin-bottom:2.25rem}
  .promise-section{padding-top:.4rem;padding-bottom:4rem}
  .little-from-sbs{padding-top:3.75rem}
  .philosophy{padding-top:4rem;padding-bottom:4rem}
  .thought-cards article{min-height:210px;padding:1.6rem}
}

@media(max-width:520px){
  .script-title{font-size:2.55rem;margin-bottom:1.35rem}
  .hero h1{font-size:2.15rem}
  .hero-copy{padding-top:3rem;padding-bottom:1.25rem}
  .about,.support-section,.note-builder,.little-from-sbs,.prices{padding-top:3.5rem;padding-bottom:3.5rem}
  .about .section-heading h2{font-size:1.92rem;line-height:1.22}
  .support-section .section-heading h2{font-size:2rem;line-height:1.2}
  .note-intro h2{font-size:2rem}
  .little-from-sbs .section-heading h2{font-size:2rem}
  .prices h2{font-size:1.95rem;line-height:1.24}
  .contact-copy h2{font-size:2.02rem;line-height:1.22}
  .philosophy{padding-top:3.75rem;padding-bottom:3.75rem}
  .philosophy blockquote{font-size:1.72rem;line-height:1.35;margin-bottom:1.5rem}
  .support-grid{gap:.7rem}
  .support-grid article{padding:1.22rem 1.2rem;outline-offset:-5px}
  .support-grid h3{font-size:1.22rem;margin:1rem 0 .45rem}
  .support-grid p{font-size:1rem}
  .promise-section{padding-top:.25rem;padding-bottom:3.5rem}
  .promise-box{padding:1.55rem 1.05rem}
  .promise-heart{font-size:3.8rem}
  .little-from-sbs{padding-top:3.35rem}
  .thought-cards article{min-height:0;padding:1.45rem}
  .kind-words{padding-top:3.5rem;padding-bottom:3.5rem}
  .contact{padding-top:3.8rem;padding-bottom:3.8rem}
  .support-section::after{width:74px;height:62px;opacity:.32}
  .promise-section::before{width:70px;height:59px;opacity:1}
}

/* Service panels 01–08: soft, organic Side by Side stationery. */
.support-section::after{display:none}
.thought-cards img{display:none}
.hero-illustration img{display:block;max-width:100%;height:auto;object-fit:contain;margin-inline:auto;transform:none}
.support-grid{grid-template-columns:1fr;gap:.82rem;max-width:980px;padding:0 clamp(.75rem,3vw,1.75rem)}
.support-grid article{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.9rem;row-gap:.1rem;align-items:center;min-height:0;padding:.78rem clamp(1.55rem,3.5vw,2.8rem);border:0;outline:0;box-shadow:none;overflow:visible}
.support-grid article:nth-child(odd){background:#e8eee1;border-radius:34px 44px 38px 42px/27px 31px 29px 33px}
.support-grid article:nth-child(even){background:#fcebdd;border-radius:43px 33px 42px 36px/31px 27px 33px 29px}
.support-grid article:nth-child(3n+1){border-radius:39px 33px 45px 35px/29px 33px 27px 31px}
.support-grid article:nth-child(3n+2){border-radius:33px 43px 36px 46px/33px 27px 31px 29px}
.support-grid article>span{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;font-size:1.58rem;line-height:1}
.support-grid h3{grid-column:2;grid-row:1;margin:0;font-size:1.42rem;line-height:1.25}
.support-grid p{grid-column:2;grid-row:2;margin:0;font-size:1rem;line-height:1.55}
.support-grid article::after{content:"";display:none;position:absolute;width:70px;height:82px;background:url("forget-me-nots.png") center/contain no-repeat;opacity:1;pointer-events:none;z-index:1}
.support-grid article:nth-child(2)::after{display:block;right:-24px;top:-22px}
.support-grid article:nth-child(5)::after{display:block;left:-24px;bottom:-25px;transform:scaleX(-1)}
.support-grid article:nth-child(8)::after{display:block;right:-22px;bottom:-24px}

@media(max-width:780px){
  .hero-illustration img{transform:none}
  .support-grid{grid-template-columns:1fr;gap:.72rem;padding:0 .15rem}
  .support-grid article{grid-template-columns:46px minmax(0,1fr);column-gap:.62rem;min-height:0;padding:.68rem 1.05rem .68rem .72rem}
  .support-grid article:nth-child(odd){border-radius:27px 36px 30px 34px/22px 26px 24px 28px}
  .support-grid article:nth-child(even){border-radius:35px 26px 34px 29px/26px 22px 28px 24px}
  .support-grid article:nth-child(3n+1){border-radius:31px 26px 37px 28px/24px 28px 22px 26px}
  .support-grid article:nth-child(3n+2){border-radius:26px 35px 29px 38px/28px 22px 26px 24px}
  .support-grid article>span{font-size:1.45rem}
  .support-grid h3{font-size:1.25rem}
  .support-grid p{font-size:1rem;line-height:1.5}
  .support-grid article::after{width:54px;height:63px;opacity:1}
  .support-grid article:nth-child(2)::after{right:-10px;top:-20px}
  .support-grid article:nth-child(5)::after{left:-10px;bottom:-21px}
  .support-grid article:nth-child(8)::after{right:-9px;bottom:-20px}
}

@media(max-width:420px){
  .support-grid article{grid-template-columns:42px minmax(0,1fr);column-gap:.52rem;padding:.62rem .86rem .62rem .64rem}
  .support-grid article>span{font-size:1.38rem}
  .support-grid h3{font-size:1.18rem}
  .support-grid article::after{width:48px;height:56px;opacity:1}
}

.hero-flower{left:.4rem;bottom:.25rem;opacity:1}

/* Complete pricing information, kept calm and easy to scan. */
.prices{align-items:start}
.price-heading{align-self:center}
.price-heading h2{text-transform:none}
.price-main{border-radius:28px 34px 26px 32px;box-shadow:8px 8px 0 rgba(216,195,165,.78)}
.price-main>div:last-child{border-bottom:0}
.price-main span small{display:block;font-size:.82rem;font-weight:500;color:#636a64}
.price-details{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;gap:1.3rem;margin-top:-1rem}
.price-details section{border:1px solid var(--line)}
.price-details h3{font-family:var(--serif);color:var(--olive);line-height:1.25;margin:0 0 1rem}
.price-examples{background:#fff7f0;border-radius:30px 25px 32px 24px;padding:1.6rem}
.example-list p{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.55rem 0;border-bottom:1px solid #eadbcf}
.example-list p:last-child{border-bottom:0}
.example-list strong{font-family:var(--serif);color:var(--olive);font-size:1.15rem}
.additional-costs{background:rgba(255,253,250,.78);border-radius:25px 32px 27px 34px;padding:1.6rem}
.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 1.6rem}
.cost-grid article{border-top:2px solid rgba(243,155,95,.55);padding-top:.85rem}
.cost-grid h4{font-family:var(--serif);font-size:1.05rem;color:var(--deep);margin:0 0 .35rem}
.cost-grid p,.different-support p{font-size:.95rem;line-height:1.65;margin:0}
.different-support{grid-column:1/-1;background:#e9eee3;border-radius:24px 30px 23px 32px;padding:1.5rem 1.7rem}
.different-support h3{margin-bottom:.45rem}

@media(max-width:780px){
  .price-details{grid-template-columns:1fr;margin-top:0}
  .price-main{border-radius:22px 27px 21px 25px}
  .price-examples,.additional-costs,.different-support{padding:1.35rem}
  .cost-grid{grid-template-columns:1fr;gap:1rem}
}

@media(max-width:420px){
  .price-main>div{align-items:flex-start}
  .price-main strong{font-size:1.12rem}
  .price-details h3{font-size:1.3rem}
}

/* Gentle Side by Side warmth within the pricing section only. */
.prices::before,.prices::after{content:"";position:absolute;pointer-events:none;z-index:0}
.prices::before{width:380px;height:220px;left:-110px;top:8%;background:rgba(243,155,95,.13);border-radius:46% 54% 62% 38%/55% 42% 58% 45%;transform:rotate(-7deg)}
.prices::after{width:430px;height:250px;right:-145px;bottom:7%;background:rgba(255,247,240,.8);border-radius:58% 42% 37% 63%/43% 56% 44% 57%;transform:rotate(8deg)}
.prices>*{position:relative;z-index:1}
.price-main,.additional-costs{overflow:visible}
.price-main::before,.additional-costs::after{content:"";position:absolute;width:76px;height:82px;background:url("forget-me-nots.png") center/contain no-repeat;pointer-events:none;z-index:2}
.price-main::before{left:-82px;top:1.2rem;transform:rotate(-8deg)}
.additional-costs::after{right:-82px;bottom:1.4rem;transform:rotate(8deg) scaleX(-1)}
.price-examples h3{font-family:var(--script);font-size:1.8rem;font-weight:400;color:var(--peach);letter-spacing:.01em;transform:rotate(-1deg)}

@media(max-width:780px){
  .prices::before{width:250px;height:170px;left:-120px;top:4%}
  .prices::after{width:280px;height:190px;right:-140px;bottom:4%}
  .price-main::before{width:62px;height:68px;left:auto;right:-10px;top:-58px}
  .additional-costs::after{width:62px;height:68px;right:-10px;bottom:-56px}
  .price-examples h3{font-size:1.65rem}
}

/* A genuine kind word, presented as a warm personal note. */
.kind-words{position:relative;overflow:hidden;display:block;background:#f5f0e7}
.kind-words::before,.kind-words::after{content:"";position:absolute;width:112px;height:120px;background:url("forget-me-nots.png") center/contain no-repeat;pointer-events:none;z-index:2}
.kind-words::before{left:max(.8rem,calc(50% - 590px));bottom:.7rem;transform:rotate(-10deg)}
.kind-words::after{right:max(.8rem,calc(50% - 590px));top:5.8rem;transform:rotate(9deg) scaleX(-1)}
.kind-words>*{position:relative;z-index:1}
.kind-heading{text-align:center;margin:0 auto 2.1rem}
.kind-words .kind-heading h2{font-family:var(--script);font-size:clamp(2.9rem,4.6vw,4.7rem);font-weight:400;line-height:1.05;color:var(--peach);margin:0;transform:rotate(-1deg)}
.kind-heart{position:absolute;left:calc(50% + 7.6rem);top:.25rem;font-family:var(--script);font-size:2.1rem;line-height:1;color:rgba(243,155,95,.78);transform:rotate(9deg)}
.kind-note{position:relative;max-width:1060px;margin:0 auto;background:#edf0e4;border:0;border-radius:72px 48px 84px 56px/52px 76px 48px 80px;box-shadow:none;padding:clamp(3rem,5vw,5.2rem) clamp(2.2rem,7vw,6.5rem);display:grid;grid-template-columns:auto 1fr;gap:1.3rem;transform:rotate(-.3deg)}
.kind-note::after{content:"”";position:absolute;right:clamp(1.5rem,4vw,3.8rem);bottom:.25rem;font-family:var(--serif);font-size:7rem;line-height:.75;color:rgba(85,112,91,.18);pointer-events:none}
.kind-note .kind-quote{font-family:var(--serif);font-size:6.4rem;color:rgba(85,112,91,.2);line-height:.7;transform:translateY(-.35rem)}
.kind-note p{font-family:var(--serif);font-style:normal;font-size:1.1rem;line-height:1.82;margin:0;color:var(--charcoal)}
.kind-note cite{display:block;font-family:var(--sans);font-style:normal;font-weight:700;color:var(--deep);text-align:center;margin:1.7rem auto 0;padding-top:1.15rem;border-top:1px solid rgba(127,154,131,.35);max-width:360px}

@media(max-width:780px){
  .kind-words::before,.kind-words::after{width:68px;height:73px}
  .kind-words::before{left:-.5rem;bottom:.2rem}
  .kind-words::after{right:-.45rem;top:5.3rem}
  .kind-heading{margin-bottom:1.55rem}
  .kind-heart{left:calc(50% + 5.6rem);top:.05rem;font-size:1.7rem}
  .kind-note{grid-template-columns:1fr;gap:.1rem;padding:2.5rem 1.55rem 3.2rem;border-radius:38px 24px 44px 29px/30px 43px 27px 46px;transform:rotate(-.15deg)}
  .kind-note .kind-quote{font-size:4.8rem;height:3rem;transform:none}
  .kind-note::after{right:1.1rem;bottom:.1rem;font-size:5.3rem}
  .kind-note p{font-size:.96rem;line-height:1.75}
  .kind-note cite{margin-top:1.4rem;padding-top:1rem}
}