/* Dedicated CTV page: live hero, shared Inventory scenes and cross-screen example. */
body[data-page=ctv] [hidden]{display:none!important}
#placements,#ctv-cross-screen{scroll-margin-top:108px}
.ctv-live-hero{position:relative;isolation:isolate;min-width:0;width:100%;aspect-ratio:1.04;max-height:610px;overflow:hidden;border-radius:30px 30px 7px 30px;background:radial-gradient(ellipse at 48% 43%,#e5e3e4,#f5f5f7 67%);padding:30px;color:#272733;container-type:inline-size}
.ctv-live-hero:before{content:'';position:absolute;width:110%;aspect-ratio:1;border:1px solid #2727330c;border-radius:50%;top:-51%;right:-42%;z-index:-1}
.ctv-live-label{position:relative;z-index:2;font:700 10px/1.5 Montserrat,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#777782}
.ctv-live-tv{position:absolute;left:5%;right:5%;top:19%;isolation:isolate}
.ctv-live-screen{position:relative;aspect-ratio:16/9;border:7px solid #19191f;border-radius:10px 10px 2px 2px;background:#16161c;overflow:hidden;box-shadow:0 24px 38px -17px #27273370;isolation:isolate}
.ctv-live-screen>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;z-index:0}
.ctv-live-screen>video.is-visible{opacity:1;z-index:1}
.ctv-live-ad-label{position:absolute;right:4%;top:6%;z-index:3;padding:4px 7px;border:1px solid #ffffff60;border-radius:4px;background:#18181f80;font:500 8px/1.3 Raleway,sans-serif;color:#fff;opacity:0;transition:opacity .35s}
[data-live-phase=advert] .ctv-live-ad-label{opacity:1}
.ctv-live-chin{height:10px;border-radius:0 0 5px 5px;background:#19191f;position:relative}
.ctv-live-chin:after{content:'';position:absolute;right:13px;top:3px;width:2px;height:2px;border-radius:50%;background:#b8c2bd}
.ctv-live-leg{position:absolute;bottom:-15px;height:20px;width:5px;background:linear-gradient(90deg,#15151a,#4d4d57);z-index:-1}
.ctv-live-leg.left{left:13%;transform:rotate(34deg)}
.ctv-live-leg.right{right:13%;transform:rotate(-34deg)}
.ctv-live-ground{position:absolute;left:5%;right:5%;height:24px;bottom:-25px;background:radial-gradient(ellipse,#27273335,transparent 68%);z-index:-2}
.ctv-live-footer{position:absolute;left:30px;right:30px;bottom:30px}
.ctv-live-stages{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px}
.ctv-live-stages>span{padding-top:10px;border-top:2px solid #27273319;font:500 10px/1.5 Raleway,sans-serif;color:#8a8a96;transition:color .3s,border-color .3s}
.ctv-live-stages>span[aria-current]{border-color:var(--orange);color:#272733}
.ctv-live-credit{display:inline-block;font:400 8px/1.5 Raleway,sans-serif;color:#888894;margin-top:15px}
.ctv-live-credit:hover{text-decoration:underline}

/* Geometry shared with the approved five-format television in Inventory. */
[data-ctv-scenes]{--iv-radius:22px;--iv-line:#ffffff24;background:#272733;color:#fff}
[data-ctv-scenes] .section-heading h2,[data-ctv-scenes] h3{color:#fff}
[data-ctv-scenes] .section-heading>.eyebrow{color:#d0cdd8}
[data-ctv-scenes] [hidden]{display:none!important}
[data-ctv-scenes] .iv-ctv-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:55px}
[data-ctv-scenes] .iv-tv-room{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.25;border-radius:22px}
[data-ctv-scenes] .iv-tv-room:before{content:'';position:absolute;left:13%;right:13%;top:0;bottom:28%;background:repeating-linear-gradient(90deg,transparent 0 55px,#ffffff03 56px 57px);z-index:-1}
[data-ctv-scenes] .iv-tv-glow{position:absolute;width:65%;height:60%;left:17%;top:10%;background:#d6b596;filter:blur(55px);opacity:.15}
[data-ctv-scenes] .iv-tv{position:absolute;z-index:2;margin:0;filter:drop-shadow(0 15px 16px #0c0b1260)}
[data-ctv-scenes] .iv-tv-screen{position:relative;aspect-ratio:16/9;background:#14141a;overflow:hidden;color:#fff;container-type:inline-size}
[data-ctv-scenes] .ix-tv-screen>video{position:absolute;inset:0;width:100%;height:100%}
[data-ctv-scenes] .iv-tv-logo{height:13px;background:#14141a;border-radius:0 0 4px 4px;position:relative}
[data-ctv-scenes] .iv-tv-logo>i{position:absolute;right:10px;top:6px;width:2px;height:2px;background:#b6baba;border-radius:50%}
[data-ctv-scenes] .iv-tv-legs{position:absolute;left:9%;right:9%;height:26px;z-index:1}
[data-ctv-scenes] .iv-tv-legs>i{position:absolute;width:30px;height:5px;background:#14141a;transform:rotate(-55deg);top:0}
[data-ctv-scenes] .iv-tv-legs>i:first-child{left:10%}
[data-ctv-scenes] .iv-tv-legs>i:last-child{right:10%;transform:rotate(55deg)}
[data-ctv-scenes] .iv-console{position:absolute;left:5%;right:5%;bottom:12%;height:13%;border-top:7px solid #74665e;background:linear-gradient(90deg,#504741,#554b43 32.9%,#3d3633 33%,#4a413c 33.3%,#554b43 66%,#3d3633 66.3%,#51463f 66.6%);box-shadow:0 20px 30px #15151e60}
[data-ctv-scenes] .iv-room-vase{position:absolute;right:2%;bottom:27%;width:20px;height:36px;background:#7d7366;border-radius:3px 3px 10px 10px;transform:rotate(-3deg);z-index:3}
[data-ctv-scenes] .iv-room-vase i{position:absolute;width:5px;height:40px;background:#727b63;bottom:25px;left:10px;transform:rotate(-20deg);border-radius:90% 0}
[data-ctv-scenes] .iv-room-vase i:last-child{transform:rotate(20deg);height:48px}
[data-ctv-scenes] .ix-tv-top{position:absolute;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 4px #000}
[data-ctv-scenes] .ix-tv-top>b{border-radius:3px;font-weight:500}
[data-ctv-scenes] .ix-tv-state{position:absolute;left:0;right:0;color:#fff}
[data-ctv-scenes] .ix-tv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-ctv-scenes] .ix-film-credit{display:inline-block;margin-top:10px;font:400 8px/1.6 Raleway,sans-serif;color:#a4a1ae}
[data-ctv-scenes] .ix-film-credit:hover{text-decoration:underline}
[data-ctv-scenes] .iv-ctv-copy h3{font:500 29px/1.14 Raleway,sans-serif;letter-spacing:-.035em;margin:0 0 20px}
[data-ctv-scenes] .iv-ctv-copy>p{color:#bdbdcb;margin-bottom:26px}
[data-ctv-scenes] .iv-rule{padding:20px 0;border-top:1px solid #ffffff24}
[data-ctv-scenes] .iv-rule>strong{font:650 13px/1.5 Raleway,sans-serif}
[data-ctv-scenes] .iv-rule>p{margin-top:8px;font:400 13px/1.65 Raleway,sans-serif;color:#bdbdcb}
[data-ctv-scenes] .iv-link{display:inline-flex;align-items:center;gap:15px;margin-top:15px;font:650 13px/1.5 Raleway,sans-serif}
[data-ctv-scenes] .iv-link .brand-clasp{flex:0 0 27px;width:27px;height:27px;color:var(--orange)}
[data-ctv-scenes] .iv-link:hover{color:var(--orange)}

.ctv-cross-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;align-items:center}
.ctv-cross-copy h2{font-size:clamp(36px,4.1vw,61px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px}
.ctv-cross-copy h2 em{font-style:normal;color:var(--orange);font-weight:650}
.ctv-cross-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin-top:16px}
.ctv-cross-copy .ctv-cross-steps{display:grid;gap:0;margin-top:28px}
.ctv-cross-steps>div{padding:15px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px}
.ctv-cross-steps strong{font-size:13px;font-weight:650}
.ctv-cross-steps span{font-size:13px;line-height:1.6;color:var(--muted)}
.ctv-cross-demo{position:relative;aspect-ratio:1.08;min-width:0;isolation:isolate;border-radius:30px 30px 7px 30px;background:radial-gradient(ellipse at 35% 30%,#e7e6e8,#f5f5f7 70%);padding:28px;overflow:hidden;container-type:inline-size}
.ctv-cross-demo .ctv-live-tv{left:6%;right:15%;top:17%}
.ctv-cross-demo .ctv-live-screen{border-width:5px}
.ctv-cross-phone{position:absolute;z-index:4;width:22%;height:47%;right:5%;bottom:23%;border:5px solid #272733;border-radius:20px;background:#fbfbfc;box-shadow:0 14px 27px #27273335;overflow:hidden;opacity:.28;transition:opacity .5s;container-type:inline-size}
.ctv-cross-phone:before{content:'';position:absolute;left:32%;right:32%;top:4px;height:6px;border-radius:5px;background:#272733;z-index:3}
.ctv-cross-phone-header{padding:17% 10% 7%;font:600 9cqw/1.4 Raleway,sans-serif;color:#777783;border-bottom:1px solid #ededf1}
.ctv-cross-phone-content{padding:8%;opacity:0;transition:opacity .5s}
.ctv-cross-phone-content img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;border-radius:5px}
.ctv-cross-phone-content small{display:block;font:500 7cqw/1.4 Raleway,sans-serif;color:#81818e;margin-top:6%}
.ctv-cross-phone-content strong{display:block;font:650 10cqw/1.3 Raleway,sans-serif;margin-top:5%}
.ctv-cross-phone-content span{display:block;background:#272733;color:#fff;font:600 7.5cqw/1.4 Raleway,sans-serif;padding:8% 6%;margin-top:8%;border-radius:4px;text-align:center}
.ctv-cross-link{position:absolute;z-index:2;left:56%;right:11%;top:62%;height:2px;border-top:1px dashed var(--orange);opacity:0;transition:opacity .4s}
.ctv-cross-link:after{content:'';position:absolute;left:100%;top:-3px;width:5px;height:5px;background:var(--orange);border-radius:50%;animation:none}
.ctv-cross-demo[data-live-phase=match] .ctv-cross-phone,.ctv-cross-demo[data-live-phase=mobile] .ctv-cross-phone{opacity:1}
.ctv-cross-demo[data-live-phase=mobile] .ctv-cross-phone-content{opacity:1}
.ctv-cross-demo:is([data-live-phase=match],[data-live-phase=mobile]) .ctv-cross-link{opacity:1}
.ctv-cross-demo[data-live-phase=match] .ctv-cross-link:after{animation:ctv-link-travel 1.25s linear both}
.ctv-cross-demo .ctv-live-footer{left:28px;right:28px;bottom:25px}
.ctv-cross-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ctv-cross-stages button{border:0;border-top:2px solid #27273319;background:transparent;text-align:left;padding:9px 0 0;font:500 10px/1.45 Raleway,sans-serif;color:#8b8b97;overflow-wrap:normal}
.ctv-cross-stages button[aria-pressed=true]{border-color:var(--orange);color:#272733}
.ctv-cross-stages button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@keyframes ctv-link-travel{from{left:0}to{left:100%}}
@media(max-width:1000px){.ctv-cross-layout{gap:35px}.ctv-live-hero{max-width:640px;justify-self:center}.ctv-cross-steps>div{grid-template-columns:85px 1fr;gap:12px}}
@media(max-width:960px){.ctv-cross-layout{grid-template-columns:minmax(0,1fr)}.ctv-cross-copy{max-width:700px}.ctv-cross-demo{width:100%;max-width:700px;justify-self:center}[data-ctv-scenes] .iv-ctv-layout{grid-template-columns:minmax(0,1fr);gap:30px}[data-ctv-scenes] .iv-ctv-demo,[data-ctv-scenes] .iv-ctv-copy{width:100%;max-width:700px;justify-self:center}}
@media(max-width:640px){.ctv-live-hero{padding:22px;aspect-ratio:1.02;border-radius:23px 23px 5px 23px}.ctv-live-tv{top:20%;left:4%;right:4%}.ctv-live-screen{border-width:5px}.ctv-live-label{font-size:8px}.ctv-live-footer{left:22px;right:22px;bottom:22px}.ctv-live-stages{gap:10px}.ctv-live-stages>span{font-size:9px}.ctv-live-credit{font-size:7px;margin-top:12px}.ctv-cross-copy h2{font-size:36px}.ctv-cross-demo{padding:22px;aspect-ratio:.98}.ctv-cross-demo .ctv-live-tv{left:5%;right:15%;top:19%}.ctv-cross-demo .ctv-live-footer{left:20px;right:20px;bottom:22px}.ctv-cross-phone{border-width:4px;border-radius:14px;bottom:26%;height:43%;right:5%;width:23%}.ctv-cross-stages{gap:7px}.ctv-cross-stages button{font-size:9px}.ctv-cross-link{top:60%}.ctv-cross-steps>div{grid-template-columns:85px 1fr}.ctv-cross-phone:before{height:4px;top:3px}}
@media(max-width:360px){.ctv-cross-demo .ctv-live-footer{left:14px;right:14px}.ctv-cross-stages{gap:5px}.ctv-cross-stages button{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.ctv-live-screen>video,.ctv-live-stages>span,.ctv-live-ad-label,.ctv-cross-phone,.ctv-cross-phone-content,.ctv-cross-link{transition:none}.ctv-cross-link:after,.ctv-cross-demo[data-live-phase=match] .ctv-cross-link:after{animation:none}}

/* Campaign mechanics replace the former industry examples. */
#tasks .section-heading h2 em,#practice.ctv-practice .section-heading h2 em{font-style:normal;font-weight:650;color:var(--orange)}
#tasks .section-heading>div>p{font-size:15px;line-height:1.65}
.ctv-strategy-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.ctv-strategy-tabs button{flex:1 1 17%;min-width:0;min-height:62px;padding:14px 15px;text-align:left;border:1px solid #d7d7e0;border-radius:13px 13px 4px 13px;background:#fff;color:#272733;font:600 13px/1.45 Raleway,sans-serif;transition:background .2s,color .2s,border-color .2s}
.ctv-strategy-tabs button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}
.ctv-strategy-tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.ctv-strategy-tabs button:active{transform:translateY(1px)}
.ctv-strategy-board{min-height:310px;padding:34px;border-radius:25px 25px 6px 25px;background:#fff}
.ctv-strategy-board>h3{font:500 clamp(25px,2.4vw,32px)/1.2 Raleway,sans-serif;letter-spacing:-.035em;margin:0 0 30px}
.ctv-strategy-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0}
.ctv-strategy-columns>div{min-width:0}
.ctv-strategy-columns dt{font:700 10px/1.5 Montserrat,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#8b8b99;margin-bottom:12px}
.ctv-strategy-columns dd{margin:0;color:var(--muted);font:400 15px/1.65 Raleway,sans-serif}
.ctv-strategy-link{display:inline-flex;gap:14px;align-items:center;margin-top:28px;font:650 13px/1.45 Raleway,sans-serif;min-height:30px}
.ctv-strategy-link>.brand-clasp,.ctv-practice-action>.brand-clasp{flex:0 0 25px;width:25px;height:25px;color:var(--orange);background:transparent}
.ctv-strategy-link:hover{color:var(--orange)}

/* Inventory's editorial case/content pairing, with uncropped case photography. */
.ctv-practice-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:44px;align-items:start}
.ctv-practice-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:28px;min-width:0}
.ctv-practice-cover{display:block;width:100%;height:auto;object-fit:contain;border-radius:22px 22px 5px 22px;transition:filter .25s}
.ctv-practice-case-copy{min-width:0}
.ctv-practice-label{font:700 10px/1.5 Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#838390;margin:0}
.ctv-practice-logo{display:block;width:140px;max-width:85%;height:32px;object-fit:contain;object-position:left center;margin:14px 0 17px}
.ctv-practice-case h3{font:500 clamp(24px,2.15vw,29px)/1.16 Raleway,sans-serif;letter-spacing:-.03em;margin:0 0 16px}
.ctv-practice-case-copy>p:not(.ctv-practice-label):not(.ctv-practice-result){font:400 13px/1.65 Raleway,sans-serif;color:var(--muted);margin:0 0 18px}
.ctv-practice-result{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.ctv-practice-result>strong{flex-shrink:0;font:650 28px/1.1 Raleway,sans-serif;letter-spacing:-.035em;color:var(--orange)}
.ctv-practice-result>span{font:400 11px/1.55 Raleway,sans-serif;color:var(--muted)}
.ctv-practice-action{display:inline-flex;align-items:center;gap:13px;min-height:32px;font:650 13px/1.5 Raleway,sans-serif}
.ctv-practice-reading{padding-left:34px;border-left:1px solid var(--line);min-width:0}
.ctv-practice-article{display:block}
.ctv-practice-article+.ctv-practice-article{margin-top:28px}
.ctv-practice-article h3{font:500 24px/1.2 Raleway,sans-serif;letter-spacing:-.03em;margin:12px 0}
.ctv-practice-article>p:not(.ctv-practice-label){font:400 13px/1.65 Raleway,sans-serif;color:var(--muted);margin:0 0 12px}
.ctv-practice-all{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
.ctv-practice-case:focus-visible,.ctv-practice-article:focus-visible,.ctv-strategy-link:focus-visible,.ctv-practice-all a:focus-visible{outline:2px solid var(--orange);outline-offset:6px;border-radius:4px}
@media(hover:hover){.ctv-strategy-tabs button:hover{background:#272733;border-color:#272733;color:#fff}.ctv-strategy-tabs button[aria-pressed=true]:hover{border-color:var(--orange)}.ctv-practice-case:hover .ctv-practice-cover{filter:brightness(.94)}.ctv-practice-case:hover .ctv-practice-action,.ctv-practice-article:hover h3,.ctv-practice-all a:hover{color:var(--orange)}}
@media(max-width:1100px){.ctv-practice-grid{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.ctv-practice-case{grid-template-columns:minmax(0,1fr);gap:22px}.ctv-practice-cover{max-width:100%}.ctv-practice-reading{padding-left:26px}}
@media(max-width:960px){.ctv-strategy-tabs button{flex-basis:28%}.ctv-strategy-columns{gap:24px}.ctv-strategy-columns dd{font-size:14px}}
@media(max-width:760px){.ctv-strategy-tabs{gap:8px;margin-bottom:22px}.ctv-strategy-tabs button{font-size:12px;padding:12px 10px;min-height:64px}.ctv-strategy-board{padding:24px;min-height:0;border-radius:22px 22px 5px 22px}.ctv-strategy-board>h3{font-size:27px;margin-bottom:26px}.ctv-strategy-columns{grid-template-columns:minmax(0,1fr);gap:24px}.ctv-strategy-columns dt{margin-bottom:8px}.ctv-strategy-columns dd{font-size:15px}.ctv-strategy-link{margin-top:25px}.ctv-practice-grid{grid-template-columns:minmax(0,1fr);gap:32px}.ctv-practice-case{gap:24px}.ctv-practice-reading{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.ctv-practice-article h3{font-size:25px}.ctv-practice-case h3{font-size:27px}.ctv-practice-label{font-size:9px}.ctv-practice-case-copy>p:not(.ctv-practice-label):not(.ctv-practice-result){font-size:14px}.ctv-practice-article>p:not(.ctv-practice-label){font-size:14px}}
@media(prefers-reduced-motion:reduce){.ctv-strategy-tabs button,.ctv-practice-cover{transition:none}}