/* G01 uses the portfolio type and palette; campaign colour stays in the artwork. */
.case-social-marketing{background:#f8eee7}
.case-social-marketing .g01-home-row{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}
.case-social-marketing .g01-home-row+.g01-home-row{padding-top:44px}
.case-social-marketing .poem{font-size:clamp(30px,3.1vw,54px)}
.case-social-marketing .g01-home-comparison .media-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.case-social-marketing .g01-home-comparison .image-open img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.case-social-marketing .g01-home-comparison .media-2{margin-top:34px}
.g01-home-option{display:block;text-align:left;font:600 10px/1.5 'Archivo',sans-serif;padding:0 0 10px}
.g01-home-label{font-size:10px;letter-spacing:.08em;line-height:1.6;margin-bottom:20px;color:#994264}
.g01-home-evidence{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:30px;border-block:1px solid #20201e33;padding:26px 0;margin:38px 0}
.g01-home-evidence>div{display:flex;flex-direction:column;gap:8px}
.g01-home-evidence strong{font:600 clamp(27px,3.2vw,50px)/1.1 'Archivo',sans-serif;letter-spacing:-.055em}
.g01-home-evidence>div>span{font-size:12px;line-height:1.6}
.g01-home-evidence strong small{font-size:.55em;font-weight:400}
.g01-home-evidence p{grid-column:1/-1;font-size:11px;line-height:1.65;color:#615650}
.case-social-marketing .g01-home-photo .image-open img{width:100%;height:auto}
.case-social-marketing .g01-home-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px;font-size:12px}
.case-social-marketing .g01-home-links a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid}
.case-page[data-case=social-marketing] .case-intro h1,.case-page[data-case=social-marketing] .rail-title{font-family:'Archivo',sans-serif;font-weight:900}
.case-page[data-case=social-marketing] .case-intro h1{font-size:clamp(54px,9.5vw,150px);line-height:1.1;letter-spacing:-.065em;max-width:1400px}
.case-page[data-case=social-marketing] .case-brand{letter-spacing:-.06em;font-size:23px}
.case-page[data-case=social-marketing] .case-layout{grid-template-columns:minmax(200px,.57fr) minmax(0,1.8fr);gap:6vw}
.case-page[data-case=social-marketing] .rail-title{font-size:28px;line-height:1.15;display:block}
.case-page[data-case=social-marketing] .case-cover{background:transparent}
.g01-cover-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}
.g01-cover-strip .g01-poster figcaption{display:none}
.g01-cover-strip .g01-poster:nth-child(even){padding-top:38px}
.g01-cover-caption{font-size:11px;line-height:1.6;margin-top:20px}
.g01-poster,.g01-comparison figure{margin:0;min-width:0}
.g01-poster>a,.g01-comparison figure>a,.g01-display-photo>a,.g01-team-grid figure>a{display:block;position:relative}
.g01-poster img,.g01-comparison img{width:100%;height:auto}
.g01-zoom{position:absolute;right:12px;bottom:12px;border:1px solid #20201e55;border-radius:50%;width:36px;height:36px;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:18px}
.g01-poster figcaption,.g01-comparison figcaption,.g01-mascot figcaption,.g01-display figcaption,.g01-team-grid figcaption{font-size:11px;line-height:1.65;margin-top:12px;color:#62564f}
.g01-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:34px 0 10px}
.g01-comparison figcaption strong,.g01-comparison figcaption span{display:block}
.g01-comparison figcaption strong{font-size:13px;color:var(--ink);margin-bottom:6px}
.g01-option-label{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:16px;min-height:32px}
.g01-option-label>span{font:500 27px/1 'Cormorant Garamond',serif;color:var(--pink-ink)}
.g01-role{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}
.g01-role dt{font-size:9px;letter-spacing:.08em;margin-bottom:12px}
.g01-role dd{margin:0;font-size:13px;line-height:1.8}
.g01-lesson-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--pink-ink);margin-bottom:22px;line-height:1.6}
.g01-poem{margin:0 0 35px;padding:0;font:900 clamp(30px,3vw,48px)/1.12 'Archivo',sans-serif;letter-spacing:-.055em}
.g01-poem span,.g01-poem em{display:block}
.g01-poem em{font:500 1.2em/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin-top:6px;color:var(--pink-ink)}
.g01-results{margin:36px 0;padding:28px;background:#f9e2eb;border:1px solid #b93f7326}
.g01-result-top{display:flex;align-items:center;gap:20px;border-bottom:1px solid #b93f7344;padding-bottom:24px}
.g01-result-top>strong{font:900 64px/1 'Archivo',sans-serif;letter-spacing:-.07em;color:var(--pink-ink)}
.g01-result-top p{font-size:14px;line-height:1.6}
.g01-result-top p span{display:block;font-size:11px}
.g01-test-label{margin-left:auto;font-size:9px;letter-spacing:.08em}
.g01-results table{width:100%;border-collapse:collapse;margin-top:20px}
.g01-results caption{text-align:left;font-size:11px;line-height:1.6;margin-bottom:20px}
.g01-results th{font-size:12px;font-weight:500;text-align:left;line-height:1.5}
.g01-results thead th{font-size:12px;padding-bottom:14px}
.g01-results thead th:not(:first-child){text-align:right}
.g01-results th span{display:block;font-size:10px}
.g01-results td{font-size:clamp(25px,3vw,42px);text-align:right;font-family:'Archivo',sans-serif;font-weight:400;letter-spacing:-.04em}
.g01-results td strong{font-weight:800;color:#a33262}
.g01-results td,.g01-results tbody th{padding:16px 0;border-top:1px solid #b93f7333}
.g01-results tbody th{width:45%;padding-right:20px}
.g01-source{font-size:10px;line-height:1.7;margin-top:20px;max-width:600px}
.g01-insight{border-left:2px solid var(--pink-ink);padding:5px 0 5px 25px;margin:35px 0}
.g01-insight>span{font-size:10px;letter-spacing:.06em;color:var(--pink-ink)}
.g01-insight h3{font:600 28px/1.18 'Cormorant Garamond',Georgia,serif;margin:12px 0}
.g01-insight p{font-size:14px;line-height:1.85}
.g01-concept{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0 45px}
.g01-concept>div{border-top:1px solid var(--line);padding-top:18px}
.g01-concept span{font-size:9px;line-height:1.8;letter-spacing:.06em}
.g01-concept h3{font:600 28px/1.1 'Cormorant Garamond',Georgia,serif;margin:20px 0 15px}
.g01-concept p{font-size:12px;line-height:1.8}
.g01-mascot{max-width:440px;margin:25px auto 0}
.g01-mascot img{width:100%;height:auto}
.g01-poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;margin-top:35px}
.g01-display{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr);gap:28px;align-items:start;margin:35px 0}
.g01-display-photo{padding-top:30px}
.g01-display img,.g01-team-grid img{width:100%;height:auto}
.g01-video video{width:100%;height:auto;aspect-ratio:9/16;display:block;background:#20201e;object-fit:contain}
.g01-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:45px}
.g01-research{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:12px;line-height:1.8}
.g01-research summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}
.g01-research p{padding-block:16px}
.g01-research ul{padding-left:18px}
.g01-research a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
 .case-page[data-case=social-marketing] .case-layout{gap:4vw;grid-template-columns:200px minmax(0,1fr)}
 .g01-concept{gap:15px}.g01-concept h3{font-size:25px}
 .g01-comparison{gap:16px}.g01-results{padding:23px}
}
@media(max-width:760px){
 .case-page[data-case=social-marketing] .case-layout{display:block}
 .case-page[data-case=social-marketing] .rail-title{display:none}
 .case-page[data-case=social-marketing] .case-intro h1{font-size:clamp(50px,12vw,88px)}
 .case-page[data-case=social-marketing] .case-intro-bottom .case-subtitle{max-width:520px}
 .g01-cover-strip{gap:8px}.g01-cover-strip .g01-poster:nth-child(even){padding-top:20px}
 .g01-cover-strip .g01-zoom{display:none}
 .g01-concept{gap:25px}.g01-results td{font-size:34px}
 .g01-poster-grid{gap:25px 18px}
}
@media(max-width:700px){
 .case-social-marketing .g01-home-row{grid-template-columns:1fr;gap:30px}
 .case-social-marketing .poem{font-size:clamp(29px,7.7vw,47px)}
 .g01-home-label{margin-bottom:16px}
 .g01-home-evidence{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;padding:23px 0}
 .g01-home-evidence>div:first-child{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:15px}
 .g01-home-evidence strong{font-size:36px}
 .g01-home-evidence>div>span{font-size:11px}
 .g01-home-evidence p{font-size:10px}
 .g01-home-evidence>div:first-child strong{font-size:30px}
 .g01-home-evidence>div:first-child span{max-width:200px}
}
@media(max-width:540px){
 .g01-cover-strip{grid-template-columns:1fr 1fr;gap:10px}
 .g01-cover-strip .g01-poster:nth-child(even){padding-top:0}
 .g01-cover-strip .g01-poster:nth-child(n+3){display:none}
 .g01-cover-caption{font-size:10px}
 .g01-comparison{gap:12px}
 .g01-option-label{font-size:11px;align-items:flex-start;gap:8px;min-height:38px}
 .g01-comparison figcaption{font-size:10px}
 .g01-comparison figcaption strong{font-size:11px}
 .g01-role{grid-template-columns:1fr;gap:20px}
 .g01-concept{grid-template-columns:1fr;gap:20px}
 .g01-concept h3{margin:12px 0 10px}
 .g01-concept p{font-size:13px}
 .g01-results{padding:20px 16px;margin-inline:0}
 .g01-result-top{gap:13px;flex-wrap:wrap}
 .g01-result-top>strong{font-size:55px}
 .g01-test-label{width:100%;margin-left:0}
 .g01-results td{font-size:26px}.g01-results tbody th{font-size:11px;padding-right:15px;width:47%}
 .g01-results thead th span{font-size:9px}
 .g01-poem{font-size:30px}
 .g01-poster-grid{grid-template-columns:1fr;gap:30px}
 .g01-display{grid-template-columns:1fr;gap:28px}
 .g01-display-photo{padding-top:0}
 .g01-video{width:min(100%,290px);justify-self:center}
 .g01-team-grid{grid-template-columns:1fr;gap:25px}
}
@media(prefers-reduced-motion:reduce){.g01-zoom{transition:none}}