:root{--color-primary:#dda827;--color-primary-accent:#dda827;--color-primary-transparent:rgba(5,151,242,0.1);--color-primary-dark:#064260;--color-white:#fff;--color-white-transparent:rgba(250,250,250,0.1);--color-black:#000;--color-accent:#ececec;--color-muted:#a0a0a0;--color-bg-base:var(--color-white);--color-bg-accent:var(--color-accent);--color-bg-contrast:var(--color-primary);--color-text-base:var(--color-black);--color-text-contrast:var(--color-white);--color-text-primary:var(--color-primary);--color-button-bg-base:var(--color-primary);--color-button-bg-base-hover:var(--color-primary-accent);--color-button-bg-outline-hover:var(--color-primary-transparent);--color-button-bg-outline-hover-inverse:var(--color-white-transparent);--shadow-base:0 15px 18px rgba(23,23,36,0.15);--border-radius-img:1rem;--border-radius-btn:.4rem;--spacing-section:5rem;--spacing-gap:5rem;--spacing-navbar:72px;--spacing-grid-gap:1.5rem;--color-alert-success-bg:#C2F3D6;--color-alert-success-border:#96EAB8;--color-alert-success-text:#1FB05A;--color-alert-danger-bg:#FFE1E3;--color-alert-danger-border:#FF99A4;--color-alert-danger-text:#FF4556;--color-placeholder:#d0d0d0;--imageStrip-height:80px;--altcha-border-width:0;--altcha-border-radius:3px;--altcha-color-base:#fff;--altcha-color-border:#a0a0a0;--altcha-color-text:currentColor;--altcha-color-border-focus:currentColor;--altcha-color-error-text:#f23939;--altcha-color-footer-bg:#f4f4f4;--altcha-max-width:auto}
@media (max-width:768px){:root{--spacing-section:3rem;--spacing-gap:3rem}}
body,html{scroll-behavior:smooth;font-family:"Lexend",sans-serif}
img{border-radius:0}
small{font-size:12px;color:var(--color-muted);font-style:italic}
.Font--secondary,.Header .Headline h1,.Headline h2{font-family:"Montserrat",sans-serif}
.Navigation{backdrop-filter:blur(15px);border-bottom:0}
.Header{padding:2.5rem 0}
.Header-video{position:absolute;top:0;left:0;width:100%;height:100%}
.Header-video video{width:100%;height:100%;object-fit:cover}
.Header-videoMobile{display:none}
.Header-videoControls{position:absolute;bottom:20px;left:20px;z-index:10;display:flex}
.Header-videoControl{background-color:var(--color-black);border:none;box-shadow:none;padding:10px 15px;cursor:pointer;--border-radius:30px}
.Header-videoControl svg{fill:var(--color-muted)}
.Header-videoControl:hover svg{fill:var(--color-white)}
.Header-videoControl--playPause{border-radius:var(--border-radius) 0 0 var(--border-radius);border-right:1px solid var(--color-muted)}
.Header-videoControl--playPause [data-action="play"]{display:block}
.Header-videoControl--playPause [data-action="pause"]{display:none}
.Header-videoControl--playPause.isPlaying [data-action="play"]{display:none}
.Header-videoControl--playPause.isPlaying [data-action="pause"]{display:block}
.Header-videoControl--mute{border-radius:0 var(--border-radius) var(--border-radius) 0}
.Header-videoControl--mute [data-action="mute"]{display:block}
.Header-videoControl--mute [data-action="unmute"]{display:none}
.Header-videoControl--mute.isMuted [data-action="mute"]{display:none}
.Header-videoControl--mute.isMuted [data-action="unmute"]{display:block}
.Header .Headline h1{font-size:50px;font-weight:800;margin:1rem 0}
.Header .Headline h2{font-size:16px;color:#fff;font-weight:400;margin-bottom:0}
.Header .Buttons{justify-content:center;margin-top:0}
.Header-container{justify-content:flex-end}
.Header--isBgVideo{position:relative}
.Button{background-color:var(--color-black);color:var(--color-white);border-radius:30px}
.Button--contrast{background-color:var(--color-white);color:var(--color-black)}
.Button--contrast:hover{background-color:var(--color-primary);color:var(--color-black)}
.Navigation{background-color:rgba(131,131,131,0.4)}
.Navigation.isScrolled{background-color:rgba(131,131,131,0.4);border-bottom:none}
.Navigation.isScrolled .Navigation-extraLink{background-color:var(--color-primary);color:var(--color-white);border:none}
.Navigation.isScrolled .Navigation-extraLink:hover{color:var(--color-black)}
.Navigation.isScrolled .Navigation-toggle svg path{fill:var(--color-white) !important}
.Navigation.isHidden .Navigation-menu--mobile{top:100%}
.Navigation.isOpen{background-color:rgba(131,131,131,0.4)}
.Navigation.isOpen .Navigation-toggle svg path{fill:var(--color-white)}
.Navigation.isOpen .Navigation-extraLink{opacity:0}
.Navigation.isOpen .Navigation-mobileMenuWrapper .Navigation-toggle{opacity:0}
.Navigation-extraLink{background-color:transparent;color:var(--color-white);font-weight:500;border-radius:30px;border:1px solid var(--color-white)}
.Navigation-extraLink:hover{background-color:var(--color-white);color:var(--color-black)}
.Navigation-mobileMenuWrapper{display:flex;gap:0}
.Navigation-menu--mobile{left:auto;top:0;right:0;width:300px;height:calc(100vh - 82px) !important;background-color:rgba(0,0,0,0.7);transform:translateX(100%);transition:transform 0.3s ease;padding:0 !important}
.Navigation-menu--mobile.isActive{transform:translateX(0);height:100vh !important}
.Navigation-menu--mobile .Navigation-toggle{position:absolute;top:20px;right:20px}
.Navigation-menu--mobile .Navigation-toggle svg path{fill:var(--color-white) !important}
.Navigation .Navigation-item{color:var(--color-white) !important;font-weight:500;justify-content:center}
.Navigation .Navigation-item:hover{color:var(--color-primary) !important}
.Navigation-brandMobile{text-align:center;padding:5px 0 30px 0}
.Navigation-brandMobile svg{width:44px;height:68px}
.Section--contrast{background-color:var(--color-black)}
.Section--cover{background-size:52% 74%;background-position:bottom right;background-repeat:no-repeat;--spacing-gap:180px}
.Section--countdown .Headline h3{font-size:26px;text-transform:uppercase;font-family:"Montserrat",sans-serif;line-height:1.3;margin:0}
.Section--countdown .Headline h2{margin:15px 0}
.Headline h2{font-size:35px;font-weight:800;color:var(--color-primary);margin-bottom:35px;text-transform:uppercase}
.Headline h2 strong{font-weight:800;color:var(--color-white)}
.Headline h3,.Headline h4{font-size:16px;font-weight:500;margin-bottom:24px;display:inline-flex;align-items:center;gap:10px}
.Headline h4::before{content:"";display:inline-block;width:23px;height:31px;background-image:url("/themes/playboy/assets/images/pb_logo_black.svg");background-size:contain;background-repeat:no-repeat}
.Headline p{font-size:18px}
.Section--subscription{min-height:1200px;background-position:bottom center;margin-top:140px}
.Tiles--outlined{min-height:calc(100vh - var(--spacing-section) / 2)}
.Tiles--outlined section{margin-top:calc(50vh - var(--spacing-section) / 2);transform:translateY(-50%)}
.Tiles--outlined .Tiles{border:1px solid rgba(255,255,255,0.2);padding:50px;border-radius:20px}
.Tiles--outlined .Tiles-tile{background-color:transparent;text-align:center;color:var(--color-white);box-shadow:none;gap:20px}
.Tiles--outlined .Tiles-image{order:2;padding-top:100%;background-size:contain;background-repeat:no-repeat}
.Tiles--outlined .Tiles-body{order:1;padding:0}
.Tiles--outlined .Tiles-body h3{margin-bottom:5px;font-family:"Montserrat",sans-serif;font-size:15px;text-transform:uppercase;font-weight:800}
.Tiles--outlined .Tiles-body p{margin-top:0}
.Tiles--outlined .Tiles-button{order:3;padding:0}
.Tiles--outlined .Tiles-button .Button{padding:10px 15px;font-size:15px}
.Section--follow{height:42vw;color:var(--color-white)}
.Section--follow .Section{position:relative;top:50%;transform:translateY(-50%);margin:0}
.Section--countdown .Section{padding:140px 0}
.Section--countdown .Flex-container{align-items:center}
.Section--countdown .Flex-col{flex:1 1 auto}
.Section--countdown .Buttons{display:none}
.Countdown-wrapper{border:1px solid rgba(255,255,255,0.2);position:relative;padding:90px;width:580px;border-radius:20px}
.Countdown-logo{position:absolute;top:-50px;left:50%;transform:translateX(-50%)}
.Countdown-countdown{display:flex;justify-content:space-between}
.Countdown-digit{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;color:var(--color-white);font-size:50px;font-weight:800;font-family:"Montserrat",sans-serif}
.Countdown-label{font-size:20px;font-weight:500}
.Content-socials{display:flex}
.Content-socials img{width:50px !important;height:50px !important}
.Content-socials a{padding:12px;transition:opacity 0.3s ease}
.Content-socials a:first-child{padding-left:0}
.Content-socials a:has(~ a:hover){opacity:0.6}
.Content-socials a:hover ~ a{opacity:0.6}
.Footer{padding:40px 35px}
.Footer a{color:var(--color-black);text-decoration:underline;transition:all ease 0.3s}
.Footer a:hover{color:var(--color-primary);text-decoration:none}
.Footer-navContainer{padding-left:130px}
.Footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:2px solid black}
.Footer-topSection{flex:0 0 33%}
.Footer-topSection:nth-child(2){text-align:center}
.Footer-logo{height:42px;width:auto}
.Footer-social--yt svg{width:40px;height:40px}
.Footer-social--ig svg{width:35px;height:35px}
.Footer-content p:first-child{margin-top:0}
.Footer-content--copy{font-size:12px}
.Footer .Flex-container{--spacing-gap:40px;width:100%;max-width:100%;padding:0;flex-wrap:nowrap}
.Footer .Flex-col{flex:0 0 calc(25% - var(--spacing-gap) / 2)}
.Footer .Flex-col50{flex:0 0 calc(50% - var(--spacing-gap))}
.Footer-nav{flex-direction:row;margin-bottom:35px}
@media (max-width:1150px){.Countdown-wrapper{width:50vw;padding:50px}}
@media (max-width:991px){.Header-videoMobile{display:block}.Header-videoDesktop{display:none}.Countdown-wrapper{width:40vw;padding:50px}.Section--follow{height:auto;padding-bottom:60%;background-position:bottom center}.Section--follow .Section{position:static;transform:none}.Section--follow .Headline{text-align:center}.Section--follow .Content-socials{justify-content:center}.Section--follow .Flex-container{flex-direction:column;align-items:center}.Tiles--outlined{padding-bottom:270px}.Tiles--outlined .Tiles{grid-template-columns:repeat(2,1fr);padding:25px}.Tiles--outlined .Headline{text-align:center}.Tiles--outlined .Flex-container{flex-direction:column;align-items:center}.Footer-navContainer{padding-left:0}.Footer-columns{flex-direction:column}}
@media (max-width:768px){.Headline h2{font-size:23px}.Headline h3,.Headline h4{font-size:15px}.Headline p:last-child{margin-bottom:0}.Headline ~ .Buttons{display:none}.Section--cover{--spacing-gap:3rem;background-size:82% 78%}.Countdown-wrapper{width:100%;padding:50px 25px 25px 25px;box-sizing:border-box;margin-top:80px}.Countdown-number{font-size:30px}.Countdown-label{font-size:16px}.Section--countdown .Headline{text-align:center}.Footer-navDivider{display:none}.Footer-nav{flex-direction:column;gap:8px}}