html { scroll-behavior: smooth; }
body { margin: 0; }
.sample-art { display: block; width: 100%; height: 100%; overflow: hidden; }
.section-feature .sec-content > picture .sample-art { position:absolute; inset:0; height:100%; }
.sec-hero .grad-bg { opacity: 1; }
.sec-hero .clipbox picture { display: block; }
.sec-hero .content-wrap .lede .head-kicker { font-size:28px; line-height:33.0011px; margin-top:-10px; }
.sec-hero .content-wrap .lede .head-title { font-size:80px; line-height:87px; font-weight:700; margin-top:8px; }
@media only screen and (max-width:1068px) {
 .sec-hero .content-wrap .lede .head-kicker { font-size:24px; line-height:30px; margin-top:-3px; }
 .sec-hero .content-wrap .lede .head-title { font-size:64px; line-height:71px; margin-top:9px; }
}
@media only screen and (max-width:734px) {
 .sec-hero .content-wrap .lede .head-kicker { font-size:21px; line-height:26px; margin-top:-5px; }
 .sec-hero .content-wrap .lede .head-title { font-size:48px; line-height:55.0077px; margin-top:5px; }
}
.sec-picks + article.section { margin-top: 115px; }
.tabstrip-reel .reel-cell:not(.current) { visibility: hidden; pointer-events: none; }
.tabstrip-reel .reel-cell.current { visibility: visible; }
#purposes .media-unit-wrap { background-color:transparent; }
#purposes .swipe-reel .card[data-card-index="1"] { --reel-w:min(max(87.5vw - 0px,280px),560px); }
@media only screen and (max-width:1068px) { #purposes .swipe-reel .card[data-card-index="1"] { --reel-w:min(max(87.5vw - 0px,280px),518px); } }
@media only screen and (max-width:734px) { #purposes .swipe-reel .card[data-card-index="1"] { --reel-w:min(calc(max(min(420px,87.5vw - 0px),280px) - 20px),260px); } }
.arrows button { cursor: pointer; }
.arrows button:disabled { opacity: .42; cursor: default; }
.sec-hero .head-title .nowrap { display: inline; white-space: nowrap; }
@media only screen and (min-width:735px) { .sec-hero .head-title { white-space: nowrap; } }
@media only screen and (min-width:321px) { .sec-hero .head-title { padding-inline: .45em; background-origin: content-box; background-size: calc(100% + .45em) 100%; background-repeat: no-repeat; } }
.ads-dialog { margin:0; border:0; padding:0; width:100%; max-width:none; height:100%; max-height:none; color:#1e1e1e; }
.ads-dialog[open] { display:block; z-index:11000; }
.ads-dialog::backdrop { background:transparent; }
.ads-dialog .dlg-close-btn { cursor:pointer; }
body:has(dialog[open]) { overflow:hidden; }
@media only screen and (max-width:1068px) {
 .sec-picks + article.section { margin-top:70px; }
}
@media only screen and (max-width:734px) {
 #purposes .swipe-reel .media-unit-wrap { --reel-h:316px; }
 .sec-picks + article.section { margin-top:73px; }
 .section-retarget .reel-cell-media-box picture { aspect-ratio:420/256; }
 p.head-badge.tx-hero-note { font-size:14px; line-height:1.4; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation-duration:0s!important; transition-duration:0s!important; }
}

#evaluation .tabstrip-reel { margin-bottom:0; }
.media-placeholder { background:#ced6e5; }
.copy-phrase { white-space:nowrap; }
.reel-cell-desc a.ico-box { white-space:nowrap; }
@media only screen and (max-width:320px) {
 .reel-cell-desc br:not(.gs-hide),
 .post-title br.headline-break,
 .sec-hero .head-title br.small,
 .sec-hero .price-text-wrap br { display:initial!important; }
}

.sec-hero .hero-placeholder { background:transparent; }
.hero-blank-medium,.hero-blank-small { display:none; }
@media only screen and (max-width:1068px) {
 .hero-blank-large { display:none; }
 .hero-blank-medium { display:initial; }
}
@media only screen and (max-width:734px) {
 .hero-blank-medium { display:none; }
 .hero-blank-small { display:initial; }
}

.ads-slot{background:#e5eaf3;border-radius:28px}
@media only screen and (min-width:735px){#production .post-head,#production .post-text,#production .slab-desc,#awareness .post-text,#awareness .slab-desc{text-align:center}}
#production{padding-top:0}
#production .post-text,#awareness .post-text{margin-top:20px}
#production .slab{max-width:980px;height:740px;margin:77px auto 0}
#production .slab-desc{max-width:898.33px;margin:39px auto 0}
.slab-desc strong{color:#1e1e1e;font-weight:600}
.slab-desc .ico-box{display:inline-block;margin-top:14px}
#awareness .aw-grid{display:grid;grid-template-columns:480px 480px;column-gap:20px;justify-content:center;margin-top:77px}
#awareness .aw-grid .slab{height:640px}
#awareness .aw-grid .slab-desc{margin-top:39px;max-width:440px;margin-left:auto;margin-right:auto}
#retargeting .reel-cell{opacity:1!important;visibility:visible!important}
#evaluation .feature-hero .ev-stage{width:980px;max-width:100%}
@media only screen and (min-width:735px){#evaluation .feature-hero::after{display:none}}
@media only screen and (max-width:1068px){
 #production .post-text,#awareness .post-text{margin-top:33px}
 #production .slab{max-width:692px;height:600px;margin-top:74px}
 #production .slab-desc{max-width:692px;margin-top:46px}
 #awareness .aw-grid{grid-template-columns:338px 338px;column-gap:16px;margin-top:74px}
 #awareness .aw-grid .slab{height:470px}
 #awareness .aw-grid .slab-desc{margin-top:46px;max-width:338px}
 #evaluation .feature-hero .ev-stage{width:694px}}
@media only screen and (max-width:734px){
 #production .post-text,#awareness .post-text{margin-top:20px}
 #production .slab{max-width:341.25px;height:349px;margin-top:74px}
 #production .slab-desc{max-width:341.25px;margin-top:39px}
 #awareness .aw-grid{grid-template-columns:min(341.25px,100%);row-gap:76px;margin-top:74px}
 #awareness .aw-grid .slab{height:455px}
 #awareness .aw-grid .slab-desc{margin-top:39px;max-width:341.25px}
 #evaluation .feature-hero{max-width:87.5%;margin-left:auto;margin-right:auto}
 #evaluation .feature-hero::after{display:none}
 #evaluation .feature-hero .ev-stage{width:100%}}
#production .post-title{width:auto;margin-left:0;margin-right:0}
#awareness .slab-desc,#production .slab-desc{color:#555d6c}
@media only screen and (max-width:734px){
 #production .slab-desc{width:auto;max-width:none;margin-left:0;margin-right:0}
}
@media only screen and (max-width:734px){
 #production .slab{width:100%;max-width:none}
 #awareness .aw-grid{grid-template-columns:100%;width:87.5%;max-width:375px;margin-left:auto;margin-right:auto}
 #awareness .aw-grid .slab-desc{width:87.5%;max-width:none;margin-left:auto;margin-right:auto}
}
@media only screen and (max-width:374px){
 #production .slab{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}
 #awareness .aw-grid{width:100%;max-width:none}
 #awareness .aw-grid .slab{border-radius:0}
}
#evaluation .post-link{margin-top:37px}
@media only screen and (max-width:1068px){#evaluation .post-link{margin-top:27px}}
@media only screen and (max-width:734px){#evaluation .post-link{margin-top:20px}}
.slab-desc .ico-box{display:table}
@media only screen and (min-width:735px){.slab-desc .ico-box{margin-left:auto;margin-right:auto}}
@media only screen and (min-width:735px){#evaluation .post-link{text-align:center}}
#awareness .aw-grid .slab{overflow:hidden}
#evaluation .ev-stage{position:relative;display:block;margin-left:auto;margin-right:auto}
#evaluation .ev-stage .ev-frame{position:relative;display:block;width:100%;height:auto}
#evaluation .ev-stage .ev-screen,#evaluation .ev-stage .ev-screen-still{position:absolute;left:calc(10.6122% - 1px);top:calc(3.3557% - 1px);width:calc(79.1837% + 2px);height:calc(84.5638% + 2px);object-fit:cover;display:block}
#evaluation .ev-stage .ev-screen-still{display:none}
@media (prefers-reduced-motion:reduce){#evaluation .ev-stage .ev-screen{display:none}#evaluation .ev-stage .ev-screen-still{display:block}}

#production{overflow-x:clip;overflow-y:visible;display:flow-root}
#production .pr-stage{position:relative;overflow:hidden}
#production .pr-stage>picture,#production .pr-stage>video,#production .pr-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
#production .pr-stage .pr-final{display:none}
@media (prefers-reduced-motion:reduce){#production .pr-stage .pr-first,#production .pr-stage .pr-video{display:none}#production .pr-stage .pr-final{display:block}}

#retargeting .rt-stage{position:relative;overflow:hidden}
#retargeting .rt-stage>picture,#retargeting .rt-stage>video,#retargeting .rt-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
#retargeting .rt-stage .rt-final{display:none}
@media (prefers-reduced-motion:reduce){#retargeting .rt-stage .rt-first,#retargeting .rt-stage .rt-video{display:none}#retargeting .rt-stage .rt-final{display:block}}
@media only screen and (max-width:734px){#retargeting .rt-stage{width:100%;height:auto;aspect-ratio:420/256}}

main a.ico-box{position:relative}
main a.ico-box::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}