:root{--ink:#f2f0eb;--muted:#a19f99;--quiet:#686762;--line:#f2f0eb33;--page:#050607;--serif:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--spotify:"Circular Spotify Text", "Circular Std", "Avenir Next", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--page)}body{min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 22% 45%,#26303c1f,#0000 29rem),radial-gradient(circle at 74% 48%,#3723261a,#0000 34rem),linear-gradient(112deg,#050607 0%,#080909 52%,#050607 100%);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.taste-page{grid-template-columns:minmax(240px,320px) 1px minmax(570px,720px);justify-content:center;align-items:center;gap:clamp(3rem,5vw,6rem);max-width:1440px;min-height:100svh;margin:0 auto;padding:clamp(2.5rem,5vw,5.5rem) clamp(2.5rem,5vw,6rem);display:grid}.music-section,.film-section{min-width:0}.music-section{grid-template-rows:1fr 64px;justify-self:end;align-items:center;width:min(100%,270px);min-height:min(76vh,660px);display:grid;transform:translate(clamp(0px,1.4vw,18px))}.music-player{justify-self:center;width:min(100%,224px)}.album-art{aspect-ratio:1;background:#111318 50%/cover;border-radius:4px;width:min(100%,218px);position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #00000052}.track-heading{align-items:flex-start;width:min(100%,218px);margin-top:1.45rem;display:flex}.track-copy{min-width:0}.track-title,.movie-title{letter-spacing:.015em;margin:0;line-height:1.08}.track-title{font-family:var(--spotify);letter-spacing:-.025em;font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:700}.track-artist{color:var(--muted);margin:.52rem 0 0;font-size:.82rem}.player-strip{align-items:center;gap:.5rem;width:min(100%,218px);margin-top:1.05rem;display:flex}.transport-button{width:1.4rem;height:1.4rem;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:0 0 1.4rem;place-items:center;padding:0;font-size:1.3rem;line-height:1;transition:color .18s,transform .18s;display:grid}.transport-button--play{color:var(--ink);font-size:.72rem}.transport-button:hover{color:#fff;transform:translateY(-1px)}.progress-bar{appearance:none;background:linear-gradient(90deg, var(--ink) var(--progress), #f2f0eb33 var(--progress));cursor:pointer;flex:1;width:100%;height:3px;margin:0 0 0 .2rem;display:block}.progress-bar::-webkit-slider-thumb{appearance:none;background:var(--ink);opacity:0;border:0;border-radius:50%;width:7px;height:7px;transition:opacity .18s}.progress-bar:hover::-webkit-slider-thumb{opacity:1}.progress-bar:focus-visible::-webkit-slider-thumb{opacity:1}.progress-bar::-moz-range-thumb{background:var(--ink);opacity:0;border:0;border-radius:50%;width:7px;height:7px}.progress-bar:hover::-moz-range-thumb{opacity:1}.progress-bar:focus-visible::-moz-range-thumb{opacity:1}audio{display:none}.playlist-block{justify-self:center;width:min(100%,224px)}.section-link-block{text-align:center;align-self:start}.playlist-kicker{color:var(--quiet);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .7rem;font-size:.64rem}.playlist-link,.letterboxd-link{color:var(--muted);border-bottom:1px solid #f2f0eb30;align-items:center;transition:border-color .18s,color .18s;display:flex}.playlist-link{gap:.55rem;width:158px;min-height:30px;margin:0 auto;font-size:.72rem}.playlist-link:hover,.letterboxd-link:hover{color:#fff;border-color:#f2f0ebb3}.service-mark{color:#fff;background:linear-gradient(145deg,#ff4b62,#ef165e);border-radius:5px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-family:Georgia,serif;font-size:.78rem;line-height:1;display:grid}.playlist-link>span:nth-child(2),.letterboxd-link>span:nth-child(2){flex:1;min-width:0}.external-arrow{color:var(--quiet);flex:none;font-size:.76rem;transition:color .18s,transform .18s}.playlist-link:hover .external-arrow,.letterboxd-link:hover .external-arrow{color:var(--ink);transform:translate(2px,-2px)}.divider{background:var(--line);justify-self:center;width:1px;min-width:1px;height:min(76vh,660px)}.film-section{width:min(100%,720px);min-height:min(76vh,660px)}.film-content{width:100%;min-height:inherit;grid-template-rows:1fr 64px;align-items:center;display:grid}.film-view{gap:1.25rem;display:grid}.movie-info{min-height:34px;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.42rem;padding:0 2rem;display:flex}.movie-title{max-width:420px;color:var(--ink);font-family:var(--spotify);letter-spacing:-.025em;text-transform:none;font-size:.78rem;font-weight:700}.movie-year{color:var(--quiet);margin:0;font-size:.65rem}.director-copy{color:var(--quiet);margin:0;font-size:.65rem;line-height:1.35}.director-copy span{color:var(--muted)}.movie-meta-separator{color:#f2f0eb42;font-size:.55rem}.film-reel{cursor:ew-resize;touch-action:pan-y;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.chevron{z-index:2;color:#f2f0eb9e;cursor:pointer;background:0 0;border:0;flex:0 0 2.1rem;width:2.1rem;height:2.8rem;padding:0;font-family:Arial,sans-serif;font-size:1.9rem;line-height:1;transition:color .18s,transform .18s;position:relative}.chevron:first-child:hover{color:var(--ink);transform:translate(-3px)}.chevron:last-child:hover{color:var(--ink);transform:translate(3px)}.reel-viewport{pointer-events:none;width:min(100%,620px);min-width:0;height:382px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.poster-stack{justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;animation:.42s cubic-bezier(.2,.7,.2,1) both reel-in;display:flex}.reel-card{background:#101115;border-radius:4px;flex:none;overflow:hidden}.reel-card--active{width:230px;height:345px;box-shadow:0 1.7rem 3.2rem #00000061}.reel-card--neighbor{opacity:.42;filter:brightness(.72)saturate(.78);width:132px;height:198px}.reel-card--previous{transform:translate(9px)scale(.97)}.reel-card--next{transform:translate(-9px)scale(.97)}.poster-art{isolation:isolate;background:#16191d 50%/cover;width:100%;height:100%;position:relative;overflow:hidden}.poster-art--cosmic{background:radial-gradient(circle at 62% 40%,#d98766,#492339 35%,#0a0b12 78%)}.poster-art--neon{background:radial-gradient(at 45% 30%,#a31545,#290c23 47%,#0b080c 100%)}.poster-art--amber{background:linear-gradient(145deg,#a15e34,#34171b 62%,#0e090b)}.poster-art--blue{background:linear-gradient(145deg,#173c62,#284c67 34%,#090d15 82%)}.poster-art--green{background:linear-gradient(145deg,#304a34,#132219 54%,#070b08)}.poster-art--red{background:linear-gradient(145deg,#7c2730,#260d15 55%,#0b0709)}.poster-art__wash{background:linear-gradient(#ffffff0d,#0000 35%,#00000080);position:absolute;inset:0}.poster-art__orb{aspect-ratio:1;background:radial-gradient(circle,#f6c7a0cc,#913a4473 32%,#0000 70%);border-radius:50%;width:48%;position:absolute;top:24%;left:27%}.poster-art__title{white-space:pre-line;font-family:var(--serif);letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:1.2rem;line-height:1.12;position:absolute;bottom:11%;left:9%;right:9%}.poster-art__year{color:var(--muted);letter-spacing:.15em;font-size:.56rem;position:absolute;top:6%;right:8%}.film-footer{width:100%;padding:0}.letterboxd-link{gap:.45rem;width:118px;min-height:28px;margin:0 auto;font-size:.68rem}.letterboxd-mark{flex:0 0 29px;align-items:center;width:29px;display:inline-flex}.letterboxd-mark i{border:1px solid #05060780;border-radius:50%;width:11px;height:11px;margin-left:-2px}.letterboxd-mark i:first-child{background:#f7a917;margin-left:0}.letterboxd-mark i:nth-child(2){background:#23c95f}.letterboxd-mark i:nth-child(3){background:#15aee4}.transport-button:focus-visible,.progress-bar:focus-visible,.chevron:focus-visible,.playlist-link:focus-visible,.letterboxd-link:focus-visible,.film-reel:focus-visible{outline-offset:5px;outline:1px solid #f2f0ebd9}@keyframes reel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (max-width:1120px){.taste-page{grid-template-columns:minmax(210px,260px) 1px minmax(510px,640px);gap:clamp(2.25rem,4vw,3.5rem);padding-left:clamp(2rem,4vw,3.5rem);padding-right:clamp(2rem,4vw,3.5rem)}.music-section{width:235px}.music-player,.album-art,.track-heading,.player-strip{width:194px}.movie-info{padding-left:2.4rem;padding-right:2.4rem}.reel-viewport{height:360px}.reel-card--active{width:214px;height:321px}.reel-card--neighbor{width:120px;height:180px}}@media (max-width:820px){.taste-page{min-height:100svh;padding:4rem 1.5rem 3.25rem;display:block}.music-section{flex-direction:column;align-items:center;width:min(100%,430px);min-height:0;margin:0 auto;display:flex;transform:none}.music-player,.album-art,.track-heading,.player-strip{width:218px}.music-player{margin-left:0}.playlist-block{margin-top:1.75rem;margin-left:0}.section-link-block{align-self:center}.divider{width:min(100%,560px);height:1px;margin:4.5rem auto}.film-section{width:min(100%,700px);min-height:0;margin:0 auto}.film-content{grid-template-rows:auto auto;gap:1.75rem;min-height:0}}@media (max-width:600px){.taste-page{padding:3.2rem 1rem 2.7rem}.music-section{width:min(100%,320px)}.music-player,.album-art,.track-heading,.player-strip{width:188px}.music-player{margin-left:0}.track-title{font-size:1.28rem}.playlist-block{width:188px;margin-top:1.75rem;margin-left:0}.playlist-kicker{font-size:.58rem}.divider{margin:3.8rem auto}.film-content{gap:1rem}.movie-info{gap:.34rem;min-height:36px;padding:0 2rem}.movie-title{max-width:250px;font-size:.75rem}.director-copy{max-width:none}.film-reel{width:100%}.chevron{flex-basis:1.9rem;width:1.9rem}.reel-viewport{width:min(100%,100vw - 92px);height:334px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%)}.poster-stack{gap:1.15rem}.reel-card--active{width:204px;height:306px}.reel-card--neighbor{width:116px;height:174px}}@media (max-width:420px){.music-player,.playlist-block{margin-left:0}.movie-info{padding:0 1.25rem}.movie-title{max-width:220px;font-size:.72rem}.reel-viewport{width:calc(100vw - 78px);height:310px}.chevron{flex-basis:1.45rem;width:1.45rem;font-size:1.65rem}.reel-card--active{width:188px;height:282px}.reel-card--neighbor{width:106px;height:159px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}