:root{color-scheme:dark;--white:#f4f7fc;--muted:#c1cfdf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;background:radial-gradient(ellipse at 95% 12%,#758da4 0,transparent 38%),radial-gradient(ellipse at 80% 80%,#456789 0,transparent 50%),linear-gradient(135deg,#061424,#102d4a 58%,#8191a5);background-attachment:fixed;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header,.site-header.scrolled{--signature-ink:#fff;background:rgba(6,20,36,.62);border-bottom:1px solid #ffffff20}.site-header .desktop-nav,.site-header .header-actions,.site-header .lang,.site-header .menu-btn{color:#fff}.site-header .menu-btn span{background:#fff}.site-header .lang.active{color:#a5d8ff}.site-header .desktop-nav-shell{background:#ffffff15;border-color:#ffffff30}.site-header .desktop-nav a.active{background:#416c92}.mobile-menu{background:#10253b}.mobile-menu a{color:#fff}.film-strip{position:absolute;top:80px;right:-10%;width:80%;height:155px;transform:rotate(-15deg);opacity:.2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 22px,#d4e6f4 22px 47px,transparent 47px 67px);border-top:18px solid #d4e6f4;border-bottom:18px solid #d4e6f4;filter:blur(3px);mask-image:linear-gradient(90deg,transparent,#000)}main{position:relative;max-width:1320px;margin:auto;padding:145px 38px 110px}.intro{position:relative;min-height:225px}.back{font-size:13px;color:#c0d3e7}.intro h1{font:normal clamp(68px,10vw,124px)/.95 Georgia,serif;margin:25px 0 15px;letter-spacing:-.05em}.intro p{font:normal clamp(17px,2vw,23px)/1.5 Georgia,serif;color:#e2e8f2;max-width:680px}.section{margin:52px 0}.section h2{font:normal clamp(30px,4vw,43px)/1.15 Georgia,serif;margin:0 0 22px}.section h2 small{display:block;font:normal 13px/1.6 -apple-system,sans-serif;color:#c2d2e1;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.glass{background:linear-gradient(140deg,#ffffff17,#ffffff08);border:1px solid #ffffff26;border-radius:19px;box-shadow:0 12px 35px #00112622;backdrop-filter:blur(18px);overflow:hidden}.tile{padding:15px}.art{height:225px;border-radius:11px;display:flex;flex-direction:column;justify-content:end;padding:16px;background:linear-gradient(145deg,#162438,#596e80);position:relative;overflow:hidden}.art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 20%,#ffffff38,transparent 40%)}.art span{position:relative;font:normal clamp(19px,2.3vw,32px)/1.08 Georgia,serif;text-shadow:0 2px 15px #0008}.art.red{background:linear-gradient(145deg,#841b29,#e34b37 50%,#261b27)}.art.gold{background:linear-gradient(145deg,#6e4c22,#b99c62,#202637)}.art.blue{background:linear-gradient(145deg,#153f6e,#4083b6,#0a192e)}.art.dark{background:linear-gradient(145deg,#080d17,#384b63,#0b0e17)}.art.green{background:linear-gradient(145deg,#2c603e,#9bbf70,#193b41)}.art.purple{background:linear-gradient(145deg,#4a325a,#8a779c,#17273d)}.tile h3{font-size:17px;font-weight:600;margin:14px 0 5px}.tile p{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 5px}.portrait{aspect-ratio:3/4;height:auto;justify-content:end;background:linear-gradient(145deg,#d9e0e7,#71869d 55%,#0e243b);filter:grayscale(1)}.portrait span{font-size:24px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:14px}.feature .art{height:190px}.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d6e4f2;margin-bottom:10px}.feature h3{margin:13px 0 4px;font-size:18px}.feature p{margin:0;color:var(--muted);font-size:13px}.wide{display:flex;gap:22px;padding:20px;align-items:center}.wide .art{width:140px;height:180px;flex:none}.wide h3{font-size:24px;margin:0 0 8px}.wide p{color:var(--muted)}.stars{color:#ffcc59;font-size:28px;letter-spacing:3px}.note{color:#d8e4f1;font:italic 17px/1.55 Georgia,serif}.site-footer{border-top:1px solid #ffffff30;padding:35px 40px;max-width:1320px;margin:auto;display:flex;justify-content:space-between;color:#c8d6e3;font-size:13px}@media(max-width:850px){.site-header,.site-header.scrolled{background:linear-gradient(120deg,#183a5be8,#3c617bd6);border:1px solid #ffffff50}.site-header .site-signature{--signature-ink:white}.grid,.grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:130px 1fr;column-gap:16px;align-items:center}.feature .art{grid-row:span 3;height:120px}.feature .kicker{margin:0}.feature h3{margin:4px 0}.feature p{align-self:start}.film-strip{top:145px;width:100%;height:100px}main{padding:125px 18px 70px}.intro{min-height:220px}.intro h1{margin-top:20px}.section{margin:38px 0}.art{height:185px}.portrait{height:auto}.tile{padding:10px}.tile h3{font-size:15px}.wide .art{width:105px;height:145px}.wide{padding:13px;gap:15px}.site-footer{padding:25px 20px}}@media(max-width:390px){.feature{grid-template-columns:110px 1fr}.feature .art{height:110px}.art{height:160px}}
.art.has-photo{padding:0;background:#0e2236}.art.has-photo:before{display:none}.art.has-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.art.has-photo span{display:none}.art.portrait.has-photo{filter:grayscale(1)}.art.portrait.has-photo img{object-position:center top}.feature .art.has-photo img{object-position:center 28%}.art.has-photo:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff22;border-radius:inherit;pointer-events:none}

.movies-jump-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;position:relative;z-index:2}.movies-jump-nav a{display:inline-flex;align-items:center;min-height:39px;padding:9px 15px;border:1px solid rgba(231,241,252,.32);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#f5f8fc;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,transform .2s}.movies-jump-nav a:hover,.movies-jump-nav a:focus-visible{background:rgba(210,233,255,.24);border-color:rgba(255,255,255,.7);transform:translateY(-1px)}.movies-jump-nav a:focus-visible{outline:2px solid #c6e6ff;outline-offset:2px}.section[id],.feature-grid[id]{scroll-margin-top:105px}@media(max-width:850px){.movies-jump-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:24px -18px 0;padding:0 18px 8px;scroll-snap-type:x proximity}.movies-jump-nav::-webkit-scrollbar{display:none}.movies-jump-nav a{white-space:nowrap;flex:none;scroll-snap-align:start;min-height:42px}.section[id],.feature-grid[id]{scroll-margin-top:105px}}

#highlights{scroll-margin-top:120px;margin-bottom:clamp(100px,16vh,190px)}#recent{scroll-margin-top:125px;margin-top:0;margin-bottom:clamp(110px,18vh,220px)}#favourites{scroll-margin-top:125px;margin-top:0}#personal{scroll-margin-top:125px;margin-top:clamp(120px,18vh,220px)}#directors,#actors,#actresses,#soundtracks{margin-top:clamp(60px,9vh,110px)}@media(max-width:850px){#highlights{scroll-margin-top:112px;margin-bottom:clamp(125px,20vh,220px)}#recent{scroll-margin-top:112px;margin-bottom:clamp(140px,22vh,250px)}#favourites,#personal{scroll-margin-top:112px}#personal{margin-top:clamp(145px,23vh,260px)}#directors,#actors,#actresses,#soundtracks{margin-top:75px}}

.movie-panel{position:relative;min-height:100svh;scroll-margin-top:0!important;padding-top:clamp(115px,15vh,170px);padding-bottom:clamp(120px,16vh,190px);margin-top:0!important;margin-bottom:0!important;isolation:isolate}.movie-panel::before{content:"";position:absolute;z-index:-1;inset:30px -26px 30px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 65%,rgba(14,36,62,.1));border:1px solid rgba(255,255,255,.09);pointer-events:none}.movie-panel-highlights{min-height:100svh}.movie-panel-highlights .feature-grid{scroll-margin-top:0}.movie-panel-recent{display:flex;flex-direction:column;justify-content:center}.movie-panel-recent h2{width:100%}.movie-panel-recent .wide{width:100%;max-width:740px}.movie-panel-favorites{min-height:100svh}.movie-panel-personal{min-height:100svh}.movie-panel-personal::before{background:linear-gradient(145deg,rgba(138,171,201,.09),rgba(255,255,255,.025))}.movie-panel+.movie-panel{border-top:1px solid rgba(226,239,251,.12)}@media(max-width:850px){.movie-panel{min-height:100svh;padding-top:clamp(125px,17vh,180px);padding-bottom:clamp(110px,14vh,170px)}.movie-panel::before{inset:30px -9px;border-radius:24px}.movie-panel-recent{justify-content:flex-start}.movie-panel-highlights{min-height:100svh}.movie-panel-highlights .feature-grid{gap:15px}.movie-panel-favorites{padding-bottom:130px}}

.imdb-card{position:relative}.imdb-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 12px;border:1px solid rgba(245,248,252,.35);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:650;letter-spacing:.02em;text-decoration:none;transition:background .2s,border-color .2s}.imdb-link:hover,.imdb-link:focus-visible{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.8)}.imdb-link:focus-visible{outline:2px solid #d5ecff;outline-offset:2px}


.photo-credits{font-size:.85rem;line-height:1.6}.photo-credits summary{cursor:pointer}.photo-credits li{margin-bottom:.8rem}.photo-credits a{color:inherit;text-decoration:underline}.art.portrait img{object-position:center 25%}

.photo-credits{overflow-wrap:anywhere}.art.has-photo:not(.portrait) img{object-fit:contain;background:#0e2236}

#directors .art.portrait.has-photo{background:#fff;filter:none}#directors .art.portrait.has-photo img.director-illustration{object-fit:contain;object-position:center;padding:8%;box-sizing:border-box;background:#fff}.director-illustration-credit{font-size:.8rem;opacity:.75}
