/* Abdul El-Sayed case study (template-case-abdul.php). Loaded on that template
   only. The partner's CSS from their Custom HTML block, unchanged. */

/* Abdul El-Sayed case study. Everything is scoped to .mscs so the theme's
   .entry__body rules stay out of the components. Colors are the site's own. */
.mscs{--ink:#231f2c;--lav:#f4f1fa;--tint:#f9f8fc;--tint2:#eae6f2;--muted:#655f73;--muted-dk:#b4afc4;--rule:rgba(35,31,44,.12);--rule-dk:rgba(244,241,250,.14);--peach:#ffadad;--peach2:#ffbcad;--accent:#d9584c;--accent-dk:#ff8a73;--gray:#8a8499;--gray-dk1:#d6d1e2;--gray-dk2:#857e97;--mono:antarctican-mono,ui-monospace,monospace;--serif:cardo,serif;--sans:proxima-nova,sans-serif;--sys:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.mscs,.mscs *{box-sizing:border-box}
.entry__body .mscs figure{margin:0}
.entry__body .mscs img{display:block;max-width:100%;height:auto}
.entry__body .mscs a{color:inherit}
.mscs :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Keeps a hyphenated phrase in a headline from breaking at the hyphen. */
.mscs-nowrap{white-space:nowrap}
/* The theme's header and block wrapper put a different gap above the body at each
   breakpoint (most at 1280 and up). These margins make the space from the header to
   the first heading match the space under the first section, about 93px. Added space
   is padding, since a margin here collapses into the header's. */
.entry__body .mscs{margin-top:-48px;padding-top:63px}
@media (min-width:768px){.entry__body .mscs{padding-top:54px}}
@media (min-width:1280px){.entry__body .mscs{margin-top:-75px;padding-top:0}}
.entry__body .mscs>.mscs-text:first-child h2{margin-top:0}

/* header-cutout:start
   Header: Abdul's cutout goes in the theme's "second image" field. The theme hangs
   that image off the bottom right as a tilted photo; these rules stand it on the
   header's bottom edge at the left and move the header text to the right half.
   Phones get no cutout.
   This block only loads on this page, so no other case study is affected. */
.entry__header--case .entry__header-ex-image{width:auto;max-width:none;transform:none!important;line-height:0}
.entry__header--case .entry__header-ex-image img{display:block;width:auto;max-width:none}
@media (max-width:599px){
  .entry__header--case .entry__header-ex-image{display:none}
}
/* Tablets: the deck sits beside the cutout instead of above an empty half. */
@media (min-width:600px) and (max-width:1023px){
  .entry__header--case{--cut-h:clamp(340px,44vw,440px);padding-bottom:0!important}
  .entry__header--case .entry__header-ex-image{position:absolute;bottom:0;left:28px;margin:0}
  .entry__header--case .entry__header-ex-image img{height:var(--cut-h)}
  /* .7593 is the cutout's width over its height (1126 x 1483). */
  .entry__header--case .entry__dek{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:var(--cut-h);max-width:none;margin:40px 0 0;padding-left:calc(var(--cut-h) * .7593 + 32px)}
}
@media (min-width:768px) and (max-width:1023px){
  .entry__header--case .entry__header-ex-image{left:48px}
  .entry__header--case .entry__dek{font-size:18px}
}
@media (min-width:1024px){
  .entry__header--case .entry__header-ex-image{position:absolute;bottom:0;left:max(48px,calc((100% - 1200px) / 2));right:auto;margin:0;height:calc(100% - 170px)}
  .entry__header--case .entry__header-ex-image img{height:100%}
  .entry__header--case .entry__header-inner{box-sizing:border-box;padding-left:calc(50vw + 20px - max(48px,calc((100vw - 1200px) / 2)))}
  .entry__header--case .entry__header-inner>*{margin-right:0}
}
/* header-cutout:end */

/* Bands and containers */
.entry__body .mscs-band{position:relative;margin:0 calc(-50vw + 50%);padding:56px 0}
.mscs-band--tint{background:var(--tint)}
.mscs-band--dark{background:var(--ink);color:var(--lav)}
.entry__body .mscs>.mscs-band:last-child{margin-bottom:-40px}
.mscs-wrap{max-width:1328px;margin:0 auto;padding:0 16px}
.mscs-text{max-width:720px;margin:0 auto}
.entry__body .mscs-band .mscs-text>h2:first-child{margin-top:0}
.entry__body .mscs-text>p:last-child{margin-bottom:0}

.mscs [hidden]{display:none!important}


/* Overview: the six channels */
.entry__body .mscs-channels{display:grid;grid-template-columns:1fr;gap:0 32px;margin:40px 0 72px;padding:0;list-style:none}
.entry__body .mscs-channels li{margin:0;padding:16px 0 18px;border-top:1px solid var(--rule);line-height:1.4}
.mscs-channels__name{display:block;font:700 18px/1.3 var(--sans);color:var(--ink)}
.mscs-channels__desc{display:block;margin-top:4px;font-size:16px;color:var(--muted)}

/* Charts */
.entry__body .mscs .mscs-chart{max-width:1200px;margin:0 auto}
.entry__body .mscs .mscs-text+.mscs-chart{margin-top:40px}
.entry__body .mscs .mscs-chart--narrow{max-width:880px}
.mscs-chart__head{display:block;margin:0 0 12px}
.mscs-chart__title{display:block;font:700 18px/1.3 var(--sans)}
.mscs-chart__sub{display:block;margin-top:4px;font-size:15px;line-height:1.4;color:var(--muted)}
.mscs-band--dark .mscs-chart__sub,.mscs-band--dark .mscs-chart__note{color:var(--muted-dk)}
.mscs-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 8px;font-size:14px;line-height:1.3}
.mscs-legend__item{display:inline-flex;align-items:center;gap:8px}
.mscs-legend[hidden]{display:none}
.mscs-legend__key{display:inline-block;width:16px;height:2px;border-radius:1px}
/* Under a centered headline, a centered caption and legend keep the chart from leaning left. */
.mscs-chart--center .mscs-chart__head,.mscs-chart--center .mscs-chart__note{text-align:center}
.mscs-chart--center .mscs-legend{justify-content:center}
.entry__body .mscs .mscs-chart--center{max-width:1040px}
.mscs-chart__plot{position:relative}
.mscs-chart__plot svg{display:block;overflow:visible}
.entry__body .mscs-chart__note{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.mscs-tip{position:absolute;z-index:3;min-width:180px;padding:10px 12px;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(35,31,44,.14),0 10px 28px rgba(35,31,44,.16);font-size:13px;line-height:1.35;pointer-events:none}
.mscs-tip[hidden]{display:none}
.mscs-tip__title{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}
.mscs-tip__row{display:flex;align-items:center;gap:8px;margin-top:3px}
.mscs-tip__row b{font-size:15px;font-weight:700;min-width:62px}
.mscs-tip__key{display:inline-block;width:12px;height:2px;border-radius:1px;flex:none}
.mscs-tip__name{color:var(--muted)}
.mscs-hit{cursor:crosshair;outline:none}
.mscs-hit:focus-visible{outline:2px solid var(--accent-dk)}

/* Horizontal bars (HTML, so labels stay crisp and wrap) */
.entry__body .mscs-bars{margin:8px 0 0;padding:0;list-style:none}
.entry__body .mscs-bars li{position:relative;display:grid;grid-template-columns:1fr;gap:4px;margin:0 0 14px;line-height:1.3;outline:none}
.mscs-bars__label{font-size:15px;color:var(--ink)}
.mscs-bars__state{color:var(--muted)}
.mscs-bars li.is-hl .mscs-bars__label{font-weight:700}
.mscs-bars__track{display:flex;align-items:center;gap:8px;min-height:20px}
.mscs-bars__bar{display:block;height:20px;min-width:2px;border-radius:0 4px 4px 0;background:var(--gray);transition:filter .15s}
.mscs-bars li.is-hl .mscs-bars__bar{background:var(--accent)}
.mscs-bars li:hover .mscs-bars__bar,.mscs-bars li:focus-visible .mscs-bars__bar{filter:brightness(1.12)}
.mscs-bars li:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
.mscs .mscs-ms{display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;color:var(--ink)}
.mscs-bars__label{white-space:nowrap}
.mscs-chart__key{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:13px;color:var(--muted)}
.mscs .mscs-chart__key .mscs-ms{margin:0}
.mscs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mscs-bars__val{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.mscs-grid2{display:grid;grid-template-columns:1fr;gap:48px;max-width:1200px;margin:40px auto 0}
/* Auto margins would shrink each chart to its content; fill the column instead. */
.entry__body .mscs .mscs-grid2>.mscs-chart{margin:0}
.entry__body .mscs-grid2__note{max-width:1200px;margin:24px auto 0}

/* Table view */

/* Creative: shared */
.mscs-sub{max-width:720px;margin:72px auto 0}
.entry__body .mscs-sub h4{margin:0 0 .3em}
.entry__body .mscs-sub p{margin:0}
.mscs-cap{display:block;max-width:300px;margin:14px auto 0;font:500 12px/1.5 var(--mono);color:var(--muted);text-align:center}
.mscs-rail{margin:28px -16px 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.mscs-rail__track{display:flex;gap:28px;width:max-content;margin:0 auto;padding:8px 16px 20px}
.mscs-rail__track>*{flex:none;scroll-snap-align:center}

/* Creative: faux mail client */
.mscs-mail{max-width:1120px;margin:28px auto 0;overflow:hidden;border:1px solid #e3dfeb;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(35,31,44,.06),0 16px 48px rgba(35,31,44,.10);font-family:var(--sys);color:#202124}
.mscs-mail__top{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#f6f8fc;border-bottom:1px solid #eceff4}
.mscs-mail__menu{display:none;width:20px;color:#5f6368}
.mscs-mail__brand{display:none;font-size:20px;color:#5f6368;letter-spacing:-.01em}
.mscs-mail__search{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;height:42px;padding:0 16px;border-radius:999px;background:#e9eef6;color:#5f6368;font-size:15px}
.mscs-mail__search svg{width:18px;flex:none}
.mscs-mail__me{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border-radius:50%;background:var(--ink);color:#fff;font:600 14px var(--sys)}
.mscs-mail__body{display:grid;grid-template-columns:1fr}
.mscs-mail__list{display:flex;overflow-x:auto;border-bottom:1px solid #eceff4}
.mscs-mail__item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:1px 12px;flex:0 0 280px;padding:12px 16px;border:0;border-right:1px solid #eceff4;background:#fff;color:#202124;text-align:left;font:inherit;cursor:pointer}
.mscs-mail__item[aria-selected="true"]{background:#eaf1fb;box-shadow:inset 3px 0 0 #0b57d0}
.mscs-mail__item:hover{background:#f2f6fc}
.mscs-mail__pic{grid-row:1/span 3;align-self:start;width:40px;height:40px;margin-top:1px;border-radius:50%;object-fit:cover;background:var(--tint2)}
.mscs-mail__pic--logo{display:grid;place-items:center;background:#233071}
.mscs-mail__pic--logo img{width:14px;height:auto}
.mscs-mail__from{grid-column:2;min-width:0;overflow:hidden;font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.mscs-mail__time{grid-column:3;font-size:12px;color:#5f6368;align-self:center}
.mscs-mail__subj{grid-column:2/-1;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mscs-mail__snip{grid-column:2/-1;font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mscs-mail__pane{max-height:640px;overflow:auto;padding:20px 16px 28px}
.mscs-mail__msg[hidden]{display:none}
.mscs-mail__subject{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:21px;line-height:1.3;color:#1f1f1f}
.mscs-mail__label{padding:2px 6px;border-radius:4px;background:#ddd;color:#444;font-size:12px}
.mscs-mail__meta{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;margin:16px 0 8px;font-size:14px;line-height:1.3}
.mscs-mail__avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#233071;object-fit:cover}
.mscs-mail__avatar img{width:18px}
.mscs-mail__meta b{display:block;font-size:14px}
.mscs-mail__meta span{color:#5f6368;font-size:12px}
.entry__body .mscs .mscs-mail__next{display:flex;align-items:center;gap:6px;width:100%;max-width:600px;margin:32px auto 4px;padding:14px 16px;border:1px solid #e3dfeb;border-radius:12px;background:#f9f8fc;color:#5f6368;font:400 14px/1.35 var(--sys);letter-spacing:0;text-align:left;text-transform:none;cursor:pointer}
.mscs-mail__next span{flex:1;min-width:0;overflow:hidden;color:#202124;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.mscs-mail__next:after{content:"\203A";font-size:22px;line-height:1;color:#5f6368}
.entry__body .mscs .mscs-mail__next:hover{background:#f2f6fc}

/* Email body. */
.mscs-em{max-width:600px;margin:22px auto 0;font:16px/1.6 "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;color:#2b2733;overflow-wrap:break-word}
.entry__body .mscs-em p{margin:0 0 1em;font:inherit;color:inherit}
.entry__body .mscs-em b,.entry__body .mscs-em strong{font-weight:700;color:#1d1a24}
.entry__body .mscs-em .mscs-em__list{margin:0 0 1em;padding-left:1.4em;list-style:disc}
.entry__body .mscs-em ol.mscs-em__list{list-style:decimal}
.entry__body .mscs-em .mscs-em__list li{margin:0 0 .6em;padding-left:.15em;line-height:inherit}
.entry__body .mscs-em .mscs-em__list li:before{content:none;display:none}
.entry__body .mscs-em img{display:block;width:auto;max-width:100%;height:auto;margin:1.6em auto;border-radius:12px;box-shadow:0 1px 2px rgba(35,31,44,.08),0 10px 28px rgba(35,31,44,.12)}
.mscs-em__a{color:#2f5fb3;text-decoration:underline;text-decoration-color:rgba(47,95,179,.45);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.entry__body .mscs-em .mscs-em__btn{display:block;max-width:360px;margin:28px auto;padding:15px 12px 13px;border-radius:10px;background:#406bbf;box-shadow:inset 0 -2px 0 #233071;color:#fff;font:700 18px/1.2 var(--sans);text-align:center}
.mscs-em__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 24px}
.mscs-em__btns span{padding:12px 8px;border-radius:10px;background:#406bbf;color:#fff;font:700 16px/1.2 var(--sans);text-align:center}

/* Creative: phones */
.mscs-phone{position:relative;width:272px;height:560px;padding:10px;border-radius:46px;background:#17151c;box-shadow:inset 0 0 0 2px #3a3642,0 18px 40px rgba(35,31,44,.18)}
.mscs-phone__island{position:absolute;z-index:2;top:20px;left:50%;width:82px;height:24px;margin-left:-41px;border-radius:12px;background:#000}
.mscs-phone__screen{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:36px;background:#fff;font-family:var(--sys);color:#000}
.mscs-phone__status{display:flex;justify-content:space-between;align-items:center;height:44px;padding:4px 26px 0 30px;font-size:14px;font-weight:600}
.mscs-phone__status svg{width:56px}
.mscs-phone__head{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0 8px;border-bottom:1px solid #e5e5ea;background:#f7f7f8}
.mscs-phone__avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(#a6a8b1,#858790);object-fit:cover}
.mscs-phone__avatar svg{width:22px}
.mscs-phone__num{font-size:11px;color:#000}
.mscs-phone__thread{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;scrollbar-width:none;-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),transparent);mask-image:linear-gradient(#000 calc(100% - 40px),transparent)}
.mscs-phone__thread::-webkit-scrollbar{display:none}
.mscs-phone__thread.is-end{-webkit-mask-image:none;mask-image:none}
.mscs-phone__thread:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mscs-phone__stamp{margin:4px 0 10px;font-size:10px;line-height:1.35;color:#8e8e93;text-align:center}
.mscs-phone__stamp b{font-weight:600}
.mscs-bubble{max-width:86%;margin-bottom:6px;padding:7px 12px;border-radius:18px;background:#e9e9eb;font-size:13.5px;line-height:1.32;overflow-wrap:anywhere}
.mscs-bubble a{color:#0a63d8!important;text-decoration:underline}
.mscs-bubble--img{max-width:74%;padding:0;overflow:hidden;background:none}
.entry__body .mscs-bubble--img img{display:block;width:100%;height:auto;max-height:220px;margin:0;object-fit:cover;object-position:50% 35%}
/* An MMS video plays like the ads, with smaller controls to fit the bubble. */
.mscs-bubble--video{position:relative;max-width:86%;padding:0;overflow:hidden;background:#17151c;aspect-ratio:16/9}
.entry__body .mscs-bubble--video video{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.entry__body .mscs .mscs-bubble--video .mscs-fb__ctl{bottom:6px;width:26px;height:26px}
.mscs-bubble--video .mscs-fb__ctl--play{left:6px}
.mscs-bubble--video .mscs-fb__ctl--sound{right:6px}
.mscs .mscs-bubble--video .mscs-fb__ctl svg{width:11px;height:11px}
.mscs-bubble__a{color:#0a63d8;text-decoration:underline}
/* Messenger */
.mscs-msgr__head{display:flex;align-items:center;gap:10px;padding:2px 14px 10px;border-bottom:1px solid #e4e6eb}
.mscs .mscs-msgr__back{display:block;width:10px;height:18px;flex:none}
.mscs-msgr__avatar{width:36px;height:36px;flex:none;border-radius:50%;object-fit:cover}
.mscs-msgr__who{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.mscs-msgr__who b{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700}
.mscs-msgr__who span{font-size:12px;color:#65676b}
.mscs .mscs-msgr__check{display:inline-block;width:13px;height:13px;flex:none}
.mscs-msgr__card{overflow:hidden;border-radius:18px;background:#f0f0f5}
.entry__body .mscs-msgr__card img{display:block;width:100%;height:auto;margin:0}
.mscs-msgr__body{padding:12px 14px 4px;font-size:13.5px;line-height:1.38;color:#050505;overflow-wrap:anywhere}
.mscs-msgr__body b{display:block;margin-bottom:5px;font-size:16px;line-height:1.25}
.mscs-msgr__btn{display:block;margin:10px 10px 10px;padding:9px;border-radius:12px;background:#fff;font-size:14px;font-weight:600;text-align:center}
.mscs-msgr__input{display:flex;align-items:center;gap:8px;padding:8px 12px 18px}
.mscs-phone__input{display:flex;align-items:center;gap:8px;padding:8px 12px 18px}
.mscs-phone__plus{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9e9eb;color:#8e8e93;font-size:20px;line-height:1}
.mscs-phone__field{flex:1;padding:6px 12px;border:1px solid #d1d1d6;border-radius:18px;color:#a1a1a6;font-size:13px}

/* Creative: Facebook-style ad cards */
.mscs-fb{width:300px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1),0 10px 30px rgba(35,31,44,.10);font-family:var(--sys);color:#050505}
.mscs-fb__head{display:flex;align-items:center;gap:10px;padding:12px 12px 8px}
.mscs-fb__avatar{width:40px;height:40px;flex:none;border-radius:50%;background:var(--tint2);object-fit:cover}
.mscs-fb__who{flex:1;line-height:1.25}
.mscs-fb__name{display:block;font-size:15px;font-weight:600}
.mscs-fb__spons{display:block;font-size:12.5px;line-height:1.3;color:#65676b}
.mscs-fb__more{color:#65676b;font-size:18px;letter-spacing:1px}
.mscs-fb__text{padding:0 12px 12px;font-size:14px;line-height:1.36;overflow-wrap:break-word}
.entry__body .mscs .mscs-fb__see{display:inline;margin:0;padding:0;border:0;background:none;color:#65676b;font:600 14px/1.36 var(--sys);letter-spacing:0;text-transform:none;cursor:pointer}
.entry__body .mscs .mscs-fb__see:hover{text-decoration:underline}
.mscs-fb__media{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1;padding:24px;overflow:hidden}
.mscs-fb__media--video{display:block;padding:0;aspect-ratio:4/5;background:#17151c}
.mscs-fb__media--square{aspect-ratio:1/1}
.entry__body .mscs-fb__media video{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.entry__body .mscs .mscs-fb__ctl{position:absolute;bottom:10px;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;letter-spacing:0;cursor:pointer}
.entry__body .mscs .mscs-fb__ctl:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mscs-fb__ctl--play{left:10px}
.mscs-fb__ctl--sound{right:10px}
.mscs .mscs-fb__ctl svg{display:block;width:14px;height:14px}
.mscs .mscs-fb__ctl .mscs-ico-play,.mscs .mscs-fb__ctl .mscs-ico-sound,.mscs .mscs-fb__ctl.is-paused .mscs-ico-pause,.mscs .mscs-fb__ctl[aria-pressed="true"] .mscs-ico-muted{display:none}
.mscs .mscs-fb__ctl.is-paused .mscs-ico-play,.mscs .mscs-fb__ctl[aria-pressed="true"] .mscs-ico-sound{display:block}
.mscs-fb__link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0f2f5}
.mscs-fb__link>div{flex:1;min-width:0;line-height:1.25}
.mscs-fb__domain{display:block;font-size:12px;color:#65676b;text-transform:uppercase}
.mscs-fb__hl{display:block;overflow:hidden;font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.mscs-fb__cta{flex:none;padding:8px 12px;border-radius:6px;background:#e2e5e9;font-size:14px;font-weight:600}
.mscs-fb__actions{display:flex;justify-content:space-around;margin:0 12px;padding:6px 0 8px;border-top:1px solid #ced0d4;color:#65676b;font-size:14px;font-weight:600}

/* Websites */
.mscs-site{position:relative;max-width:1040px;margin:40px auto 0;padding:0 0 48px}
.mscs-browser{width:88%;overflow:hidden;border:1px solid #e3dfeb;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(35,31,44,.06),0 16px 48px rgba(35,31,44,.12)}
.mscs-browser__bar{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--tint2)}
.mscs-browser__dots{display:flex;gap:6px}
.mscs-browser__dots i{display:block;width:10px;height:10px;border-radius:50%;background:#cbc5d8}
.mscs-browser__url{display:inline-flex;align-items:center;gap:6px;margin:0 auto;padding:4px 14px;border-radius:999px;background:#fff;color:var(--muted);font:13px/1.3 var(--sys)}
.mscs-browser__url svg{width:11px}
.mscs-site__phone{position:absolute;right:0;bottom:0;width:30%;max-width:250px}
.mscs-site__phone .mscs-phone{width:100%;height:auto;aspect-ratio:272/560;padding:7px;border-radius:30px}
.mscs-site__phone .mscs-phone__screen{padding-top:15%;border-radius:24px;background:#141414}
.mscs-site__phone .mscs-phone__island{top:13px;width:30%;height:5%;margin-left:-15%}
.mscs-site__phone img{width:100%;height:100%;object-fit:cover;object-position:top}

@media (min-width:375px){
  .mscs-wrap{padding:0 20px}
  .mscs-rail{margin:28px -20px 0}.mscs-rail__track{padding:8px 20px 20px}
  .entry__body .mscs>.mscs-band:last-child{margin-bottom:-56px}
}
@media (min-width:414px){.mscs-wrap{padding:0 28px}.mscs-rail{margin:28px -28px 0}.mscs-rail__track{padding:8px 28px 20px}}
@media (min-width:480px){
  .entry__body .mscs-bars li{grid-template-columns:minmax(150px,32%) 1fr;align-items:center;gap:16px;margin-bottom:10px}
  .mscs-bars__label{text-align:right}
}
@media (min-width:600px){
  .entry__body .mscs-channels{grid-template-columns:1fr 1fr}
  .mscs-phone{width:280px;height:576px}
  .mscs-fb{width:320px}
  .mscs-em{font-size:17px;line-height:1.65}
}
@media (min-width:768px){
  .mscs-wrap{padding:0 64px}
  .entry__body .mscs-band{padding:96px 0}
  .entry__body .mscs>.mscs-band:last-child{margin-bottom:-80px}
  .mscs-rail{margin:32px -64px 0}.mscs-rail__track{gap:36px;padding:8px 64px 24px}
  .mscs-mail__menu,.mscs-mail__brand{display:block}
  .mscs-mail__body{grid-template-columns:330px 1fr;min-height:640px}
  .mscs-mail__list{display:block;overflow:visible;border-bottom:0;border-right:1px solid #eceff4}
  .mscs-mail__item{width:100%;border-right:0;border-bottom:1px solid #eceff4}
  .mscs-mail__item[aria-selected="true"]{box-shadow:inset 3px 0 0 #0b57d0}
  .mscs-mail__pane{max-height:720px;padding:24px 32px 32px}
}
@media (min-width:1280px){
  .mscs-rail--ads .mscs-rail__track{gap:32px}
  .mscs-rail--ads .mscs-fb{width:340px}
}
@media (min-width:900px){
  .entry__body .mscs-channels{grid-template-columns:repeat(3,1fr)}
  .mscs-grid2{grid-template-columns:1fr 1fr;gap:64px}
}

/* Launch: the two proof points beside one scatter. */
.mscs .mscs-both{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;margin:48px auto 0}
.mscs .mscs-both__points{display:grid;gap:32px;align-content:start}
.entry__body .mscs .mscs-both__claim{margin:0 0 10px;padding:0;font:400 26px/1.15 var(--serif);color:var(--ink)}
.entry__body .mscs .mscs-both__text{margin:0}
.entry__body .mscs .mscs-both .mscs-chart{margin:0}
.mscs .mscs-both .mscs-chart__head{margin:0 0 4px}
.mscs .mscs-both .mscs-chart__title{font-size:15px}
@media (min-width:600px) and (max-width:899px){.mscs .mscs-both__points{grid-template-columns:1fr 1fr;gap:40px}}
@media (min-width:768px){.entry__body .mscs .mscs-both__claim{font-size:30px}}
@media (min-width:900px){.mscs .mscs-both{grid-template-columns:minmax(280px,34%) 1fr;gap:56px;align-items:start}.mscs .mscs-both__points{gap:40px;padding-top:4px}}
@media (min-width:1280px){.entry__body .mscs .mscs-both__claim{font-size:34px}}