.htp-hero{position:relative;display:grid;grid-template:[full-start] 0 [content-start] minmax(0,1fr) [content-end] 0 [full-end]/[full-start] minmax(0,1fr) [content-start] minmax(0,calc(100% - 20px * 2)) [content-end] minmax(0,1fr) [full-end];row-gap:64px;column-gap:20px;align-items:center;width:100%;height:100vh;height:100svh;background-color:#000;overflow:hidden;font-family:"Hanken Grotesk",sans-serif}
.htp-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(54,54,54,0.2) 0%,rgba(4,4,4,0.65) 100%)}
.htp-hero__media{grid-area:full-start/full-start/full-end/full-end;width:100%;height:100%;min-height:100%;max-height:100%}
.htp-hero__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0}
.htp-hero__content{grid-area:content-start/content-start/content-end/content-end;position:relative;z-index:1;max-width:780px;place-self:center;text-align:center;color:#fff}
.htp-hero__title{margin:0;padding:0;font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:31px;line-height:35px;letter-spacing:normal;text-transform:none;color:#fff}
.htp-hero__text{margin:0;font-family:"Hanken Grotesk",sans-serif;font-weight:400;font-size:12px;line-height:19.8px;letter-spacing:normal;color:#fff}
.htp-hero__btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:24px 0 0}
.htp-hero a.htp-hero__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10.4px 28px;font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:14px;line-height:23.1px;letter-spacing:-0.16px;text-align:center;text-decoration:none;text-transform:none;color:#000;border:1px solid #fff;border-radius:0;background-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(transparent,transparent);background-size:101% 101%,0 101%;background-position:right;background-repeat:no-repeat;transition:background-size .45s cubic-bezier(.785,.135,.15,.86),background-position .45s step-end,color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86)}
.htp-hero a.htp-hero__btn--outline{color:#fff;border-color:#b3b3b3;background-image:none;transition:border-color 120ms ease-out}
.htp-hero a.htp-hero__btn--outline:hover,.htp-hero a.htp-hero__btn--outline:focus{color:#fff;border-color:#fff;background-image:none;text-decoration:none}
.htp-hero__volume{position:absolute;z-index:1;bottom:16px;left:16px;display:grid;color:#fff}
.htp-hero__volume button{display:block;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;line-height:0}
.htp-hero__volume button[hidden]{display:none}
.htp-hero svg.htp-hero__vol-ico{width:25px;height:24px}
.htp-hero svg.htp-hero__vol-ico path{fill:currentColor}
.htp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){
.htp-hero a.htp-hero__btn:hover{color:#fff;background-position:left;border-color:#fff;background-size:0 101%,101% 101%;text-decoration:none}
.htp-hero a.htp-hero__btn--outline:hover{color:#fff;border-color:#fff;background-image:none}
}
@media (min-width:700px){
.htp-hero{grid-template-columns:[full-start] minmax(0,1fr) [content-start] minmax(0,calc(100% - 32px * 2)) [content-end] minmax(0,1fr) [full-end];column-gap:32px}
.htp-hero__content{place-self:end start;text-align:left}
.htp-hero__title{font-size:31px;line-height:1.5}
.htp-hero__text{font-size:14px;line-height:23.1px}
.htp-hero__btns{justify-content:flex-start;gap:20px;margin-top:32px}
.htp-hero__volume{left:auto;right:32px;bottom:32px}
}
@media (min-width:1000px){
.htp-hero{grid-template-columns:[full-start] minmax(0,1fr) [content-start] minmax(0,calc(100% - 48px * 2)) [content-end] minmax(0,1fr) [full-end];column-gap:48px}
.htp-hero__volume{right:48px;bottom:48px}
}
@media (min-width:1150px){
.htp-hero__title{line-height:1.3}
}
.htp-liquid{border-top:1px solid #eee;background-color:#fff;text-align:center}
.bbc-tp h2,.bbc-tp p{text-transform:none}
.bbc-tp h2{color:inherit}
.bbc-tp button{font-family:inherit;text-transform:none}
.bbc-tp .btn span{text-transform:none}
.bbc-tp .sec-head .sec-cta{flex-shrink:0}
.bbc-tp .btn:hover,.bbc-tp .btn:focus,.bbc-tp .btn:active{text-decoration:none;outline:none}
.bbc-tp svg.tp-ticket__logo path,.bbc-tp svg.tp-hint__hand path,.bbc-tp svg.arr path{fill:currentColor}
.bbc-tp{--color-background-neutral-1:var(--color-neutral-50);--color-background-neutral-10:var(--color-neutral-950);--color-background-neutral-7:var(--color-neutral-800);--color-border-neutral-10:var(--color-neutral-950);--color-border-neutral-2:var(--color-neutral-100);--color-border-neutral-3:var(--color-neutral-150);--color-border-neutral-5:var(--color-neutral-350);--color-border-neutral-7:var(--color-neutral-800);--color-foreground-neutral-0:var(--color-neutral-0);--color-foreground-neutral-10:var(--color-neutral-950);--color-foreground-neutral-6:var(--color-neutral-550);--color-foreground-neutral-7:var(--color-neutral-800);--color-neutral-0:#ffffff;--color-neutral-100:#f2f2f2;--color-neutral-150:#e6e6e6;--color-neutral-350:#b3b3b3;--color-neutral-50:#f9f9f9;--color-neutral-550:#737373;--color-neutral-700:#4d4d4d;--color-neutral-800:#333333;--color-neutral-950:#0b0b0c;--color-surface-0:var(--color-neutral-0);--elevation-sm:0px 0px 25px rgba(12, 12, 13, 0.05);--font-family-display:"Hanken Grotesk", sans-serif;--font-family-heading:"Hanken Grotesk", sans-serif;--font-family-text:"Hanken Grotesk", sans-serif;--font-family-utility:"Hanken Grotesk", sans-serif;--font-size-2xl:31px;--font-size-4xl:49px;--font-size-lg:18px;--font-size-md:14px;--font-size-xl:25px;--font-weight-base:400;--font-weight-medium:600;--font-weight-strong:700;--letter-spacing-default:-0.16px;--letter-spacing-display:-1.5px;--line-height-2xl:35px;--line-height-4xl:64px;--line-height-lg:24px;--line-height-md:20px;--line-height-xl:28px;--line-stroke-base:1px;--radius-button:var(--size-0);--radius-none:var(--size-0);--radius-sm:var(--size-2);--size-0:0;--size-10:64px;--size-2:4px;--size-3:8px;--size-4:16px;--size-5:24px;--size-6:32px;--size-7:40px;--spacing-gap-2xl:var(--size-6);--spacing-gap-6xl:var(--size-10);--spacing-gap-lg:var(--size-4);--spacing-gap-md:var(--size-3);--spacing-gap-sm:var(--size-2);--spacing-gap-xl:var(--size-5);--spacing-height-2xl:var(--size-6);--spacing-height-3xl:var(--size-7);--spacing-height-5xl:var(--size-10);--spacing-height-lg:var(--size-4);--spacing-height-md:var(--size-3);--spacing-margin-desktop-sm:var(--size-10);--spacing-margin-mobile-md:var(--size-4);--spacing-width-2xl:var(--size-6);--spacing-width-lg:var(--size-4);--spacing-width-xl:var(--size-5)}
.bbc-tp,.bbc-tp *,.bbc-tp *::before,.bbc-tp *::after{box-sizing:border-box}
.bbc-tp{color:var(--color-foreground-neutral-10);font-family:var(--font-family-text)}
.bbc-tp h2,.bbc-tp p{margin:0}
.bbc-tp .display-sm{font-family:var(--font-family-display);font-weight:var(--font-weight-base);font-size:var(--font-size-4xl);line-height:var(--line-height-4xl);letter-spacing:var(--letter-spacing-display)}
.bbc-tp .heading-title-lg{font-family:var(--font-family-heading);font-weight:var(--font-weight-strong);font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);letter-spacing:var(--letter-spacing-default)}
.bbc-tp .text-lg-strong{font-family:var(--font-family-text);font-weight:var(--font-weight-strong);font-size:var(--font-size-lg);line-height:var(--line-height-lg);letter-spacing:var(--letter-spacing-default)}
.bbc-tp .text-md-regular{font-family:var(--font-family-text);font-weight:var(--font-weight-base);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-default)}
.bbc-tp .text-md-strong{font-family:var(--font-family-text);font-weight:var(--font-weight-strong);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-default)}
.bbc-tp .text-md-italic{font-family:var(--font-family-text);font-weight:var(--font-weight-base);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-default);font-style:italic}
.bbc-tp .utility-button-md{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-default)}
.bbc-tp .btn{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-default);border-radius:var(--radius-button);height:40px;padding:0 16px;border:1px solid transparent;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-sizing:border-box;white-space:nowrap;justify-content:center;text-decoration:none;text-transform:none;min-width:0;box-shadow:none}
.bbc-tp .btn .arr{width:24px;height:24px;flex-shrink:0}
.bbc-tp .btn.primary{background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0)}
.bbc-tp .btn.primary:hover{background:var(--color-background-neutral-7);color:var(--color-foreground-neutral-0)}
.bbc-tp .btn.primary:focus{background:var(--color-neutral-700);color:var(--color-foreground-neutral-0)}
.bbc-tp .btn.outline{background:transparent;color:var(--color-foreground-neutral-10);border-color:var(--color-border-neutral-5)}
.bbc-tp .btn.outline:hover{background:transparent;color:var(--color-foreground-neutral-10);border-color:var(--color-border-neutral-7)}
.bbc-tp .btn.outline:focus{background:transparent;color:var(--color-foreground-neutral-10);border-color:var(--color-border-neutral-10)}
.bbc-tp.tp-unroll{background:var(--color-background-neutral-1);padding:var(--spacing-height-5xl) var(--spacing-margin-desktop-sm)}
.bbc-tp .tp-track{max-width:800px;width:100%}
.bbc-tp .tp-unroll__grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,800px);gap:var(--spacing-gap-6xl);align-items:center;max-width:1408px;margin:0 auto}
.bbc-tp .tp-unroll__head .tp-swatches{margin-top:var(--spacing-gap-2xl)}
.bbc-tp .tp-unroll__grid{grid-template-areas:"head track" "after track";align-items:end;row-gap:var(--spacing-gap-xl)}
.bbc-tp .tp-unroll__head{grid-area:head}.bbc-tp .tp-track{grid-area:track;align-self:center}.bbc-tp .tp-after{grid-area:after;align-self:start}
.bbc-tp .tp-after .tp-actions{margin-top:0}
.bbc-tp .tp-unroll__head h2{margin:0}
.bbc-tp .tp-unroll__head p{margin:var(--spacing-gap-md) 0 0;color:var(--color-foreground-neutral-7)}
.bbc-tp .tp-seg-wrap{display:inline-flex;flex:0 1 auto;gap:4px;padding:4px;background:var(--color-background-neutral-1);border:var(--line-stroke-base) solid var(--color-border-neutral-2);overflow-x:auto;max-width:100%;box-sizing:border-box}
.bbc-tp .tp-seg{display:inline-flex;align-items:center;gap:var(--spacing-gap-md);flex:0 0 auto;height:40px;padding:0 var(--spacing-width-lg);border:none;border-radius:0;background:transparent;white-space:nowrap;cursor:pointer;color:var(--color-foreground-neutral-6);transition:background 120ms ease-out,color 120ms ease-out;box-shadow:none;min-width:0;text-transform:none}
.bbc-tp .tp-seg__ico{width:24px;height:24px;flex-shrink:0;opacity:0.55}
.bbc-tp .tp-seg:hover{color:var(--color-foreground-neutral-10)}
.bbc-tp .tp-seg:hover .tp-seg__ico{opacity:0.9}
.bbc-tp .tp-seg[data-active="true"]{background:var(--color-surface-0);color:var(--color-foreground-neutral-10);box-shadow:var(--elevation-sm)}
.bbc-tp .tp-seg[data-active="true"] .tp-seg__ico{opacity:1}
.bbc-tp .tp-track{position:relative;padding:18px 0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.bbc-tp .tp-track.is-dragging{cursor:grabbing}
.bbc-tp .tp-area{position:relative;aspect-ratio:4 / 3;container-type:inline-size}
.bbc-tp .tp-rugwrap{position:absolute;inset:0;filter:drop-shadow(0 0 25px rgba(12,12,13,.10))}
.bbc-tp .tp-rug{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-sm)}
.bbc-tp .tp-rug::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.10),rgba(255,255,255,0) 60%);box-shadow:inset 0 0 0 1px rgba(12,12,13,.10),inset 0 0 0 5px rgba(120,100,70,.16),inset 0 0 0 6px rgba(255,255,255,.18),inset 0 0 10px 2px rgba(12,12,13,.12)}
.bbc-tp .tp-roll{position:absolute;top:-6px;bottom:-6px;left:0;right:0;pointer-events:none;transition:opacity .4s;filter:drop-shadow(10px 8px 12px rgba(12,12,13,.22)) drop-shadow(3px 2px 3px rgba(12,12,13,.16))}
.bbc-tp .tp-slice{position:absolute;left:0;transform-origin:center center}
.bbc-tp .tp-curlwrap{position:absolute;inset:0;pointer-events:none;filter:blur(7px)}
.bbc-tp .tp-curl{position:absolute;inset:0;background:rgba(12,12,13,.22)}
.bbc-tp .tp-slice__body{position:absolute;inset:0;overflow:hidden}
.bbc-tp .tp-slice__body::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(12,12,13,0) 0 5px,rgba(12,12,13,.07) 5px 6px);mix-blend-mode:multiply}
.bbc-tp .tp-slice__body::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,13,.42) 0%,rgba(12,12,13,.14) 14%,rgba(255,255,255,.10) 30%,rgba(255,255,255,.34) 40%,rgba(255,255,255,.08) 52%,rgba(12,12,13,.10) 70%,rgba(12,12,13,.30) 88%,rgba(12,12,13,.52) 100%)}
.bbc-tp .tp-slice:first-child .tp-slice__body{border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.bbc-tp .tp-slice:last-child .tp-slice__body{border-radius:0 0 var(--radius-sm) var(--radius-sm)}
.bbc-tp .tp-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-width-xl);pointer-events:none}
.bbc-tp .tp-msg.is-on .tp-ticket{pointer-events:auto}
.bbc-tp .tp-ticketwrap{transform:rotate(-1.5deg);filter:drop-shadow(0 1px 1px rgba(12,12,13,.18)) drop-shadow(0 6px 10px rgba(12,12,13,.10))}
.bbc-tp .tp-ticket{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-md);max-width:360px;padding:var(--spacing-height-2xl) var(--spacing-width-2xl);text-align:center;color:var(--color-foreground-neutral-10);background-color:var(--color-surface-0);background-image:repeating-linear-gradient(0deg,rgba(12,12,13,.035) 0 1px,rgba(12,12,13,0) 1px 3px),repeating-linear-gradient(90deg,rgba(12,12,13,.03) 0 1px,rgba(12,12,13,0) 1px 3px)}
.bbc-tp .tp-ticket::before{content:"";position:absolute;inset:6px;border:var(--line-stroke-base) dashed var(--color-border-neutral-5);pointer-events:none}
.bbc-tp .tp-ticket::after{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(180deg,rgba(12,12,13,.10),rgba(12,12,13,0))}
.bbc-tp .tp-ticket__logo{height:20px;width:auto;margin-bottom:var(--spacing-gap-sm);color:var(--color-foreground-neutral-10)}
.bbc-tp .tp-ticket p{margin:0;color:var(--color-foreground-neutral-7)}
.bbc-tp .tp-ticket .btn{margin-top:var(--spacing-gap-md)}
@container (max-width:520px){.bbc-tp .tp-ticket{padding:var(--spacing-height-lg) var(--spacing-width-xl)}.bbc-tp .tp-ticket .heading-title-lg{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.bbc-tp .tp-ticket__logo{display:none}}
.bbc-tp .tp-hint{position:absolute;left:90px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-gap-lg);pointer-events:none;color:var(--color-foreground-neutral-10);transition:opacity .3s}
.bbc-tp .tp-hint__hand{width:40px;height:40px;animation:bbcTpHand 2.4s cubic-bezier(.45,0,.25,1) infinite}
@keyframes bbcTpHand{0%{transform:translateX(0);opacity:0}10%{transform:translateX(0);opacity:1}70%{transform:translateX(120px);opacity:1}82%{transform:translateX(120px);opacity:0}100%{transform:translateX(120px);opacity:0}}
.bbc-tp .tp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-gap-lg);margin-top:var(--spacing-gap-xl)}
@media (max-width:1100px){.bbc-tp .tp-unroll__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "track" "after";gap:var(--spacing-gap-2xl)}}
.bbc-tp.sec{padding:40px 64px}
.bbc-tp .sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-gap-2xl);gap:var(--spacing-gap-xl)}
.bbc-tp .sec-head h2{margin:0}
.bbc-tp .sec-eyebrow{margin:var(--spacing-gap-lg) 0 0;color:var(--color-foreground-neutral-6)}
.bbc-tp .ugc-track{display:flex;gap:var(--spacing-gap-lg);margin:0 calc(-1 * var(--spacing-margin-desktop-sm));padding:0 var(--spacing-margin-desktop-sm);scroll-padding-inline:var(--spacing-margin-desktop-sm);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.bbc-tp .ugc-track::-webkit-scrollbar{display:none}
.bbc-tp .ugc-card{flex:0 0 calc((100% - 3 * var(--spacing-gap-lg)) / 4);min-width:184px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--color-surface-0);border:var(--line-stroke-base) solid var(--color-border-neutral-3);border-radius:var(--radius-none);text-decoration:none;color:inherit}
.bbc-tp .ugc-media{position:relative;aspect-ratio:3 / 4;overflow:hidden}
.bbc-tp .ugc-media video{width:100%;height:calc(100% + 10px);object-fit:cover;display:block;margin-top: -5px;}
.bbc-tp .tp-scene-label{position:absolute;left:var(--spacing-gap-lg);bottom:var(--spacing-gap-lg);background:rgba(12,12,13,0.32);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:var(--color-foreground-neutral-0);padding:var(--spacing-height-md) var(--spacing-width-lg);pointer-events:none}
@media (min-width:768px){
.bbc-tp .tp-unroll__head,.bbc-tp .tp-unroll__head *{text-align:left}
.bbc-tp .tp-unroll__head .tp-seg-wrap{justify-content:flex-start;margin-left:0;margin-right:auto}
.bbc-tp .tp-after{text-align:left}
.bbc-tp .tp-after .tp-actions{justify-content:flex-start}
.bbc-tp.sec .sec-head,.bbc-tp.sec .sec-head h2,.bbc-tp.sec p.sec-eyebrow{text-align:left}
}
@media (max-width:767px){
.bbc-tp.tp-unroll{padding:var(--spacing-height-3xl) var(--spacing-margin-mobile-md)}
.bbc-tp.tp-unroll h2.display-sm{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}
.bbc-tp .tp-unroll__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "track" "after";gap:var(--spacing-gap-2xl)}
.bbc-tp .tp-hint{left:56px}
.bbc-tp .tp-seg-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible}
.bbc-tp .tp-seg{justify-content:flex-start}
.bbc-tp.sec{padding:32px var(--spacing-margin-mobile-md);text-align:center}
.bbc-tp .sec-head{display:block;padding-right:0;text-align:left}
.bbc-tp .sec-head .sec-cta{margin-top:var(--spacing-gap-xl)}
.bbc-tp .sec-head h2.display-sm{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);margin-bottom:var(--spacing-gap-2xl)}
.bbc-tp .ugc-track{margin-left:calc(-1 * var(--spacing-margin-mobile-md));margin-right:calc(-1 * var(--spacing-margin-mobile-md));padding-left:var(--spacing-margin-mobile-md);padding-right:var(--spacing-margin-mobile-md);scroll-padding-left:var(--spacing-margin-mobile-md);-webkit-overflow-scrolling:touch}
.bbc-tp .ugc-card{flex:0 0 72%;min-width:0}
}