/* EASY TO EDIT: colors, typography and spacing live here */
:root{--teal:#063c45;--deep:#032f37;--cream:#fff9e9;--gold:#ffb92f;--red:#f43137;--sage:#e2ede3;--text:#143d43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--text);font-family:'DM Sans',Arial,sans-serif;background:var(--cream);line-height:1.55}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1150px,calc(100% - 42px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:999;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:20;background:#fffaf0f7;box-shadow:0 2px 15px #073e4612}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand img{border-radius:50%;border:2px solid var(--teal);object-fit:cover}.brand strong,.footer-brand{font-family:Pacifico,cursive;font-size:25px;color:var(--teal);font-weight:400}.brand small{display:block;text-align:center;font-weight:800;letter-spacing:2px;font-size:11px}.nav nav{display:flex;align-items:center;gap:21px}.nav nav a{text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase}.nav nav a:hover,.nav nav a:focus{color:#b32027}.btn,.nav nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:var(--deep);border:0;border-radius:999px;padding:15px 23px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 #db8b18;font-family:inherit;font-size:15px;text-transform:none}.btn:hover,.btn:focus{background:#ffca54;transform:translateY(-1px)}.btn-small,.nav nav .btn-small{padding:11px 17px;font-size:12px}.menu-toggle{display:none}.hero{overflow:hidden;background:linear-gradient(110deg,#fff8e8 0%,#fef8e9 40%,#bde8f3 100%);position:relative}.hero-grid{min-height:545px;display:grid;grid-template-columns:54% 46%;align-items:center}.hero-copy{padding:48px 0 54px;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#39757a}.hero h1{font-family:Fraunces,Georgia,serif;font-weight:900;font-size:clamp(58px,7vw,94px);line-height:.93;letter-spacing:-4px;color:var(--deep);margin:15px 0 20px;text-shadow:4px 5px #9bd5cd}.heart{color:var(--red);text-shadow:none}.script{font-family:Pacifico,cursive;line-height:1.3}.question{font-size:clamp(26px,3.1vw,42px);margin:0;transform:rotate(-3deg)}.answer{font-size:clamp(30px,3.6vw,49px);margin:0 0 22px 65px;transform:rotate(-4deg)}.red{color:var(--red)}.benefit-line{font-size:17px;font-weight:800}.benefit-line span{margin:0 9px}.hero-btn{margin:10px 0}.intro{max-width:440px;font-size:16px}.hero-art{position:relative;min-height:530px;align-self:stretch}.sun{position:absolute;width:265px;height:265px;border-radius:50%;background:var(--gold);right:42px;top:32px}.mountains{position:absolute;right:0;top:145px;font-size:145px;letter-spacing:-75px;color:#c87977;opacity:.65;white-space:nowrap}.house{position:absolute;width:83%;height:58%;right:-3%;top:29%;object-fit:cover;border-radius:49% 49% 0 0 / 15% 15% 0 0;box-shadow:0 8px 35px #073e4620}.portrait{position:absolute;width:52%;height:54%;left:-12%;bottom:0;border:8px solid #fff6df;border-radius:48% 48% 0 0;overflow:hidden;box-shadow:0 8px 25px #073e462a}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.desert-label{position:absolute;bottom:20px;right:0;background:var(--cream);padding:12px 20px;border-radius:14px;transform:rotate(-5deg);font-family:Pacifico,cursive;color:var(--teal);font-size:21px;box-shadow:0 4px 10px #0002}.perks{background:#fffdf6;border-bottom:1px solid #ebd9b6}.perks-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.perks-grid>div{text-align:center;padding:0 15px;border-right:1px solid #f0c573}.perks-grid>div:last-child{border:0}.perk-icon{font-size:37px;line-height:1.2;color:var(--teal)}.perks h2{font-size:17px;margin:6px 0 0}.perks p{margin:0;font-size:13px}.section{padding:75px 0}.section h2,.closing h2{font-family:Fraunces,Georgia,serif;font-size:clamp(30px,3.4vw,45px);line-height:1.15;color:var(--deep);margin:12px 0 20px}.story{background:linear-gradient(110deg,#edf4e9,#fff7e9)}.story-grid{display:grid;grid-template-columns:1.1fr .62fr 1fr;gap:35px;align-items:center}.story p{max-width:510px}.checks{list-style:none;padding:0}.checks li{margin:10px 0;font-weight:700}.checks li:before{content:'✓';display:inline-grid;place-items:center;background:var(--gold);color:var(--deep);width:25px;height:25px;border-radius:50%;margin-right:10px}.flourish{font-size:25px;transform:rotate(-4deg);margin-top:28px}.postcard{background:#fff;padding:9px 9px 16px;transform:rotate(-6deg);box-shadow:0 10px 25px #0002}.postcard img{width:100%;height:265px;object-fit:cover}.postcard p{font-family:Pacifico,cursive;font-size:17px;line-height:1.4;text-align:center;margin:12px 0 0}.contact-card{background:#fffdfa;border-radius:18px;padding:27px;box-shadow:0 10px 30px #073e4615;scroll-margin-top:100px}.contact-card h2{font-family:Fraunces,Georgia,serif;font-size:26px;margin:0 0 4px}.contact-card>p{margin:0 0 18px}.contact-card label{display:block;font-size:12px;font-weight:700;margin:10px 0 3px}.contact-card label span{color:#bd1822}.contact-card input,.contact-card textarea{width:100%;padding:12px;border:1px solid #c7c9c4;border-radius:7px;background:#fff;font:inherit;font-size:14px}.contact-card input:focus,.contact-card textarea:focus{outline:2px solid #e6a02b}.full{width:100%;margin-top:14px}.privacy{font-size:11px!important;line-height:1.45;text-align:center;margin:12px 0 0!important}.hidden{position:absolute;left:-9999px}.about{background:#dce9df;position:relative}.about-grid{display:grid;grid-template-columns:215px 1fr 240px;gap:40px;align-items:center}.about-grid>img{width:210px;height:210px;border-radius:50%;object-fit:cover;object-position:50% 26%;border:7px solid #fff9e9;box-shadow:0 5px 12px #0002}.about-grid h2{margin:8px 0}.about-slogan{font-size:26px;transform:rotate(-7deg);text-align:center}.steps{background:#fffaf0}.center{text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.steps article{background:#fff;border:1px solid #f2d8a2;padding:28px;border-radius:16px}.steps article span{font-family:Fraunces,serif;font-size:36px;color:#d77c35}.steps h3{margin:6px 0;font-size:20px}.faq{background:#e5eee8}.narrow{max-width:830px}.faq details{border-bottom:1px solid #b7cbc5;padding:17px 8px}.faq summary{font-size:17px;font-weight:800;cursor:pointer;color:var(--deep)}.faq details p{margin-bottom:0}.closing{padding:55px 0;background:linear-gradient(100deg,#f9dd9c,#fff6df);text-align:center}.closing p{font-size:20px}.closing .phone{display:block;margin:22px auto 0;font-weight:800}footer{background:var(--deep);color:#fff;padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:center}.footer-brand{color:#fff;margin:0;font-size:27px}.footer-grid p{font-size:12px}.footer-grid a{font-size:13px;text-decoration:none}.footer-grid>div:last-child a{display:block;margin:8px 0;overflow-wrap:anywhere}.copyright{text-align:center;font-size:11px;color:#b7d1cd;margin-top:35px}@media(max-width:1000px){.nav nav{gap:11px}.brand strong{font-size:20px}.story-grid{grid-template-columns:1fr 1fr}.postcard{display:none}.about-grid{grid-template-columns:180px 1fr}.about-slogan{display:none}}@media(max-width:750px){.wrap{width:min(100% - 30px,540px)}.nav{min-height:68px}.brand img{width:47px;height:47px}.brand strong{font-size:19px}.brand small{font-size:9px}.menu-toggle{display:block;border:0;background:var(--gold);padding:8px 13px;border-radius:8px;font-size:23px;color:var(--deep)}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fffaf0;padding:18px 25px;box-shadow:0 8px 12px #0002;flex-direction:column;align-items:stretch;gap:13px}.nav nav.open{display:flex}.nav nav a{font-size:14px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:35px 0 5px}.hero h1{font-size:clamp(52px,12vw,82px)}.hero-art{min-height:330px}.sun{width:195px;height:195px;right:12%;top:0}.mountains{top:100px}.house{height:75%;top:20%;width:78%}.portrait{width:48%;height:76%;left:0}.desert-label{font-size:16px;right:0;bottom:9px}.perks-grid{grid-template-columns:repeat(2,1fr);row-gap:23px}.perks-grid>div:nth-child(2){border:0}.story-grid,.about-grid,.steps-grid,.footer-grid{grid-template-columns:1fr}.section{padding:50px 0}.postcard{display:none}.about-grid{gap:15px}.about-grid>img{margin:auto}.about-grid>div{text-align:center}.about-grid>div .btn{margin-top:10px}.footer-grid{text-align:center}.footer-grid>div:last-child a{margin:12px 0}.intro{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* UPDATED ILLUSTRATED HERO — OCTOBER 2026 */
.new-hero{background:#fff8e9;overflow:hidden}.hero-poster{position:relative;width:100%;max-width:1800px;margin:0 auto}.hero-poster>img{display:block;width:100%;height:auto}.poster-action{position:absolute;left:57%;top:64%;width:37%;height:13%;border-radius:999px;z-index:2}.poster-action:focus-visible{outline:5px solid #083e47;outline-offset:3px;background:#ffffff20}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-hero-action{display:none}.site-header .brand strong{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(17px,2vw,24px);font-weight:800;letter-spacing:-.7px}.footer-brand{font-family:'DM Sans',Arial,sans-serif;font-weight:800}.story{scroll-margin-top:90px}
@media(max-width:750px){.poster-action{display:none}.mobile-hero-action{display:flex;align-items:center;flex-direction:column;gap:5px;padding:12px 16px 22px;background:#fff8e9}.mobile-hero-action .btn{width:min(100%,380px);font-size:15px}.mobile-hero-action p{font-size:13px;margin:7px 0 0}.new-hero .hero-poster>img{width:100%}}

/* Revised hero: artwork excludes its illustrated header and benefits bar. */
.poster-action{left:57%;top:80%;width:37%;height:12%}
.perks-three{grid-template-columns:repeat(3,1fr)}
@media(max-width:750px){.perks-three{grid-template-columns:1fr;gap:12px}.perks-three>div{border-right:0;border-bottom:1px solid #f0c573;padding:10px 0}.perks-three>div:last-child{border-bottom:0}}

/* October 12: full-width clean hero, no overlapping circle or duplicate header */
.hero-poster{max-width:none}
.poster-action{left:59%;top:66%;width:31%;height:16%}
@media(max-width:750px){.hero-poster>img{width:100%;height:auto}}

/* Crop the small printed lettering out of the postcard photograph.
   The separate editable caption below is intentionally preserved. */
.postcard-photo{width:100%;aspect-ratio:212/246;overflow:hidden;background:#f6e5c8}
.postcard-photo img{display:block;width:100%;height:auto;max-width:none;object-fit:unset}

/* Original, unaltered photograph of Cindy and Nate in the hero and About section */
.authentic-hero{display:grid;grid-template-columns:50% 50%;min-height:585px;background:#fff9e9;overflow:hidden}
.authentic-hero-copy{position:relative;min-height:585px;background:linear-gradient(115deg,#fff9e9 60%,#f9efd6);padding:38px 20px 0 max(32px,calc((100vw - 1200px)/2));overflow:hidden}
.hero-words{position:relative;z-index:2}
.authentic-hero h1{font-family:Fraunces,Georgia,serif;color:var(--deep);font-weight:900;font-size:clamp(39px,4.7vw,78px);line-height:1.05;letter-spacing:-2px;text-shadow:3px 4px #9bd5cd;margin:0 0 8px}
.authentic-hero h1 .heart{color:#f43137;text-shadow:none}
.hero-script{font-family:Pacifico,cursive;line-height:1.32;margin:0}
.hero-question{color:var(--deep);font-size:clamp(25px,3vw,43px);transform:rotate(-3deg);margin-left:8px}
.hero-answer{color:#ef333c;font-size:clamp(29px,3.5vw,53px);transform:rotate(-3deg);margin-left:75px}
.hero-real-photo{position:absolute;z-index:1;bottom:-175px;left:max(20px,calc((100vw - 1200px)/2));width:clamp(260px,34vw,470px);height:470px;object-fit:cover;object-position:center 23%;border-radius:48% 48% 0 0 / 16% 16% 0 0;border:7px solid #fff9e9;box-shadow:0 6px 28px #063c4525}
.authentic-hero-house{position:relative;background-image:url('images/hero-house-background.jpg');background-size:cover;background-position:center center}
.hero-cta{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;flex-direction:column;text-align:center}
.hero-cta .btn{border:3px solid #fff8e6;box-shadow:0 4px 12px #0004;font-size:clamp(14px,1.65vw,23px)}
.hero-cta p{margin:8px 0 0;padding:3px 12px;background:#fff9e9df;border-radius:10px;font-weight:800}
.about-grid>img{object-position:center 28%}
@media(max-width:750px){
.authentic-hero{grid-template-columns:1fr}
.authentic-hero-copy{min-height:530px;padding:26px 20px 0}
.authentic-hero h1{font-size:clamp(42px,9vw,68px)}
.hero-question{font-size:clamp(25px,6vw,39px)}
.hero-answer{font-size:clamp(30px,7vw,46px);margin-left:45px}
.hero-real-photo{left:20px;width:330px;height:365px;bottom:-80px}
.authentic-hero-house{min-height:350px;background-position:center 42%}
.hero-cta{bottom:16px}
}
@media(max-width:390px){.authentic-hero-copy{min-height:480px}.hero-real-photo{width:285px;height:325px;bottom:-65px}.authentic-hero h1{font-size:39px}}

/* Approved desktop hero: the exact single-piece artwork, without doubled words or CTA. */
.approved-hero{position:relative;width:100%;background:#fff9e9;line-height:0}
.approved-hero-image{display:block;width:100%;height:auto}
.approved-hero-click{position:absolute;left:60%;top:77%;width:30%;height:13%;border-radius:999px;z-index:2}
.approved-hero-click:focus-visible{outline:4px solid #073e46;outline-offset:3px}
@media(max-width:650px){
 .approved-hero{overflow:hidden}
 .approved-hero-image{width:900px;max-width:none;height:auto;position:relative;left:50%;transform:translateX(-50%)}
 .approved-hero-click{left:54%;top:75%;width:44%;height:15%}
}

/* Keep “Sell Your” together so Sell never appears alone on a line. */
.keep-together{white-space:nowrap}

/* PHONE-ONLY HERO: the approved desktop banner remains untouched. */
.mobile-brand-hero{display:none}
@media(max-width:650px){
  .approved-hero>.approved-hero-image,.approved-hero>.approved-hero-click{display:none!important}
  .mobile-brand-hero{display:block;line-height:normal;background:#fff9e9}
  .mobile-brand-words{text-align:center;padding:24px 14px 17px;position:relative;z-index:1}
  .mobile-brand-words h1{font-family:Fraunces,Georgia,serif;color:#063c45;font-weight:900;font-size:clamp(36px,9.3vw,62px);line-height:1.06;letter-spacing:-1.8px;text-shadow:2px 3px #9bd5cd;margin:0 auto 8px;max-width:580px;text-wrap:balance}
  .mobile-brand-words .mobile-heart{color:#f43137;text-shadow:none;white-space:nowrap}
  .mobile-brand-question,.mobile-brand-answer{font-family:Pacifico,cursive;line-height:1.3;margin:0;transform:rotate(-2deg)}
  .mobile-brand-question{color:#063c45;font-size:clamp(24px,6.6vw,40px)}
  .mobile-brand-answer{color:#ef333c;font-size:clamp(28px,7.5vw,45px);margin-top:0}
  .mobile-brand-scene{position:relative;min-height:320px;height:clamp(320px,95vw,490px);background-image:url('images/hero-house-background.jpg');background-size:cover;background-position:57% 50%;overflow:hidden}
  .mobile-brand-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#fff9e9 0%,transparent 15%,transparent 75%,#fff9e9 100%);pointer-events:none}
  .mobile-brand-photo{position:absolute;z-index:1;left:2%;bottom:-30px;width:clamp(190px,57%,290px);height:92%;object-fit:cover;object-position:center 22%;border:5px solid #fff9e9;border-radius:48% 48% 0 0 / 17% 17% 0 0;box-shadow:0 4px 15px #063c4533}
  .mobile-brand-action{position:relative;z-index:2;text-align:center;padding:15px 16px 22px;background:#fff9e9}
  .mobile-brand-action .btn{width:min(100%,420px);font-size:clamp(15px,4.2vw,19px);padding:14px 12px;display:inline-flex;justify-content:center;align-items:center}
  .mobile-brand-action p{font-size:13px;font-weight:700;margin:9px 0 0;color:#063c45}
}

/* Mobile hero correction 2026-10-13: no embedded lettering or buttons in scenery.
   The desktop artwork is deliberately unchanged. */
@media(max-width:650px){
 .mobile-brand-words{padding:24px 16px 22px}
 .mobile-brand-words h1{font-size:clamp(33px,8.8vw,57px);letter-spacing:-1.5px;line-height:1.07;max-width:540px}
 .mobile-brand-question{font-size:clamp(23px,6.3vw,38px)}
 .mobile-brand-answer{font-size:clamp(27px,7.3vw,43px)}
 .mobile-brand-scene{height:clamp(175px,54vw,270px);min-height:0;background-image:url('images/mobile-house-clean.jpg');background-size:cover;background-position:center 43%;overflow:hidden}
 .mobile-brand-scene:after{display:none}
 .mobile-brand-portrait{background:#fff9e9;padding:16px 22px 0;display:flex;justify-content:center}
 .mobile-brand-photo{position:static;display:block;width:min(100%,355px);height:clamp(230px,66vw,310px);object-fit:cover;object-position:center 16%;border:6px solid #fff;border-radius:18px;box-shadow:0 6px 20px #063c4528}
 .mobile-brand-action{padding:19px 18px 25px}
 .mobile-brand-action .btn{min-height:55px}
 .mobile-brand-action p{margin-top:12px;line-height:1.4}
}

/* Mobile hero portrait refinement: show the house first, with a smaller centered oval photo. */
@media(max-width:650px){
 .mobile-brand-scene{height:clamp(340px,93vw,440px);min-height:0;position:relative;background-image:url('images/mobile-house-no-letters.jpg');background-size:100% auto;background-repeat:no-repeat;background-position:center top;background-color:#fff9e9;overflow:hidden}
 .mobile-brand-portrait{position:absolute;z-index:2;left:0;right:0;bottom:6px;padding:0;display:flex;justify-content:center;background:transparent}
 .mobile-brand-photo{position:relative;width:50%;max-width:235px;height:auto;aspect-ratio:0.78;object-fit:cover;object-position:center 25%;border:5px solid #fff9e9;border-radius:49% 49% 12% 12% / 32% 32% 8% 8%;box-shadow:0 5px 16px #063c4540}
 .mobile-brand-action{padding-top:15px}
}

/* Mobile-only portrait position refinement. Desktop styles unchanged. */
@media(max-width:650px){
  .mobile-brand-scene{height:clamp(405px,112vw,525px)}
  .mobile-brand-portrait{bottom:0;transform:translateX(-7%)}
  .mobile-brand-photo{width:49%;max-width:235px;object-position:center 25%}
}

/* October 2026: phone-only portrait framing. No desktop or form changes. */
@media (max-width:650px) {
  .mobile-brand-scene {height:clamp(515px,145vw,685px);}
  .mobile-brand-portrait {bottom:8px;transform:translateX(-2%);}
  .mobile-brand-photo {width:55%;max-width:265px;object-position:55% 22%;}
}

/* October 2026: phone-only wider portrait, shoulders visible, overlapping house. */
@media (max-width:650px) {
  .mobile-brand-scene {height:clamp(470px,125vw,580px);overflow:visible;}
  .mobile-brand-portrait {bottom:-58px;transform:translateX(0);}
  .mobile-brand-photo {width:62%;max-width:300px;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:49% 49% 11% 11% / 29% 29% 7% 7%;}
  .mobile-brand-action {padding-top:82px;}
}

/* PHONE-ONLY MOCKUP MATCH — desktop and Netlify form untouched. */
@media (max-width:650px) {
  .mobile-brand-words {padding-bottom:18px;}
  .mobile-brand-scene {
    height:clamp(340px,105vw,515px);
    background-image:url('images/mobile-house-no-letters.jpg');
    background-position:center center;
    background-size:cover;
    overflow:visible;
  }
  .mobile-brand-portrait {
    left:0;right:0;bottom:-65px;
    transform:none;display:flex;justify-content:center;
  }
  .mobile-brand-photo {
    width:min(72vw,370px);max-width:none;
    aspect-ratio:1.36;height:auto;
    border:6px solid #fffaf0;
    border-radius:50%;
    background-color:#e5e4d9;
    object-fit:cover;object-position:52% 39%;
    box-shadow:0 7px 20px #063c4530;
  }
  .mobile-brand-action {padding-top:84px;padding-bottom:25px;}
  .mobile-brand-action .btn {width:100%;}
}

/* FINAL MOBILE HERO: matches approved composition; real, unmodified portrait.
   All declarations are scoped to phones; desktop and Netlify form untouched. */
@media (max-width:650px) {
  .approved-hero { overflow:visible; }
  .mobile-brand-hero { overflow:visible; }
  .mobile-brand-words { padding:26px 12px 19px; }
  .mobile-brand-words h1 {font-size:clamp(31px,8.65vw,55px);line-height:1.08;letter-spacing:-1.4px;margin-bottom:12px;}
  .mobile-brand-question {font-size:clamp(24px,6.5vw,38px);}
  .mobile-brand-answer {font-size:clamp(29px,7.3vw,44px);}
  .mobile-brand-scene {
    height:clamp(375px,115vw,600px); min-height:0;
    background-image:url('images/mobile-house-no-letters.jpg');
    background-size:cover; background-position:center center;
    background-repeat:no-repeat; overflow:visible; position:relative;
  }
  .mobile-brand-scene:after {display:none;}
  .mobile-brand-portrait {
    position:absolute;z-index:5;left:0;right:0;bottom:-54px;
    padding:0;display:flex;justify-content:center;transform:none;
    background:transparent;pointer-events:none;
  }
  .mobile-brand-photo {
    display:block;position:relative;width:min(69vw,350px);max-width:none;
    height:auto;aspect-ratio:1.22;
    object-fit:cover;object-position:center 43%;
    border:6px solid #fff9e9;border-radius:50%;
    background:#fff9e9;box-shadow:0 7px 16px #063c452b;
  }
  .mobile-brand-action {position:relative;z-index:1;padding:78px 18px 24px;background:#fff9e9;}
  .mobile-brand-action .btn {width:100%;min-height:55px;}
}

/* PHONE-ONLY final refinement: natural original photo, no added green bands;
   clear space between portrait and contact button. Desktop untouched. */
@media (max-width:650px) {
  .mobile-brand-photo {object-fit:cover;object-position:center 43%;background:transparent;}
  .mobile-brand-action {padding-top:112px;}
}

/* Phone portrait ONLY: use the complete original selfie, including shoulders.
   The oval remains centered over the bottom of the house. Desktop is unchanged. */
@media (max-width:650px) {
  .mobile-brand-photo {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    object-position: 50% 58%;
    background: transparent;
  }
  .mobile-brand-action { padding-top: 132px; }
}

/* Phone-only portrait: show more of the original selfie and upper bodies.
   No changes to desktop, house artwork, text, or forms. */
@media (max-width:650px) {
  .mobile-brand-photo { aspect-ratio: 0.83; object-fit: cover; object-position: 50% 54%; }
  .mobile-brand-portrait { bottom: -105px; }
  .mobile-brand-action { padding-top: 183px; }
}

/* Homepage PHONE ONLY: use the exact, uncropped Thank You page artwork.
   Leave the desktop hero and all other site sections unchanged. */
.mobile-homepage-matching-banner { display:none; }
@media (max-width:650px) {
  .mobile-brand-hero .mobile-homepage-matching-banner {
    display:block; width:100%; height:auto; object-fit:contain;
    border:0; margin:0; padding:0; border-radius:0;
  }
  .mobile-brand-hero .mobile-brand-words,
  .mobile-brand-hero .mobile-brand-scene { display:none !important; }
  .mobile-brand-hero .mobile-brand-action { padding:20px 18px 24px; }
}