.offer-overview{padding:65px 0 80px}.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:35px}.overview-heading h2{font-size:clamp(38px,4vw,57px)}.overview-heading>img{height:220px;width:170px;object-fit:contain;margin-right:90px;transform:rotate(4deg)}.offer-briefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.offer-brief{min-width:0;border-top:2px solid var(--pink);padding-top:23px}.offer-brief h3{font-size:30px;line-height:1.1;margin:14px 0 18px}.brief-audience{font-size:13px;font-weight:700;margin-bottom:7px}.brief-intro{font-size:14px;color:var(--text);line-height:1.7}.offer-brief .strategy-details{margin-top:16px}.offer-brief .strategy-details summary{font-size:12px}.offer-brief .icp-grid{grid-template-columns:1fr}.brief-buyer,.brief-job,.brief-trigger{font-size:13px;line-height:1.6;margin:12px 0}.brief-hypothesis{font-size:11px;color:var(--text);margin-top:15px}.offer-brief .strategy-details>a{font-size:12px;color:var(--pink)}.brief-jump{padding:9px 0;border:0;background:none;color:var(--pink);font-size:13px;font-weight:700;margin-top:10px}.matrix-lab{overflow:visible;padding-top:65px}.matrix-lab .lab-heading{padding-bottom:28px;min-height:265px}.matrix-navigation{position:sticky;top:0;z-index:8;background:#061b3df5;backdrop-filter:blur(14px);border-block:1px solid #ffffff28}.stage-jumps{display:flex;gap:8px;padding:13px 0;overflow-x:auto;scrollbar-width:none}.stage-jump{flex-shrink:0;font-size:12px;color:#c0d1e4;padding:7px 14px;border-radius:25px;text-decoration:none;border:1px solid transparent}.stage-jump:hover{background:#15314f}.stage-jump[aria-current]{color:#061b3d;background:#ffb1d0;border-color:#ffb1d0}.matrix-column-headings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0 0 15px}.column-heading{display:flex;align-items:baseline;gap:12px}.column-heading strong{font:700 22px/1 var(--display);letter-spacing:-.03em}.column-heading span{font-size:11px;color:#a8bfd5}.matrix-help{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a8bfd5;padding:20px 0 0}.touch-help{display:none}.matrix-help>span{white-space:nowrap}.awareness-row{padding:34px 0 40px;scroll-margin-top:135px}.awareness-row+.awareness-row{border-top:1px solid #ffffff29}.row-heading{display:flex;gap:15px;align-items:center;margin-bottom:21px}.row-index{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffb1d070;border-radius:50%;font-size:11px;color:#ffb1d0}.row-heading h3{font-size:29px;letter-spacing:-.03em}.row-heading>p{margin-left:auto;font-size:11px;color:#a8bfd5}.matrix-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.matrix-card{min-width:0;position:relative;scroll-margin-top:135px}.matrix-card-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:12px;color:#d6e5f4}.matrix-card-heading>span{font-size:10px;color:#a8bfd5}.matrix-main{display:block;position:relative;width:100%;border:0;padding:0;background:#173250;border-radius:12px;overflow:hidden;cursor:zoom-in}.matrix-main>img{display:block;width:100%;height:auto;aspect-ratio:1}.enlarge-mark{position:absolute;right:11px;bottom:11px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#061b3dcc;color:white;font-size:17px;border:1px solid #ffffff66;opacity:0;transition:opacity .18s}.matrix-main:hover .enlarge-mark,.matrix-main:focus-visible .enlarge-mark{opacity:1}.matrix-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:13px 0 15px}.matrix-thumb{position:relative;min-width:0;display:block;padding:3px;border:1px solid #69829a;background:transparent;border-radius:7px;opacity:.65;transition:opacity .15s,border-color .15s}.matrix-thumb>img{width:100%;height:auto;aspect-ratio:1;border-radius:3px}.matrix-thumb>span{position:absolute;left:5px;bottom:5px;width:17px;height:17px;display:grid;place-items:center;background:#061b3ded;color:white;font-size:9px;border-radius:3px}.matrix-thumb[aria-pressed=true]{opacity:1;border-color:#ff93bc;box-shadow:0 0 0 1px #ff93bc}.matrix-thumb:hover{opacity:1}.matrix-message-count{font-size:10px;color:#ffb1d0;display:block;margin-bottom:7px}.matrix-caption h4{font:600 19px/1.22 var(--display);letter-spacing:-.02em;color:#fff;margin:0 0 9px;min-height:47px}.matrix-caption>p{font-size:12px;line-height:1.6;color:#bfd0e2;margin:0;min-height:57px}.matrix-context{border-top:1px solid #ffffff29;padding-top:0;margin-top:16px}.matrix-context summary{cursor:pointer;font-size:11px;color:#b6c8dd;padding:11px 0}.matrix-context p{font-size:12px;color:#b6c8dd;line-height:1.6;margin:10px 0}.matrix-context .context-question{color:#fff;font-weight:600}.is-pointed .matrix-main{outline:2px solid #ffb1d0;outline-offset:5px;animation:point-card 1.3s ease-out}@keyframes point-card{from{outline-offset:12px}to{outline-offset:5px}}.matrix-lab .lab-footnote{padding-bottom:8px}.delivery-actions{gap:12px}.delivery-actions .pill{font-size:13px;padding:13px 20px}.strategy-download{display:inline-block;margin-top:20px}#viewer{max-width:1140px}.viewer-bar>div:first-child{display:flex;align-items:center;gap:16px}.viewer-bar>div:first-child>span{font-size:11px;color:var(--text)}.viewer-context{font-size:12px!important;color:var(--pink)!important;margin:0 0 14px!important;font-weight:700}.viewer-offers{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.viewer-offers button{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:8px 12px;background:white;color:var(--text)}.viewer-offers button[aria-pressed=true]{color:var(--pink);border-color:var(--pink);background:#fff0f6}.viewer-filmstrip{position:relative;display:flex;gap:8px;overflow-x:auto;padding:14px;background:#edf5fb;border-top:1px solid var(--line);scrollbar-width:thin}.film-thumb{flex:0 0 69px;padding:3px;border:1px solid transparent;border-radius:5px;background:none;color:var(--text)}.film-thumb img{width:61px;height:61px;object-fit:contain;border-radius:3px}.film-thumb>span{font-size:8px;display:block;margin-top:4px;white-space:nowrap}.film-thumb[aria-pressed=true]{border-color:var(--pink);background:#fff0f6}.viewer-copy #viewer-note{font-size:11px}
@media(max-width:1150px){.matrix-column-headings,.matrix-cards{gap:20px}.column-heading{display:block}.column-heading>span{display:block;margin-top:5px;font-size:10px}.matrix-thumbnails{gap:6px}.matrix-caption h4{font-size:17px;min-height:63px}.matrix-caption>p{font-size:11px;min-height:69px}.offer-briefs{gap:25px}.offer-brief h3{font-size:27px}.awareness-row{scroll-margin-top:150px}}
@media(max-width:800px){.offer-overview{padding:45px 0}.overview-heading>img{height:170px;width:115px;margin-right:0}.overview-heading h2{font-size:39px}.offer-briefs{gap:18px}.offer-brief h3{font-size:23px}.brief-intro{font-size:12px}.brief-audience{font-size:11px}.case-name{font-size:10px}.matrix-lab{padding-top:45px}.matrix-lab .lab-heading{min-height:245px}.matrix-column-headings{gap:17px}.column-heading strong{font-size:19px}.column-heading span{font-size:9px}.matrix-cards{gap:17px}.matrix-card-heading{font-size:11px}.matrix-card-heading>span{font-size:9px}.matrix-help{font-size:10px}.matrix-thumbnails{gap:4px}.matrix-thumb{padding:2px;border-radius:4px}.matrix-thumb>span{left:3px;bottom:3px;width:13px;height:13px;font-size:8px}.matrix-caption h4{font-size:15px;min-height:58px}.matrix-caption>p{font-size:11px;min-height:85px}.matrix-context summary{font-size:10px}.row-heading h3{font-size:25px}.row-heading>p{font-size:10px}.stage-jump{font-size:11px;padding:7px 10px}.matrix-context p{font-size:11px}.viewer-copy{padding:20px}.viewer-filmstrip{padding:10px}.viewer-offers{margin-top:17px}}
@media(max-width:600px){.offer-briefs{grid-template-columns:1fr;gap:26px}.offer-brief{padding-top:18px}.offer-brief h3{font-size:29px;margin:9px 0 12px;max-width:330px}.brief-intro{font-size:14px}.brief-audience{font-size:13px}.case-name{font-size:12px}.offer-brief .strategy-details{margin-top:10px}.brief-jump{margin-top:0}.overview-heading{margin-bottom:23px;gap:5px}.overview-heading h2{font-size:35px}.overview-heading>img{width:88px;height:155px}.overview-heading .eyebrow{font-size:10px;max-width:210px;margin-bottom:14px}.matrix-lab .lab-heading{min-height:0;padding-bottom:30px}.matrix-lab .lab-heading h2{max-width:260px;font-size:39px}.matrix-lab .lab-heading>div>p:last-child{max-width:100%;font-size:13px}.matrix-column-headings{display:none}.stage-jumps{gap:3px;padding:11px 0}.stage-jump{font-size:10px;padding:7px 10px}.matrix-help{display:block;padding:16px 0 0;line-height:1.5}.desktop-help{display:none}.touch-help{display:block}.matrix-help>span{display:block;font-size:9px;margin-top:6px}.awareness-row{scroll-margin-top:80px;padding:26px 0 28px}.row-heading{gap:10px;flex-wrap:wrap;margin-bottom:17px}.row-heading h3{font-size:26px}.row-heading>p{font-size:9px}.row-index{width:27px;height:27px;font-size:10px}.matrix-cards{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ff93bc70 #ffffff16;margin-right:-18px;padding:5px 0 16px}.matrix-card{flex:0 0 88%;scroll-snap-align:start;scroll-margin-top:80px}.matrix-card:last-child{margin-right:18px}.matrix-card-heading{font-size:15px;margin-bottom:12px}.matrix-card-heading>span{font-size:10px}.matrix-thumbnails{gap:7px;margin:13px 0}.matrix-thumb{padding:3px;border-radius:6px}.matrix-thumb>span{width:16px;height:16px;font-size:9px;bottom:5px;left:5px}.matrix-caption h4{font-size:19px;min-height:46px}.matrix-caption>p{font-size:12px;min-height:57px}.matrix-context summary{font-size:11px}.matrix-context p{font-size:12px}.enlarge-mark{opacity:1}.matrix-lab .director{right:-10px;height:145px;top:10px}.matrix-card.is-pointed .matrix-main{outline-offset:2px}.delivery-actions .pill{padding:11px 18px;font-size:12px}.viewer-bar>div:first-child{display:block}.viewer-bar>div:first-child>span{display:block;font-size:9px;margin-top:2px}.viewer-body #viewer-image{max-height:51dvh}.viewer-copy h3{font-size:22px}.viewer-copy p{font-size:13px;margin-top:13px}.viewer-copy a{font-size:12px;margin-top:13px}#viewer-note{display:none}.viewer-filmstrip{position:sticky;bottom:0;z-index:2;background:#edf5bf}.film-thumb{flex-basis:58px}.film-thumb img{height:50px;width:50px}.film-thumb>span{font-size:7px}.viewer-filmstrip{background:#edf5fb}.viewer-offers button{padding:7px 10px}.viewer-context{font-size:11px!important}.viewer-bar{z-index:3}}
@media(max-width:600px){.stage-jumps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.stage-jump{white-space:normal;text-align:center;font-size:9px;line-height:1.4;padding:8px 3px}}