/* V11: product editorial, fluid layouts and motion which stays useful on touch screens. */
body.v6{overflow-x:clip}
.v11-index,.v11-label{display:block;font:750 10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}
.v11-iptv-journey{position:relative;overflow:hidden;padding:clamp(72px,9vw,136px) 0;background:#0c2025;color:#edf9f7}
.v11-iptv-journey:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 42%,rgba(98,220,216,.065) 49%,transparent 56%);pointer-events:none}
.v11-iptv-journey .shell{position:relative}
.v11-iptv-journey .v11-index{color:#8fdfda}
.v11-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;column-gap:clamp(30px,7vw,110px)}
.v11-intro .v11-index{grid-column:1/-1;margin-bottom:25px}
.v11-intro h2{max-width:13ch;margin:0;font-size:clamp(38px,5.2vw,80px);line-height:1.07;letter-spacing:-.06em}
.v11-intro>p{max-width:45ch;margin:0 0 7px;color:#a9c4c7;font-size:clamp(15px,1.22vw,18px);line-height:1.7}
.v11-iptv-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(55px,7vw,100px);border-top:1px solid #568087}
.v11-iptv-flow article{min-width:0;padding:29px clamp(18px,3vw,42px) 0 0;border-right:1px solid rgba(130,200,200,.18)}
.v11-iptv-flow article+article{padding-left:clamp(18px,3vw,42px)}.v11-iptv-flow article:last-child{border:0}
.v11-iptv-flow article>span{font:700 10px ui-monospace,monospace;letter-spacing:.13em;color:#7ed9d3}
.v11-iptv-flow h3{font-size:clamp(23px,2.3vw,34px);margin:25px 0 12px;letter-spacing:-.035em}
.v11-iptv-flow p{margin:0;max-width:34ch;color:#aec5c7;line-height:1.65;font-size:14px}

.v11-reader-rhythm{position:relative;padding:clamp(70px,8vw,120px) 0;background:#edf8fc;color:#153b64}
.v11-reader-rhythm .v11-index{color:#438aa8}
.v11-reader-rhythm-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);column-gap:50px;align-items:end}
.v11-reader-rhythm-head .v11-index{grid-column:1/-1;margin-bottom:22px}
.v11-reader-rhythm h2{font-size:clamp(36px,4.7vw,70px);letter-spacing:-.055em;line-height:1.09;margin:0;max-width:17ch}
.v11-reader-rhythm-head p{font-size:clamp(15px,1.2vw,18px);line-height:1.7;color:#50728d;margin:0 0 8px;max-width:44ch}
.v11-reader-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:clamp(40px,5vw,72px);background:#bbdbe8;border:1px solid #bbdbe8;border-radius:20px;overflow:hidden}
.v11-reader-columns article{position:relative;min-width:0;min-height:370px;padding:clamp(25px,4vw,58px);background:#fff}
.v11-reader-columns article:last-child{background:#e2f2fb}
.v11-reader-columns .v11-label{color:#2b86aa;margin-top:60px}
.v11-reader-columns h3{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.045em;margin:13px 0}
.v11-reader-columns p{max-width:48ch;font-size:15px;line-height:1.7;color:#4a6c85}
.v11-reader-symbol{height:80px;display:flex;align-items:flex-end;gap:5px;transform:rotate(-8deg);transform-origin:bottom left}
.v11-reader-symbol span{width:44px;height:65px;border:2px solid #6bb8d6;border-radius:4px 13px 6px 6px;background:linear-gradient(135deg,#d6f6ff,#90cdec);box-shadow:5px 8px 0 #d0e5ed}
.v11-reader-symbol span:nth-child(2){height:75px;background:#b7e7f5}.v11-reader-symbol span:nth-child(3){height:57px}
.v11-reader-glyph{position:relative;font:bold 65px/1.1 Georgia,serif;letter-spacing:-.08em;color:#3780a9;height:80px}.v11-reader-glyph span{position:absolute;width:150px;height:2px;left:1px;bottom:1px;background:#a1cee2}

.v11-tidilo-campaign{position:relative;padding:clamp(72px,9vw,130px) 0;background:#191d25;color:#f7e8c7;overflow:hidden}
.v11-tidilo-campaign:before{content:"";position:absolute;width:44vw;height:44vw;left:-15vw;top:-11vw;border-radius:50%;border:1px solid rgba(238,187,121,.1);box-shadow:0 0 0 9vw rgba(238,187,121,.025),0 0 0 18vw rgba(238,187,121,.015)}
.v11-campaign-layout{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(50px,10vw,160px);align-items:center}
.v11-campaign-visual{padding:clamp(35px,5vw,65px);border:1px solid #8f765c;background:linear-gradient(150deg,#3b352f,#222729 75%);box-shadow:15px 15px 0 #10191c,0 27px 60px #0003}
.v11-campaign-visual .v11-index{color:#e5b98d;margin-bottom:37px}
.v11-campaign-visual strong{display:flex;align-items:baseline;gap:15px;font:bold clamp(66px,8vw,128px)/.95 Georgia,serif;letter-spacing:-.08em}
.v11-campaign-visual strong small{font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:#d3b798}
.v11-campaign-rule{height:1px;background:#7c6e5d;margin:30px 0}
.v11-campaign-total{margin-top:38px;padding-top:23px;border-top:1px solid #7c6e5d;color:#efcf9a;font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-.04em}
.v11-campaign-total span{display:block;margin-top:4px;color:#c1aa91;font:700 10px ui-monospace,monospace;letter-spacing:.1em}
.v11-campaign-copy h2{font-size:clamp(38px,4vw,63px);line-height:1.09;letter-spacing:-.055em;margin:0 0 23px;max-width:14ch}
.v11-campaign-copy>p{max-width:56ch;font-size:16px;line-height:1.75;color:#c8b9a5;margin:0 0 30px}
.v11-campaign-detail{display:grid;grid-template-columns:86px minmax(0,1fr);gap:20px;border-top:1px solid #66594e;padding:19px 0}
.v11-campaign-detail>span{font-size:14px;color:#f3c381;white-space:nowrap}.v11-campaign-detail h3{font-size:17px;letter-spacing:-.025em;margin:0 0 6px}.v11-campaign-detail p{margin:0;color:#bbaa97;font-size:13px;line-height:1.65}

/* Motion is applied only after JavaScript starts observing. It runs on touch, mouse and keyboard. */
@media(prefers-reduced-motion:no-preference){.v11-motion-ready [data-v11-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.v11-motion-ready [data-v11-reveal].is-visible{opacity:1;transform:none}.v11-iptv-flow article:nth-child(2),.v11-reader-columns article:nth-child(2){transition-delay:.08s}.v11-iptv-flow article:nth-child(3){transition-delay:.16s}.v11-campaign-visual.is-visible{transition-duration:.9s}}
@media(prefers-reduced-motion:reduce){[data-v11-reveal]{opacity:1!important;transform:none!important;transition:none!important}.v10-theatre:before{display:none}}
@media(hover:none){.v10-theatre:before{display:none}.v10-zoom span{position:static;display:block;text-align:center;margin-top:8px;padding:10px}.v10-hero-cta a:first-child:hover{transform:none}}
@media(min-width:1440px){.v10-hero>.shell{width:min(1450px,calc(100vw - 96px))}.v10-hero-layout{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.v10-stage{height:min(35vw,520px)}.v10-tv{width:83%;top:14%}}
@media(min-width:1920px){.v10-hero>.shell{width:min(1550px,calc(100vw - 144px))}.v10-stage{height:540px}.v10-hero{padding-block:100px 125px}}
@media(max-width:1024px){.v11-campaign-layout{gap:45px}.v11-campaign-visual{padding:32px}.v11-intro{gap:35px}}
@media(max-width:768px){.v11-intro,.v11-reader-rhythm-head,.v11-campaign-layout{grid-template-columns:1fr}.v11-intro>p,.v11-reader-rhythm-head p{margin-top:22px}.v11-iptv-flow{gap:0}.v11-iptv-flow article,.v11-iptv-flow article+article{padding:20px 16px}.v11-iptv-flow article:first-child{padding-left:0}.v11-iptv-flow h3{margin-top:16px}.v11-campaign-layout{gap:45px}.v11-campaign-visual{max-width:520px}}
@media(max-width:600px){.v11-iptv-flow{display:block;margin-top:46px}.v11-iptv-flow article,.v11-iptv-flow article+article{padding:23px 0 25px;border:0;border-bottom:1px solid rgba(130,200,200,.25)}.v11-iptv-flow article:last-child{border:0}.v11-iptv-flow h3{margin:10px 0 7px}.v11-reader-columns{grid-template-columns:1fr}.v11-reader-columns article{min-height:0;padding:30px}.v11-reader-columns .v11-label{margin-top:22px}.v11-reader-symbol,.v11-reader-glyph{height:60px}.v11-reader-symbol span{height:48px;width:34px}.v11-reader-symbol span:nth-child(2){height:55px}.v11-reader-symbol span:nth-child(3){height:42px}.v11-reader-glyph{font-size:52px}.v11-campaign-visual strong{font-size:76px}.v11-campaign-detail{grid-template-columns:72px 1fr;gap:10px}.v11-campaign-detail>span{font-size:12px}.v10-scene-caption a{font-size:12px}.v10-scene-caption a b{flex:none}.v10-theatre-tabs button{min-height:48px}.v10-hero-cta a{min-height:44px;display:inline-flex;align-items:center}.v10-zoom{min-height:44px}}
@media(max-width:430px){.v10-scene-caption{align-items:flex-start}.v10-scene-caption a{font-size:0}.v10-stage{height:270px}.v10-game-detail{display:none}.v11-iptv-journey,.v11-reader-rhythm,.v11-tidilo-campaign{padding-block:65px}.v11-intro h2,.v11-reader-rhythm h2,.v11-campaign-copy h2{font-size:clamp(34px,9vw,42px)}}
@media(max-width:390px){.v10-theatre-tabs button span{font-size:10px}.v10-stage{height:246px}.v10-tech-steps{width:91%}.v10-hero h1{font-size:clamp(34px,9vw,39px)}.v11-campaign-visual{padding:24px}.v11-campaign-visual strong{font-size:66px}.v11-campaign-visual strong small{font-size:8px}}
@media(max-width:360px){.v10-theatre-tabs button{gap:3px;padding-inline:2px}.v10-theatre-tabs button span{font-size:9px}.v10-logo-plaque{width:60px;height:60px}.v10-logo-plaque img{width:49px;height:49px}.v11-campaign-detail{grid-template-columns:1fr;gap:5px}}

.v9-reader-hero{padding-block:clamp(75px,8vw,112px)}.v9-reader-hero h1{font-size:clamp(39px,4.3vw,61px);max-width:13ch}.v9-reader-hero-art{min-height:420px}.v9-reader-page{height:330px}
@media(max-width:850px){.v9-reader-hero-art{min-height:350px}}
@media(max-width:600px){.v9-reader-hero{padding-block:75px 48px}.v9-reader-hero h1{font-size:clamp(40px,9vw,51px)}.v9-reader-hero-art{min-height:265px}.v9-reader-page{height:230px}}
/* The actual ClearIPTV screen is the central image, never obscured by the light treatment. */
.v10-stage-suite .v10-tv img{filter:brightness(1.16) contrast(1.08)}
@media(min-width:851px){.v10-stage-suite .v10-tv{left:4%;width:87%;top:16%}.v10-stage-suite .v10-reader-chip{right:3%;bottom:6%;width:132px;height:126px}}