@font-face{font-family:Barlow;src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@property --volume-fill{syntax:'<percentage>';inherits:true;initial-value:65%}
:root{--bg:#160f20;--cream:#fff1e4;--muted:#b5a6b7;--pink:#f7a0bf;--peach:#ffceac;--line:rgba(255,236,230,.13);--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:60px;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ffffff66 transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#ffffff66;border:2px solid transparent;border-radius:9px;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#ffffffa6;background-clip:padding-box}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:transparent}
@supports selector(::-webkit-scrollbar){html{scrollbar-width:auto;scrollbar-color:auto}}
html.overlay-scroll-enabled{scrollbar-width:none;scrollbar-gutter:auto}
html.overlay-scroll-enabled::-webkit-scrollbar{display:none;width:0;height:0}
.page-scrollbar{position:fixed;inset:0 0 0 auto;width:12px;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;padding:0;margin:0;border:0;outline:0;background:none;box-shadow:none;overflow:visible;pointer-events:none}
.page-scrollbar::backdrop{background:none;pointer-events:none}
.page-scroll-thumb{position:absolute;top:0;right:2px;width:5px;min-height:38px;border-radius:8px;background:rgb(255 255 255 / .5);pointer-events:auto;cursor:grab;touch-action:none;transition:background-color .18s;outline-offset:2px}
.page-scroll-thumb:hover,.page-scrollbar.is-dragging .page-scroll-thumb{background:rgb(255 255 255 / .75)}
.page-scroll-thumb:focus-visible{outline:1px solid rgb(255 255 255 / .85)}
.page-scrollbar.is-dragging .page-scroll-thumb{cursor:grabbing}
.page-scrollbar.is-locked .page-scroll-thumb{pointer-events:none;cursor:default}
body{margin:0;background:var(--bg);color:var(--cream);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:6px}
::selection{background:var(--pink);color:var(--bg)}[hidden]{display:none!important}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--pink);color:var(--bg);padding:12px 20px}.skip-link:focus{top:15px}
.section-wrap{width:calc(100% - 144px);max-width:1200px;margin-inline:auto}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;margin:0;line-height:1.6}

