@import url('./trial-story.css');
/* The trial is the brand's main promise: a large number, a pass, an honest timeline. */
.trial-premiere{--tp-aqua:#3bccf5;--tp-ink:#101214;position:relative;isolation:isolate;max-width:1600px;margin:0 auto;padding:48px 4.8% 64px;background:#101214;color:#f5f5f0;overflow:hidden;scroll-margin-top:95px;font-family:Arial,Helvetica,sans-serif}
.trial-premiere *{box-sizing:border-box}
.tp-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #3a4144;padding-top:19px;margin-bottom:42px}
.tp-masthead p,.tp-pass-top,.tp-step-date,.tp-journey-heading>p{font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.6;margin:0}
.tp-masthead p{color:var(--tp-aqua)}
.tp-masthead p>span{color:#a5acad}
.tp-motion{min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid #454d50;border-radius:30px;padding:9px 12px;background:transparent;color:#c8cfd0;cursor:pointer;font-size:11px;white-space:nowrap}
.tp-motion[hidden]{display:none}
.tp-motion:hover{color:#fff;border-color:var(--tp-aqua)}
.tp-motion:focus-visible,.tp-cta:focus-visible,.tp-conditions a:focus-visible{outline:3px solid var(--tp-aqua);outline-offset:5px}
.tp-stage{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:clamp(36px,6vw,92px);align-items:start}
.tp-story{min-width:0;padding-top:12px}
.tp-title{display:flex;align-items:center;gap:24px;margin:0!important;font-weight:800;letter-spacing:-.065em;line-height:.85}
.tp-number{position:relative;display:block;font-size:clamp(156px,18vw,270px);line-height:.83;letter-spacing:-.085em;color:#f5f5f0;isolation:isolate;background:var(--tp-ink);padding:.15em .05em;margin:-.15em -.05em}
.tp-number-water{position:absolute;inset:.15em .05em;color:var(--tp-aqua);clip-path:polygon(0 56%,25% 51%,50% 58%,75% 50%,100% 55%,100% 100%,0 100%);pointer-events:none}
.tp-number-film{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:fill;mix-blend-mode:darken;opacity:0;pointer-events:none}
.tp-number[data-video-ready] .tp-number-film{opacity:1}
.tp-number[data-video-ready] .tp-number-water{opacity:0!important}
.tp-title-copy{display:block;min-width:0;font-size:clamp(35px,4.15vw,62px);letter-spacing:-.055em;line-height:1.02}
.trial-premiere .tp-title em{color:var(--tp-aqua);font-style:normal}
.tp-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}
.tp-promise{font-size:clamp(28px,3.3vw,48px);letter-spacing:-.04em;font-weight:700;line-height:1.12;margin:36px 0 24px}
.tp-promise strong{font-weight:700;color:var(--tp-aqua)}
.tp-intro{max-width:570px;font-size:17px;line-height:1.65;color:#b9c2c4;margin:0}
.tp-intro strong{color:#f5f5f0;font-weight:400}
.tp-film-link{display:flex;align-items:center;gap:14px;max-width:570px;margin-top:22px;color:#f5f5f0!important;text-decoration:none!important;font-size:14px;line-height:1.4}
.tp-film-link>span:first-child{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--tp-aqua);border-radius:50%;color:var(--tp-aqua);font-size:14px}
.tp-film-link>span:last-child{margin-left:auto;color:var(--tp-aqua);font-size:24px}
.tp-film-link small{display:block;color:#9aabad;font-size:10px;font-weight:400;margin-top:3px}
.tp-film-link:hover{color:var(--tp-aqua)!important}
.tp-film-link:focus-visible{outline:3px solid var(--tp-aqua);outline-offset:6px}
.tp-calendar{margin-top:36px;max-width:570px}
.tp-days{display:flex;gap:5px;height:31px;align-items:flex-end}
.tp-day{height:100%;flex:1;background:var(--tp-aqua);transform-origin:bottom;opacity:.85;border-radius:1px}
.tp-day:nth-child(5n){height:39px;background:#e2f9ff}
.tp-calendar p{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;color:#9aabad;margin:15px 0 0}
.tp-calendar strong{color:#e3f3f7;font-weight:400}
.tp-waterline{max-width:570px;margin-top:18px;opacity:.35}
.tp-waterline svg{display:block;width:100%;height:auto;max-height:58px;overflow:visible}
.tp-waterline path{stroke:var(--tp-aqua);stroke-width:1.5}
.tp-waterline path+path{opacity:.35}
.tp-pass{position:relative;background:#191e20;border:1px solid #637274;border-radius:4px;padding:26px 30px 21px;box-shadow:0 12px 65px #0004;transform-origin:50% 85%;overflow:hidden}
.tp-pass:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tp-aqua)}
.tp-pass-top{display:flex;justify-content:space-between;gap:15px;color:#9aabad;font-size:9px;letter-spacing:.12em}
.tp-pass-top>span:first-child{color:var(--tp-aqua)}
.tp-pass h3{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin:26px 0 8px;font-weight:700}
.tp-zero{font-size:clamp(112px,12vw,174px);font-weight:700;line-height:.9;letter-spacing:-.09em;margin:10px 0;color:var(--tp-aqua)}
.tp-zero>span:first-child{font-size:.6em;vertical-align:top;line-height:1.2;letter-spacing:-.065em;margin-right:7px}
.tp-zero-dot{font-size:.7em;color:#f5f5f0}
.tp-zero-caption{color:#cedbde;font-size:13px;line-height:1.5;margin:17px 0 20px}
.tp-pass-facts{list-style:none;padding:0!important;margin:0!important;display:grid;gap:11px}
.tp-pass-facts li{display:flex;gap:10px;align-items:baseline;font-size:12px;line-height:1.5;color:#d7dedf}
.tp-pass-facts li>span{color:var(--tp-aqua);font-size:16px;line-height:1}
.tp-tear{position:relative;margin:24px -30px;border-top:1px dashed #566567}
.tp-tear:before,.tp-tear:after{content:"";position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--tp-ink);border:1px solid #637274}
.tp-tear:before{left:-9px}.tp-tear:after{right:-9px}
.tp-billing{margin:0 0 22px;display:grid;gap:16px}
.tp-billing>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.tp-billing dt{font-size:12px;line-height:1.45;max-width:170px;color:#bac9cb}
.tp-billing dd{margin:0;text-align:right;font-size:22px;line-height:1.1;letter-spacing:-.03em;font-weight:700;white-space:nowrap}
.tp-billing small{display:block;font-size:10px;font-weight:400;line-height:1.5;color:#a9bcbe;letter-spacing:0;margin-top:5px;white-space:normal;max-width:185px}
.tp-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:57px;padding:16px 18px;background:var(--tp-aqua);color:#0c2226!important;font-weight:700;font-size:14px;line-height:1.25;text-decoration:none!important;border-radius:2px;overflow:hidden;transition:background .2s}
.tp-cta>span{position:relative;z-index:1}
.tp-cta>span+span{font-size:25px;font-weight:400;line-height:1}
.tp-cta:hover{background:#acedff}
.tp-cta-sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff8 49%,transparent 65%);transform:translateX(-110%);pointer-events:none}
.tp-request-note{margin:12px 0 0;font-size:10px;line-height:1.65;text-align:center;color:#a9bcbe}
.tp-journey-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:54px 0 0;border-top:1px solid #3a4144;padding-top:20px}
.tp-journey-heading>p{color:var(--tp-aqua);font-size:9px}
.tp-journey-heading>span{font-size:12px;color:#9eafb1}
.tp-journey{position:relative;list-style:none;margin:30px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.tp-journey li{position:relative;min-width:0;padding-top:28px}
.tp-step-dot{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--tp-aqua);box-shadow:0 0 0 5px #172e31}
.tp-step-date{color:#9bb6b9;font-size:9px;letter-spacing:.09em}
.tp-journey h3{font-size:23px;letter-spacing:-.035em;line-height:1.13;margin:12px 0;font-weight:700}
.tp-journey li>p:last-child{font-size:12px;line-height:1.7;color:#afbdc0;margin:0}
.tp-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#29393c;overflow:hidden}
.tp-progress>span{display:block;width:100%;height:100%;background:var(--tp-aqua);transform-origin:left;transform:scaleX(1)}
.tp-conditions{font-size:10px;line-height:1.8;max-width:1060px;color:#8fa2a6;margin:32px 0 0}
.tp-conditions a{color:#bdced1;text-underline-offset:3px}
.cinema-home .trial-premiere{scroll-margin-top:0}
#quick-form{scroll-margin-top:8px}
@media(min-width:1600px){.trial-premiere{padding-left:76px;padding-right:76px}}
@media(max-width:1100px){.tp-title{gap:18px}.tp-number{font-size:170px}.tp-title-copy{font-size:38px}.tp-stage{gap:35px;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.tp-intro{font-size:15px}.tp-pass{padding:24px}.tp-tear{margin-left:-24px;margin-right:-24px}.tp-journey{gap:22px}.tp-journey h3{font-size:21px}}
@media(max-width:820px){.trial-premiere{padding:64px 6% 48px;scroll-margin-top:82px}.tp-masthead{margin-bottom:38px;gap:16px}.tp-masthead p{font-size:9px}.tp-masthead p>span{display:block;margin-top:4px;font-size:8px}.tp-motion{font-size:10px;padding:9px}.tp-stage{grid-template-columns:1fr;gap:34px}.tp-story{padding-top:0}.tp-title{gap:22px}.tp-number{font-size:clamp(130px,26vw,210px)}.tp-title-copy{font-size:clamp(31px,6.3vw,49px)}.tp-promise{font-size:34px;margin-top:28px}.tp-intro{font-size:15px;max-width:600px}.tp-calendar{max-width:none;margin-top:28px}.tp-waterline{display:none}.tp-pass{max-width:600px;width:100%;padding:27px 30px 22px}.tp-pass-top{font-size:9px}.tp-pass h3{font-size:25px;margin:22px 0 10px}.tp-zero{font-size:140px}.tp-pass-facts li{font-size:13px}.tp-zero-caption{font-size:14px}.tp-billing dt{font-size:13px;max-width:none}.tp-billing dd{font-size:23px}.tp-billing small{font-size:11px}.tp-tear{margin-left:-30px;margin-right:-30px}.tp-cta{font-size:15px}.tp-request-note{font-size:11px}.tp-journey-heading{margin-top:40px;display:block}.tp-journey-heading>span{display:block;margin-top:7px}.tp-journey{grid-template-columns:1fr 1fr;gap:32px;margin-top:25px!important}.tp-journey h3{font-size:24px}.tp-journey li>p:last-child{font-size:13px}.tp-conditions{font-size:11px}.tp-calendar p{font-size:10px}}
@media(max-width:480px){.trial-premiere{padding:42px 20px 38px}.tp-masthead{margin-bottom:34px}.tp-masthead p{letter-spacing:.1em;font-size:8px}.tp-motion{gap:5px;font-size:9px}.tp-motion [data-motion-label]{max-width:66px;white-space:normal;text-align:left;line-height:1.2}.tp-title{gap:14px}.tp-number{font-size:135px}.tp-title-copy{font-size:33px}.tp-promise{font-size:32px}.tp-intro{font-size:14px}.tp-day:nth-child(5n){height:32px}.tp-days{gap:3px;height:25px}.tp-calendar p{font-size:9px}.tp-pass{padding:23px 22px 20px}.tp-pass-top{font-size:8px}.tp-pass h3{font-size:23px}.tp-zero{font-size:133px}.tp-zero-caption{font-size:12px}.tp-pass-facts li{font-size:12px}.tp-tear{margin-left:-22px;margin-right:-22px}.tp-billing dt{font-size:12px;max-width:120px}.tp-billing dd{font-size:22px}.tp-billing small{font-size:10px;max-width:146px}.tp-cta{font-size:13px;padding:15px 14px}.tp-request-note{font-size:10px}.tp-journey{grid-template-columns:1fr;gap:25px;margin-left:5px!important}.tp-journey:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#314649}.tp-journey li{padding:0 0 0 28px}.tp-step-dot{left:-4px;top:4px}.tp-journey h3{font-size:23px;margin:10px 0}.tp-journey h3 br{display:none}.tp-step-date{font-size:9px}.tp-journey li>p:last-child{font-size:12px;max-width:340px}.tp-conditions{font-size:10px;margin-top:28px}}
@media(max-width:359px){.trial-premiere{padding-left:16px;padding-right:16px}.tp-number{font-size:112px}.tp-title-copy{font-size:28px}.tp-title{gap:13px}.tp-pass{padding-left:18px;padding-right:18px}.tp-tear{margin-left:-18px;margin-right:-18px}.tp-billing dt{max-width:90px}.tp-billing small{max-width:130px}.tp-cta{font-size:12px}.tp-calendar p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.tp-cta{transition:none}.tp-motion{display:none}.tp-number-film{display:none}.tp-number[data-video-ready] .tp-number-water{opacity:1!important}}