/* Working Offers case study: original artwork in the shared editorial system. */
.offers-working-case .version-link{display:inline-block;font-size:11px;color:#a9c7c5;margin:-10px 0 28px;border-bottom:1px solid #a9c7c550}
.offers-working-case .section-intro{max-width:900px}
.offers-working-case .feature-row{margin-bottom:72px}
.offers-working-case .feature-row:last-child{margin-bottom:0}
.offers-working-case .offers-wide{display:block}
.offers-wide>.feature-copy{max-width:900px;margin-bottom:26px}
.offers-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offers-type-grid article{padding:25px;border:1px solid #76889440;border-radius:5px;background:#f6f8f833}
.offers-type-grid h3{font-size:21px;margin-bottom:12px}
.offers-type-grid p{font-size:13px;color:var(--muted);margin:0}
.offers-type-grid .small-number{margin-bottom:18px}
.offers-surface-list{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 20px}
.offers-surface-list span{padding:6px 11px;border:1px solid #74818b50;border-radius:4px;color:#4b606a;font-size:11px}
.offers-related{font-size:13px;color:var(--muted);max-width:840px;margin:0}
.offers-related a{color:var(--teal);border-bottom:1px solid #347d8350}
.offers-task-path{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:20px;margin:30px 0 0}
.offers-task-path li{padding:20px 0;border-top:1px solid #76899455}
.offers-task-path span{font-size:10px;color:var(--teal)}
.offers-task-path h3{font-size:23px;margin:15px 0 10px}
.offers-task-path p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.offers-working-case .story-screen{min-width:0}
.offers-phone-board{display:grid;gap:24px;padding:28px;border-radius:6px;background:linear-gradient(130deg,#c5d0d4,#aebfc6);align-items:start}
.offers-phone-board.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.offers-phone-board.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.offers-phone-board.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.offers-phone-board .story-screen{padding:0;background:none}
.offers-working-case .device-phone{width:100%;max-width:270px}
.offers-working-case .device-phone-screen>img{width:100%;height:auto;max-width:none;border-radius:0;object-fit:initial}
.offers-phone-board figcaption,.offers-home-phone figcaption,.offers-home-discount figcaption{font-size:10px;line-height:1.5;color:#354d57;min-height:32px;margin-bottom:14px}
.offers-device-module{padding:20px 10px;background:#e7eae8;border-radius:5px}
.offers-desktop-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:24px;border-radius:6px;background:linear-gradient(130deg,#8999a4,#576d7b);align-items:start}
.offers-desktop-pair .story-screen{padding:0;background:none}
.offers-desktop-pair .preview-image-button{max-height:680px;overflow:hidden}
.offers-desktop-pair img{width:100%;height:auto;object-fit:contain;object-position:top}
.offers-home-composition{display:grid;grid-template-columns:1fr .38fr;gap:26px;padding:26px;background:linear-gradient(130deg,#8999a4,#576d7b);border-radius:6px;align-items:start}
.offers-home-composition>.story-screen{padding:0;background:none}
.offers-home-phone{padding:0}
.offers-home-phone .story-screen{background:none;padding:0}
.offers-home-phone figcaption{color:#eef2f5}
.offers-home-discount{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:24px;border-radius:6px;background:linear-gradient(130deg,#c5d0d4,#aebfc6);align-items:center}
.offers-home-discount>.story-screen{padding:0;background:none}
.offers-small-note h4{font:400 21px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.04em;margin:0 0 18px}
.offers-small-note ul{padding-left:18px;margin:0;color:#435a65;font-size:13px;line-height:1.7}
.offers-small-note li+li{margin-top:12px}
.offers-perk-layout{display:grid;gap:26px}
.offers-perk-layout>.story-screen .preview-image-button{max-height:640px;overflow:hidden}
.offers-results-primary{padding:28px;border:1px solid #76899455;border-radius:5px;background:#edf1f140}
.offers-results-primary h3{font-size:24px;margin-bottom:25px}
.offers-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.offers-metrics strong,.offers-results-secondary strong{display:block;font:400 40px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.06em;color:var(--teal)}
.offers-metrics span{display:block;font-size:12px;margin-top:9px;color:#50636d}
.offers-results-primary .caption{margin-top:22px}
.offers-results-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 22px}
.offers-results-secondary article{padding-top:22px;border-top:1px solid #76899455}
.offers-results-secondary h3{font-size:17px;line-height:1.4;margin:12px 0 7px;letter-spacing:-.025em}
.offers-results-secondary p{font-size:11px;color:var(--muted);margin:0}
@media(max-width:1000px){.offers-phone-board{gap:18px;padding:22px}.offers-phone-board.four .device-phone{padding:25px 6px 20px;border-radius:24px}.offers-type-grid{gap:14px}.offers-type-grid article{padding:20px}.offers-home-composition{grid-template-columns:1fr .45fr;gap:18px}}
@media(max-width:750px){
 .offers-working-case .feature-row{margin-bottom:48px}
 .offers-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .offers-type-grid article{padding:18px}.offers-type-grid h3{font-size:18px}.offers-type-grid p{font-size:12px}
 .offers-task-path{grid-template-columns:1fr 1fr;gap:8px 20px}
 .offers-phone-board,.offers-desktop-pair{padding:18px 14px;gap:22px 16px}
 .offers-phone-board.three,.offers-phone-board.four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .offers-phone-board.three>figure:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
 .offers-working-case .offers-phone-board .device-phone{padding:23px 5px 20px;border-radius:23px}
 .offers-phone-board figcaption{font-size:9px;min-height:30px}
 .offers-desktop-pair{grid-template-columns:1fr}
 .offers-desktop-pair .preview-image-button{max-height:440px}
 .offers-home-composition{grid-template-columns:1fr;padding:18px 14px;gap:25px}
 .offers-home-phone{max-width:240px;justify-self:center;width:100%}
 .offers-home-discount{gap:18px;padding:18px 14px}
 .offers-small-note h4{font-size:17px}.offers-small-note ul{font-size:11px;padding-left:13px}
 .offers-metrics{gap:16px}.offers-metrics strong,.offers-results-secondary strong{font-size:30px}
 .offers-metrics span{font-size:10px}
 .offers-results-primary{padding:22px 18px}.offers-results-primary h3{font-size:22px}
 .offers-results-secondary{grid-template-columns:1fr;gap:22px}.offers-results-secondary article{display:grid;grid-template-columns:80px 1fr;gap:0 12px}
 .offers-results-secondary strong{grid-row:1/3}.offers-results-secondary h3{margin:0 0 7px;font-size:16px}
}

.offers-research-note{max-width:900px;margin-top:22px;padding-top:22px;border-top:1px solid #76899455}.offers-research-note h3{font-size:21px}.offers-research-note p{font-size:13px;color:var(--muted);margin:0}
.offers-working-case .device-phone-screen{background:#fff}
/* Align the journey copy with the top of its image panel. */
.offers-working-case #journey-map{align-items:start}
/* The perk selection and three phone states share one continuous board. */
.offers-perk-layout{padding:24px;background:linear-gradient(130deg,#8999a4,#576d7b);border-radius:6px;gap:30px}
.offers-perk-layout>.story-screen{padding:0;background:none}
.offers-perk-layout>.story-screen>img{width:100%;height:auto;max-height:none}
.offers-perk-layout>.offers-phone-board{padding:0;background:none;border-radius:0}
.offers-perk-layout .offers-phone-board figcaption{color:#eef2f5}
@media(max-width:750px){.offers-perk-layout{padding:18px 14px;gap:26px}}

/* Demonstration overlays preserve every original client UI pixel underneath. */
.perk-hover-demo{position:relative;isolation:isolate;overflow:hidden;border-radius:5px;pointer-events:none}
.perk-hover-demo>img{display:block;width:100%;height:auto}
.perk-demo-outline{position:absolute;left:13.3333%;top:29.7842%;width:23.5714%;height:32.6619%;border:2px solid #283135;border-radius:3.5% / 3%;opacity:0;animation:perk-outline-flow 6s linear infinite;pointer-events:none;z-index:1}
.perk-demo-cursor{position:absolute;left:78%;top:18%;width:clamp(15px,2.1vw,27px);height:auto;z-index:2;opacity:0;filter:drop-shadow(1px 2px 2px #0004);animation:perk-cursor-flow 6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
.perk-hover-demo:not(.is-active) .perk-demo-outline,.perk-hover-demo:not(.is-active) .perk-demo-cursor{animation-play-state:paused}
@keyframes perk-cursor-flow{0%,5%{left:78%;top:18%;opacity:0}10%{left:78%;top:18%;opacity:1}35%,85%{left:25.5%;top:50%;opacity:1}90%,100%{left:25.5%;top:50%;opacity:0}}
@keyframes perk-outline-flow{0%,32%{opacity:0}35%,85%{opacity:1}90%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.perk-demo-cursor{display:none;animation:none}.perk-demo-outline{animation:none;opacity:1}}

/* Fluid handset sizing follows the shared myAccess presentation. */
.offers-working-case .device-phone{width:100%;max-width:270px}
.offers-desktop-mobile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.38fr);gap:28px;padding:24px;border-radius:6px;background:linear-gradient(130deg,#8999a4,#576d7b);align-items:start}
.offers-desktop-mobile .story-screen{padding:0;background:none}
.offers-desktop-mobile figcaption,.offers-home-composition>.story-screen figcaption{color:#eef2f5;min-height:32px;margin-bottom:14px}
.offers-home-phone{max-width:none;width:100%}
.offers-desktop-mobile>.story-screen:first-child>.preview-image-button,
.offers-home-composition>.story-screen>.preview-image-button{height:var(--paired-phone-height,auto);overflow:hidden;border-radius:5px}
.offers-desktop-mobile>.story-screen:first-child>.preview-image-button img,
.offers-home-composition>.story-screen>.preview-image-button img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
@media(max-width:750px){
 .offers-desktop-mobile{grid-template-columns:1fr;padding:18px 14px;gap:26px}
 .offers-working-case .device-phone,.offers-working-case .offers-phone-board .device-phone{padding:23px 6px 20px;border-radius:23px}
 .offers-home-phone{max-width:none}
 .offers-desktop-mobile>.story-screen:first-child>.preview-image-button,
 .offers-home-composition>.story-screen>.preview-image-button{height:auto;max-height:none}
}
/* Both desktop-and-phone boards use the same column proportions and spacing. */
.offers-home-composition{grid-template-columns:minmax(0,1fr) minmax(0,.38fr);gap:28px;padding:24px}
@media(max-width:750px){.offers-home-composition{grid-template-columns:1fr;padding:18px 14px;gap:26px}}
/* Keep original offer and action artwork; concise terms fit within the handset. */
.loyalty-review-compact{position:relative;aspect-ratio:720/1550;width:100%;container-type:inline-size;background:#fff}
.offers-working-case .loyalty-review-compact>.loyalty-review-heading{display:block;width:100%;height:auto;border-radius:0}
.loyalty-review-compact .loyalty-review-terms{position:absolute;top:48.5161%;left:4.4444%;width:91.1111%;margin:0;color:#707070;font:400 4.4444cqw/1.25 Arial,sans-serif;letter-spacing:0}
.offers-working-case .loyalty-review-compact>.loyalty-review-actions{position:absolute;top:82.5806%;left:0;display:block;width:100%;height:auto;border-radius:0}
/* Confirmation text shares the review screen's heading and body baselines. */
.loyalty-confirmation-art{position:relative;width:100%;aspect-ratio:720/1550;container-type:inline-size;background:#fff}
.loyalty-confirmation-art>h4{position:absolute;top:2.0645%;left:4.4444%;width:91.1111%;margin:0;color:#000;font:700 8.8889cqw/1.08 Arial,sans-serif;letter-spacing:-.04em}
.offers-working-case .loyalty-confirmation-art>img{position:absolute;left:0;width:100%;height:auto;border-radius:0}
.loyalty-confirmation-art>.loyalty-confirmation-copy{top:14.3226%}
.loyalty-confirmation-art>.loyalty-confirmation-actions{top:82.5806%}
.loyalty-review-compact>h4{position:absolute;top:2.0645%;left:4.4444%;width:91.1111%;margin:0;color:#000;font:700 8.8889cqw/1.08 Arial,sans-serif;letter-spacing:-.04em}
.offers-working-case .loyalty-review-compact>.loyalty-review-body{position:absolute;top:12.5806%;left:0;display:block;width:100%;height:auto;border-radius:0}
/* Shorten only the loyalty flow, taking 30px from the space above bottom actions. */
#loyalty-design .device-phone{container-type:inline-size}
#loyalty-design .device-phone-screen{container-type:inline-size;aspect-ratio:auto;height:calc(100cqw * 19.5 / 9 - 30px)}
#loyalty-design .loyalty-review-compact,#loyalty-design .loyalty-confirmation-art,#loyalty-design .loyalty-transfer-art{position:relative;aspect-ratio:auto;height:calc(100cqw * 1550 / 720 - 30px);width:100%;background:#fff}
#loyalty-design .loyalty-review-compact>h4,#loyalty-design .loyalty-confirmation-art>h4{top:4.4444cqw}
#loyalty-design .loyalty-review-body{top:27.0833cqw}
#loyalty-design .loyalty-review-terms{top:104.4444cqw}
#loyalty-design .loyalty-confirmation-copy{top:30.8333cqw}
#loyalty-design .loyalty-review-actions{top:auto;bottom:6.3889cqw}
#loyalty-design .loyalty-confirmation-actions{top:auto;bottom:5cqw}
#loyalty-design .loyalty-transfer-art>img{position:absolute;left:0;width:100%;height:auto;display:block;border-radius:0}
#loyalty-design .loyalty-transfer-top{top:0}
#loyalty-design .loyalty-transfer-chat{bottom:0}
/* Transfer-PIN instructions and actions follow the adjacent review typography. */
.loyalty-transfer-art{container-type:inline-size}
.loyalty-transfer-copy{position:absolute;top:108.6111cqw;left:4.4444%;width:91.1111%;color:#000;font:400 4.4444cqw/1.25 Arial,sans-serif}
.loyalty-transfer-copy p{margin:0 0 3.3333cqw;font:inherit;letter-spacing:0;color:inherit}
.loyalty-transfer-actions{position:absolute;left:4.4444%;width:91.1111%;bottom:6.3889cqw;display:grid;gap:3.3333cqw}
.loyalty-transfer-actions>span{box-sizing:border-box;display:grid;place-items:center;height:12.2222cqw;border:1px solid #000;border-radius:100cqw;font:700 4.4444cqw/1 Arial,sans-serif;letter-spacing:0}
.loyalty-transfer-cancel{color:#fff;background:#000}
.loyalty-transfer-generate{color:#000;background:#fff}
.loyalty-transfer-art>h4{position:absolute;top:98.0556cqw;left:4.4444%;width:91.1111%;margin:0;color:#000;font:700 6.6667cqw/1.08 Arial,sans-serif;letter-spacing:-.04em}
.loyalty-transfer-actions{bottom:9.4444cqw}
.loyalty-transfer-actions>span{font-size:5.5556cqw}
.loyalty-transfer-actions>span{font-size:4.4444cqw}
.loyalty-related-offers{grid-column:1/-1;padding-top:24px;margin-top:4px;border-top:1px solid #526b7638}
.loyalty-related-offers h4{margin:0 0 18px;font:400 20px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.03em;color:#29383c}
.loyalty-related-offers ul{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;margin:0}
.loyalty-related-offers li{margin:0;color:#405c67;font-size:13px;line-height:1.5}
#home-discounts .offers-home-discount{grid-template-columns:1fr}
#home-discounts .offers-home-discount>.story-screen{width:100%;max-width:270px;justify-self:center}
@media(max-width:750px){.loyalty-related-offers{padding-top:20px}.loyalty-related-offers ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.loyalty-related-offers li{font-size:12px}}
/* Quiet separators keep the related offer categories distinct. */
.loyalty-related-offers ul{gap:0}
.loyalty-related-offers li{padding:0 18px;font-size:12.5px;border-left:1px solid #526b762d}
.loyalty-related-offers li:first-child{padding-left:0;border-left:0}
.loyalty-related-offers li:last-child{padding-right:0}
@media(max-width:750px){
 .loyalty-related-offers ul{gap:16px 0}
 .loyalty-related-offers li{padding:0 12px;font-size:11.5px}
 .loyalty-related-offers li:nth-child(odd){padding-left:0;border-left:0}
}
/* Reuse the exact native Verizon navigation on each step of the loyalty flow. */
#loyalty-design .loyalty-verizon-header{position:absolute;top:0;left:0;display:block;width:100%;height:auto;border-radius:0}
#loyalty-design .loyalty-review-compact>h4,#loyalty-design .loyalty-confirmation-art>h4{top:22.7901cqw}
.loyalty-review-details,.loyalty-confirmation-summary{position:absolute;top:48.3333cqw;left:4.4444%;width:91.1111%;margin:0;color:#000;font:400 4.4444cqw/1.25 Arial,sans-serif;letter-spacing:0}
.loyalty-review-details p{font:inherit;color:inherit;letter-spacing:0;margin:0 0 3.3333cqw}
.loyalty-review-details strong{display:block;font-weight:700;line-height:1.25}
#loyalty-design .loyalty-review-terms{top:97.2222cqw}
.loyalty-related-offers h4{margin-bottom:10px}
.loyalty-related-offers ul{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:750px){.loyalty-related-offers ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Related offers is one compact row: label, divider, then four categories. */
.loyalty-related-offers{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,4fr);align-items:start;gap:0}
.loyalty-related-offers h4{margin:0;padding-right:22px}
.loyalty-related-offers ul{border-left:1px solid #526b762d}
.loyalty-related-offers li:first-child{padding-left:18px}
@media(max-width:750px){
 .loyalty-related-offers{grid-template-columns:105px minmax(0,1fr)}
 .loyalty-related-offers h4{font-size:16px;padding-right:14px}
 .loyalty-related-offers li:nth-child(odd){padding-left:12px}
}
@media(min-width:751px){.loyalty-related-offers{grid-template-columns:minmax(165px,1fr) minmax(0,4fr)}.loyalty-related-offers h4{white-space:nowrap}}
/* Perk captions follow their handset edges rather than the wider grid columns. */
#perks-design .offers-phone-board figcaption{width:100%;max-width:270px;margin-left:auto;margin-right:auto;text-align:left;min-height:32px;margin-bottom:14px}
/* Use the same artwork background across offer examples. */
#loyalty-design .offers-phone-board,#physical-rewards-design .offers-phone-board{background:linear-gradient(130deg,#8999a4,#576d7b)}
#loyalty-design .offers-phone-board figcaption,#physical-rewards-design .offers-phone-board figcaption{color:#eef2f5}
#loyalty-design .loyalty-related-offers{border-top-color:#edf2f32d}
#loyalty-design .loyalty-related-offers h4{color:#eef2f5}
#loyalty-design .loyalty-related-offers li{color:#e1e9eb;border-left-color:#edf2f32d}
#loyalty-design .loyalty-related-offers ul{border-left-color:#edf2f32d}
/* One reward example: desktop claim and two connected mobile layouts. */
.offers-reward-layout{padding:24px;border-radius:6px;background:linear-gradient(130deg,#8999a4,#576d7b);display:grid;gap:30px}
.offers-reward-layout>.story-screen{padding:0;background:none}
.offers-reward-layout>.offers-phone-board{padding:0;background:none}
.offers-reward-layout figcaption{color:#eef2f5}
.offers-reward-layout .offers-phone-board figcaption{width:100%;max-width:270px;margin-left:auto;margin-right:auto;color:#eef2f5}
.gift-card-code-art{width:100%;container-type:inline-size;background:#fff}
.offers-working-case .gift-card-code-art>img{display:block;width:100%;height:auto;border-radius:0}
.gift-card-code-copy{padding:2.6667cqw 4.2667cqw 0;color:#000;font:400 4.2667cqw/1.3 Arial,sans-serif;letter-spacing:0}
.gift-card-code-copy p{font:inherit;letter-spacing:0;color:inherit;margin:0 0 5.3333cqw}
.gift-card-code-copy ol{padding-left:5.3333cqw;margin:0 0 5.3333cqw}
.gift-card-code-copy li{margin:0 0 1.3333cqw}
@media(max-width:750px){.offers-reward-layout{padding:18px 14px;gap:26px}}
/* Small, scoped performance callouts alongside the matching Home Offers example. */
.offers-inline-evidence{margin:26px 0 0;padding:20px 0 0;border-top:1px solid #76899450}
.offers-evidence-label{margin:0 0 16px!important;font-size:10px!important;line-height:1.4;color:#4b626c;letter-spacing:.06em}
.offers-inline-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.offers-inline-metrics strong{display:block;color:var(--teal);font:400 32px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.05em}
.offers-inline-metrics span{display:block;font-size:11px;line-height:1.4;color:#4b626c;margin-top:6px}
.offers-evidence-source{font-size:10px!important;line-height:1.5!important;letter-spacing:0;color:#5b7079!important;margin:14px 0 0!important}
.offers-inline-trend{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:start;border-top:1px solid #76899450;padding-top:22px;margin-top:22px}
.offers-inline-trend>strong{color:var(--teal);font:400 38px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.04em}
.offers-inline-trend>strong>span{display:block;font:400 11px/1.4 Arial,sans-serif;letter-spacing:0;margin-top:7px}
.offers-inline-trend p{font-size:14px;line-height:1.5;margin:0;color:#344c57}
.offers-inline-trend .offers-evidence-source{max-width:720px;margin-top:8px!important}
@media(max-width:750px){.offers-inline-metrics{gap:14px}.offers-inline-metrics strong{font-size:26px}.offers-inline-trend{grid-template-columns:100px minmax(0,1fr);gap:18px}.offers-inline-trend>strong{font-size:32px}.offers-inline-trend p{font-size:12px}}
/* A balanced rate comparison replaces the detached statistic and sentence. */
.offers-inline-trend{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:22px;padding:26px 30px;border:1px solid #76899438;border-radius:6px;background:#edf1f140}
.offers-inline-trend .offers-trend-main>p{font-size:14px;margin:0 0 14px;color:#405c67}
.offers-trend-rates{display:flex;align-items:center;gap:24px;font:400 46px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.05em}
.offers-trend-rates>span{color:#627780}
.offers-trend-rates>strong{font:inherit;color:var(--teal)}
.offers-trend-rates svg{width:36px;height:24px;fill:none;stroke:#758b93;stroke-width:1.4;flex:none}
.offers-trend-gain{padding-left:32px;border-left:1px solid #76899438;min-width:165px}
.offers-trend-gain strong{display:block;color:var(--teal);font:400 42px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.05em}
.offers-trend-gain span{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:#405c67}
.offers-results-secondary article{display:block}
@media(max-width:750px){.offers-inline-trend{padding:20px 18px;gap:18px}.offers-inline-trend .offers-trend-main>p{font-size:11px;max-width:160px}.offers-trend-rates{font-size:30px;gap:12px}.offers-trend-rates svg{width:23px}.offers-trend-gain{padding-left:18px;min-width:92px}.offers-trend-gain strong{font-size:32px}.offers-trend-gain span{font-size:10px}}
.offers-my-offers-evidence{display:flex;align-items:center;gap:26px;margin-top:24px;padding-top:22px;border-top:1px solid #76899450}
.offers-my-offers-evidence>strong{font:400 38px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.05em;color:var(--teal);flex:none}
.offers-my-offers-evidence p{font-size:14px;line-height:1.5;margin:0 0 5px;color:#344c57}
.offers-my-offers-evidence span{font-size:11px;line-height:1.5;color:#526b76;display:block}
@media(max-width:750px){.offers-my-offers-evidence{align-items:start;gap:18px}.offers-my-offers-evidence>strong{font-size:30px}.offers-my-offers-evidence p{font-size:12px}.offers-my-offers-evidence span{font-size:10px}}
.offers-my-offers-evidence{border-top:0;padding-top:0}
.offers-home-ctr-evidence>strong>span{display:block;font:400 11px/1.4 Arial,sans-serif;letter-spacing:0;margin-top:6px;color:#526b76}
.offers-home-success-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}
.offers-home-success-metrics>div{padding:0 32px}
.offers-home-success-metrics>div:first-child{padding-left:0}
.offers-home-success-metrics>div+div{border-left:1px solid #76899455}
.offers-home-success-metrics strong{display:block;color:var(--teal);font:400 38px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.05em}
.offers-home-success-metrics span{display:block;margin-top:8px;color:#405c67;font-size:13px;line-height:1.5}
@media(max-width:750px){.offers-home-success-metrics>div{padding:0 18px}.offers-home-success-metrics strong{font-size:30px}.offers-home-success-metrics span{font-size:11px}}
/* Lighter Home Offers composition: explanation and results beside one handset. */
.offers-working-case .offers-home-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(36px,6vw,86px);align-items:center}
.offers-home-focus>.feature-copy{max-width:580px;margin:0}
.offers-home-focus-art{padding:24px;border-radius:6px;background:linear-gradient(130deg,#8999a4,#576d7b)}
.offers-home-focus-art>.story-screen{padding:0;background:none}
.offers-home-focus-art figcaption{width:100%;max-width:270px;margin-left:auto;margin-right:auto;color:#eef2f5}
.offers-home-focus .offers-home-success-metrics{margin-top:32px}
.offers-home-focus .offers-home-success-metrics>div{padding:0 22px}
.offers-home-focus .offers-home-success-metrics>div:first-child{padding-left:0}
.offers-home-focus .offers-home-success-metrics strong{font-size:38px}
.offers-home-focus .offers-home-success-metrics span{font-size:12px}
@media(max-width:750px){.offers-working-case .offers-home-focus{grid-template-columns:1fr;gap:26px;align-items:start}.offers-home-focus-art{padding:20px 16px}.offers-home-focus .offers-home-success-metrics{margin-top:26px}.offers-home-focus .offers-home-success-metrics strong{font-size:32px}}
/* Loyalty explanation and related offers sit beside the two relevant steps. */
.offers-working-case .loyalty-two-column{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,4vw,58px);align-items:start}
.loyalty-two-column>.feature-copy{max-width:none;margin:0}
#loyalty-design.loyalty-two-column .loyalty-related-offers{display:block;margin-top:26px;padding-top:22px;border-top:1px solid #76899450}
#loyalty-design.loyalty-two-column .loyalty-related-offers h4{color:#29383c;margin:0 0 16px;padding:0;white-space:normal;font-size:19px}
#loyalty-design.loyalty-two-column .loyalty-related-offers ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;border:0}
#loyalty-design.loyalty-two-column .loyalty-related-offers li{border:0;padding:0;color:#405c67;font-size:12px;line-height:1.5}
.loyalty-two-column .offers-phone-board{gap:20px;padding:24px}
@media(max-width:750px){.offers-working-case .loyalty-two-column{grid-template-columns:1fr;gap:26px}.loyalty-two-column .offers-phone-board{padding:20px 16px;gap:16px}}
.loyalty-two-column .offers-phone-board figcaption{width:100%;max-width:270px;margin-left:auto;margin-right:auto}
/* Selected layout B: compact desktop reference beside the mobile reward examples. */
.offers-working-case .reward-mobile-focus{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,4vw,58px);align-items:start}
.reward-mobile-focus>.feature-copy{max-width:none;margin:0}
.reward-desktop-thumbnail{margin-top:26px}
.reward-desktop-thumbnail>.story-screen{padding:18px;background:linear-gradient(130deg,#8999a4,#576d7b)}
.reward-mobile-focus>.reward-focus-phones{padding:24px;gap:20px;background:linear-gradient(130deg,#8999a4,#576d7b)}
.reward-focus-phones figcaption{width:100%;max-width:270px;margin-left:auto;margin-right:auto;color:#eef2f5}
@media(max-width:750px){.offers-working-case .reward-mobile-focus{grid-template-columns:1fr;gap:26px}.reward-mobile-focus>.reward-focus-phones{padding:20px 16px;gap:16px}.reward-desktop-thumbnail{margin-top:22px}}
/* Native header and content crops remain intact, with a clear 25px separation. */
.reward-claim-art{position:relative;width:100%;aspect-ratio:750/1620;container-type:inline-size;background:#fff}
.reward-claim-header{border-bottom:1px solid #dedede}
.offers-working-case .reward-claim-art img{display:block;width:100%;height:auto;border-radius:0}
.reward-claim-body{margin-top:25px}
.offers-working-case .reward-claim-art>.reward-claim-action{position:absolute;left:0;bottom:5.3333cqw}
/* Match the Home Offers panel width to adjacent two-column examples. */
@media(min-width:751px){
 .offers-working-case .offers-home-focus{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,4vw,58px)}
 .offers-home-focus>.feature-copy{max-width:none}
}
/* Match the single Home Offers handset to the adjacent two-phone compositions. */
.offers-home-focus-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.offers-home-focus-art>.story-screen{grid-column:1/-1;width:calc((100% - 20px)/2);justify-self:center}
@media(max-width:750px){.offers-home-focus-art{gap:16px}.offers-home-focus-art>.story-screen{width:calc((100% - 16px)/2)}}

/* Keep the original hover demonstration while allowing its shared full-size preview. */
#perks-design .perk-hover-demo{pointer-events:auto}
#perks-design .perk-hover-demo .preview-image-button{width:100%;display:block}
#perks-design .perk-hover-demo .preview-image-button img{display:block;width:100%;height:auto}

/* Perk selection, review and confirmation share one mobile journey. */
.offers-working-case #perks-design{grid-template-columns:1fr;gap:26px}
#perks-design>.feature-copy{max-width:820px}
#perks-design>.reward-focus-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
#perks-design .device-phone{width:100%;max-width:270px;margin-inline:auto}
#perks-design .reward-focus-phones figcaption{margin-top:0}
@media(max-width:750px){#perks-design>.reward-focus-phones{grid-template-columns:1fr;gap:28px}}

/* Selected category exploration 01: concise text on a graphite strip. */
.offers-category-strip{padding:10px 26px;border-radius:6px;background:radial-gradient(ellipse 130% 100% at 25% -22%,#e1e8ed44,transparent 70%),linear-gradient(125deg,#4b555d,#343e46 60%,#252e35);color:#edf1f3}
.offers-category-strip ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}
.offers-category-strip li{display:flex;gap:14px;align-items:center;padding:20px 18px;border-right:1px solid #b7c5cb33;border-bottom:1px solid #b7c5cb33;font-size:14px;line-height:1.5}
.offers-category-strip li:nth-child(3n){border-right:0}
.offers-category-strip li:nth-last-child(-n+3){border-bottom:0}
.offers-category-strip .category-number{font-size:10px;letter-spacing:.08em;flex-shrink:0;color:#a8d0d4}
@media(max-width:1050px){.offers-category-strip{padding:4px 16px}.offers-category-strip ol{grid-template-columns:1fr}.offers-category-strip li{padding:15px 0;border-right:0;border-bottom:1px solid #b7c5cb33!important;font-size:13px}.offers-category-strip li:last-child{border-bottom:0!important}}

/* Light individual borders give the Home Offers metrics clear emphasis. */
#home-fios-design .offers-home-success-metrics{gap:14px}
#home-fios-design .offers-home-success-metrics>div{padding:18px;border:1px solid #899ba966;border-radius:6px;background:linear-gradient(135deg,#f8fafb33,#d5dce11a)}
@media(max-width:750px){#home-fios-design .offers-home-success-metrics{gap:12px}#home-fios-design .offers-home-success-metrics>div{padding:16px 14px}}

/* Align leadership examples with the results copy and feature artwork axis. */
@media(min-width:751px){#design-leadership .evolution-grid{grid-template-columns:1fr 1.15fr;gap:8%}}
#design-leadership .evolution-list li{display:block}
#design-leadership .evolution-list li>span{display:block;padding:0;margin:0 0 7px}
#design-leadership .evolution-list h3{font-size:19px;line-height:1.3;margin:0 0 10px}
@media(max-width:750px){#design-leadership .evolution-list h3{font-size:18px}}

@media(min-width:751px) and (max-width:1000px){#design-leadership .evolution-grid{gap:5%}}