/* Both home and films live on one fixed stage. */
header{background:transparent;backdrop-filter:none;border-bottom:0}.experience{height:650svh}.experience-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;background:#09090c;isolation:isolate}.scene-glow{position:absolute;width:58%;height:125%;right:-15%;top:-5%;background:radial-gradient(ellipse at 75% 45%,#db005f88,#7c003a50 44%,transparent 70%);transform:translate(calc(var(--mx,0)*-24px),calc(var(--my,0)*-20px));transition:opacity .5s;pointer-events:none}.scene-lines{position:absolute;inset:80px 3% 35px;border:1px solid #ffffff09;pointer-events:none}.hero-scene,.film-scene{position:absolute;inset:0;overflow:hidden}.hero-scene{pointer-events:var(--hero-hit,auto)}.hero-type{left:7%;top:24%;font-size:clamp(80px,12.8vw,210px);line-height:.9;letter-spacing:-3px;transform:translate(calc(var(--mx,0)*-14px - var(--intro,0)*30vw),calc(var(--my,0)*-10px - var(--intro,0)*8vh));opacity:calc(1 - var(--intro,0)*1.1)}.hero-type span{-webkit-text-stroke:2px #f22479}#heroArt{right:0;width:62%;height:98%;bottom:-4%;mask-image:none;opacity:calc(1 - var(--intro,0)*.95);transform:translate(calc(var(--mx,0)*23px + var(--intro,0)*32vw),calc(var(--my,0)*15px - var(--intro,0)*7vh)) rotate(calc(var(--mx,0)*.6deg));filter:drop-shadow(-18px 8px 0 #070709)}.hero-intro{bottom:14%;transform:translate(calc(var(--mx,0)*-6px),calc(var(--intro,0)*-90px));opacity:calc(1 - var(--intro,0)*1.6)}.hero-bottom{opacity:calc(1 - var(--intro,0)*1.6)}.film-scene{opacity:var(--entry,0);pointer-events:var(--film-hit,none);transform:translateY(calc((1 - var(--entry,0))*20vh));padding:0}.film-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#08080ad9,#070709aa 65%,#88003755),var(--preview-image,none) center/cover;opacity:.26;transform:scale(1.09) translate(calc(var(--mx,0)*-12px),calc(var(--my,0)*-10px));transition:filter .8s}.film-word{position:absolute;top:14%;left:6%;font-family:Display,Impact,sans-serif;font-size:clamp(100px,16vw,250px);line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff12;letter-spacing:5px;transform:translate(calc(var(--mx,0)*-9px),calc(var(--my,0)*-6px));pointer-events:none}.film-word span{margin-left:30px;color:#ff287e12;-webkit-text-stroke:0}.section-top{position:absolute;left:6%;right:6%;top:14%;margin:0}.section-top .eyebrow{color:#bab3bf}.carousel{position:absolute;left:0;right:0;top:39%;height:min(26vw,45vh);min-height:0;margin:0;perspective:1200px}#filmTrack{position:absolute;inset:0;width:100%;display:block;transform:translate(calc(var(--mx,0)*5px),calc(var(--my,0)*3px));transition:none}.film-card{position:absolute;left:50%;top:0;width:44vw;filter:none;opacity:0;transform:translateX(-50%);transition:transform .9s cubic-bezier(.22,.85,.2,1),width .9s cubic-bezier(.22,.85,.2,1),opacity .65s,filter .9s;will-change:transform;pointer-events:none}.film-card.active{width:44vw;opacity:1;transform:translateX(-50%);filter:none;z-index:3;pointer-events:auto}.film-card.previous,.film-card.next{width:26vw;opacity:.65;filter:blur(1.4px);z-index:1;pointer-events:auto}.film-card.previous{transform:translateX(calc(-50% - 38vw))}.film-card.next{transform:translateX(calc(-50% + 38vw))}.film-card.far-left{transform:translateX(calc(-50% - 76vw))}.film-card.far-right{transform:translateX(calc(-50% + 76vw))}.cover{aspect-ratio:auto;height:min(24.75vw,41vh);border:0;background:#343039;transform:perspective(1100px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-origin:center;transition:transform .25s,box-shadow .25s;box-shadow:0 15px 60px #0009}.active .cover:hover{box-shadow:0 18px 75px #000c,0 0 0 1px #ff287e55}.cover .art-placeholder{background:linear-gradient(0deg,#000b,transparent 48%),var(--preview-image,none) var(--crop,center)/cover,linear-gradient(135deg,var(--color),#19171f);transition:transform .5s,filter .65s;filter:var(--grade,none)}.active .cover:hover .art-placeholder{transform:scale(1.04)}.cover .art-placeholder::before,.cover .art-placeholder::after{display:none}.film-card:nth-child(3n) .cover{--grade:grayscale(1)}.film-card:nth-child(3n + 2) .cover{--grade:hue-rotate(45deg)}.cover-label{top:16px;left:18px;font-size:12px;color:#ddd2e0}.cover-title{display:none}.cover .play{width:56px;height:56px;border-color:#ffffff70;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s,transform .3s}.active .cover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.previous .cover .play,.next .cover .play{display:none}.film-meta{padding-top:22px;min-height:58px;transform:translateX(calc(var(--mx,0)*-3px));transition:opacity .5s}.film-meta h3{font-size:18px;font-weight:400;white-space:nowrap}.film-card:not(.active) .plan-trigger{display:none}.film-card:not(.active) .film-meta{opacity:.7}.plan-trigger .rings{transition:transform .35s,background .3s}.plan-trigger:hover .rings{transform:rotate(90deg) scale(1.12);background:#ff287e18}.plan-trigger:hover .rings::after{inset:8px}.film-bottom{left:6%;right:6%;bottom:6%;font-size:12px}.pointer-ring{position:fixed;left:0;top:0;width:30px;height:30px;border:1px solid #ff287eaa;border-radius:50%;z-index:100;pointer-events:none;transform:translate(-100px,-100px);transition:width .2s,height .2s,background .2s;mix-blend-mode:screen}.pointer-ring.hover{width:52px;height:52px;background:#ff287e12}.pointer-ring.down{background:#ff287e55}.gallery-image{transition:transform .4s,border-color .4s}.gallery-image:hover{transform:translateY(-6px);border-color:#ff287e77}
@media(max-width:700px){.experience-stage{height:100svh}.hero-type{font-size:24vw;top:23%;left:6%;letter-spacing:-1px}#heroArt{width:120%;height:83%;right:-31%;bottom:0;opacity:calc(.85 - var(--intro,0))}.hero-intro{bottom:18%;left:7%}.hero-type span{-webkit-text-stroke:1px #ff287e}.section-top{top:15%;left:7%;right:7%}.film-word{top:23%;font-size:25vw;left:7%;letter-spacing:2px}.film-word span{margin-left:15px}.carousel{top:39%;height:48vw;min-height:0}.film-card,.film-card.active{width:86vw;transform:translateX(-50%)}.film-card.previous,.film-card.next{width:86vw;opacity:0;filter:none;pointer-events:none}.film-card.previous{transform:translateX(calc(-50% - 105vw))}.film-card.next{transform:translateX(calc(-50% + 105vw))}.cover{height:48.375vw}.film-meta h3{font-size:16px}.film-meta{padding-top:22px}.cover-label{font-size:11px}.film-bottom{bottom:9%;left:7%;right:7%;font-size:11px}.pointer-ring{display:none}.scene-lines{inset:75px 3% 25px}.scene-glow{width:90%;right:-35%}.film-word{opacity:.5}}
.experience{height:800svh;--preview-image:url('preview-cover.png')}.graphic-wipe{position:absolute;inset:0;pointer-events:none}.graphic-wipe i{position:absolute;width:43%;height:180%;top:-40%;background:#ec1769;transform:skewX(-27deg) translateY(125%);will-change:transform}.graphic-wipe i:nth-child(1){left:-21%}.graphic-wipe i:nth-child(2){left:11%}.graphic-wipe i:nth-child(3){left:43%}.graphic-wipe i:nth-child(4){left:75%}.visual-scene{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden;z-index:6}.letter-line{position:absolute;top:13%;left:6%;right:6%;margin:0;display:flex;white-space:pre;font-family:Display,Impact,sans-serif;font-size:12.5vw;line-height:.95;letter-spacing:-.035em;color:#fff;pointer-events:none}.letter-line>span{display:inline-block;will-change:transform;flex-shrink:0;color:#fff}.letter-line .word-space{width:3vw}.visual-gallery{position:absolute;left:6%;right:6%;top:43%;transform:translateY(80vh);will-change:transform}.visual-caption{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px;margin-bottom:25px;color:#fff}.visual-gallery .gallery-grid{gap:15px}.visual-gallery .gallery-image{background:#09090c;border:0}.visual-gallery .gallery-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.visual-gallery .gallery-image:nth-child(2) img{object-position:90%;filter:grayscale(1)}.visual-gallery .gallery-image:nth-child(3) img{object-position:10%;filter:hue-rotate(40deg)}.visual-gallery .gallery-image>span{font-size:12px;color:#ccc}.visual-foot{color:#ffd2e3;font-size:14px;margin-top:26px}.gallery{background:#ec1769;padding-top:25px;color:#fff}.gallery .group-title span{color:#ffd2e3}.gallery-image .art-placeholder{background:linear-gradient(#0002,#0008),url('preview-cover.png') center/cover}.art-placeholder::before,.art-placeholder::after{display:none}.gallery .gallery-group{margin-bottom:0}.gallery .gallery-image>span{color:#b7b1bd}.gallery-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.pointer-ring{opacity:0}.pointer-ring.visible{opacity:1}.letter-line>span{color:#fff!important;-webkit-text-stroke:0}.scene-lines{transition:opacity .5s}.cover-label{font-size:12px}
@media(max-width:700px){.letter-line{font-size:13vw;top:18%;letter-spacing:-.04em}.visual-gallery{top:35%;left:7%;right:7%}.visual-gallery .gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.visual-gallery .gallery-image img{aspect-ratio:4/3}.visual-caption{font-size:11px;margin-bottom:15px}.visual-gallery .gallery-image>span{font-size:10px;padding:10px}.visual-foot{margin-top:15px;font-size:12px}.graphic-wipe i{width:65%}.gallery{padding-top:25px}.cover-label{font-size:11px}}
@media(pointer:coarse){.pointer-ring{display:none}.cover{transform:none!important}}
@media(min-width:701px){.visual-gallery{top:30%}.visual-gallery .gallery-grid{grid-template-columns:1.35fr 1fr 1fr;align-items:start}.visual-gallery .gallery-image img{max-height:38vh}.visual-gallery .gallery-image:first-child img{aspect-ratio:3/2}.visual-gallery .gallery-image:nth-child(2) img{aspect-ratio:4/5}.visual-gallery .gallery-image:nth-child(3){margin-top:3vw}}
#heroArt{opacity:calc(1 - var(--intro,0))}.film-bottom>span{white-space:nowrap}.cover-label{text-shadow:0 1px 6px #000}.cover .art-placeholder{transition:transform .5s,filter .65s}
@media(max-width:700px){#heroArt{opacity:calc(.85 - var(--intro,0))}.film-bottom>span{font-size:10px}.film-bottom #dots{gap:7px}#dots button{width:15px}#dots button.active{width:30px}}
/* Foreground reacts sooner; the lettering and light trail behind it. */
.experience{height:600svh}
/* The public site uses the same complete motion as the approved preview. */
 html.full-motion #heroArt{transform:translate(calc(var(--ax,0)*64px + var(--intro,0)*32vw),calc(var(--ay,0)*40px - var(--intro,0)*7vh)) rotate(calc(var(--ax,0)*1.2deg))!important;transform-origin:65% 60%;will-change:transform}
 html.full-motion .hero-type{transform:translate(calc(var(--mx,0)*-36px - var(--intro,0)*30vw),calc(var(--my,0)*-25px - var(--intro,0)*8vh))!important;will-change:transform}
 html.full-motion .hero-intro{transform:translate(calc(var(--bx,0)*-16px),calc(var(--by,0)*-9px - var(--intro,0)*90px))!important}
 html.full-motion .scene-glow{transform:translate(calc(var(--bx,0)*-75px),calc(var(--by,0)*-50px)) scale(1.12)}
 html.full-motion .scene-lines{transform:translate(calc(var(--bx,0)*-9px),calc(var(--by,0)*-6px))}
 html.full-motion .film-atmosphere{transform:scale(1.14) translate(calc(var(--bx,0)*-35px),calc(var(--by,0)*-24px))}
 html.full-motion .film-word{transform:translate(calc(var(--mx,0)*-22px),calc(var(--my,0)*-16px))}
 html.full-motion #filmTrack{transform:translate(calc(var(--ax,0)*10px),calc(var(--ay,0)*7px))}
@media(pointer:fine){
 html.full-motion .active .cover .art-placeholder{transform:translate(calc(var(--bx,0)*-8px),calc(var(--by,0)*-6px)) scale(1.07)}
 html.full-motion .active .cover:hover .art-placeholder{transform:translate(calc(var(--bx,0)*-12px),calc(var(--by,0)*-9px)) scale(1.1)}
 html.full-motion .pointer-ring{display:block}
}
html.full-motion .film-card{transition:transform .9s cubic-bezier(.22,.85,.2,1),width .9s cubic-bezier(.22,.85,.2,1),opacity .65s,filter .9s}
html.full-motion .cover{transition:transform .25s,box-shadow .25s}
html.full-motion .plan-trigger .rings{transition:transform .35s,background .3s}
html.reduced-motion .film-card,html.reduced-motion .cover,html.reduced-motion .plan-trigger .rings{transition:none}
html.reduced-motion .hero-type,html.reduced-motion #heroArt,html.reduced-motion .hero-intro,html.reduced-motion .scene-glow,html.reduced-motion .scene-lines,html.reduced-motion .film-word,html.reduced-motion #filmTrack{transform:none!important}
html.reduced-motion .pointer-ring{display:none}
