/*
 * Site-wide visual pauses derived from the approved TalkWise layered artwork.
 * They are decorative, independently positioned and never participate in
 * document flow, so existing copy geometry remains unchanged.
 */
@media (min-width: 1180px) {
  .talkwise-site :is(
    .home-professional-summary,
    .home-confidentiality,
    #beginning,
    #between-us,
    #shared-and-different,
    #belonging,
    #joining-online,
    #before-we-begin,
    .tw-next-steps,
    #pay-for-session,
    #your-details,
    #enquiry-privacy,
    .support-closing,
    #reading.understanding-section
  ) {
    position: relative;
    isolation: isolate;
  }

  .talkwise-site :is(
    .home-professional-summary,
    .home-confidentiality,
    #beginning,
    #between-us,
    #shared-and-different,
    #belonging,
    #joining-online,
    #before-we-begin,
    .tw-next-steps,
    #pay-for-session,
    #your-details,
    #enquiry-privacy,
    .support-closing,
    #reading.understanding-section
  )::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: clamp(1.5rem, 4vw, 5rem);
    top: 50%;
    width: clamp(12rem, 20vw, 20rem);
    height: clamp(15rem, 25vw, 25rem);
    background: url('/assets/illustrations/about-layered-consciousness-v1.webp') center / contain no-repeat;
    pointer-events: none;
    opacity: .62;
    transform: translateY(-50%) rotate(var(--tw-motif-angle, 0deg)) scale(var(--tw-motif-scale, .82));
    transform-origin: center;
    filter: var(--tw-motif-filter, saturate(.8) contrast(.96));
  }

  .talkwise-site :is(
    .home-professional-summary,
    .home-confidentiality,
    #beginning,
    #between-us,
    #shared-and-different,
    #belonging,
    #joining-online,
    #before-we-begin,
    .tw-next-steps,
    #pay-for-session,
    #your-details,
    #enquiry-privacy,
    .support-closing,
    #reading.understanding-section
  ) > * {
    position: relative;
    z-index: 1;
  }

  /* Each occurrence is composed for its space rather than repeated verbatim. */
  .home-page .home-professional-summary { --tw-motif-angle: 53deg; --tw-motif-scale: .7; --tw-motif-filter: hue-rotate(18deg) saturate(.9) contrast(.98); }
  .home-page .home-confidentiality { --tw-motif-angle: -68deg; --tw-motif-scale: .58; --tw-motif-filter: hue-rotate(96deg) saturate(.72) brightness(1.05); }

  .therapy-approach-page #beginning { --tw-motif-angle: 74deg; --tw-motif-scale: .62; --tw-motif-filter: hue-rotate(70deg) saturate(.82) brightness(1.03); }
  .therapy-approach-page #between-us { --tw-motif-angle: -42deg; --tw-motif-scale: .7; --tw-motif-filter: hue-rotate(8deg) saturate(.92) contrast(1.02); }

  .culture-page #shared-and-different { --tw-motif-angle: 88deg; --tw-motif-scale: .58; --tw-motif-filter: hue-rotate(34deg) saturate(.76) brightness(1.04); }
  .culture-page #belonging { --tw-motif-angle: -51deg; --tw-motif-scale: .66; --tw-motif-filter: hue-rotate(112deg) saturate(.78) brightness(1.04); }

  .sessions-page #joining-online { --tw-motif-angle: 47deg; --tw-motif-scale: .62; --tw-motif-filter: hue-rotate(80deg) saturate(.72) brightness(1.06); }
  .sessions-page #before-we-begin { --tw-motif-angle: -73deg; --tw-motif-scale: .55; --tw-motif-filter: hue-rotate(16deg) saturate(.82) brightness(1.04); }

  .booking-page .tw-next-steps { --tw-motif-angle: 64deg; --tw-motif-scale: .58; --tw-motif-filter: hue-rotate(42deg) saturate(.78) brightness(1.06); }
  .payment-page #pay-for-session { --tw-motif-angle: -56deg; --tw-motif-scale: .6; --tw-motif-filter: hue-rotate(94deg) saturate(.72) brightness(1.05); }

  .confidentiality-page #your-details { --tw-motif-angle: 76deg; --tw-motif-scale: .58; --tw-motif-filter: hue-rotate(66deg) saturate(.7) brightness(1.06); }
  .confidentiality-page #enquiry-privacy { --tw-motif-angle: -39deg; --tw-motif-scale: .64; --tw-motif-filter: hue-rotate(10deg) saturate(.82) brightness(1.04); }

  .support-page .support-closing { --tw-motif-angle: 83deg; --tw-motif-scale: .5; --tw-motif-filter: hue-rotate(104deg) saturate(.68) brightness(1.08); }
  #reading.understanding-section { --tw-motif-angle: -61deg; --tw-motif-scale: .58; --tw-motif-filter: hue-rotate(32deg) saturate(.76) brightness(1.05); }

  /* Narrower right-side spaces receive fragments, not complete silhouettes. */
  .talkwise-site :is(
    .home-confidentiality,
    #beginning,
    #shared-and-different,
    #before-we-begin,
    #your-details,
    .support-closing
  )::after {
    right: clamp(.5rem, 2vw, 2.5rem);
    width: clamp(9rem, 15vw, 15rem);
    height: clamp(12rem, 19vw, 19rem);
    opacity: .48;
  }
}

