/* After Hours: a quieter, atmospheric interpretation of the DOZI collection. */
:root{--headline:'Space Grotesk',sans-serif;--muted:#b1a5bd;--line:#ffe6d91c}
body{background:radial-gradient(ellipse at 90% 0,#3b0b6e45,transparent 42%),var(--night)}
.site-header{height:90px;background:#0a0214de;border-bottom:0;display:grid;grid-template-columns:1fr auto 1fr;gap:35px}
.brand{width:126px;height:62px;position:relative;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.desktop-nav{gap:34px}.desktop-nav>a{font-size:13px}.desktop-nav>a[aria-current=page]:after{height:2px;bottom:20px;background:linear-gradient(90deg,var(--pink),var(--lime));border-radius:2px}
.profile-button{background:linear-gradient(145deg,#ff3eb5,#3b0b6e);color:#ffe6d9;border:1px solid #ffe6d945}.header-actions{justify-self:end}.header-divider{display:none}
.tonight-intro{padding:32px 4.5% 27px;display:flex;justify-content:space-between;align-items:end;gap:25px}.tonight-intro .eyebrow{font-size:9px;color:#c5b5d3}.tonight-intro p{font:400 29px/1.2 var(--headline);letter-spacing:-.045em;margin-top:10px}.tonight-intro .text-link{font-size:11px;color:#cbb7d5;padding:10px 0}
.hero{margin:0 4.5%;height:620px;min-height:540px;border-radius:20px;background:#10051c;border:1px solid #ffe6d912;box-shadow:0 30px 100px #3b0b6e20}
.hero-image{object-position:70% center;filter:saturate(.85)}.hero:after{background:linear-gradient(90deg,#120721f7 0%,#150923d9 25%,#190d2950 62%,#270f3115),linear-gradient(0deg,#100619 0%,transparent 55%);border-radius:inherit}
.hero-content{padding:10px 0 85px 4.4%;width:60%}.hero-kicker{color:#ffc2e6;margin-bottom:25px;font-size:9px}.hero h1{font:500 clamp(64px,6.8vw,110px)/.93 var(--headline);letter-spacing:-.065em;text-transform:none;max-width:650px}.hero-note{color:#d3c5da;font-size:15px;max-width:330px}.hero-meta{font-size:9px;color:#c8bacf}.hero-meta .rating{border-color:#ffe6d940}.hero-actions{margin-top:25px;gap:11px}.hero-actions .secondary{background:#ffe6d90a}
.button{border-radius:30px;font-weight:600;padding:12px 24px;min-height:46px}.button.primary{background:var(--bone);color:var(--night);box-shadow:0 5px 20px #ff3eb510}.button.primary:hover{background:#ffd5ed}.button.secondary{border-color:#ffe6d940}.button.secondary:hover{background:#ffe6d916}
.hero-bottom{left:4.4%;right:4.4%;bottom:30px;align-items:center}.hero-signature{gap:12px;color:#d3c0dd}.hero-signature p{font-size:8px;letter-spacing:.16em}.night-orbit{width:28px;height:28px;display:block;border:1px solid #ff3eb590;border-radius:50%;box-shadow:inset 0 0 13px #ff3eb550,0 0 15px #ff3eb525;position:relative}.night-orbit:after{content:'';position:absolute;inset:6px;border-radius:50%;background:#ff3eb5;box-shadow:0 0 15px #ff7a00}
.feature-picks{gap:0}.feature-pick{display:flex;align-items:center;gap:11px;width:172px;height:48px;padding:0 18px;border-radius:0;border-top:1px solid #ffe6d935;background:transparent;opacity:.6}.feature-pick span{position:static;padding:0;background:none;font-size:11px;text-align:left;align-items:center}.feature-pick .pick-number{font:9px var(--mono);color:#b8a6c4}.feature-pick[aria-pressed=true],.feature-pick:hover{opacity:1;transform:none}.feature-pick[aria-pressed=true]{border-top-color:#ff3eb5}.feature-pick[aria-pressed=true]:after{display:none}.feature-pick[aria-pressed=true] .pick-number{color:#ff8ccc}
.welcome-strip{margin:0 4.5%;padding:25px 0;border-bottom:1px solid var(--line)}.welcome-strip h2{font-size:17px;font-weight:400}.welcome-strip h2 span{color:var(--bone)}.welcome-strip>p{font-size:8px;color:#b09ebc}
.section{padding-top:52px;padding-bottom:43px}.section-head h2{font-weight:400;font-size:clamp(26px,2.5vw,39px);letter-spacing:-.04em}.section-head .eyebrow{font-size:9px;color:#ad91bf}.poster-wrap{border-radius:11px}.poster-title{font-weight:500}.save-button[aria-pressed=true]{background:#ff3eb5;color:#0a0214}.shelf{grid-auto-columns:calc((100% - 100px)/6);gap:20px}.shelf-controls .icon-button{border-color:#ffe6d925}
.night-editorial{margin:35px 4.5% 5px;display:grid;grid-template-columns:.78fr 1.22fr;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#3b0b6e80,transparent),#170b24;min-height:440px;border:1px solid #ffe6d912}.night-editorial-copy{padding:50px 11%;display:flex;flex-direction:column;justify-content:center;align-items:start}.night-editorial-copy>.eyebrow{font-size:8px;color:#ffaddd}.night-editorial h2{font:400 clamp(45px,5.5vw,83px)/.98 var(--headline);letter-spacing:-.065em;margin:25px 0}.night-editorial-copy>p:not(.eyebrow){font-size:13px;color:#c5b5d3;max-width:320px;line-height:1.7}.night-editorial .button{font-size:11px;margin-top:28px}.night-editorial>img{width:100%;height:100%;object-fit:cover;object-position:50% center;min-height:440px}
.mood-section{padding-top:65px}.genre-tile{min-height:160px;border-radius:12px;background:linear-gradient(135deg,#3b0b6e55,#160b25)}.genre-tile:nth-child(2){background:linear-gradient(135deg,#ff3eb520,#160b25)}.genre-tile:nth-child(3){background:linear-gradient(135deg,#ff7a0025,#160b25)}.genre-tile:nth-child(4){background:linear-gradient(135deg,#ffe6d916,#160b25)}.genre-tile strong{font:400 24px/1.15 var(--headline);max-width:170px;letter-spacing:-.035em}.genre-tile small{color:#b9a7c5}.genre-tile:hover{color:var(--bone);border-color:#ff3eb575;background:#3b0b6e75}.genre-tile:hover small{color:#ffc1e3}.genre-tile svg{width:17px}
.last-call{margin:30px 4.5% 70px;padding:56px 5%;border:1px solid #ff3eb525;border-radius:17px;background:radial-gradient(ellipse at 90% 80%,#ff7a0022,transparent 60%),radial-gradient(ellipse at 65% 0%,#ff3eb52b,transparent 60%),#1d0b30;display:flex;align-items:center;justify-content:space-between;gap:25px}.last-call .eyebrow{font-size:9px;color:#d29cda}.last-call h2{font:400 clamp(30px,4vw,59px)/1.04 var(--headline);letter-spacing:-.05em;margin-top:18px}.last-call .button{white-space:nowrap}
.browse-page{padding-top:55px}.browse-heading h1{font:400 clamp(48px,6vw,88px)/1.04 var(--headline);letter-spacing:-.065em}.browse-heading>img{transform:none;opacity:.4;width:74px}.genre-filters button{border-radius:24px}.genre-filters button[aria-pressed=true]{background:var(--bone)}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.browse-search{border-color:#ffe6d935}.browse-toolbar{margin-top:45px}.empty-state{background:#160b25;border-color:var(--line)}
.detail-info h2{font:500 clamp(44px,5vw,68px)/1.02 var(--headline);text-transform:none}.detail-hero:after{background:linear-gradient(0deg,var(--night),#0a021415 80%)}.related-card{background:#ffe6d909}.profile-avatar{background:linear-gradient(135deg,#ff3eb5,#3b0b6e);color:var(--bone)}#profile-dialog h2{font:400 43px/1.05 var(--headline)}.site-footer .brand{height:60px;width:110px}.site-footer p{margin-top:10px}.footer-note{padding-top:10px}.mobile-nav{background:#10051cf5}
@media(min-width:1700px){.hero{height:650px}}
@media(max-width:1100px){.shelf{grid-auto-columns:calc((100% - 60px)/4)}.hero{height:580px}.feature-pick{width:135px;padding:0 12px;gap:8px}.feature-pick span{font-size:10px}.hero-signature{display:none}.hero-bottom{justify-content:end}.night-editorial{grid-template-columns:1fr 1.1fr}.night-editorial-copy{padding:40px 9%}.night-editorial h2{font-size:63px}.genre-tile strong{font-size:21px}}
@media(max-width:760px){.site-header{height:76px;display:flex;padding:0 5%}.brand{width:106px;height:58px}.header-actions{margin-left:auto}.tonight-intro{padding:22px 5% 22px}.tonight-intro p{font-size:23px;margin-top:7px}.tonight-intro .eyebrow{font-size:8px}.tonight-intro .text-link{display:none}.hero{margin:0 3%;border-radius:14px;height:610px;min-height:0}.hero-image{height:65%;object-position:60% center;filter:saturate(.8)}.hero:after{background:linear-gradient(0deg,#100619 30%,#15092340 80%),linear-gradient(90deg,#18072125,transparent)}.hero-content{width:100%;padding:0 6% 115px;justify-content:end}.hero h1{font-size:clamp(58px,15vw,88px);line-height:.97;margin-bottom:16px}.hero-kicker{margin-bottom:16px;font-size:8px}.hero-meta{font-size:8px;gap:9px}.hero-note{font-size:13px;max-width:265px}.hero-actions{margin-top:21px;gap:9px}.hero-actions .button{font-size:11px;min-height:44px;padding:11px 18px}.hero-bottom{left:6%;right:6%;bottom:20px}.feature-picks{gap:0;width:100%}.feature-pick{width:33.333%;height:53px;padding:8px 8px 0 0;align-items:start;gap:6px}.feature-pick span{font-size:9px;line-height:1.4}.feature-pick .pick-number{font-size:8px;line-height:1.5}.welcome-strip{margin:0 5%;padding:23px 0;align-items:center;gap:12px}.welcome-strip h2{font-size:15px}.welcome-strip>p{font-size:7px;max-width:100px;line-height:1.5}.section{padding:35px 5%}.section-head h2{font-size:26px;max-width:255px}.section-head .eyebrow{font-size:8px}.shelf{grid-auto-columns:calc((100% - 28px)/2.3);gap:14px}.shelf-controls{gap:6px}.poster-wrap{border-radius:8px}.night-editorial{margin:15px 5% 5px;grid-template-columns:1fr;min-height:0}.night-editorial-copy{padding:36px 8%}.night-editorial h2{font-size:57px;margin:20px 0}.night-editorial>img{min-height:220px;height:240px;order:-1}.night-editorial-copy>.eyebrow{font-size:7px}.night-editorial-copy>p:not(.eyebrow){font-size:12px}.genre-tile{min-height:145px;padding:19px}.genre-tile strong{font-size:21px;max-width:125px;padding-right:12px}.genre-tile svg{bottom:16px;right:13px;width:14px}.genre-tile small{font-size:7px}.last-call{margin:15px 5% 40px;padding:35px 8%;display:block}.last-call h2{font-size:35px;margin:18px 0 25px}.last-call .eyebrow{font-size:8px}.last-call .button{font-size:11px}.browse-heading h1{font-size:52px}.browse-toolbar{margin-top:25px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-info h2{font-size:44px}.site-footer{padding-top:30px}.site-footer .brand{width:100px;height:50px}.site-footer p{margin-top:10px}.footer-note{padding-top:0}}
@media(max-width:370px){.hero{height:600px}.hero h1{font-size:56px}.hero-content{padding-bottom:115px}.section-head h2{font-size:23px}.genre-tile strong{font-size:19px}.browse-heading h1{font-size:45px}}

/* Let the recommendation link sit directly on the purple surface. */
.tonight-intro .text-link{background:transparent;border:0;box-shadow:none}.tonight-intro .text-link:hover{color:var(--bone)}