/* Gold Coast homepage: scroll-scrubbed bathroom remodel, before -> after (2026-10-15).
   Second mountScrollWorld mount, one section. Same look as the hero tour (#world). */
#gc-bath.sw-root{--sw-bg:#171713;--sw-ink:#fff;--sw-ink-soft:#f1ede4;--sw-accent:#d9b86c;--sw-font-display:Georgia,'Times New Roman',serif;--sw-font-body:Arial,Helvetica,sans-serif}
/* Reserve the final scroll height before the script runs (engine: scroll 2.4 + 1 viewport; phones x1.15),
   so nothing below jumps. The poster shows pre-script, sized like object-fit:cover for one viewport. */
#gc-bath{position:relative;isolation:isolate;margin:0;padding:0;width:100%;height:340vh;overflow:visible;
  background:#171713 url(poster.webp?v=20261015L) center top/max(100vw,177.78vh) auto no-repeat}
@media (max-width:860px),(hover:none) and (pointer:coarse){#gc-bath{height:376vh}}
@media (orientation:portrait){#gc-bath{background-image:url(poster-m.webp?v=20261015L);background-size:max(100vw,56.25vh) auto}}
#gc-bath *{box-sizing:border-box}
#gc-bath .sw-viewport{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}
#gc-bath .sw-topbar,#gc-bath .sw-particles,#gc-bath .sw-route,#gc-bath .sw-hint{display:none}
#gc-bath .sw-scrollbar{z-index:80;top:auto;bottom:0;height:2px}
#gc-bath .sw-copylayer::before{display:none}
#gc-bath .sw-scene__still,#gc-bath .sw-scene__video{object-position:center;transform:none!important;width:100%;height:100%;max-width:none;max-height:none}
#gc-bath .sw-copy{left:56px;top:auto;bottom:105px;width:min(610px,65vw);transform:none!important;padding:24px 0;isolation:isolate}
#gc-bath .sw-copy::before{content:'';position:absolute;z-index:-1;inset:-170px -120px -150px -230px;pointer-events:none;
  background:radial-gradient(closest-side at 44% 50%,rgba(0,0,0,.77),rgba(0,0,0,.72) 48%,rgba(0,0,0,.43) 76%,rgba(0,0,0,0) 100%)}
#gc-bath .sw-copy[hidden]{display:none}
#gc-bath .sw-copy__num{display:none}
#gc-bath .sw-copy__eyebrow{display:inline-block;margin:0 0 14px;color:#fff;font:600 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase;background:rgba(0,0,0,.58);padding:5px 9px;border-radius:3px}
#gc-bath .sw-copy__title{color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.8vw,70px);font-weight:400;line-height:1.06;letter-spacing:-.04em;max-width:12ch;margin:0;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.5)}
#gc-bath .sw-copy__body{font:17px/1.5 Arial,Helvetica,sans-serif;margin:18px 0 0;max-width:35ch;color:#fff;text-wrap:pretty;text-shadow:0 0 12px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.8)}
#gc-bath .video-status{position:absolute;z-index:60;right:30px;top:30px;max-width:260px;font:13px/1.5 Arial,Helvetica,sans-serif;background:var(--sw-bg);padding:10px 14px;border-radius:3px;color:#fff}
#gc-bath .video-status:empty{display:none}
/* stage tags: Before / Remodeling / After + the AI illustration note (same pill as the #gc-ba slider badges) */
#gc-bath .gc-bath-tags{position:absolute;z-index:45;left:56px;top:32px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}
#gc-bath .gc-bath-tags span{font:700 12px/19.8px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.7);padding:5px 12px;border-radius:999px}
#gc-bath .gc-bath-note{letter-spacing:.04em!important;text-transform:none!important;font-weight:500!important}
/* pre-script / no-JS copy over the poster */
#gc-bath [data-sw-seo]:not([hidden]){position:absolute;left:0;right:0;top:0;height:100vh;margin:0;padding:0 0 105px 56px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0) 60%)}
#gc-bath [data-sw-seo] h2{color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.1;max-width:14ch;margin:0}
#gc-bath [data-sw-seo] p{color:#fff;max-width:40ch;margin:14px 0 0;font:17px/1.5 Arial,Helvetica,sans-serif}
#gc-bath a:focus-visible,#gc-bath button:focus-visible{outline:3px solid var(--sw-accent);outline-offset:5px}
@media(max-width:860px){
  #gc-bath .sw-copy{left:24px;bottom:100px;width:calc(100vw - 48px);max-width:none;right:auto;padding:18px 0}
  #gc-bath .sw-copy__title{font-size:clamp(36px,10vw,52px);max-width:12ch}
  #gc-bath .sw-copy__eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:12px}
  #gc-bath .sw-copy__body{font-size:15px;max-width:27ch;margin-top:14px}
  #gc-bath .sw-copy::before{inset:-34px -24px -110px -24px;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.74) 45%,rgba(0,0,0,.5) 78%,rgba(0,0,0,0) 100%)}
  #gc-bath .gc-bath-tags{left:24px;top:20px}
  #gc-bath [data-sw-seo]:not([hidden]){padding:0 24px 100px}
}
@media(max-height:550px){
  #gc-bath .sw-copy{bottom:45px;padding:10px 0}
  #gc-bath .sw-copy__title{font-size:34px;max-width:20ch}
  #gc-bath .sw-copy__eyebrow{margin-bottom:6px}
  #gc-bath .sw-copy__body{margin-top:8px}
}
/* reduced motion / data saver: one screen, the AFTER photo, no scrubbing (bath.js adds the class) */
#gc-bath.gc-bath--static [data-sw-seo]:not([hidden]){background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.6) 35%,rgba(0,0,0,0) 65%)}
#gc-bath.gc-bath--static [data-sw-seo] h2{text-shadow:0 2px 18px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.5)}
#gc-bath.gc-bath--static [data-sw-seo] p{text-shadow:0 0 12px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.8)}
#gc-bath.gc-bath--static{height:100vh;background-image:url(after.webp?v=20261015L);background-position:center;background-size:cover}
/* 2026-10-20: clear the now-fixed site header (see tour.css QA round 8) */
body.home #gc-bath .gc-bath-tags{top:106px}
body.home #gc-bath .video-status{top:106px}
@media(max-width:860px){body.home #gc-bath .gc-bath-tags{top:102px}body.home #gc-bath .video-status{top:102px}}
@media (orientation:portrait){#gc-bath.gc-bath--static{background-image:url(after-m.webp?v=20261015L);background-size:cover}}
@media(prefers-reduced-motion:reduce){#gc-bath *,#gc-bath *::before,#gc-bath *::after{transition:none!important;animation:none!important}}