@media (min-width: 1180px) {
  .talkwise-site.sessions-page #joining-online::after { content: none !important; background-image: none !important; }
}

@media (max-width: 1179px) {
  /* Site-wide accents never alter tablet or phone flow. */
  .talkwise-site :is(
    .home-professional-summary,
    .home-confidentiality,
    #beginning,
    #between-us,
    #shared-and-different,
    #belonging,
    #joining-online,
    #before-we-begin,
    .tw-next-steps,
    #pay-for-session,
    #your-details,
    #enquiry-privacy,
    .support-closing,
    #reading.understanding-section
  )::after { content: none; }
}

/* User-approved Sessions desktop motif layout — 1440px composition. */
.tw-saved-motif-layout { display: none; }
@media (min-width: 1180px) {
  .talkwise-site.sessions-page { position: relative; }
  .talkwise-site.sessions-page #joining-online::after { content: none !important; background-image: none !important; }
  .sessions-page .tw-saved-motif-layout { display: contents; }
  .sessions-page .tw-saved-motif { position: absolute !important; display: block; margin: 0; pointer-events: none; opacity: .9; transform-origin: center; }
  .sessions-page .tw-saved-motif img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .sessions-page .tw-saved-motif--sessions-1 { left: 60.1389%; top: 2643.5px; width: 39.3680%; height: 389.7434px; z-index: 19; }
  .sessions-page .tw-saved-motif--sessions-2 { left: 66.25%; top: 3402.5px; width: 29.281%; height: 289.8918px; z-index: 18; transform: rotate(-60deg); }
  .sessions-page .tw-saved-motif--sessions-3 { left: 67.7778%; top: 4898.5px; width: 24.4444%; height: 242px; z-index: 20; }
  .sessions-page .tw-saved-motif--sessions-4 { left: 5.9722%; top: 955.5px; width: 32.5356%; height: 322.102px; z-index: 20; }
}

/*
 * Bespoke site-wide edition. Each motif belongs to one measured negative-space
 * region. No artwork is allowed behind copy, rules, links or controls.
 */
.talkwise-site :is(.home-professional-summary,.home-confidentiality,#beginning,#between-us,#shared-and-different,#belonging,#joining-online,#before-we-begin,.tw-next-steps,#pay-for-session,#your-details,#enquiry-privacy,.support-closing,#reading.understanding-section)::after {
  content: none !important;
}

