/* Finished editorial examples. All data graphics describe the sample allowance. */
.portfolio-email,.portfolio-plan{padding-top:0}
.portfolio-email-art,.portfolio-plan-art{padding:0;display:block;container-type:inline-size;border-radius:0;aspect-ratio:3/4;max-height:none}
.portfolio-email-art{background:#f8edda;color:#252b29}
.email-study{height:100%;display:flex;flex-direction:column;padding:7cqw 7cqw 13cqw;background:#f8edda}
.email-study-brand{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:3.1cqw;line-height:1.2;font-weight:700;letter-spacing:.025em;padding-bottom:4cqw;border-bottom:1px solid #252b2950}
.email-study-brand>span:last-child{font-size:2.6cqw;line-height:1.5;text-align:right;letter-spacing:.1em}
.email-study-title{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:.96;letter-spacing:0;font-size:12cqw;margin:5cqw 0 4cqw;text-transform:uppercase;color:#252b29}
.email-study-art{background:#a84028;margin-inline:-7cqw;padding:2cqw 3cqw 3cqw}
.email-study-art img{width:100%;height:auto;display:block}
.email-study-detail{font-size:3.5cqw;line-height:1.5;padding-top:4cqw;color:#444c45}
.email-study-cta{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#252b29;color:#fff9ee;font-size:3.5cqw;font-weight:600;line-height:1.5;padding:3cqw 4cqw;margin-top:auto}
.portfolio-email-art .portfolio-art-label{left:auto;right:12px;bottom:10px;padding:3px 7px;background:transparent;border:0;font-size:9px;color:#4e534c}
.portfolio-plan-art{background:#d6dfd4;color:#193c36}
.report-study{height:100%;display:flex;flex-direction:column;padding:7cqw 7cqw 12cqw;background:#f7f8f2;border:1px solid #c6d0c4}
.report-study-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:4cqw;border-bottom:1px solid #b5c7bb}
.report-study-top img{width:35cqw;height:auto;display:block}
.report-study-top>span{font-size:2.5cqw;letter-spacing:.08em;line-height:1.5;text-align:right;color:#37594e}
.report-study-title{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12cqw;line-height:.96;letter-spacing:0;margin:5cqw 0;color:#193c36;text-transform:uppercase}
.report-study-key{font-size:2.7cqw;line-height:1.5;letter-spacing:.06em;padding-bottom:3cqw;border-bottom:1px solid #b5c7bb}
.report-study-delivery{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;margin-block:4cqw}
.report-study-count{font-family:'Barlow Condensed',sans-serif;font-size:13cqw;line-height:1;font-weight:600;color:#235f4d}
.report-study-delivery small{display:block;font-size:3cqw;line-height:1.5;color:#37594e;margin-top:2cqw}
.delivery-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3cqw;margin-top:3cqw;max-width:31cqw}
.delivery-tiles i{display:block;aspect-ratio:1;background:#235f4d}
.delivery-tiles i:nth-child(2n){background:#7eaa8a}
.delivery-emails{display:flex;gap:2cqw;margin-top:3cqw}
.delivery-emails i{display:block;position:relative;width:12cqw;height:8cqw;border:1.4px solid #235f4d;background:linear-gradient(145deg,transparent 49%,#235f4d 50%,transparent 53%) left/50% 100% no-repeat,linear-gradient(215deg,transparent 49%,#235f4d 50%,transparent 53%) right/50% 100% no-repeat}
.report-study-path{display:flex;justify-content:space-between;gap:1cqw;border-block:1px solid #b5c7bb;padding:3cqw 0;font-size:3cqw;line-height:1.5;color:#193c36}
.report-study-next{display:flex;gap:2cqw;font-size:3.2cqw;line-height:1.5;padding-top:4cqw;margin-top:auto;color:#37594e}
.report-study-next>span:first-child{color:#235f4d;font-size:4cqw}
.portfolio-plan-art .portfolio-art-label{background:transparent;border:0;left:7cqw;bottom:10px;padding:0;font-size:9px;color:#37594e}
.portfolio-caption h3{line-height:1.12}
.portfolio-art:focus-visible{outline:3px solid #176bda;outline-offset:5px}
/* The opened email uses the same identity as the homepage cover. */
.demo-email{background:#f8edda;border-color:#d0c2aa}
.demo-email-meta{background:#eee4d1;color:#40483e;border-bottom:1px solid #d0c2aa}
.demo-email-meta strong{color:#5b3b2f}
.demo-email .cycle-email-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 30px;border-bottom:1px solid #d0c2aa;color:#252b29}
.cycle-email-brand{font-size:18px;font-weight:700;line-height:1.1;letter-spacing:.025em}
.cycle-email-edition{font-size:11px;line-height:1.5;letter-spacing:.08em;text-align:right}
.cycle-email-hero{background:#a84028;padding:30px 30px 18px;color:#f8edda}
.cycle-email-hero h3{color:inherit;font-size:clamp(44px,5vw,68px);line-height:.98;margin:0 0 15px;letter-spacing:0;text-transform:uppercase}
.cycle-email-hero>p{font-size:16px;line-height:1.6;margin:0;color:#f8edda}
.cycle-email-hero>img{width:100%;height:auto;display:block;margin-top:12px}
.demo-email-body{padding:30px}
.demo-email-body .demo-email-cta{border-radius:0;background:#252b29;color:#fff9ee;font-size:16px;padding:16px 23px;display:flex;justify-content:space-between;gap:12px}
.cycle-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border-block:1px solid #c3b8a3;padding:20px 0;margin:24px 0}
.cycle-checks>div{min-width:0}.cycle-checks span{display:block;color:#94402c;font-size:12px;font-weight:600;margin-bottom:8px}.cycle-checks strong{font-size:18px;line-height:1.2;color:#252b29}
.report-visual-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}
.report-visual-summary>div{min-width:0}.report-visual-summary strong{font-family:'Barlow Condensed',sans-serif;font-size:50px;line-height:1;display:block;color:#235f4d}.report-visual-summary small{font-size:14px;line-height:1.6;color:var(--muted);display:block;margin-top:8px}.report-visual-summary .delivery-tiles{gap:5px;width:100%;max-width:120px;margin-top:13px}.report-visual-summary .delivery-emails{gap:9px;margin-top:13px}.report-visual-summary .delivery-emails i{width:42px;height:29px}.report-review-path{font-size:17px;line-height:1.5;color:#235f4d}.report-review-path span{display:block;border-bottom:1px solid #ccdbcf;padding:8px 0}.report-review-path b{float:right;font-weight:400}
@media(min-width:761px) and (max-width:900px){.portfolio-email .portfolio-art,.portfolio-plan .portfolio-art{aspect-ratio:3/4}.portfolio-plan{margin-top:26px}}
@media(max-width:760px){.portfolio-email-art,.portfolio-plan-art{aspect-ratio:3/4;max-height:none}.portfolio-caption h3{font-size:29px}.portfolio-art-label{font-size:11px}.report-visual-summary{grid-template-columns:1fr 1fr;gap:24px}.report-review-path{grid-column:1/-1;display:flex;gap:16px;justify-content:space-between}.report-review-path span{border-bottom:0;flex:1}.report-review-path b{float:none;margin-left:7px}.cycle-email-hero,.demo-email-body{padding:25px 22px}.demo-email .cycle-email-header{padding:22px}.cycle-email-brand{font-size:16px}.cycle-email-hero h3{font-size:47px}.cycle-checks{gap:10px}.cycle-checks strong{font-size:17px}}
/* Keep the previews aligned and fit every element inside the finished cover. */
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portfolio-piece:nth-child(2),.portfolio-piece:nth-child(3){margin-top:0}
.email-study{padding:6cqw 7cqw 10cqw}
.email-study-title,.report-study-title,.report-study-count{font-family:var(--display)}
.email-study-title{font-size:10.8cqw;margin:4cqw 0}
.email-study-art img{height:42cqw;object-fit:contain}
.email-study-detail{font-size:3.2cqw;padding-top:3cqw}
.email-study-cta{font-size:3.2cqw;padding:2.5cqw 4cqw}
.report-study{padding:6cqw 7cqw 12cqw}
.report-study-title{font-size:10.8cqw;margin:4cqw 0}
.report-study-key{padding-bottom:2cqw}
.report-study-delivery{margin-block:3cqw}
.report-study-count{font-size:11cqw}
.report-study-next{padding-top:3cqw}
.report-visual-summary strong{font-family:var(--display)}
@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr;gap:38px}.portfolio-piece{width:100%;max-width:560px;margin-inline:auto}.portfolio-social{grid-row:auto}.portfolio-email .portfolio-art,.portfolio-plan .portfolio-art{aspect-ratio:3/4}.portfolio-social-art{max-height:none}.portfolio-plan{margin-top:0}}
/* Clear separation between creative, annotations and explanatory captions. */
.email-study-brand{border:0;padding-bottom:1cqw;align-items:center}
.email-study-brand>span:last-child{font-size:2.8cqw;letter-spacing:.055em}
.email-study-title{font-family:Georgia,'Times New Roman',serif;font-size:9cqw;line-height:1.03;text-transform:none;letter-spacing:-.04em;font-weight:400;margin:5cqw 0}
.email-study-art{padding:4cqw 5cqw 3cqw}
.email-study-art img{height:43cqw}
.email-study-checks{display:flex;justify-content:space-around;gap:4cqw;padding-top:3cqw;color:#f8edda;font-size:3.3cqw;font-weight:600;line-height:1.5}
.email-study-detail{padding-block:4cqw;font-size:3.5cqw;line-height:1.5}
.email-study-cta{margin-top:auto;font-size:3.5cqw;padding:3cqw 4cqw}
.email-study{padding-bottom:7cqw}
.report-study{padding-bottom:7cqw}
.report-study-top{border:0;padding-bottom:1cqw}
.report-study-key{border:0;color:#37594e;padding-bottom:1cqw;letter-spacing:.025em;font-size:2.8cqw}
.report-study-title{margin-block:5cqw}
.report-study-path{border:0;background:#e4ece1;padding:3cqw 2cqw}
.report-study-next{padding-top:4cqw;font-size:3.4cqw}
.portfolio-context{font-size:13px;line-height:1.6;margin-top:14px;color:#4b5c64}
.cycle-email-hero h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4vw,56px);font-weight:400;text-transform:none;letter-spacing:-.035em;line-height:1.05}
.cycle-email-hero>img{aspect-ratio:550/270;object-fit:contain}
@media(max-width:760px){.cycle-email-hero h3{font-size:42px}.portfolio-context{font-size:13px;line-height:1.6}}
/* Allow text-spacing preferences to expand the artwork rather than clipping it. */
.portfolio-email-art,.portfolio-plan-art{aspect-ratio:auto}
.email-study,.report-study{height:auto;min-height:133.333cqw}
@media(max-width:900px){.portfolio-email .portfolio-art,.portfolio-plan .portfolio-art{aspect-ratio:auto}}
@media(max-width:760px){.cycle-email-hero h3{font-size:clamp(32px,9vw,42px)}}