@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";.menu{width:100vw;height:100dvh;position:fixed;top:0;left:0;display:flex;padding:0 28px;z-index:999;transition:.3s ease-out}.menu__nav{flex:1;display:flex;flex-direction:column}.menu__nav-section{padding:28px 0;margin-inline:-28px;padding-inline:28px;transition:transform .3s ease-out}.menu__nav-section:nth-child(1){padding-top:60px;background-color:#6c6d74}.menu__nav-section:nth-child(2){background-color:#3f3c7e}.menu__nav-section:nth-child(3){background-color:#242424}.menu__nav-section:nth-child(4){background-color:#8f2f4f}.menu__nav-section:nth-child(5){background-color:#6c6d74;flex:1}.menu__nav-section:nth-child(1){transition-delay:0ms}.menu__nav-section:nth-child(2){transition-delay:80ms}.menu__nav-section:nth-child(3){transition-delay:.16s}.menu__nav-section:nth-child(4){transition-delay:.24s}.menu__nav-section:nth-child(5){transition-delay:.32s}.menu__nav-item{font-family:Playfair Display,serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:4rem}@media(min-width:576px){.menu__nav-item{font-size:6rem}}.menu__burger>svg{width:36px}.menu--open,.menu--open .menu__nav-section{transform:translate(0)}.menu--closed,.menu--closed .menu__nav-section{transform:translate(100%)}.header{display:flex;align-items:center;height:90px;justify-content:space-between}@media(min-width:576px){.header{justify-content:end}}.header__nav{display:flex;gap:72px;padding-left:72px;padding-top:48px}.header__nav-item{font-family:Libre Franklin,sans-serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:1.5rem}@media(min-width:576px){.header__nav-item{font-size:2rem}}.header__nav-item{transition:color .1s,transform .3s ease-out,opacity .3s ease-out;transform:translate(40px);opacity:0}.header__nav-item:nth-child(1){transition-delay:0s,.24s,.24s}.header__nav-item:nth-child(2){transition-delay:0s,.16s,.16s}.header__nav-item:nth-child(3){transition-delay:0s,80ms,80ms}.header__nav-item:hover{color:#ddab72}.header__burger{transition:opacity .3s ease-out;opacity:0}.header--visible .header__burger{opacity:1}.header--visible .header__nav-item{transform:translate(0);opacity:1}.header--visible .header__nav:after{transform:scaleX(1)}.header__burger{width:36px;height:24px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;padding:10px;box-sizing:content-box;z-index:1000}.header__burger span{display:block;width:100%;height:4px;background:#fff9e7;border-radius:2px;transition:transform .3s,opacity .3s}.header__burger--open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.header__burger--open span:nth-child(2){opacity:0}.header__burger--open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.page{min-height:100vh;display:flex;flex-direction:column;position:sticky;top:var(--sticky-top, 0);box-shadow:0 -8px 24px #0000004d;padding:0 28px}@media(min-width:576px){.page{padding:0 72px}}.page:not(#Title){max-width:1440px;margin-inline:auto;box-shadow:0 -8px 60px 20px #00000080;border-radius:15px 15px 0 0}.award-card{background:#242424;border-radius:3px;padding:24px 28px;opacity:0;transform:translateY(24px);transition:opacity .3s ease-out,transform .3s ease-out;display:flex;align-items:center}.award-card--visible{opacity:1;transform:translateY(0)}@media(min-width:576px){.award-card{padding:32px 36px}}.award-card__inner{display:flex;align-items:center;gap:20px}@media(min-width:576px){.award-card__inner{gap:28px}}.award-card__count-block{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.award-card__count{font-family:Playfair Display,serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:4rem}@media(min-width:576px){.award-card__count{font-size:6rem}}.award-card__count{font-size:3.25rem;line-height:1;color:#ddab72;letter-spacing:-.03em}@media(min-width:576px){.award-card__count{font-size:4.5rem}}.award-card__count-label{font-family:Libre Franklin,sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;letter-spacing:.2em;text-decoration:none;color:#fff9e7;font-size:.75rem}@media(min-width:576px){.award-card__count-label{font-size:.875rem}}.award-card__count-label{color:#ddab72;opacity:.7;margin-top:10px}.award-card__divider{width:1px;height:80px;background:#ddab72;flex-shrink:0}.award-card__info{flex:1}.award-card__name{line-height:1.2}.award-card__detail{margin-top:8px;opacity:.8}.award-card--wide{padding:24px 32px}@media(min-width:576px){.award-card--wide{padding:28px 40px}}.award-card--wide .award-card__count{font-size:3rem}@media(min-width:576px){.award-card--wide .award-card__count{font-size:4.25rem}}.award-card--wide .award-card__inner{gap:24px;flex-wrap:wrap}@media(min-width:576px){.award-card--wide .award-card__inner{gap:32px;flex-wrap:nowrap}}.award-card__entries{display:flex;gap:16px;flex:1;flex-wrap:wrap}@media(min-width:576px){.award-card__entries{gap:20px}}.award-card__entry{border-left:1px solid rgba(221,171,114,.2);padding-left:12px}@media(min-width:576px){.award-card__entry{padding-left:16px}}.award-card__entry-award{font-family:Libre Franklin,sans-serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:1.5rem}@media(min-width:576px){.award-card__entry-award{font-size:2rem}}.award-card__entry-award{font-size:.875rem;margin-bottom:3px;display:block}.award-card__entry-year{font-family:Libre Franklin,sans-serif;font-weight:400;font-style:normal;text-decoration:none;color:#fff9e7;font-size:1rem}@media(min-width:576px){.award-card__entry-year{font-size:1.25rem}}.award-card__entry-year{font-size:.8125rem;opacity:.8}.footer{display:flex;justify-content:space-between;background-color:#242424;align-items:center;padding:24px;margin-inline:-28px}@media(min-width:576px){.footer{margin-inline:-72px;gap:48px;justify-content:end;padding:32px}}.footer__wikipedia{font-family:Libre Franklin,sans-serif;font-weight:400;font-style:normal;text-decoration:none;color:#fff9e7;font-size:1rem}@media(min-width:576px){.footer__wikipedia{font-size:1.25rem}}.footer__wikipedia{color:#4864d4;cursor:pointer;text-decoration:underline}.footer__github{font-family:Libre Franklin,sans-serif;font-weight:400;font-style:normal;text-decoration:none;color:#fff9e7;font-size:1rem}@media(min-width:576px){.footer__github{font-size:1.25rem}}.footer__github{display:flex;align-items:center;gap:5px;cursor:pointer}.footer__github>svg{width:32px;height:32px}@media(min-width:576px){.footer__github>svg{width:38px;height:38px}}#Awards{background:linear-gradient(to bottom,#8f2f4f,#ab6275)}.awards{padding:28px 0;display:flex;flex-direction:column;margin:auto 0;justify-content:center}@media(min-width:576px){.awards{padding:72px 0}}.awards__cards{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:576px){.awards__cards{grid-template-columns:1fr 1fr;gap:20px}}@media(min-width:576px){.awards__cards .award-card--wide{grid-column:1/-1}}#Life{background:linear-gradient(to bottom,#3f3c7e,#6f6b98)}.life__timeline{padding:72px 0}@media(min-width:576px){.life__timeline{padding:96px 0}}.life__entry{display:flex;gap:28px}@media(min-width:576px){.life__entry{display:grid;grid-template-columns:1fr auto 1fr;gap:0}}.life__node-col{display:flex;flex-direction:column;align-items:center}.life__node-col>svg{width:30px;height:30px;flex-shrink:0}@media(min-width:576px){.life__node-col{grid-column:2;padding:0 28px}}.life__connector{width:10px;flex:1;background-color:#242424}.life__content{padding-bottom:28px;opacity:0;transform:translateY(24px);transition:opacity .3s ease-out,transform .3s ease-out}.life__content--visible{opacity:1;transform:translateY(0)}@media(min-width:576px){.life__content{padding-bottom:48px}.life__entry:nth-child(odd) .life__content{grid-column:1;grid-row:1}.life__entry:nth-child(2n) .life__content{grid-column:3}}.image-track{display:flex;pointer-events:none;will-change:transform}.image-track__frame{flex-shrink:0;height:100%;aspect-ratio:3/4;border-radius:15px;overflow:hidden;margin-right:12px}@media(min-width:576px){.image-track__frame{margin-right:16px}}.image-track__frame img{width:100%;height:100%;object-fit:cover}#Title{background:linear-gradient(to bottom,#6c6d74,#919091)}.title__tracks{overflow:hidden;margin-left:-28px;margin-right:-28px;display:flex;flex-direction:column;gap:12px;flex:1;padding-top:12px;padding-bottom:12px}@media(min-width:576px){.title__tracks{margin-left:-72px;margin-right:-72px;gap:16px;padding-top:16px;padding-bottom:16px}}.title__tracks>.image-track{height:calc((100vh - 60px)/4)}@media(min-width:576px){.title__tracks>.image-track{height:calc((100vh - 80px)/4)}}.title__tracks:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%);z-index:1;pointer-events:none}.title__heading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;font-family:Playfair Display,serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:4rem}@media(min-width:576px){.title__heading{font-size:6rem}}.title__heading{text-align:center;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.6);clip-path:inset(0 100% 0 0);transition:clip-path 2.5s ease-out}.title__heading--visible{clip-path:inset(0)}.title__scroll-hint{position:absolute;bottom:128px;left:50%;transform:translate(-50%);z-index:3;opacity:0;transition:opacity .6s ease-out 3s;pointer-events:none}.title__scroll-hint--visible{opacity:1;animation:scroll-hint-bob 2s ease-in-out 3.5s infinite}.title__scroll-hint svg{width:48px;height:auto;color:#fff9e7;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.title__dame{font-family:Libre Franklin,sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;letter-spacing:.2em;text-decoration:none;color:#fff9e7;font-size:.75rem}@media(min-width:576px){.title__dame{font-size:.875rem}}.title__dame{display:block;margin-bottom:.5rem;opacity:0;transition:opacity .4s ease-out .5s}.title__heading--visible .title__dame{opacity:1}@keyframes scroll-hint-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.scroll-overflow:before,.scroll-overflow:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s;mask-image:linear-gradient(to bottom,transparent,#242424 20%,#242424 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#242424 20%,#242424 80%,transparent)}.scroll-overflow:before{left:0;background:linear-gradient(to right,var(--scroll-overflow-color, #242424),transparent)}.scroll-overflow:after{right:0;background:linear-gradient(to left,var(--scroll-overflow-color, #242424),transparent)}.scroll-overflow--left:before{opacity:1}.scroll-overflow--right:after{opacity:1}.movie-poster__text{margin-bottom:32px}@media(min-width:576px){.movie-poster__text{margin-bottom:42px}}.movie-poster__text>p{opacity:.8}.movie-poster__image{height:400px}@media(min-width:576px){.movie-poster__image{height:530px}}#Works{background:linear-gradient(to bottom,#242424,#5b5955)}.works{padding:28px 0 72px;display:flex;flex-direction:column;flex:1;justify-content:center}@media(min-width:576px){.works{padding:48px 0 0}}.works>.scroll-overflow{margin-inline:-28px}@media(min-width:576px){.works>.scroll-overflow{margin-inline:-72px}}.works__carousel{display:flex;gap:32px;overflow-x:scroll;padding-inline:28px}@media(min-width:576px){.works__carousel{gap:48px;padding-inline:72px}}.works__title{margin-left:-5px}@media(min-width:576px){.works__title{margin-left:-10px}}.app>*:nth-child(1){z-index:1}.app>*:nth-child(2){z-index:2}.app>*:nth-child(3){z-index:3}.app>*:nth-child(4){z-index:4}.app>*:nth-child(5){z-index:5}*{position:relative;box-sizing:border-box;margin:0}body{margin:0;padding:0;width:100%;background-color:#242424}h1{font-family:Playfair Display,serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:4rem}@media(min-width:576px){h1{font-size:6rem}}h2{font-family:Libre Franklin,sans-serif;font-weight:700;font-style:italic;text-decoration:none;color:#fff9e7;font-size:1.5rem}@media(min-width:576px){h2{font-size:2rem}}p{font-family:Libre Franklin,sans-serif;font-weight:400;font-style:normal;text-decoration:none;color:#fff9e7;font-size:1rem}@media(min-width:576px){p{font-size:1.25rem}}a{color:#4864d4}:focus-visible{outline:2px solid #DDAB72;outline-offset:2px}