@media (min-width: 1180px) {
  .talkwise-site.home-page .home-confidentiality,
  .talkwise-site.therapy-approach-page #counselling-psychotherapy,
  .talkwise-site.sessions-page #joining-online,
  .talkwise-site.booking-page .contact-options,
  .talkwise-site.payment-page #pay-for-session,
  .talkwise-site.confidentiality-page #your-details,
  .talkwise-site.support-page #specialist .support-grid,
  .talkwise-site.information-page > .enquire-section {
    position: relative;
    isolation: isolate;
  }

  .talkwise-site.culture-page #belonging,
  .talkwise-site.culture-page #language {
    position: relative;
    isolation: isolate;
  }

  .talkwise-site.home-page .home-confidentiality::after,
  .talkwise-site.therapy-approach-page #counselling-psychotherapy::after,
  .talkwise-site.sessions-page #joining-online::after,
  .talkwise-site.booking-page .contact-options::after,
  .talkwise-site.payment-page #pay-for-session::after,
  .talkwise-site.confidentiality-page #your-details::after,
  .talkwise-site.information-page > .enquire-section::after {
    content: "" !important;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .88;
  }

  .talkwise-site.home-page .home-confidentiality::after {
    content: none !important;
  }

  .talkwise-site.home-page .home-confidentiality-motif {
    position: absolute !important;
    z-index: 2;
    right: clamp(2rem, 6vw, 7rem);
    top: 50%;
    width: clamp(22rem, 33vw, 31rem);
    height: clamp(13rem, 21vw, 20rem);
    margin: 0;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: .82;
    filter: brightness(1.55) saturate(.72);
  }

  .talkwise-site.home-page .home-confidentiality-motif img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
  }

  @media (max-width: 1399px) {
    .talkwise-site.home-page .home-confidentiality-motif {
      right: 2rem;
      width: 20rem;
      height: 13rem;
      opacity: .58;
    }
  }

  .talkwise-site.therapy-approach-page #counselling-psychotherapy::after {
    left: clamp(4rem, 9vw, 10rem); top: auto; bottom: clamp(4rem, 7vw, 7rem);
    width: clamp(14rem, 18vw, 18rem); height: clamp(23rem, 30vw, 30rem);
    background-position: center bottom;
    background-image: url('/assets/illustrations/motif-therapy-pattern-v1.webp');
    opacity: .88;
  }

  .talkwise-site.sessions-page #joining-online::after {
    right: clamp(2rem, 6vw, 7rem); top: 58%; transform: translateY(-50%);
    width: clamp(22rem, 36vw, 36rem); height: clamp(10rem, 18vw, 17rem);
    background-position: right center;
    background-image: url('/assets/illustrations/motif-sessions-continuity-v1.webp');
    opacity: .96;
  }

  .talkwise-site.booking-page .contact-options::after {
    right: 5%; top: auto; bottom: 12%;
    width: 36%; height: 22%;
    background-position: right center;
    background-image: url('/assets/illustrations/motif-booking-stages-v1.webp');
    opacity: .78;
  }

  .talkwise-site.payment-page #pay-for-session::after {
    right: -72%; top: 14%;
    width: 68%; height: 52%;
    background-image: url('/assets/illustrations/motif-payment-trust-v1.webp');
    opacity: .92;
  }

  /* The culture page has two genuinely empty left-column wells beneath its
     headings. These portrait motifs are bounded inside those wells. */
  .talkwise-site.culture-page #belonging::after,
  .talkwise-site.culture-page #language::after {
    content: "" !important;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    left: max(7rem, 10vw);
    bottom: 2.5rem;
    width: min(15rem, 19vw);
    height: 18rem;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .72;
  }

  .talkwise-site.culture-page #belonging::after {
    background-image: url('/assets/illustrations/motif-uploaded-12.png');
    left: clamp(4rem, 10vw, 11rem);
    top: clamp(20rem, 24vw, 24rem);
    bottom: auto;
    width: clamp(10rem, 13vw, 13rem);
    height: clamp(16rem, 21vw, 21rem);
    opacity: .72;
  }

  .talkwise-site.culture-page #language::after {
    background-image: url('/assets/illustrations/motif-uploaded-07.png');
    left: clamp(4rem, 10vw, 11rem);
    top: clamp(13rem, 17vw, 17rem);
    bottom: auto;
    width: clamp(10rem, 14vw, 14rem);
    height: clamp(13rem, 18vw, 18rem);
  }

  .talkwise-site.confidentiality-page #your-details::after {
    right: clamp(2rem, 7vw, 8rem); top: 50%; transform: translateY(-50%);
    width: clamp(13rem, 23vw, 22rem); height: clamp(20rem, 33vw, 31rem);
    background-image: url('/assets/illustrations/motif-confidentiality-v1.webp');
    opacity: .86;
  }

  .talkwise-site.information-page > .enquire-section::after {
    right: clamp(3rem, 10vw, 11rem); top: 50%; transform: translateY(-50%);
    width: clamp(10rem, 15vw, 15rem); height: clamp(13rem, 20vw, 20rem);
    background-image: url('/assets/illustrations/motif-reading-reflection-v1.webp');
    opacity: .48;
    filter: brightness(1.35) saturate(.72);
  }

  .talkwise-site.home-page .home-confidentiality > *,
  .talkwise-site.therapy-approach-page #counselling-psychotherapy > *,
  .talkwise-site.sessions-page #joining-online > *,
  .talkwise-site.booking-page .contact-options > *,
  .talkwise-site.payment-page #pay-for-session > *,
  .talkwise-site.confidentiality-page #your-details > *,
  .talkwise-site.information-page > .enquire-section > * {
    position: relative;
    z-index: 1;
  }

  .talkwise-site.culture-page #belonging > *,
  .talkwise-site.culture-page #language > * {
    position: relative;
    z-index: 1;
  }

  .talkwise-site.support-page #specialist .support-grid::after {
    content: "";
    min-height: 26rem;
    border: 1px solid #d7d9cf;
    background-color: #d9ded4;
    background-image: url('/assets/illustrations/motif-support-routes-v1.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: min(78%, 22rem) auto;
    pointer-events: none;
  }
}

