/* Live recreation of image 2: one backdrop, exact source-logo crops, Cutmark. */
@font-face{font-family:Cutmark;src:url('Cutmark-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--purple:#38004f;--pink:#f00080;--white:#fff;--lime:#b9e249;--violet:#610886;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--purple);color:var(--white);font-family:Cutmark,'Arial Narrow',Arial,sans-serif;font-weight:700}
.auction-page{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;background:var(--purple) url('assets/auction-background-v2.png') center top / cover no-repeat}
.composition{position:relative;z-index:2;max-width:1100px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px 32px;}
.auction-badge{display:block;width:118px;height:120px}
.campaign-headline{font-size:clamp(40px,5.5vw,82px);line-height:1.03;letter-spacing:-.035em;margin:28px -20px 18px;text-transform:uppercase;transform:scaleX(.9)}
.campaign-headline span{display:block;white-space:nowrap}
.campaign-subtitle{font-size:clamp(15px,2vw,25px);margin:0;line-height:1.35}
.streaming{margin-top:25px;width:min(590px,90%)}
.streaming h2{background:var(--pink);border:1px solid #ffffff70;border-radius:3px;display:table;margin:0 auto 24px;padding:8px 48px;font-size:30px;line-height:1.1}
.broadcast-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px}
.india-platforms{border-right:1px solid #ffffff80;padding-right:24px}
.platforms{display:flex;align-items:center;justify-content:center;gap:26px;min-height:100px}
.platforms>svg,.youtube-logo{filter:url(#remove-purple);display:block}
.tv-logo{width:94px;height:94px}
.ott-logo{width:80px;height:94px;border-left:1px solid #ffffff60;padding-left:15px;box-sizing:content-box}
.youtube-logo{width:142px;height:100px;margin:0 auto}
.region{background:var(--pink);border:1px solid #ffffff70;border-radius:2px;display:table;margin:12px auto 0;padding:5px 12px;line-height:1;font-size:21px}
.auction-date{color:var(--lime);font-size:clamp(26px,3vw,40px);line-height:1.08;margin:27px 0 17px}
.auction-date span,.auction-date time{display:block}
.event-panel{width:min(410px,100%);position:relative}
#countdown-title{font-size:13px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:350px;margin:0 auto 8px}
.time-unit{position:relative}
.time-unit:not(:last-child):after{content:':';position:absolute;right:-8px;top:0;color:#ffffff80;font-size:29px;animation:tick 2s ease-in-out infinite}
.time-unit>span{display:block;color:var(--lime);font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
.time-unit small{display:block;font-size:8px;letter-spacing:.12em;margin-top:4px}
.local-time{font-size:10px;line-height:1.4;opacity:.8;margin:0 0 12px}
.button{display:flex;width:fit-content;max-width:100%;margin:0 auto;align-items:center;justify-content:center;gap:12px;min-height:38px;padding:9px 18px;background:var(--pink);color:var(--white);border:1px solid #ffffff60;border-radius:2px;text-decoration:none;font-size:13px;line-height:1.3;transition:background .2s,transform .2s}
.button[href]:hover{background:var(--violet);transform:translateY(-2px)}
.button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.button[aria-disabled=true]{cursor:default;opacity:.75}
.live-button{background:var(--lime);color:var(--purple);margin-bottom:10px}
.live-button[href]:hover{background:var(--white)}
.link-note{font-size:10px;line-height:1.4;margin:6px 0 0;opacity:.75}
.live-message{font-size:12px;line-height:1.5;margin:6px 0 12px}
.gavel{position:absolute;z-index:1;width:clamp(140px,20vw,310px);height:auto;aspect-ratio:327/446;bottom:10px;right:3%;filter:url(#remove-purple);pointer-events:none;transform:rotate(-8deg)}
[hidden]{display:none!important}
@keyframes tick{50%{opacity:.45}}
@media(min-width:1500px){.composition{padding-top:48px;padding-bottom:40px}.auction-badge{width:142px;height:145px}.campaign-headline{margin-top:35px}.streaming{margin-top:32px}.auction-date{margin-top:34px}}
@media(max-width:760px){.auction-page{background-size:100% 100%;background-position:center top}.composition{padding:28px 18px 32px}.auction-badge{width:96px;height:98px}.campaign-headline{font-size:clamp(25px,6.7vw,49px);letter-spacing:-.025em;margin:27px -10px 18px;transform:scaleX(.94)}.campaign-subtitle{font-size:16px;max-width:340px}.streaming{margin-top:25px;width:min(430px,100%)}.streaming h2{font-size:24px;padding:8px 30px;margin-bottom:22px}.broadcast-grid{gap:12px}.india-platforms{padding-right:12px}.platforms{gap:12px;min-height:85px}.tv-logo{width:76px;height:76px}.ott-logo{width:58px;height:76px;padding-left:9px}.youtube-logo{width:112px;height:85px}.region{font-size:16px;padding:5px 8px}.auction-date{font-size:30px;margin-top:30px;margin-bottom:22px}.event-panel{width:min(340px,100%)}.time-unit>span{font-size:36px}.button{min-height:44px;font-size:12px}.gavel{width:145px;right:-62px;bottom:100px;opacity:.55}.local-time{font-size:9px}.link-note{font-size:9px}}
@media(max-width:360px){.composition{padding-inline:12px}.campaign-subtitle{font-size:14px}.platforms{gap:8px}.tv-logo{width:68px}.ott-logo{width:50px}.region{font-size:14px}.youtube-logo{width:98px}.auction-date{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.filter-definitions{position:absolute;pointer-events:none}

.youtube-link{display:block;width:fit-content;margin:auto;border-radius:4px;transition:transform .2s}
.youtube-link:hover{transform:translateY(-3px)}
.youtube-link:focus-visible{outline:3px solid var(--lime);outline-offset:6px}
.register-platform{min-height:145px;display:flex;align-items:center;justify-content:center;border-left:1px solid #ffffff80;padding-left:24px}
.register-button{flex-direction:column;gap:8px;font-size:17px;min-height:100px;padding:14px 18px;white-space:nowrap}
.download-icon{font-size:34px;line-height:1}
@media(max-width:760px){.streaming{width:min(430px,100%)}.broadcast-grid{grid-template-columns:1fr 1fr;gap:12px}.register-platform{grid-column:1/-1;border:0;padding:0;min-height:0;margin-top:8px}.register-button{flex-direction:row;font-size:13px;min-height:44px;padding:9px 18px}.download-icon{font-size:22px}.auction-date{margin-top:24px}}

/* Register matches the neighboring broadcast-region labels. */
.register-platform{align-items:flex-end}
.register-button{display:table;min-height:0;flex-direction:row;gap:0;margin:12px auto 0;padding:5px 12px;font-size:21px;line-height:1;background:var(--pink);border:1px solid #ffffff70;border-radius:2px;white-space:nowrap;text-transform:uppercase}
.register-button[aria-disabled=true]{opacity:1}
@media(max-width:760px){.register-button{font-size:16px;padding:5px 8px;margin:0 auto;min-height:0}}
@media(max-width:360px){.register-button{font-size:14px}}

.register-intro{font-size:14px;line-height:1.6;margin:10px 0 0;color:var(--white)}
.register-intro>span{margin:0 5px;opacity:.7}
.register-intro a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.register-intro a[href]:hover{color:var(--lime)}
.register-intro a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.register-intro a[aria-disabled=true]{cursor:default}
@media(max-width:760px){.register-intro{font-size:12px;max-width:350px;margin-top:10px}}

/* Register link precedes the subtitle with the same responsive type size. */
.register-intro{font-size:clamp(15px,2vw,25px);line-height:1.35;margin:0 0 12px}
@media(max-width:760px){.register-intro{font-size:16px;margin:0 0 12px;max-width:340px}}
@media(max-width:360px){.register-intro{font-size:14px}}