/* Customer questions: a readable guide and a focused entry from Instagram.
   Uses the approved Catalyst fonts, palette, mark and original artwork. */
.page-questions{--maxw:1320px;--pad:clamp(24px,5vw,72px)}
.cq-hero{position:relative;isolation:isolate;padding-block:48px 64px}
.cq-hero::before{content:"";position:absolute;z-index:-1;inset:auto auto -90px -200px;width:680px;height:480px;background:url('/assets/brand/new-direction/paint-left.webp') left bottom/contain no-repeat;opacity:.32;pointer-events:none}
.cq-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.cq-hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.07;max-width:18ch}
.cq-hero .p-dek{font-size:18px;max-width:48ch;margin-top:24px}
.cq-hero .h-actions{margin-top:27px}
.cq-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--ink-soft);margin-top:22px}
.cq-hero-figure{max-width:520px;margin:0 auto;width:100%}
.cq-hero-figure>img{width:100%;border-radius:20px;transform:rotate(1deg);box-shadow:0 16px 40px rgb(70 49 21 / .08)}
.cq-hero-figure figcaption{position:relative;margin:-22px 25px 0;background:var(--surface);padding:25px 28px;border:1px solid var(--hairline);border-radius:12px;box-shadow:0 8px 24px rgb(70 49 21 / .04)}
.cq-hero-figure figcaption>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-soft);margin-bottom:10px}
.cq-hero-figure figcaption>p{font:430 28px/1.3 var(--font-display)}
.cq-intro{max-width:870px;margin:auto;padding:30px 36px 58px}
.cq-intro>p{font-size:18px;line-height:1.8;color:var(--ink-soft)}
.cq-intro strong{font-weight:550;color:var(--ink)}
.cq-questions{padding-block:52px 64px;border-block:1px solid var(--hairline);background:var(--surface)}
.cq-section-head{max-width:700px}
.cq-section-head>h2{font-size:clamp(34px,3.5vw,48px)}
.cq-section-head>p:not(.h-eyebrow){margin-top:20px;color:var(--ink-soft);max-width:62ch;font-size:16px}
.cq-question-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;margin:36px 0 0;padding:0}
.cq-question-list>li{border-top:1px solid var(--hairline);padding-top:22px;min-width:0}
.cq-number{display:block;font:italic 400 26px/1.2 var(--font-display);color:var(--ink-soft);margin-bottom:17px}
.cq-question-list h3{font-size:29px}
.cq-question-list blockquote{margin-block:22px 18px;font:440 25px/1.4 var(--font-display);border-left:2px solid var(--pig-coral);padding-left:18px}
.cq-question-list>li:nth-child(2) blockquote{border-color:var(--pig-teal)}
.cq-question-list>li:nth-child(3) blockquote{border-color:var(--pig-amber)}
.cq-question-list p{font-size:15px;line-height:1.75;color:var(--ink-soft)}
.cq-questions .h-note{max-width:82ch;margin-top:32px}
.cq-case{max-width:900px;margin:auto;padding:66px 36px}
.cq-case>h2{font-size:clamp(34px,3.5vw,48px);max-width:22ch}
.cq-case>p:not(.h-eyebrow){margin-top:22px;color:var(--ink-soft)}
.cq-dialogue{padding:10px 28px;margin:30px 0;border:1px solid var(--hairline);border-radius:16px;background:var(--surface)}
.cq-turn{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:20px 0}
.cq-turn+.cq-turn{border-top:1px solid var(--hairline)}
.cq-turn dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:550;color:var(--ink-soft);padding-top:5px}
.cq-turn dd{font:420 24px/1.45 var(--font-display);margin:0}
.cq-turn-you dd{font-style:italic}
.cq-takeaway{border-left:3px solid var(--pig-teal);padding:3px 0 3px 22px}
.cq-takeaway strong{font-weight:550;color:var(--ink)}
.cq-before{background:var(--paper-deep);border-block:1px solid var(--hairline);padding-block:48px}
.cq-before-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.cq-before h2{font-size:clamp(34px,3.5vw,46px);max-width:19ch}
.cq-before ol{list-style:none;counter-reset:meeting;margin:0;padding:0;display:grid;gap:22px}
.cq-before li{counter-increment:meeting;display:grid;grid-template-columns:24px 1fr;gap:14px;font-size:15px;color:var(--ink-soft);line-height:1.7}
.cq-before li::before{content:counter(meeting,decimal-leading-zero);font:italic 430 24px/1.2 var(--font-display);color:var(--ink)}
.cq-before strong{font-weight:550;color:var(--ink)}
.cq-learning{padding-block:66px}
.cq-path{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.cq-path-art{border-radius:20px;width:100%;box-shadow:0 12px 28px rgb(70 49 21 / .08)}
.cq-path-heading{font-size:clamp(36px,3.8vw,52px);max-width:18ch}
.cq-path-intro{color:var(--ink-soft);font-size:16px;margin-top:22px;max-width:55ch}
.cq-path-stats{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;margin-top:23px;color:var(--ink-soft)}
.cq-path-stats>span+span{border-left:1px solid var(--hairline);padding-left:16px}
.cq-lessons{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--hairline)}
.cq-lessons>li{display:grid;grid-template-columns:25px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid var(--hairline)}
.cq-lessons .cq-lesson-num{font:italic 400 22px/1.4 var(--font-display);color:var(--ink-soft)}
.cq-lessons h3{font-size:24px;line-height:1.3}
.cq-lessons p{font-size:14px;line-height:1.7;color:var(--ink-soft);margin-top:8px}
.cq-lessons small{display:block;font-size:11px;color:var(--ink-soft);margin-top:7px}
.cq-access{font-size:13px;line-height:1.75;color:var(--ink-soft);margin-top:22px;max-width:65ch}
.cq-access strong{font-weight:550;color:var(--ink)}
.cq-path .h-actions{margin-top:24px}
.cq-find{font-size:12px;line-height:1.7;color:var(--ink-soft);margin-top:18px}
.cq-path-side-note{font-size:13px;color:var(--ink-soft);line-height:1.75;margin-top:22px;max-width:43ch}
.cq-path-side-note a{display:inline-flex;min-height:44px;align-items:center}
.cq-bottom-link{padding:0 36px 58px;max-width:900px;margin:auto}
.cq-bottom-link>p{font-size:16px;color:var(--ink-soft)}
.cq-bottom-link .h-text-link{margin-top:15px}
.cq-compact-footer{padding-block:30px;border-top:1px solid var(--hairline)}
.cq-footer-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center}
.cq-footer-links{display:flex;gap:22px;flex-wrap:wrap}
.cq-footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--ink-soft)}
.cq-compact-footer .h-note{margin-top:15px;font-size:11px}
/* Instagram gets a shorter, explicit route. It works without client detection or JS. */
.page-questions-instagram{--maxw:1140px}
.cq-social-nav .h-nav-in{gap:16px}
.cq-social-nav .h-text-link{font-size:12px;gap:10px}
.cq-social-hero{padding-block:50px 58px}
.cq-social-hero .cq-hero-grid{grid-template-columns:1.1fr 1fr;gap:54px}
.cq-social-hero h1{max-width:18ch;font-size:clamp(42px,4.5vw,62px)}
.cq-social-hero .p-dek{max-width:39ch}
.cq-social-hero .cq-access{margin-top:15px;max-width:44ch}
.cq-social-question{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;overflow:hidden;box-shadow:0 16px 38px rgb(70 49 21 / .07)}
.cq-social-question>img{width:100%;height:160px;object-fit:cover;object-position:center 47%}
.cq-social-question-copy{padding:28px 30px 30px}
.cq-customer-line{font-size:14px;color:var(--ink-soft)}
.cq-customer-line>span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.cq-social-question blockquote{font:450 29px/1.3 var(--font-display);margin:22px 0 18px}
.cq-social-question .h-note{font-size:13px}
.cq-social-explainer{max-width:810px;margin:0 auto;padding:8px 36px 48px}
.cq-social-explainer h2{font-size:32px;max-width:25ch}
.cq-social-explainer>p{font-size:16px;line-height:1.75;margin-top:19px;color:var(--ink-soft)}
.cq-social-explainer>.h-text-link{margin-top:18px}
.cq-social-learning{background:var(--paper-deep);border-block:1px solid var(--hairline);padding-block:48px}
.cq-social-learning .cq-path{grid-template-columns:.8fr 1.2fr;gap:50px}
.cq-social-learning .cq-path-heading{font-size:43px}
.cq-social-learning .cq-path-art{max-height:270px;object-fit:cover}
.cq-social-learning .cq-lessons h3{font-size:23px}
.cq-social-learning .cq-lessons{margin-top:25px}
.cq-social-learning .cq-access{font-size:13px}
.cq-social-learning .h-actions{align-items:flex-start}
.cq-sticky{display:none}
@media(max-width:1000px){.cq-hero-grid,.cq-path{gap:38px}.cq-question-list{gap:24px}.cq-question-list blockquote{font-size:23px}.cq-before-grid{gap:40px}}
@media(max-width:860px){.page-questions{--pad:24px}.cq-hero{padding-block:28px 42px}.cq-hero-grid{grid-template-columns:1fr;gap:35px}.cq-hero h1{max-width:20ch;font-size:48px}.cq-hero .p-dek{max-width:57ch}.cq-hero-figure{max-width:550px}.cq-hero-figure>img{max-height:270px;object-fit:cover}.cq-question-list{grid-template-columns:1fr;gap:28px}.cq-question-list>li{display:grid;grid-template-columns:36px 1fr;column-gap:18px}.cq-number{grid-row:1/4}.cq-question-list h3,.cq-question-list blockquote,.cq-question-list p{grid-column:2}.cq-question-list blockquote{max-width:26ch;font-size:27px;margin-block:20px 16px}.cq-question-list p{max-width:65ch}.cq-path{grid-template-columns:1fr;gap:32px}.cq-path-art{max-width:540px;max-height:270px;object-fit:cover}.cq-path-side-note{max-width:55ch}.cq-before-grid{grid-template-columns:1fr;gap:30px}.cq-before h2{max-width:25ch}.cq-social-hero .cq-hero-grid{grid-template-columns:1fr;gap:28px}.cq-social-hero h1{max-width:19ch}.cq-social-question{max-width:600px}.cq-social-question>img{height:150px}.cq-social-hero .p-dek{max-width:45ch}.cq-social-learning .cq-path{grid-template-columns:1fr;gap:28px}.cq-social-learning .cq-path-art{display:none}.cq-social-learning .cq-path-heading{max-width:22ch}.cq-social-learning .cq-path-intro{max-width:65ch}.cq-social-learning .cq-lessons{margin-top:0}.page-questions-instagram{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}.cq-sticky{display:block;position:fixed;z-index:60;inset:auto 0 0;background:var(--surface);border-top:1px solid var(--hairline);padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 22px rgb(44 39 34 / .04)}.cq-sticky-in{max-width:650px;margin:auto;display:flex;align-items:center;gap:20px;justify-content:space-between}.cq-sticky-copy{font-size:12px;line-height:1.4}.cq-sticky-copy strong{display:block;font-weight:550}.cq-sticky-copy span{display:block;font-size:11px;color:var(--ink-soft);margin-top:4px}.cq-sticky .h-btn{min-height:46px;flex:none;padding:12px 18px;gap:14px}.page-questions-instagram :is(a,summary):focus-visible{scroll-margin-block:100px 130px}.page-questions-instagram main{scroll-padding-bottom:130px}}
@media(max-width:540px){.cq-hero h1{font-size:40px;max-width:18ch}.cq-hero .p-dek{font-size:16px;line-height:1.75;margin-top:20px}.cq-hero .p-breadcrumb{margin-bottom:20px}.cq-hero .h-eyebrow{margin-bottom:16px}.cq-hero-figure figcaption{margin-inline:16px;padding:21px}.cq-hero-figure figcaption>p{font-size:24px}.cq-hero-figure>img{max-height:210px}.cq-intro,.cq-case,.cq-social-explainer,.cq-bottom-link{padding-inline:24px}.cq-intro{padding-block:10px 40px}.cq-intro>p{font-size:16px}.cq-questions{padding-block:40px}.cq-question-list{margin-top:28px}.cq-question-list>li{grid-template-columns:25px 1fr;column-gap:12px}.cq-question-list h3{font-size:27px}.cq-question-list blockquote{font-size:25px;padding-left:14px}.cq-question-list p{font-size:15px}.cq-case{padding-block:43px}.cq-case>p:not(.h-eyebrow){font-size:16px}.cq-dialogue{padding:4px 20px;margin-block:24px}.cq-turn{display:block;padding:18px 0}.cq-turn dt{padding-top:0;font-size:10px;margin-bottom:8px}.cq-turn dd{font-size:23px}.cq-before{padding-block:40px}.cq-learning{padding-block:44px}.cq-path-art{max-height:210px}.cq-path-heading{font-size:37px}.cq-path-side-note{margin-top:15px}.cq-path-stats{gap:8px 12px}.cq-path-stats>span+span{padding-left:12px}.cq-lessons h3{font-size:23px}.cq-path .h-actions{gap:14px}.cq-bottom-link{padding-bottom:38px}.cq-social-nav .h-brand{font-size:26px}.cq-social-nav .h-brand img{width:34px;height:34px}.cq-social-nav .h-text-link{font-size:11px;gap:8px}.cq-social-hero{padding-block:28px 34px}.cq-social-hero h1{font-size:41px;max-width:17ch}.cq-social-hero .cq-hero-grid{gap:25px}.cq-social-hero .p-dek{font-size:15px;max-width:37ch}.cq-social-hero .h-actions{margin-top:22px}.cq-social-hero .cq-access{font-size:12px}.cq-social-question>img{height:115px}.cq-social-question-copy{padding:22px}.cq-social-question blockquote{font-size:27px;margin:18px 0 16px}.cq-social-explainer{padding-top:0;padding-bottom:36px}.cq-social-explainer h2{font-size:30px}.cq-social-explainer>p{font-size:15px}.cq-social-learning{padding-block:36px}.cq-social-learning .cq-path-heading{font-size:36px}.cq-social-learning .cq-path-intro{font-size:15px;margin-top:19px}.cq-social-learning .cq-path{gap:24px}.cq-sticky{padding-inline:18px}.cq-sticky-in{gap:12px}.cq-sticky-copy{max-width:142px}.cq-sticky-copy strong{font-size:11px}.cq-sticky .h-btn{padding-inline:16px;font-size:12px;gap:10px}.cq-footer-in{gap:12px}.cq-footer-links{gap:20px}}
@media(max-width:360px){.page-questions{--pad:20px}.cq-intro,.cq-case,.cq-social-explainer,.cq-bottom-link{padding-inline:20px}.cq-hero h1,.cq-social-hero h1{font-size:36px}.cq-social-nav .h-nav-in{gap:10px}.cq-social-nav .h-brand{font-size:24px}.cq-social-nav .h-brand img{width:30px;height:30px}.cq-social-nav .h-text-link{font-size:10px;gap:5px}.cq-sticky-copy{max-width:124px}.cq-sticky .h-btn{padding-inline:13px;font-size:11px}.cq-path-stats{font-size:11px}.cq-hero-figure figcaption{margin-inline:10px}.cq-question-list blockquote{font-size:23px}}