/* Keep the frame quiet; the countdown is the focus. */
.site-header{--header-inset:64px;position:absolute;inset:0 0 auto;height:100px;z-index:5}
.site-header>.brand{position:absolute;left:var(--header-inset);top:50%;transform:translateY(-50%)}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:block;width:44px;height:44px;flex-shrink:0;object-fit:contain}
.brand-type{font-size:13px;font-weight:600;letter-spacing:1.8px;line-height:1.25}
.brand-type>span{display:block;margin-top:4px;font-size:7px;letter-spacing:2px;color:#d5c2cc;font-weight:400}
.site-header nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:34px;align-items:center;white-space:nowrap}
.nav-link{display:inline-flex;align-items:center;gap:4px;position:relative;font-size:11px;color:#e5d5dd;padding:12px 0;transition:color .2s}
.nav-link:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-link .icon{width:17px;height:17px;transition:transform .35s var(--ease)}
.music-control{--player-open-width:310px;position:absolute;right:var(--header-inset);top:50%;transform:translateY(-50%);width:178px;height:50px;background:linear-gradient(135deg,#3c254b99,#24182fa8);border:1px solid #f3c6dc40;border-radius:26px;transition:width .55s cubic-bezier(.22,1,.36,1),height .5s var(--ease),border-radius .4s,background .35s,border-color .35s,box-shadow .4s}
.music-control.is-expanded{width:var(--player-open-width)}
.music-details{display:flex;position:absolute;right:178px;top:50%;align-items:center;gap:10px;width:112px;transform:translate(8px,-50%);opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(-45px 0 -45px 100%);transition:opacity .18s,transform .5s var(--ease),clip-path .45s var(--ease),visibility 0s .5s}
.music-control.is-expanded .music-details{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);clip-path:inset(-45px -12px -45px -12px);transition:opacity .28s .08s,transform .5s var(--ease),clip-path .5s var(--ease),visibility 0s}
.music-control.is-playing{border-color:#f7a0bf44;box-shadow:0 0 22px #f7a0bf09}
.music-control:focus-within,.music-control.is-adjusting{border-color:#f7a0bf80;background:#302038b3;box-shadow:0 5px 24px #10081525,0 0 20px #f7a0bf0e}
.sound-button{display:flex;position:absolute;right:7px;top:7px;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:#f7a0bf12;padding:0;transition:background .25s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.sound-button:active{transform:scale(.9)}
.music-ripple{position:absolute;inset:0;border:1px solid #f7a0bf88;border-radius:50%;opacity:0;pointer-events:none}
.music-title{display:flex;position:absolute;right:58px;top:24px;transform:translateY(-50%);flex-direction:column;gap:5px;width:101px;white-space:nowrap;pointer-events:none}.music-title strong{font-size:11px;letter-spacing:.2px;font-weight:600}.music-title>span{font-size:6px;letter-spacing:1.35px;color:#d5b5cc;line-height:1.3}
.volume-rail{display:flex;position:relative;align-items:center;height:26px;--volume-fill:65%}
.volume-slider{width:75px;min-width:0;height:26px;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y;border:0;transition:--volume-fill .16s var(--ease)}
.music-control.is-adjusting .volume-slider{transition:--volume-fill .045s linear}
.volume-slider:focus-visible{outline:2px solid var(--pink);outline-offset:5px;border-radius:5px}
.volume-slider::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#f7a0bf 0 var(--volume-fill),#ffffff29 var(--volume-fill) 100%);transition:box-shadow .25s}
.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#ffe0e9;border:2px solid #f7a0bf;box-shadow:0 0 0 0 #f7a0bf00;transition:box-shadow .25s,transform .35s cubic-bezier(.34,1.56,.64,1),background .2s}
.volume-slider::-moz-range-track{height:3px;border-radius:3px;background:#ffffff29}.volume-slider::-moz-range-progress{height:3px;border-radius:3px;background:#f7a0bf}
.volume-slider::-moz-range-thumb{height:8px;width:8px;border-radius:50%;border:2px solid #f7a0bf;background:#ffe0e9;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #f7a0bf1c;transform:scale(1.12)}
.music-control.is-adjusting .volume-slider::-webkit-slider-thumb{box-shadow:0 0 0 6px #f7a0bf20,0 0 12px #f7a0bf33;transform:scale(1.3);background:#fff3f6}
.music-control.is-adjusting .volume-slider::-moz-range-thumb{box-shadow:0 0 0 6px #f7a0bf20;transform:scale(1.3)}
.music-control.is-adjusting .volume-slider::-webkit-slider-runnable-track{box-shadow:0 0 9px #f7a0bf33}
.volume-tooltip{position:absolute;left:clamp(6px,var(--volume-fill),calc(100% - 6px));top:-28px;display:block;min-width:32px;padding:5px 7px;border:1px solid #f7a0bf44;border-radius:7px;background:#342039;color:#ffe2ed;font-size:8px;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center;opacity:0;transform:translate(-50%,5px) scale(.9);pointer-events:none;transition:opacity .18s,transform .3s var(--ease),left .08s linear;box-shadow:0 5px 16px #10081533}
.volume-tooltip:after{content:'';position:absolute;left:50%;bottom:-3px;width:5px;height:5px;background:#342039;border-right:1px solid #f7a0bf44;border-bottom:1px solid #f7a0bf44;transform:translateX(-50%) rotate(45deg)}
.music-control.is-adjusting .volume-tooltip,.volume-rail:focus-within .volume-tooltip{opacity:1;transform:translate(-50%,0) scale(1)}
#volume-value{font-size:8px;font-variant-numeric:tabular-nums;width:27px;text-align:right;color:#e6c7da;transition:color .25s,transform .35s var(--ease)}
.music-control.is-adjusting #volume-value{color:#fff0f5;transform:translateY(-1px)}
.music-control.is-muted .sound-bars i{opacity:.4}
.sound-button[aria-busy=true]{cursor:progress}.sound-button[aria-busy=true] .sound-bars{opacity:.4}
.sound-button .music-play,.sound-button .music-pause{position:absolute;width:15px;height:15px;color:var(--pink);transition:opacity .25s,transform .4s var(--ease)}
.sound-button .music-play{margin-left:2px;opacity:1;transform:rotate(0) scale(1)}
.sound-button .music-pause{opacity:0;transform:scale(.65) rotate(25deg)}
.sound-button[aria-pressed=true] .music-play{opacity:0;transform:rotate(-30deg) scale(.6)}
.sound-bars{display:flex;position:absolute;align-items:center;gap:2px;height:16px;width:16px;opacity:0;transform:translateY(5px) scale(.7);transition:opacity .25s,transform .4s var(--ease)}
.sound-bars i{width:2px;height:14px;border-radius:2px;background:var(--pink);transform:scaleY(.2);transform-origin:center;transition:transform .075s linear}
.sound-button[aria-pressed=true] .sound-bars{opacity:1;transform:translateY(0) scale(1)}
.music-control:not(.has-visualizer).is-playing .sound-bars i{animation:equalize .9s ease-in-out infinite}
.music-control:not(.has-visualizer).is-playing .sound-bars i:nth-child(2){animation-delay:-.4s}.music-control:not(.has-visualizer).is-playing .sound-bars i:nth-child(3){animation-delay:-.6s}.music-control:not(.has-visualizer).is-playing .sound-bars i:nth-child(4){animation-delay:-.2s}
.music-control.visualizer-paused .sound-bars i,.music-control.is-muted .sound-bars i{animation-play-state:paused}
.music-title strong,.music-title>span{transition:color .35s}.music-control.is-playing .music-title strong{color:#ffdfeb}

.hero{min-height:max(810px,100svh);position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;padding:145px 28px 115px}
.hero-scene,.hero-image,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-scene{z-index:-1}
.hero-image{background:url('assets/sunset.webp') center 44%/cover no-repeat;transform:scale(1.02);transform-origin:50% 45%;animation:scene-zoom 14s cubic-bezier(.37,0,.63,1) infinite alternate;animation-play-state:paused}
.hero.is-scene-active .hero-image{animation-play-state:running;will-change:transform}
body:has(dialog[open]) .hero-image{animation-play-state:paused}
.hero-shade{background:linear-gradient(180deg,#20132888,#29152f88 32%,#25122cb0 70%,#160f20 100%),linear-gradient(90deg,#27152f33,transparent 60%)}
.hero-content{width:100%;max-width:960px;text-align:center}
.hero-content>.eyebrow{font-size:10px;letter-spacing:5px;color:#fbe4dd;margin-bottom:20px;text-shadow:0 2px 8px #10061788}
.hero h1{font-family:Barlow,Impact,sans-serif;font-size:clamp(80px,7.6vw,110px);text-transform:uppercase;letter-spacing:-1px;line-height:1;margin:0 0 45px;text-shadow:0 4px 18px #13071b50}
.hero h1>.title-gradient{display:inline-block;position:relative;text-shadow:none}
.title-color{display:block;position:relative;z-index:1;background:linear-gradient(180deg,#ffe4b9 0%,#ffacd0 65%,#fa8fbd 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.title-shadow{position:absolute;inset:0;z-index:0;color:transparent;text-shadow:0 5px 14px #13071b50;pointer-events:none}
.release-message{font-size:12px;line-height:1.7;color:#e9cadb;margin:-32px 0 28px}
.countdown{display:flex;justify-content:center;align-items:start;margin:0 auto 35px;max-width:800px}
.time-unit{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}
.time-value{display:block;position:relative;width:100%;height:1.08em;font-family:Barlow,Impact,sans-serif;font-size:clamp(94px,10.3vw,148px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.08;contain:layout}
.digit-current{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.digit-reels{display:inline-flex;height:100%;gap:.012em;vertical-align:top}
.digit-window{display:block;position:relative;flex:0 0 auto;width:.47em;height:1.08em;overflow:hidden;contain:layout paint;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.digit-face,.digit-previous{position:absolute;inset:0;display:block;text-align:center;line-height:1.08;text-shadow:0 4px 12px #13071b55,0 1px 3px #13071b44}
.digit-previous{opacity:0;pointer-events:none}
.time-label{font-size:8px;letter-spacing:3px;color:#dec9d8;padding-left:3px}
.time-colon{position:relative;flex:0 0 18px;width:18px;height:clamp(101px,11.12vw,160px);font-size:0;opacity:.45}
.time-colon:before,.time-colon:after{content:'';position:absolute;left:50%;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:#e5b1c6}
.time-colon:before{top:41%}.time-colon:after{top:55%}
.seconds-unit .time-value{color:#f9b7cf}
.release-date{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto 33px}
.release-date>span{height:1px;width:25px;background:#e0adbb55}.release-date p{font-size:10px;letter-spacing:3.6px;font-weight:600;margin:0;color:#f6d6d6}
.hero-actions{display:flex;justify-content:center;gap:13px}

/* Animate small controls instead of large background surfaces. */
.button{display:inline-flex;position:relative;isolation:isolate;gap:10px;justify-content:center;align-items:center;min-height:51px;padding:0 26px;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:600;overflow:hidden;transition:background .25s,border-color .25s,transform .38s var(--ease),box-shadow .3s}
.button:after{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(135deg,#ffffff30,transparent 65%);transition:opacity .3s}
.button .icon{width:18px;height:18px;transition:transform .45s var(--ease)}
.button-primary{background:#f5b2c8;color:#2a1730}.button-primary .icon{width:17px;height:17px}
.button-secondary{border-color:#eac6d542;background:#2c172d30;color:#f6e1e7}
.button-glint{position:absolute;inset:0;pointer-events:none;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);transition:transform .75s var(--ease)}
.button:active{transform:translateY(-1px) scale(.97);transition-duration:.12s}.button:focus-visible:after{opacity:1}
.platforms{display:flex;align-items:center;justify-content:center;gap:7px;color:#cdb8c6;font-size:9px;margin-top:30px}
.platform-divider{height:12px;width:1px;background:#c4a9ba40;margin:0 12px}
.ps-symbol{font-weight:600;font-size:15px;letter-spacing:-2px;font-style:italic;padding-right:3px}
.xbox-symbol{height:15px;width:15px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;border:1px solid currentColor;line-height:1}
.hero-bottom{position:absolute;bottom:35px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between}
.scroll-cue{display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:1.8px;color:#c3a9c0;transition:color .2s}
.scroll-line{height:25px;width:1px;background:#b18aa577;transition:transform .4s var(--ease)}
.quiet-button{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:9px;padding:10px 0;color:#baa4bb;transition:color .2s}
.quiet-button .icon{width:14px;height:14px;transition:transform .35s var(--ease)}

.release-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.release-strip>div{padding-inline:34px;border-right:1px solid var(--line)}.release-strip>div:first-child{padding-left:0}.release-strip>div:last-child{border:0}
.strip-label{display:block;font-size:7px;letter-spacing:2px;color:#a78bA4}
.release-strip p{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;margin:10px 0 0;font-weight:600;color:#e6d5df}
.strip-dot{width:5px;height:5px;border-radius:50%;background:var(--pink)}.strip-separator{font-weight:400;color:#896d85;margin:0 2px}
.welcome-section{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;padding-top:95px;padding-bottom:90px;align-items:center}
.section-kicker{font-size:8px;letter-spacing:2px;color:#ca94b5;margin:0 0 22px;line-height:1.6}
.story-detail{border-left:1px solid #dba0bf44;padding:2px 0 2px 17px;margin-bottom:28px}.story-detail>span{font-size:7px;letter-spacing:1.7px;color:#a889a2}.story-detail p{font-size:14px;margin:7px 0;font-weight:600}.story-detail .story-note{font-size:10px;color:var(--muted);font-weight:400;line-height:1.7;margin:0}
h2{font-family:Barlow,Impact,sans-serif;font-weight:700}
.welcome-copy h2{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-.5px;margin:0 0 30px;text-transform:uppercase}
.welcome-copy h2 em{font-style:normal;color:var(--pink)}
.body-copy{font-size:12px;line-height:2;color:var(--muted);max-width:360px;margin:0 0 30px}
.text-link{display:inline-flex;align-items:center;gap:15px;font-size:10px;color:var(--pink);transition:color .2s}
.text-link .icon{width:18px;height:18px;transition:transform .4s var(--ease)}
.artwork-wrap{position:relative;max-width:420px;width:100%;justify-self:end}
.artwork-frame{display:block;width:100%;padding:0;border:0;text-align:left;color:inherit;position:relative;border-radius:8px;overflow:hidden;isolation:isolate;aspect-ratio:4/4.8;background:var(--bg);transform:translateZ(0);transition:box-shadow .55s}
.artwork-frame>img{position:absolute;inset:-2px;height:calc(100% + 4px);width:calc(100% + 4px);object-fit:cover;object-position:50% 34%;display:block}
.artwork-frame:before{content:'';position:absolute;inset:0;z-index:3;border:1px solid var(--bg);border-radius:inherit;pointer-events:none}
.artwork-caption{transition:transform .65s var(--ease)}
.artwork-frame:focus-within{box-shadow:0 18px 45px #07020e44}
.artwork-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#19091fe0)}
.artwork-caption{position:absolute;bottom:29px;left:30px;z-index:2}.artwork-caption>span{font-size:7px;letter-spacing:2px}
.artwork-caption strong{display:block;font-family:Barlow,Impact,sans-serif;font-size:39px;line-height:1;margin:10px 0 0;text-transform:uppercase}.artwork-caption i{color:#ffbfcd;font-style:normal}
.artwork-play{position:absolute;bottom:30px;right:25px;z-index:2;width:49px;height:49px;display:flex;align-items:center;justify-content:center;border:1px solid #f5e1e75e;border-radius:50%;background:#ffffff0d;transition:background .25s,border-color .25s,transform .4s var(--ease)}
.artwork-play .icon{width:19px;height:19px;margin-left:2px}

.lookbook{padding-bottom:90px}.lookbook-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}
.lookbook-heading .section-kicker{margin-bottom:12px}.lookbook h2{font-size:42px;line-height:1.1;letter-spacing:-.3px;text-transform:uppercase;margin:0}.lookbook h2 em{font-style:normal;color:var(--pink)}
.lookbook-heading>.text-link{margin-bottom:5px;white-space:nowrap}
.lookbook-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}
.scene-card{display:block;position:relative;overflow:hidden;isolation:isolate;min-height:310px;border:1px solid #f2c9e019;border-radius:9px;padding:0;text-align:left;background:#201328;color:var(--cream);transition:transform .5s var(--ease),border-color .3s}
.scene-card>img{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;transition:transform .9s var(--ease)}
.scene-trailer>img{object-position:62% 50%}.scene-city>img{object-position:50% 45%}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#170c2010 25%,#170c20e8)}
.scene-copy{position:absolute;bottom:28px;left:28px;right:75px;display:block}.scene-kicker{display:block;font-size:7px;letter-spacing:2px;color:#ead2e1;margin-bottom:10px}.scene-copy strong{font-family:Barlow,Impact,sans-serif;font-size:35px;line-height:1.05;text-transform:uppercase;font-weight:700}
.scene-action{display:flex;align-items:center;justify-content:center;position:absolute;right:26px;bottom:28px;width:39px;height:39px;border:1px solid #f5dae455;border-radius:50%;background:#20132822;transition:background .3s,color .3s,transform .4s var(--ease)}
.scene-action .icon{width:17px;height:17px}

.site-footer{padding:35px 0 36px;border-top:1px solid var(--line)}.footer-top{margin-bottom:25px}
.site-footer .brand-mark{width:34px;height:34px}.site-footer .brand-type{font-size:8px;letter-spacing:1.4px}.site-footer .brand-type>span{font-size:6px;letter-spacing:1.7px}
.footer-info{display:flex;justify-content:space-between;gap:30px}.footer-info p{font-size:8px;line-height:1.9;color:#a18ca2;margin:0}.footer-info p:last-child{text-align:right}
.footer-info a{color:#cba9c0;text-decoration:underline;text-underline-offset:3px;transition:color .2s}

dialog{width:min(950px,calc(100% - 40px));padding:0;background:#1d1425;border:1px solid #b48aab44;border-radius:12px;color:var(--cream);box-shadow:0 25px 100px #0008;overflow:hidden}
dialog[open]{animation:dialog-in .4s var(--ease)}dialog::backdrop{background:#09040fe8}
dialog.is-closing::backdrop{animation:backdrop-out .22s ease-out forwards}
@keyframes backdrop-out{from{background-color:#09040fe8}to{background-color:#09040f00}}
.trailer-top{display:flex;justify-content:space-between;align-items:center;padding:23px 26px}.trailer-top .eyebrow{font-size:7px;letter-spacing:2px;color:var(--pink)}.trailer-top h2{font-size:29px;margin:3px 0 0;text-transform:uppercase}
.icon-button{width:35px;height:35px;background:#ffffff09;border:1px solid #ffffff20;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .35s var(--ease)}
.trailer-screen{aspect-ratio:16/9;background:#09060d}.trailer-screen iframe{height:100%;width:100%;border:0;display:block}
.trailer-bottom{padding:17px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.trailer-bottom p{font-size:10px;color:var(--muted);margin:0}.trailer-bottom p>span{padding:0 7px;color:var(--pink)}.trailer-bottom .text-link{font-size:10px;gap:5px}
.toast{position:fixed;bottom:25px;left:50%;max-width:calc(100% - 30px);transform:translate(-50%,20px);background:#f8c5d5;color:#28152d;padding:13px 23px;font-size:11px;font-weight:600;border-radius:7px;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);box-shadow:0 8px 40px #13081966;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}

.entrance{animation:enter .9s var(--ease) both}.hero-content>.eyebrow{animation-delay:.08s}.hero h1{animation-delay:.15s}.countdown{animation-delay:.23s}.release-date{animation-delay:.3s}.hero-actions{animation-delay:.36s}.platforms{animation-delay:.42s}
.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.js-ready .reveal.in-view{opacity:1;transform:none}
.page-hidden *{animation-play-state:paused!important}
@keyframes enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes equalize{0%,100%{transform:scaleY(.25)}45%{transform:scaleY(.9)}75%{transform:scaleY(.5)}}
@keyframes scene-zoom{from{transform:scale(1.02)}to{transform:scale(1.095)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}

@media(hover:hover) and (pointer:fine){
  .nav-link:hover,.text-link:hover,.quiet-button:hover,.scroll-cue:hover,.footer-info a:hover{color:var(--cream)}
  .nav-link:hover:after{transform:scaleX(1)}.nav-link:hover .icon{transform:translate(2px,-2px)}
  .sound-button:hover{background:#ffdeea29;transform:scale(1.06)}
  .music-control:hover{border-color:#f7a0bf66;background:#2b1b35a0}
  .volume-rail:hover .volume-tooltip{opacity:1;transform:translate(-50%,0) scale(1)}
  .volume-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #f7a0bf1c;transform:scale(1.12)}
  .sound-button[aria-pressed=true]:hover .sound-bars{opacity:0;transform:translateY(-4px) scale(.65)}
  .sound-button[aria-pressed=true]:hover .music-pause{opacity:1;transform:scale(1) rotate(0)}
  .sound-button:active{transform:scale(.9)}
  .artwork-frame:hover{box-shadow:0 20px 50px #07020e50}
  .artwork-frame:hover .artwork-caption{transform:translateY(-4px)}
  .button:hover{transform:translateY(-3px);box-shadow:0 9px 28px #13081933}.button:hover:after{opacity:1}
  .button-primary:hover{background:#ffc5d8;box-shadow:0 8px 30px #ec7ea22b}.button-secondary:hover{background:#d39bb21c;border-color:#eac6d599}
  .button:hover .button-glint{transform:translateX(150%) skewX(-20deg)}.button-primary:hover .icon{transform:translateX(2px) scale(1.08)}
  #calendar-button:hover .icon{transform:translateY(-2px) rotate(-7deg)}.button:active{transform:translateY(-1px) scale(.97)}
  .text-link:hover .icon{transform:translateX(5px)}.scroll-cue:hover .scroll-line{transform:translateY(4px)}.share-button:hover .icon{transform:translateY(-3px)}
  .icon-button:hover{background:#ffffff20;transform:rotate(90deg)}
  .media-card:hover{border-color:#e6b2d255;box-shadow:0 16px 42px #08030f40}
  .media-card:hover>img,.media-card:focus-visible>img{transform:scale(1.045)}
  .media-card:hover .scene-copy,.media-card:hover .artwork-caption{transform:translateY(-3px)}
  .media-card:hover .scene-action,.media-card:hover .artwork-play{background:var(--pink);border-color:var(--pink);color:var(--bg);transform:translateY(-2px)}
}
@media(min-width:1600px){.hero-content{max-width:1100px}.countdown{max-width:880px}.time-value{font-size:168px}.time-colon{height:181px}.hero h1{font-size:124px;margin-bottom:50px}}
@media(max-width:1100px){
  .site-header{--header-inset:36px;height:90px}.site-header nav{gap:22px}.hero{min-height:max(800px,100svh)}.hero h1{font-size:91px}.hero-bottom{left:36px;right:36px}
  .section-wrap{width:calc(100% - 88px)}.welcome-section{gap:70px;padding-block:85px}.time-value{font-size:133px}.time-colon{height:144px}.countdown{max-width:730px}.welcome-copy h2{font-size:49px}
  .release-strip>div{padding-inline:22px}.release-strip p{font-size:11px}.lookbook h2{font-size:35px}.scene-card{min-height:280px}.scene-copy strong{font-size:29px}
}
@media(max-width:760px){
  html{scroll-padding-top:25px}.site-header{--header-inset:23px;height:82px}.brand-mark{width:40px;height:40px}.brand-type{font-size:11px}.brand-type>span{font-size:6px;letter-spacing:1.6px}
  .site-header nav{display:none}.music-control{--player-open-width:143px;width:143px;height:40px;top:calc(50% - 20px);transform:none;border-radius:21px}.music-control.is-expanded{height:83px;border-radius:22px}.music-details{right:13px;top:57px;gap:9px;width:114px;transform:translate(0,-35%)}.music-title{display:flex;right:43px;top:19px;width:82px;gap:4px}.music-title strong{font-size:9px}.music-title>span{font-size:5px;letter-spacing:1.1px}.sound-button{width:29px;height:29px;right:5px;top:5px}.volume-slider{width:81px}#volume-value{font-size:7px;width:24px}
  .volume-tooltip{top:30px;transform:translate(-50%,-5px) scale(.9)}.volume-tooltip:after{top:-3px;bottom:auto;transform:translateX(-50%) rotate(225deg)}
  .hero{min-height:max(770px,100svh);padding:130px 20px 135px}.hero-image{background-position:60% 40%}.hero-shade{background:linear-gradient(180deg,#23142b77,#29152f88 40%,#21112bd9 78%,#160f20)}
  .hero-content>.eyebrow{font-size:9px;letter-spacing:3.8px;margin-bottom:24px}.hero h1{font-size:clamp(62px,12vw,88px);line-height:.97;margin-bottom:45px;letter-spacing:-.6px}.hero h1>span{display:block;font-size:1.17em;margin-top:4px}
  .countdown{max-width:500px;margin-bottom:33px}.time-value{font-size:clamp(66px,16.8vw,110px)}.time-colon{height:clamp(71px,18.14vw,119px);flex-basis:9px;width:9px}.time-colon:before,.time-colon:after{width:2px;height:2px}.time-unit{gap:12px}.time-label{font-size:6px;letter-spacing:2px;padding-left:2px}
  .release-date p{font-size:9px;letter-spacing:2.9px}.release-date{gap:12px;margin-bottom:30px}.release-date>span{width:20px}
  .hero-actions{gap:10px}.button{min-height:49px;padding:0 18px;font-size:10px;gap:8px}.platforms{font-size:8px;margin-top:28px}.platform-divider{margin:0 8px}
  .hero-bottom{left:23px;right:23px;bottom:30px}.scroll-cue{gap:10px;font-size:6px;letter-spacing:1.2px}.scroll-line{height:22px}.share-button{font-size:8px;gap:7px}.share-button .icon{width:13px;height:13px}
  .section-wrap{width:calc(100% - 46px)}.welcome-section{grid-template-columns:1fr;gap:40px;padding-block:60px}.welcome-copy h2{font-size:clamp(44px,8vw,62px);margin-bottom:25px}.body-copy{max-width:100%;line-height:1.9;margin-bottom:25px}
  .release-strip{padding-block:22px;grid-template-columns:1fr 1fr;row-gap:22px}.release-strip>div{padding-inline:16px}.release-strip>div:nth-child(2){border:0}.release-strip>div:last-child{grid-column:1/-1;padding:0;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}.release-strip>div:last-child p{margin:0;font-size:10px}.strip-label{font-size:6px;letter-spacing:1.6px}.release-strip p{font-size:10px;gap:7px}.section-kicker{font-size:7px;letter-spacing:1.6px;margin-bottom:18px}
  .lookbook{padding-bottom:60px}.lookbook-heading{display:block;margin-bottom:23px}.lookbook h2{font-size:33px}.lookbook-heading>.text-link{margin-top:17px}.lookbook-grid{grid-template-columns:1fr;gap:17px}.scene-card{min-height:250px}.scene-copy{left:22px;bottom:24px}.scene-copy strong{font-size:31px}.scene-action{right:22px;bottom:24px}.scene-kicker{font-size:6px}
  .text-link{font-size:10px}.artwork-wrap{max-width:100%;width:100%}.artwork-frame{aspect-ratio:4/4.4}
  .site-footer{padding-block:30px}.footer-top{margin-bottom:23px}.footer-info{display:block}.footer-info p:last-child{text-align:left;margin-top:16px}.site-footer .brand-type{font-size:8px;letter-spacing:1px}.site-footer .brand-type>span{font-size:5px;letter-spacing:1.5px}
  dialog{width:calc(100% - 22px)}.trailer-top{padding:17px}.trailer-top h2{font-size:24px}.trailer-bottom{padding:15px 17px;flex-wrap:wrap;gap:10px}.trailer-bottom p,.trailer-bottom .text-link{font-size:9px}.toast{font-size:10px;bottom:18px;width:max-content}.release-message{font-size:10px;margin-top:-20px}
}
@media(max-width:370px){.hero{padding-inline:15px;min-height:max(730px,100svh)}.hero h1{font-size:59px}.time-value{font-size:63px}.time-colon{height:68px}.button{font-size:9px;padding-inline:13px}.hero-bottom{left:18px;right:18px}.scroll-cue{font-size:5px}.share-button{font-size:7px}.section-wrap{width:calc(100% - 36px)}.welcome-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
@media(max-width:1000px){.site-header nav{display:none}}
@media(max-width:370px){.volume-slider{width:83px}#volume-value{width:22px}}
@media(prefers-reduced-motion:reduce){.hero.is-scene-active .hero-image{will-change:auto}}
.media-card{border:1px solid #f2c9e019;border-radius:9px;transform:translateZ(0);transition:border-color .3s,box-shadow .4s}
.media-card>img{transform:scale(1);transform-origin:50% 50%;backface-visibility:hidden;transition:transform .9s var(--ease)}
.media-card .scene-copy,.media-card .artwork-caption{transition:transform .45s var(--ease)}
.media-card .artwork-caption{left:28px;bottom:28px}
.media-card .scene-copy strong,.media-card .artwork-caption strong{font-size:35px;line-height:1.05}
.media-card .scene-action,.media-card .artwork-play{width:42px;height:42px;right:25px;bottom:28px;border:1px solid #f5dae455;background:#20132822;transition:background .25s,border-color .25s,color .25s,transform .4s var(--ease)}
.media-card .scene-action .icon,.media-card .artwork-play .icon{width:17px;height:17px;margin-left:1px}
.media-card:focus-visible{border-color:#e6b2d255;box-shadow:0 16px 42px #08030f40}
@media(max-width:1100px){.media-card .scene-copy strong,.media-card .artwork-caption strong{font-size:29px}}
@media(max-width:760px){.media-card .artwork-caption{left:22px;bottom:24px}.media-card .scene-copy strong,.media-card .artwork-caption strong{font-size:31px}.media-card .artwork-caption>span{font-size:6px}.media-card .scene-action,.media-card .artwork-play{right:22px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.media-card>img{transform:none!important;transition:none}}