:root{--ink:#101010;--muted:#848484}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.header,.reviews{width:60vw;max-width:1120px;margin:auto}.header{height:84px;display:flex;align-items:center;gap:3.5vw;border-bottom:1px solid #eee}.logo{font-size:.78rem;font-weight:600;letter-spacing:.055em;text-decoration:none;color:inherit;white-space:nowrap}.header nav{display:flex;gap:2vw;overflow-x:auto}.header nav a{font-size:.8rem;white-space:nowrap;text-decoration:none;color:var(--muted)}.header nav .active,.header nav a:hover{color:var(--ink);font-weight:600}.reviews{padding:4.5rem 0}.section-intro{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ddd;padding-bottom:1.25rem}.kicker{font:.62rem "DM Mono";letter-spacing:.03em;text-transform:uppercase;color:#777;margin:0 0 .75rem}h1{font:600 clamp(2.6rem,5vw,5.4rem)/.9 "Playfair Display",Georgia,serif;letter-spacing:-.065em;margin:0}h1 em{font-weight:600}.section-intro>p{font:.65rem "DM Mono";margin:0;color:#777}.instruction{font-size:.74rem;color:#777;margin:1rem 0}.review-layout{display:flex;align-items:center;gap:1.5rem}.deck-wrap{display:grid;grid-template-columns:36px minmax(360px,1fr) 36px;align-items:center;gap:.5rem;min-width:0;flex:1}.deck-arrow{height:36px;width:36px;border:1px solid #c9c9c9;border-radius:50%;background:#fff;cursor:pointer;font-size:1rem}.deck-arrow:hover{background:#111;color:#fff}.deck{height:480px;min-width:0;position:relative;isolation:isolate}.movie-card{--accent:#f5d7bd;--angle:0deg;--x:0px;border:0;width:clamp(125px,12vw,175px);aspect-ratio:2/3;background:#555;color:#fff;position:absolute;bottom:25px;left:50%;overflow:visible;cursor:pointer;text-align:left;box-shadow:0 7px 18px rgba(0,0,0,.23);transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .3s;transform:translateX(calc(-50% + var(--x))) rotate(var(--angle));transform-origin:50% 100%;filter:saturate(.8) brightness(.83)}.movie-card:nth-child(1){--angle:-34deg;--x:-100px;z-index:1}.movie-card:nth-child(2){--angle:-23deg;--x:-68px;z-index:2}.movie-card:nth-child(3){--angle:-12deg;--x:-35px;z-index:3}.movie-card:nth-child(4){--angle:0deg;--x:0;z-index:4}.movie-card:nth-child(5){--angle:12deg;--x:35px;z-index:5}.movie-card:nth-child(6){--angle:23deg;--x:68px;z-index:6}.movie-card:nth-child(7){--angle:34deg;--x:100px;z-index:7}.movie-card:hover,.movie-card:focus{filter:saturate(1) brightness(1);outline:none;z-index:9}.movie-card.selected{z-index:10!important;filter:saturate(1) brightness(1);transform:translateX(calc(-50% + 112px)) translateY(-10px) rotate(0deg) scale(1.08)}.card-index,.card-genre,.poster-title,.active-heading{position:absolute;z-index:1}.card-index{top:10px;left:11px;font:.6rem "DM Mono"}.card-genre{left:11px;bottom:10px;font:.56rem "DM Mono"}.poster-title{font:600 clamp(1.3rem,2vw,2.4rem)/.76 "DM Sans";letter-spacing:-.1em}.lost{--accent:#f8d3b4;background:linear-gradient(125deg,#e4b38d 0 43%,#557581 43% 68%,#d68051 68%)}.lost .poster-title{bottom:19%;left:9%;text-shadow:2px 2px #263945}.lost small,.anatomy small{font-size:.4em}.dune{--accent:#f4e8c9;background:linear-gradient(#a6b5ac 0 34%,#e0a45b 35% 58%,#633125 59%)}.dune .poster-title{bottom:17%;left:12%;font-family:"Playfair Display";letter-spacing:.05em;color:#f4e8c9}.past{--accent:#f0d6bd;background:linear-gradient(135deg,#344845 0 45%,#d7ae8d 46% 61%,#27353c 62%)}.past .poster-title{bottom:19%;left:13%;font:italic 600 2.8rem/.68 "Playfair Display";color:#f0d6bd}.anatomy{--accent:#17272c;background:linear-gradient(145deg,#c1cdd1 0 45%,#dfe3e0 46% 58%,#a93628 59%)}.anatomy .poster-title{left:10%;bottom:20%;font-size:1rem;line-height:.85;letter-spacing:.01em;color:#17272c}.her{--accent:#f5c49e;background:linear-gradient(115deg,#c63726,#e25332 48%,#76271f)}.her .poster-title{bottom:16%;left:20%;font:600 4.7rem/1 "Playfair Display";color:#f5c49e}.active-heading{display:none;left:0;bottom:calc(100% + 13px);width:160%;color:var(--accent);transform:none}.movie-card.selected .active-heading{display:block}.active-heading strong{display:block;font:600 1.4rem/1 "Playfair Display";letter-spacing:-.04em}.active-heading span{font-size:.95rem;letter-spacing:.04em;display:block;margin-top:.35rem}.review-panel{background:#fff;color:#111;border:2px solid #111;padding:1.5rem 1.75rem;flex:0 0 50%;min-height:350px;align-self:center;transform:translateY(62px)}.review-panel p{margin:0}.panel-meta{font:.63rem "DM Mono";text-transform:uppercase;color:#666;margin-bottom:.85rem!important}.review-panel #panel-review{font-size:.91rem;line-height:1.58}@media(max-width:1280px){.header,.reviews{width:78vw}.review-layout{flex-direction:column;align-items:stretch}.review-panel{width:100%;flex-basis:auto;transform:none}.deck-wrap{width:100%}}@media(max-width:760px){.header,.reviews{width:calc(100vw - 2rem)}.header{height:64px;gap:1.5rem}.header nav{gap:1rem}.reviews{padding:3.5rem 0}.section-intro{align-items:start;gap:1rem;flex-direction:column}.deck-wrap{grid-template-columns:1fr}.deck-arrow{display:none}.deck{height:430px}.movie-card{width:130px}.movie-card:nth-child(1){--x:-78px}.movie-card:nth-child(2){--x:-52px}.movie-card:nth-child(3){--x:-26px}.movie-card:nth-child(4){--x:0}.movie-card:nth-child(5){--x:26px}.movie-card:nth-child(6){--x:52px}.movie-card:nth-child(7){--x:78px}.movie-card.selected{transform:translateX(calc(-50% + 85px)) translateY(-7px) rotate(0deg) scale(1.04)}.review-panel{padding:1.25rem}.active-heading{width:180%}}
.deck .movie-card:nth-child(1){--x:-175px}.deck .movie-card:nth-child(2){--x:-140px}.deck .movie-card:nth-child(3){--x:-105px}.deck .movie-card:nth-child(4){--x:-70px}.deck .movie-card:nth-child(5){--x:-42px}.deck .movie-card:nth-child(6){--x:-17px}.deck .movie-card:nth-child(7){--x:100px}
@media(max-width:760px){.deck .movie-card:nth-child(1){--x:-95px}.deck .movie-card:nth-child(2){--x:-75px}.deck .movie-card:nth-child(3){--x:-55px}.deck .movie-card:nth-child(4){--x:-35px}.deck .movie-card:nth-child(5){--x:-18px}.deck .movie-card:nth-child(6){--x:-6px}.deck .movie-card:nth-child(7){--x:78px}}
.deck .movie-card.selected{transform:translateX(calc(-50% + 190px)) translateY(-10px) rotate(0deg) scale(1.08)}
@media(max-width:760px){.deck .movie-card.selected{transform:translateX(calc(-50% + 120px)) translateY(-7px) rotate(0deg) scale(1.04)}}
.header,.reviews{width:70vw;max-width:1300px}.review-layout{gap:3.25rem;transform:translateY(-42px)}@media(max-width:1280px){.header,.reviews{width:82vw}.review-layout{transform:none}}
#filter-label{display:none}.deck-wrap{flex:1.15}.review-panel{flex-basis:43%}.deck{height:630px}.movie-card{width:clamp(190px,18vw,260px)}
@media(max-width:1280px){.deck{height:600px}}@media(max-width:760px){.deck{height:500px}.movie-card{width:165px}.deck-wrap{flex:1}.review-panel{flex-basis:auto}}
.movie-card:not(.selected){width:clamp(125px,12vw,175px)}.review-panel{transform:translateX(34px)}
@media(max-width:1280px){.review-panel{transform:none}}@media(max-width:760px){.movie-card:not(.selected){width:130px}}
.movie-card:not(.selected){bottom:115px}.review-panel{min-height:337px;height:337px;transform:translate(34px,86px)}
@media(max-width:1280px){.movie-card:not(.selected){bottom:95px}.review-panel{height:auto;transform:none}}@media(max-width:760px){.movie-card:not(.selected){bottom:75px}}
.review-panel{position:relative}.review-panel {
  min-height: 500px;
  height: 500px;
}.review-panel #panel-review {
  text-align: justify;
}.rating{position:absolute;left:0;bottom:calc(100% + 14px);color:#f2cba9;font-size:1rem;letter-spacing:.05em}.active-heading span{display:none}
.movie-card.obsession{--accent:#b51f2d;width:360px;aspect-ratio:4/3;background:#251028 url('assets/obsession.jpg') center/cover no-repeat}.movie-card.obsession .poster-title{left:8%;bottom:10%;font:600 clamp(2rem,3.5vw,3.6rem)/.88 "DM Sans";letter-spacing:.02em;color:#b51f2d;text-shadow:0 1px 14px rgba(0,0,0,.65)}.movie-card.obsession.selected{transform:translateX(-50%) translateY(-10px) rotate(0) scale(1);margin:0}.movie-card.obsession .active-heading{color:#b51f2d;left:0;bottom:calc(100% + 16px);width:100%}.movie-card.obsession .active-heading strong{font-family:"DM Sans";font-size:1.55rem;letter-spacing:.06em}.review-panel .rating{color:#b51f2d}@media(max-width:760px){.movie-card.obsession{width:min(82vw,360px)}}
.movie-card.obsession .poster-title{display:none}
.movie-card.obsession.selected{left:100%;transform:translateX(-100%) translateY(-10px) rotate(0) scale(1)}
.deck-wrap{display:block}
.movie-card.obsession.selected{transform:translateX(calc(-100% + 65px)) translateY(-10px) rotate(0) scale(1)}
.movie-card.obsession.selected{transform:translateX(calc(-100% + 65px)) translateY(-155px) rotate(0) scale(1)}
.movie-card.obsession.selected{transform:translateX(calc(-100% + 65px)) translateY(-78px) rotate(0) scale(1)}
@media(max-width:760px){body{overflow-x:hidden}.reviews{padding-top:2.25rem}.review-layout{gap:1rem}.deck-wrap{min-height:390px}.deck{height:390px;width:100%}.movie-card.obsession{width:min(88vw,390px)}.movie-card.obsession.selected{left:50%;bottom:8px;transform:translateX(-50%) translateY(-38px) rotate(0) scale(1)}.movie-card.obsession .active-heading{left:0;bottom:calc(100% + 12px);width:100%;text-align:left}.review-panel{width:100%;min-height:230px;height:auto;margin:0;transform:none}.rating{bottom:calc(100% + 10px)}.header{padding:0}.header nav{margin-left:auto}.logo{font-size:.68rem}}