@media (max-width: 1179px) {
  .talkwise-site.home-page .home-confidentiality-motif { display: none !important; }
  .talkwise-site.home-page .home-confidentiality::after,
  .talkwise-site.therapy-approach-page #counselling-psychotherapy::after,
  .talkwise-site.sessions-page #joining-online::after,
  .talkwise-site.booking-page .contact-options::after,
  .talkwise-site.payment-page #pay-for-session::after,
  .talkwise-site.confidentiality-page #your-details::after,
  .talkwise-site.information-page > .enquire-section::after,
  .talkwise-site.support-page #specialist .support-grid::after {
    content: none !important;
  }

  .talkwise-site.culture-page #belonging::after,
  .talkwise-site.culture-page #language::after {
    content: none !important;
  }
}

/* Keep the approved Sessions removal after every earlier motif rule. */
@media (min-width: 1180px) {
  .talkwise-site.sessions-page #joining-online::after { content: none !important; background-image: none !important; }
}

/* User-approved Home desktop motif layout — 1440px composition. */
@media (min-width: 1180px) {
  .talkwise-site.home-page { position: relative; }
  .talkwise-site.home-page .home-confidentiality-motif { display: none !important; }
  .home-page .tw-saved-motif-layout--home { display: contents; }
  .home-page .tw-saved-motif--home-1,
  .home-page .tw-saved-motif--home-2 { position: absolute !important; display: block; margin: 0; pointer-events: none; opacity: .9; transform-origin: center; }
  .home-page .tw-saved-motif--home-1 img,
  .home-page .tw-saved-motif--home-2 img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .home-page .tw-saved-motif--home-1 { left: 5.1389%; top: 7387.5px; width: 43.3048%; height: 428.7178px; z-index: 20; }
  .home-page .tw-saved-motif--home-2 { left: 67.5%; top: 9465.5px; width: 22.2222%; height: 220px; z-index: 19; }
}

