/* The industry pages share the hairdresser page's established visual language. */
.audience-page .hp-hero-copy { max-width:1040px; }
.audience-page h1 { font-size:clamp(42px,4.6vw,67px); letter-spacing:-.053em; }
.audience-page .hp-lead { max-width:800px; }
.audience-page .hp-hero-description { max-width:670px; }
.audience-page .hp-hero-grid::after { background:linear-gradient(180deg,#0c0c184d,#0c0c18b3 48%,#0c0c189e); }
.audience-page .hp-hero-photo { object-position:center 43%; }
.audience-page .ap-focus { scroll-margin-top:105px; display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:65px; }
.ap-focus-copy .hp-eyebrow { font-size:10px; margin-bottom:18px; }
.ap-focus-copy .hp-plan-label { margin-bottom:16px; }
.ap-focus-copy h2 { font-size:clamp(30px,3vw,43px); text-wrap:initial; }
.ap-focus-copy > p:not(.hp-eyebrow) { font-size:14px; line-height:1.85; margin:23px 0; }
.ap-focus-copy > .hp-textlink { margin-top:25px; font-size:13px; }
.ap-focus-visual { min-width:0; padding:25px; background:#f4f2fb; border-radius:24px; margin:0; }
.ap-native { position:relative; width:100%; min-height:100px; height:360px; overflow:hidden; border-radius:13px; border:1px solid #e4e0ef; background:#fff; box-shadow:0 13px 32px #2f23440a; }
.ap-native iframe { position:absolute; left:0; top:0; border:0; width:1000px; height:650px; transform-origin:top left; pointer-events:none; }
.ap-focus-visual figcaption { color:#827c91; font-size:9px; line-height:1.6; text-align:center; margin-top:18px; }
.audience-page .hp-faq > div > p:not(.hp-eyebrow) { font-size:14px; margin:20px 0; line-height:1.8; }
@media (max-width:1000px) { .audience-page .ap-focus { gap:35px; } .ap-focus-visual { padding:17px; } }
@media (max-width:800px) { .audience-page .ap-focus { grid-template-columns:1fr; gap:35px; } }
@media (max-width:600px) { .audience-page h1 { font-size:clamp(31px,10vw,39px); } .audience-page .hp-hero-grid { padding-inline:22px; } .audience-page .hp-lead { font-size:17px; } }