/* Back2Life Designs: airy, editorial service studio with subtle parallax. */
:root{--b2l-green:#155b43;--b2l-blue:#247bc1;--b2l-light:#edf6f1;--b2l-ink:#183b31}
body{background:#fff;color:var(--b2l-ink)}.modern-home .header{background:#f9fcfa;color:var(--b2l-ink);border-color:#d9e8df}.modern-home .nav{height:88px}.modern-home .wordmark{font-size:21px;color:var(--b2l-green)}.brand-symbol{width:42px;height:42px}.modern-home .monogram{display:none}.modern-home .nav-contact{background:var(--b2l-green);border:0;border-radius:40px;color:#fff}.modern-home nav{font-size:14px}
.modern-home .portfolio-hero{background-attachment:fixed;background-position:center 35%;min-height:640px;display:flex;flex-direction:column;justify-content:space-between}.modern-home .portfolio-hero:before{background:linear-gradient(90deg,#09271ee8 0%,#103629cf 45%,#173d3150 78%,#173d311c)}.modern-home .portfolio-hero-copy{padding:118px 0 110px;max-width:800px}.modern-home .portfolio-hero .eyebrow{color:#d6f1e3}.modern-home .portfolio-hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(56px,7vw,98px);letter-spacing:-.045em;line-height:1.02}.modern-home .portfolio-hero h1 span{color:#a8dbbe}.modern-home .portfolio-hero-copy>p:not(.eyebrow){color:#f2fff7;font-size:20px}.modern-home .button.lime{background:#65b584;border-color:#65b584;color:#103729;border-radius:35px}.modern-home .portfolio-secondary{border-color:#c5e6d3}.modern-home .portfolio-hero-base{background:#155b43ed}.modern-home .portfolio-hero-base a{color:white}
.modern-home .section{padding:100px 0}.modern-home .eyebrow{color:var(--b2l-blue);letter-spacing:1.5px}.modern-home h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em}.modern-home h2 span,.intro-statement h2 span{color:var(--b2l-green)}.intro-statement{grid-template-columns:1.2fr .8fr;gap:100px}.intro-statement p{font-size:18px;color:#49665a}.service-paths{border-color:#d5e5dc}.service-paths>a+a{border-color:#d5e5dc}.service-paths span{color:var(--b2l-blue)}.service-paths b{color:var(--b2l-green)}.modern-home .collection{background:#f1f7f3}.media-services{grid-template-columns:1.2fr 1fr 1fr}.media-services .flagship{background:var(--b2l-green);border-radius:18px;padding:35px}.media-services article{border-color:#accbbb}.modern-home .button{border-radius:35px}.media-services .service-note{color:#537061}.modern-home .text-link{border-color:#55a5d0}.modern-home .work-image{background:#d9eee3;border-radius:18px}.modern-home .work-image img{border-radius:10px}.roadmap{background:#e9f4ed;color:#183b31}.modern-home .roadmap .eyebrow{color:var(--b2l-blue)}.modern-home .roadmap .section-heading>p,.roadmap-grid p{color:#426455}.roadmap-grid article{border-color:#9ebdac}.roadmap-grid span{color:var(--b2l-blue)}.modern-home .template-alternative{background:#fff}.modern-home .template-alternative>.wrap{grid-template-columns:1fr 1fr}.mini-template{border-radius:16px;border:1px solid #dce9e1}.mini-template img{border-radius:8px}.modern-home .customize{background:#e8f3ed;color:#183b31}.modern-home .customize .eyebrow,.modern-home .customize .serif{color:var(--b2l-green)}.modern-home .customize-grid>div>p:not(.eyebrow){color:#456255!important}.modern-home .custom-demo{border:1px solid #d1e2d8;background:white;border-radius:18px;box-shadow:12px 16px 0 #247bc11c}.modern-home .studio{background:#fff}.studio-portrait{border-radius:18px;overflow:hidden}.studio-portrait span{background:#155b43e8}.modern-home .contact{background:#edf5f8;color:#183b31}.modern-home .contact h2 span{color:var(--b2l-blue)}.modern-home .contact .button.lime{background:var(--b2l-green);color:#fff}.modern-home .footer{background:#103c30}.modern-home .faq summary:after{color:var(--b2l-blue)}
.parallax-panel{transform:translate3d(0,var(--parallax-y,0),0);will-change:transform}
@media(max-width:760px){.modern-home .portfolio-hero{background-attachment:scroll;min-height:0}.modern-home .portfolio-hero-copy{padding:75px 0}.modern-home .portfolio-hero h1{font-size:clamp(48px,10vw,70px)}.intro-statement{grid-template-columns:1fr;gap:18px}.modern-home .section{padding:68px 0}.media-services,.work-feature,.modern-home .template-alternative>.wrap{grid-template-columns:1fr}.media-services .flagship{border-radius:12px}.modern-home .customize-grid{grid-template-columns:1fr}.modern-home .personal-studio{grid-template-columns:1fr}.studio-portrait{grid-row:auto}.modern-home .contact-grid{grid-template-columns:1fr}.parallax-panel{transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){.parallax-panel{transform:none!important;will-change:auto}.modern-home .portfolio-hero{background-attachment:scroll}}
/* A new composition: bright editorial opening, inset work and immersive photo break. */
.modern-home .portfolio-hero{background:#f6faf7;color:#153e32;min-height:0;display:block;border-bottom:1px solid #d5e4db}.modern-home .portfolio-hero:before,.modern-home .portfolio-hero:after{display:none}.modern-home .portfolio-hero-copy{max-width:1100px;padding:100px 0 90px;text-align:center;margin:auto}.modern-home .portfolio-hero .eyebrow{color:#155b43;justify-content:center;font-size:12px}.modern-home .portfolio-hero h1{font-family:Mona,Arial,sans-serif;color:#153e32;font-size:clamp(50px,7.7vw,108px);font-weight:650;letter-spacing:-.065em;line-height:1.03}.modern-home .portfolio-hero h1 span{color:#247bc1}.modern-home .portfolio-hero-copy>p:not(.eyebrow){color:#49665a;font-size:20px;max-width:680px;margin:32px auto}.modern-home .portfolio-hero .button-row{justify-content:center}.modern-home .portfolio-secondary{color:#155b43;border-color:#155b43}.modern-home .portfolio-hero-base{background:#fff;border-top:1px solid #d5e4db}.modern-home .portfolio-hero-base .wrap,.modern-home .portfolio-hero-base a{color:#456255}.modern-home h2{font-family:Mona,Arial,sans-serif;font-weight:600;letter-spacing:-.05em}.modern-home .wrap{width:min(1280px,88%)}.intro-statement{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.media-services{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;margin-top:50px}.media-services article{padding:30px 0;border-top:1px solid #afc7b9}.media-services h3{font-size:30px;margin:26px 0 20px}.media-services p,.media-services ul{font-size:16px}.service-number{font-size:11px;letter-spacing:1px}.work-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.work-story h3{font-size:35px;margin:18px 0}.work-story dt{font-weight:700;margin-top:20px}.work-story dd{margin:6px 0 0;font-size:15px;color:#49665a}.work-story .button{margin-top:25px}.case-label{font-size:10px;color:#247bc1;letter-spacing:1px}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.roadmap-grid article{padding-top:25px;border-top:1px solid #aac8b7}.roadmap-grid h3{font-size:24px;margin-top:25px}.roadmap-grid p{font-size:16px}.life-banner{padding:140px 0;background:linear-gradient(90deg,#0c3027e8,#0c302750),url('assets/billy-studio-hero.webp') center/cover fixed;color:#fff}.life-banner p{font-size:11px;letter-spacing:2px}.life-banner h2{font-size:clamp(40px,5vw,72px)}.modern-home .personal-studio{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.studio-portrait{display:none}.modern-home .studio-heading{border:none;padding:0}.modern-home .template-alternative>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mini-template span{display:block;padding:20px;font-size:11px}.modern-home .contact{background:#153e32;color:white}.modern-home .contact .eyebrow{color:#a8d7f8}.modern-home .contact h2 span{color:#a8dbbe}.modern-home .contact .button.lime{background:#a8dbbe;color:#153e32}.modern-home .faq{background:#f6faf7}.modern-home .contact-grid{gap:70px}.modern-home .header .nav-contact{padding:13px 23px}.discovery{margin:22px 0;border-block:1px solid #759f8c;padding:20px 0}.discovery .form-grid{padding-top:22px}.discovery summary{cursor:pointer}.modern-home .contact input,.modern-home .contact select,.modern-home .contact textarea{background:#244c3f;border-color:#7ea591;color:white}.modern-home .contact select option{background:#244c3f}.modern-home .contact input::placeholder,.modern-home .contact textarea::placeholder{color:#c8dcd2}
@media(max-width:760px){.modern-home .portfolio-hero-copy{padding:68px 0}.modern-home .portfolio-hero h1{font-size:clamp(43px,9vw,68px)}.modern-home .portfolio-hero .button-row{align-items:center}.modern-home .portfolio-hero .eyebrow{font-size:10px}.intro-statement,.media-services,.work-feature,.roadmap-grid,.modern-home .personal-studio,.modern-home .template-alternative>.wrap{grid-template-columns:1fr;gap:30px}.life-banner{padding:90px 0;background-attachment:scroll;background-position:70% center}.modern-home .menu-button{color:#153e32}.modern-home nav{background:white;color:#153e32}.modern-home .contact-grid{gap:35px}}
@media(prefers-reduced-motion:reduce){.life-banner{background-attachment:scroll}}
/* Contrast and visual depth refinements. */
@media(min-width:761px){.modern-home .portfolio-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f5faf6 0%,#edf7f1 58%,#e2f0e8 100%)}.modern-home .portfolio-hero:after{content:"";position:absolute;z-index:-1;right:4%;top:8%;bottom:8%;width:37%;border-radius:44% 44% 18px 18px;background:linear-gradient(180deg,#155b4310,#155b4330),url('assets/billy-studio-hero.webp') 82% center/cover no-repeat;box-shadow:0 24px 60px #153e3222}.modern-home .portfolio-hero:before{display:block;inset:auto;right:33%;top:22%;width:100px;height:100px;border-radius:50%;background:#247bc11a;z-index:-1}.modern-home .portfolio-hero-copy{margin:0;width:min(1280px,88%);max-width:none;text-align:left;padding:115px 0 120px}.modern-home .portfolio-hero .eyebrow{justify-content:flex-start}.modern-home .portfolio-hero h1{font-size:clamp(54px,6.3vw,88px);max-width:800px}.modern-home .portfolio-hero-copy>p:not(.eyebrow){margin:30px 0;max-width:650px}.modern-home .portfolio-hero .button-row{justify-content:flex-start}}
.media-services .flagship{color:#fff;background:#155b43}.media-services .flagship .service-number,.media-services .flagship h3,.media-services .flagship p,.media-services .flagship li{color:#fff}.media-services .flagship .button.lime{background:#b5e2c7;border-color:#b5e2c7;color:#123c2d}.media-services .flagship .button.lime:hover{background:#d1f0dc}.media-services .flagship:focus-within{outline:2px solid #247bc1;outline-offset:3px}
@media(max-width:760px){.modern-home .portfolio-hero{background:linear-gradient(180deg,#eff7f2,#fff)}.modern-home .portfolio-hero:after{content:"";display:block;position:relative;z-index:0;width:88%;height:230px;margin:0 auto 28px;border-radius:120px 120px 14px 14px;background:url('assets/billy-studio-hero.webp') 82% 35%/cover;box-shadow:0 12px 28px #153e3224}.media-services .flagship{color:white}.media-services .flagship *{color:white}}


/* Back2Life Designs — centered homepage hero */
@media (min-width: 761px) {
  .modern-home .portfolio-hero-copy {
    width: 100%;
    max-width: 1100px;
    margin-inline: auto;
    text-align: center;
  }

  .modern-home .portfolio-hero .eyebrow,
  .modern-home .portfolio-hero .button-row {
    justify-content: center;
  }

  .modern-home .portfolio-hero h1 {
    max-width: none;
  }

  .modern-home .portfolio-hero-copy > p:not(.eyebrow) {
    margin: 30px auto;
  }
}


/* Back2Life Designs — balanced service cards */

.modern-home .media-services {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.modern-home .media-services article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 32px;
  border: 1px solid #bfd8c9;
  border-radius: 18px;
  background: #eaf4ed;
  color: #183b31;
}

/* Card 2 — soft blue */
.modern-home .media-services article:nth-child(2) {
  background: #eef5fc;
  border-color: #c5d9ed;
}

/* Card 3 — warm ivory */
.modern-home .media-services article:nth-child(3) {
  background: #f7f7f1;
  border-color: #dedfd3;
}

/* Replace the original white text on card 1 */
.modern-home .media-services .flagship,
.modern-home .media-services .flagship * {
  color: #183b31;
}

/* Distinct step labels */
.modern-home .media-services article .service-number {
  color: #155b43;
  font-weight: 700;
}

.modern-home .media-services article:nth-child(2) .service-number {
  color: #155f9b;
}

.modern-home .media-services article:nth-child(3) .service-number {
  color: #59642b;
}

.modern-home .media-services article .service-note {
  color: #405c53;
}

/* Keep the primary action prominent */
.modern-home .media-services .flagship .button.lime {
  background: #155b43;
  border-color: #155b43;
  color: #fff;
}

.modern-home .media-services .flagship .button.lime * {
  color: #fff;
}

/* Align links near the bottom of each card */
.modern-home .media-services article > a:last-child {
  margin-top: auto;
  align-self: flex-start;
}

/* Stack cards on narrower screens */
@media (max-width: 1000px) {
  .modern-home .media-services {
    grid-template-columns: 1fr;
  }
}


/* Back2Life Designs — centered work section heading */

.modern-home #work .section-heading {
  display: block;
  text-align: center;
}

.modern-home #work .section-heading > div {
  width: 100%;
}

.modern-home #work .section-heading h2 {
  margin-inline: auto;
}



/* Back2Life Designs — work showcase refinements */

/* Subtle divider beneath the section heading */
.modern-home #work .section-heading {
  border-bottom: 1px solid #b8d4c6;
  padding-bottom: 30px;
  margin-bottom: 36px;
}

/* Clean dark-green border around the preview */
.modern-home #work .work-image {
  display: block;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 2px solid #183b31;
  border-radius: 12px;
}

/* Image sits flush against the frame */
.modern-home #work .work-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 0;
}


/* Back2Life Designs — homepage template section cleanup */

.modern-home .template-alternative {
  padding-top: 48px;
  padding-bottom: 48px;
}

.modern-home .mini-template {
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 2px solid #183b31;
  border-radius: 12px;
}

.modern-home .mini-template img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

/* Keep comfortable spacing on smaller screens */
@media (max-width: 760px) {
  .modern-home .template-alternative {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}


/* Back2Life Designs — About the Designer redesign */

.modern-home #studio {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f5f9fc 100%
  );
}

.modern-home #studio .personal-studio {
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}

.modern-home #studio .studio-story {
  background: #f7fbf9;
  border: 1px solid #d5e7df;
  border-left: 5px solid #155b43;
  border-radius: 18px;
  padding: clamp(24px, 3.5vw, 48px);
  box-shadow: 0 12px 32px rgba(21, 91, 67, 0.05);
}

.modern-home #studio .studio-story .large-copy {
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.45;
  font-weight: 600;
  color: #183b31;
  margin: 0 0 22px;
}

.modern-home #studio .studio-story [data-founder-first] {
  color: #176ba8;
}

.modern-home #studio .studio-story > p:not(.large-copy) {
  color: #405d53;
  line-height: 1.75;
  font-size: 17px;
  margin-bottom: 28px;
}

.modern-home #studio .studio-story .text-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  color: #155b43;
  border-bottom: 2px solid #247bc1;
  padding-bottom: 8px;
}

/* Local service-area highlight */

.modern-home #studio .future-note {
  background: #eaf3fa;
  border: 1px solid #cbdfea;
  border-radius: 12px;
  padding: 22px 24px;
  margin-top: 32px;
}

.modern-home #studio .future-note b {
  display: block;
  color: #183b31;
  font-size: 16px;
  margin-bottom: 8px;
}

.modern-home #studio .future-note p {
  color: #36566c;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

/* Mobile adjustments */

@media (max-width: 760px) {
  .modern-home #studio .studio-story {
    padding: 24px;
    border-radius: 14px;
  }

  .modern-home #studio .future-note {
    padding: 18px;
  }
}


/* Back2Life Designs — compact services layout */

.modern-home #services {
  padding-top: 40px;
  padding-bottom: 56px;
}

.modern-home #services .media-services {
  margin-top: 0;
}

/* Keep an accessible heading without visual clutter */
.modern-home #services .services-only-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Comfortable spacing on phones */
@media (max-width: 760px) {
  .modern-home #services {
    padding-top: 28px;
    padding-bottom: 44px;
  }
}