/* User-approved About desktop motif layout — 1440px composition. */
@media (min-width: 1180px) {
  .talkwise-site.about-page { position: relative; }
  .talkwise-site.about-page .phase2-section3__motif { display: none !important; }
  .about-page .tw-saved-motif-layout--about { display: contents; }
  .about-page .tw-saved-motif-layout--about .tw-saved-motif { position: absolute !important; display: block; margin: 0; pointer-events: none; opacity: .9; transform-origin: center; }
  .about-page .tw-saved-motif-layout--about img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .about-page .tw-saved-motif--about-1 { left: 68.9583%; top: 187.5px; width: 20.2083%; height: 285px; z-index: 13; transform: rotate(28deg); }
  .about-page .tw-saved-motif--about-2 { left: 54.0278%; top: 2836.5px; width: 34.6086%; height: 327.3122px; z-index: 18; }
  .about-page .tw-saved-motif--about-3 { left: 65.7639%; top: 5439.5px; width: 29.5778%; height: 292.82px; z-index: 20; }
  .about-page .tw-saved-motif--about-4 { left: 118.8194%; top: 7147.5px; width: 76.7171%; height: 759.4997px; z-index: 19; transform: rotate(17deg); }
  .about-page .tw-saved-motif--about-5 { left: 24.7917%; top: 5918.5px; width: 102.1105%; height: 1010.8941px; z-index: 17; }
  .about-page .tw-saved-motif--about-6 { left: 4.2361%; top: 3359.5px; width: 14.7917%; height: 434px; z-index: 19; transform: rotate(-25deg); }
  .about-page .tw-saved-motif--about-7 { left: 77.9167%; top: 3363.5px; width: 14.7917%; height: 434px; z-index: 19; transform: rotate(-25deg); }
  .about-page .tw-saved-motif--about-8 { left: 61.3889%; top: 3997.5px; width: 22.2222%; height: 220px; z-index: 19; }
}

/* User-approved Culture desktop motif layout — 1440px composition. */
@media (min-width: 1180px) {
  .talkwise-site.culture-page { position: relative; }
  .talkwise-site.culture-page #language::after,
  .talkwise-site.culture-page #belonging::after { content: none !important; background-image: none !important; }
  .talkwise-site.culture-page .culture-roles-motif { display: none !important; }
  .culture-page .tw-saved-motif-layout--culture { display: contents; }
  .culture-page .tw-saved-motif-layout--culture .tw-saved-motif { position: absolute !important; display: block; margin: 0; pointer-events: none; opacity: .9; transform-origin: center; }
  .culture-page .tw-saved-motif-layout--culture img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .culture-page .tw-saved-motif--culture-1 { left: 59.2361%; top: 33.5px; width: 13.5417%; height: 437px; z-index: 19; transform: rotate(-91deg); }
  .culture-page .tw-saved-motif--culture-2 { left: 18.125%; top: 855.5px; width: 22.2222%; height: 220px; z-index: 20; }
  .culture-page .tw-saved-motif--culture-3 { left: 10%; top: 1458.5px; width: 22.5694%; height: 641px; z-index: 20; }
  .culture-page .tw-saved-motif--culture-4 { left: 6.875%; top: 2434.5px; width: 28.9896%; height: 329.12px; z-index: 19; transform: rotate(17deg); }
  .culture-page .tw-saved-motif--culture-5 { left: 12.4306%; top: 3136.5px; width: 15.4167%; height: 301px; z-index: 19; }
}

