/* Styles scoped to the Websites & Online Presence page. */
.web-hero{min-height:610px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#fcf9f5}
.web-hero-photo{position:absolute;inset:0;z-index:-2;background:url('../assets/lakeside-workspace-updated.png') center 51%/cover no-repeat}
.web-hero-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 85% 128% at -18% 51%,#fcf9f5 0%,#fcf9f5 51%,rgba(252,249,245,.94) 67%,rgba(252,249,245,.42) 82%,transparent 100%),linear-gradient(90deg,#fcf9f5 0%,rgba(252,249,245,.75) 39%,transparent 79%)}
.web-hero-inner{position:relative;padding:74px 0 92px}.web-hero .eyebrow{color:#63755f}.web-hero h1{font-size:clamp(3.4rem,5.7vw,6.05rem);letter-spacing:-.035em;line-height:.93;max-width:690px;margin:16px 0 24px}.web-hero-copy{font-size:1.05rem;line-height:1.52;max-width:515px;margin-bottom:26px}
.web-leaf{position:absolute;pointer-events:none}.web-leaf-hero{width:205px;left:-101px;bottom:-43px;transform:rotate(-20deg);opacity:.67}
.web-paper-top{position:relative}.web-paper-top:before{content:"";position:absolute;left:0;right:0;top:-13px;height:22px;z-index:2;background:inherit;clip-path:polygon(0 35%,5% 62%,11% 39%,17% 74%,24% 45%,30% 65%,37% 35%,44% 70%,50% 41%,57% 69%,64% 37%,70% 66%,77% 38%,84% 72%,91% 43%,100% 66%,100% 100%,0 100%)}
.web-choices{background:var(--cream);padding:91px 0 100px}.web-choices .eyebrow{color:#65735e}.web-choices h2{font-size:clamp(2.9rem,4.2vw,4.7rem);margin:0 auto 50px;max-width:850px;line-height:1}
.web-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:stretch}.web-card{display:flex;flex-direction:column;min-width:0;background:#fffcf9;border:1px solid #e7dfd6;padding:35px 31px 32px;box-shadow:0 9px 28px rgba(38,50,41,.035)}.web-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px}.web-icon.sage-tint{background:#e2e6de}.web-icon.rose-tint{background:#eededa}.web-icon svg{width:34px;height:34px;stroke:#394b42;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.web-card h3{font-size:1.6rem;text-transform:uppercase;letter-spacing:.055em;line-height:1.05;margin:0 0 15px}.web-card>p{line-height:1.5;margin:0 0 22px;min-height:5.7em}.web-card ul{list-style:none;margin:0 0 30px;padding:0}.web-card li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid #eae5dd;font-size:.91rem;line-height:1.35}.web-card li:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:1px;top:1.08em;background:#b9857c}.web-card-link{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sage);text-decoration:none;margin-top:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px}.web-card-link span{font-size:1.4rem}.web-card-link:hover{text-decoration:underline;text-underline-offset:5px}
.web-more{background:#e7ebe3;padding:95px 0 91px;overflow:hidden}.web-more-inner{display:grid;grid-template-columns:minmax(0, .84fr) minmax(0,1fr);gap:8%;align-items:center;position:relative;z-index:1}.web-more .eyebrow{color:#65735e}.web-more h2{font-size:clamp(3.4rem,5vw,5.5rem);line-height:.9;margin:15px 0 24px}.web-more-intro>p:last-child{font-size:1.07rem;line-height:1.56;max-width:470px}.web-offerings{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0;margin:0}.web-offerings li{border-bottom:1px solid rgba(65,86,68,.25);padding:14px 0 14px 20px;position:relative;font-size:.89rem;font-weight:600;letter-spacing:.015em}.web-offerings li:before{content:"";position:absolute;left:0;top:21px;width:6px;height:6px;border-radius:50%;background:#b9857c}.web-leaf-more{width:225px;right:-94px;bottom:-43px;opacity:.2;transform:rotate(26deg)}
.web-reassurance{background:#fcf9f5;text-align:center;padding:90px 0 96px;scroll-margin-top:110px}.web-reassurance-inner{max-width:790px}.web-reassurance .eyebrow{color:#65735e}.web-reassurance h2{font-size:clamp(3.3rem,5.2vw,5.5rem);line-height:.95;margin:13px 0 22px}.web-reassurance p:not(.eyebrow){font-size:1.11rem;line-height:1.55;max-width:690px;margin:0 auto 28px}
@media(max-width:1050px){.web-hero h1{max-width:590px}.web-card-grid{gap:14px}.web-card{padding:29px 21px}.web-card h3{font-size:1.38rem}.web-card>p{min-height:7em}}
@media(max-width:700px){.web-hero{display:block;min-height:0;padding-top:0}.web-hero-photo{inset:auto 0 0;height:43%;background-position:65% center}.web-hero-wash{background:linear-gradient(180deg,#fcf9f5 0%,#fcf9f5 58%,rgba(252,249,245,.95) 67%,rgba(252,249,245,.18) 92%,transparent 100%)}.web-hero-inner{padding:52px 0 270px}.web-hero h1{font-size:clamp(3.2rem,10vw,4.7rem);max-width:590px;margin:14px 0 20px}.web-hero-copy{font-size:1rem;line-height:1.5;max-width:540px}.web-leaf-hero{width:125px;left:-72px;bottom:-22px}.web-choices{padding:70px 0 76px}.web-choices h2{font-size:clamp(2.9rem,9vw,4rem);margin-bottom:34px}.web-card-grid{grid-template-columns:1fr;gap:20px;max-width:540px;margin:auto}.web-card{padding:27px 26px 24px}.web-card>p{min-height:0}.web-icon{margin-bottom:16px}.web-card ul{margin-bottom:17px}.web-more{padding:75px 0}.web-more-inner{grid-template-columns:1fr;gap:20px}.web-more h2{font-size:clamp(3.4rem,9vw,4.7rem)}.web-more-intro>p:last-child{font-size:1rem}.web-reassurance{padding:72px 0 80px;scroll-margin-top:85px}.web-reassurance h2{font-size:clamp(3.3rem,9vw,4.4rem)}.web-reassurance p:not(.eyebrow){font-size:1rem}}
@media(max-width:430px){.web-hero-inner{padding:43px 0 225px}.web-hero-photo{height:34%;background-position:64% center}.web-hero h1{font-size:clamp(3.05rem,11vw,3.65rem)}.web-hero .button,.web-reassurance .button{white-space:normal;text-align:left;font-size:.68rem;gap:12px}.web-offerings{grid-template-columns:1fr}.web-offerings li{padding:10px 0 10px 20px}.web-offerings li:before{top:17px}.web-card-link{font-size:.67rem}}

/* Small desktop refinements; keep the approved mobile layout intact. */
@media(min-width:701px){
  .web-hero h1{font-size:clamp(3.4rem,5.3vw,5.65rem);max-width:640px}
  .web-card{height:100%}
  .web-card-link{min-height:58px;align-items:flex-end}
  .web-more-inner{gap:6%}
}
@media(min-width:701px) and (max-width:1050px){.web-hero h1{max-width:550px}}

/* Keep the offerings in two readable columns on phones. */
@media(max-width:700px){
  .web-offerings{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .web-offerings li{min-width:0;line-height:1.4;overflow-wrap:normal}
}
@media(max-width:430px){
  .web-offerings{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .web-offerings li{padding:12px 0 12px 17px}
  .web-offerings li:before{top:19px}
}