/* User-approved How Therapy Works desktop motif layout — 1440px composition. */
@media (min-width: 1180px) {
  .talkwise-site.therapy-approach-page { position: relative; }
  .therapy-approach-page .tw-saved-motif-layout--therapy { display: contents; }
  .therapy-approach-page .tw-saved-motif-layout--therapy .tw-saved-motif { position: absolute !important; display: block; margin: 0; pointer-events: none; opacity: .9; transform-origin: center; }
  .therapy-approach-page .tw-saved-motif-layout--therapy img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .therapy-approach-page .tw-saved-motif--therapy-1 { left: 7.2917%; top: 1464.5px; width: 26.8889%; height: 266.2px; z-index: 20; }
  .therapy-approach-page .tw-saved-motif--therapy-2 { left: 66.3194%; top: 2503.5px; width: 22.2222%; height: 220px; z-index: 20; }
  .therapy-approach-page .tw-saved-motif--therapy-3 { left: 54.3056%; top: 142.5px; width: 22.2222%; height: 220px; z-index: 19; }
  .therapy-approach-page .tw-saved-motif--therapy-4 { left: 8.75%; top: 868.5px; width: 22.2222%; height: 220px; z-index: 20; }
  .therapy-approach-page .tw-saved-motif--therapy-5 { left: 8.125%; top: 2150.5px; width: 22.2222%; height: 220px; z-index: 20; }
  .therapy-approach-page .tw-saved-motif--therapy-6 { left: 76.4583%; top: 3612.5px; width: 21.6241%; height: 611.2948px; z-index: 20; transform: rotate(-180deg); }
  .therapy-approach-page .tw-saved-motif--therapy-7 { left: 0; top: 3609.5px; width: 21.6241%; height: 611.2948px; z-index: 20; transform: rotate(-180deg) scaleX(-1); }
}

/* User-approved Confidentiality desktop motif layout — 1440px composition. */
@media (min-width: 1180px) {
  .talkwise-site.confidentiality-page { position: relative; }
  .confidentiality-page .tw-saved-motif-layout--confidentiality { display: contents; }
  .confidentiality-page .tw-saved-motif-layout--confidentiality .tw-saved-motif { position: absolute !important; display: block; margin: 0; pointer-events: none; opacity: .9; transform-origin: center; }
  .confidentiality-page .tw-saved-motif-layout--confidentiality img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .confidentiality-page .tw-saved-motif--confidentiality-1 { left: 51.0417%; top: 63px; width: 32.9569%; height: 371.061px; z-index: 17; transform: rotate(57deg); }
  .confidentiality-page .tw-saved-motif--confidentiality-2 { left: 67.1528%; top: 1826.5px; width: 22.0833%; height: 285px; z-index: 20; }
  .confidentiality-page .tw-saved-motif--confidentiality-3 { left: 70.625%; top: 3545.5px; width: 22.2222%; height: 220px; z-index: 20; }
}

/*
 * Motif-free rollback requested 3 October 2026.
 * This final layer disables every decorative motif without changing content,
 * forms, navigation or the underlying recoverable artwork files.
 */
.talkwise-site [class*="motif"],
.tw-saved-motif-layout,
.tw-saved-motif {
  display: none !important;
}
.talkwise-site :is(
  .home-professional-summary,
  .home-confidentiality,
  #beginning,
  #between-us,
  #counselling-psychotherapy,
  #shared-and-different,
  #belonging,
  #language,
  #joining-online,
  #before-we-begin,
  .contact-options,
  .tw-next-steps,
  #pay-for-session,
  #your-details,
  #enquiry-privacy,
  .support-closing,
  #reading.understanding-section,
  .enquire-section,
  #specialist .support-grid
)::before,
.talkwise-site :is(
  .home-professional-summary,
  .home-confidentiality,
  #beginning,
  #between-us,
  #counselling-psychotherapy,
  #shared-and-different,
  #belonging,
  #language,
  #joining-online,
  #before-we-begin,
  .contact-options,
  .tw-next-steps,
  #pay-for-session,
  #your-details,
  #enquiry-privacy,
  .support-closing,
  #reading.understanding-section,
  .enquire-section,
  #specialist .support-grid
)::after {
  content: none !important;
  background-image: none !important;
}

/* Close the empty layout wells left behind by the motif-free rollback. */
.payment-page #pay-for-session {
  margin-inline: auto;
}
.payment-page #pay-for-session > :not(.tw-saved-motif-layout) {
  margin-right: auto;
}
.support-page #specialist .support-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}