:root{--fg: #fff;--dim: rgba(255,255,255,.42);--dim2: rgba(255,255,255,.3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#000;color:var(--fg);font-family:Cal Sans,system-ui,sans-serif}.hero{position:relative;height:100vh;overflow:hidden}.bg-lqip{position:absolute;inset:0;z-index:0;background-color:#000;background-repeat:no-repeat;filter:blur(24px);transform:scale(1.12)}.bg-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;filter:blur(16px);transform:scale(1.07);transition:opacity .38s ease,filter .65s ease,transform .22s ease}.bg-poster.show{opacity:1;filter:blur(6px)}.bg-poster.sharp{filter:blur(0);transform:scale(1)}.bg-poster.loading{animation:poster-settle 1.5s ease-out forwards}@keyframes poster-settle{0%{filter:blur(16px)}to{filter:blur(6px)}}.bg-lqip.loading{animation:lqip-settle 1.5s ease-out forwards}@keyframes lqip-settle{0%{filter:blur(36px)}to{filter:blur(22px)}}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:transparent;opacity:0;transition:opacity .42s ease}.bg.ready{opacity:1}.scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,#00000073,#0000 22% 50%,#000000c7)}.logo{position:absolute;top:clamp(20px,4vh,44px);left:50%;transform:translate(-50%);height:clamp(64px,11vh,120px);width:auto;z-index:3;filter:drop-shadow(0 2px 18px rgba(0,0,0,.5))}.yt-corner{position:absolute;top:clamp(20px,4vh,44px);right:clamp(24px,5vw,64px);z-index:4}.yt{display:inline-flex;color:var(--dim);filter:drop-shadow(0 1px 12px rgba(0,0,0,.5));transition:color .16s ease,opacity .42s ease}.yt:hover{color:var(--fg)}.yt svg{width:clamp(28px,3.2vw,40px);height:auto;display:block}.subscribe-clip{--pad: clamp(9px, 1vw, 15px);position:absolute;top:0;right:0;padding:var(--pad);background:#000;display:block;line-height:0;border-radius:clamp(24px,3.2vw,42px);box-shadow:0 14px 42px #0000009e;transform:scale(0);transform-origin:top right;opacity:0;pointer-events:none;transition:transform .72s cubic-bezier(.4,0,.2,1),opacity .46s ease}.subscribe-video{--vfeather: clamp(10px, 1.5vw, 20px);width:clamp(150px,22vw,280px);aspect-ratio:16 / 9;max-width:calc(50vw - 96px);object-fit:cover;display:block;border-radius:clamp(16px,2.1vw,30px);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--vfeather),#000 calc(100% - var(--vfeather)),transparent),linear-gradient(to bottom,transparent,#000 var(--vfeather),#000 calc(100% - var(--vfeather)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 var(--vfeather),#000 calc(100% - var(--vfeather)),transparent),linear-gradient(to bottom,transparent,#000 var(--vfeather),#000 calc(100% - var(--vfeather)),transparent);mask-composite:intersect}.yt-corner.playing .subscribe-clip{transform:scale(1);opacity:1;pointer-events:auto}.yt-corner.playing .yt{opacity:0;pointer-events:none}@media(max-width:420px){.subscribe-clip{display:none}.yt-corner.playing .yt{opacity:1;pointer-events:auto}}.years{position:absolute;left:clamp(24px,5vw,64px);bottom:clamp(28px,6vh,56px);z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.32em;max-width:calc(50vw - clamp(24px,5vw,64px))}.year-block{display:flex;flex-direction:column;align-items:flex-start}.year{font-family:inherit;background:none;border:0;color:var(--dim);cursor:pointer;line-height:1;letter-spacing:.01em;font-size:clamp(2rem,5.5vw,4rem);text-shadow:0 1px 14px rgba(0,0,0,.55);transition:color .16s ease}.year:hover,.year-block.active .year{color:var(--fg)}.film-list{display:grid;grid-template-rows:0fr;opacity:0;margin:0;transition:grid-template-rows .82s cubic-bezier(.4,0,.2,1),opacity .52s ease,margin .82s cubic-bezier(.4,0,.2,1)}.film-list-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:.42em;padding-left:.15em}.year-block.active .film-list{grid-template-rows:1fr;opacity:1;margin:.42em 0 .2em}.film{font-family:inherit;background:none;border:0;color:var(--dim2);cursor:pointer;line-height:1;text-align:left;font-size:clamp(.95rem,2vw,1.4rem);text-shadow:0 1px 12px rgba(0,0,0,.55);transition:color .14s ease,opacity .14s ease}.film:hover,.film.active{color:var(--fg)}.film-list:hover .film:not(:hover){opacity:.65}.laurels{position:absolute;right:clamp(24px,5vw,64px);bottom:clamp(28px,6vh,56px);z-index:3;display:flex;align-items:flex-end;gap:clamp(10px,1.4vw,20px)}.laurels img{height:clamp(64px,12vh,124px);width:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.5));animation:laurel-in .26s ease both}@keyframes laurel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.watch{position:absolute;right:clamp(24px,5vw,64px);bottom:clamp(28px,6vh,56px);z-index:4;color:var(--dim);text-decoration:none;font-family:Google Sans,system-ui,sans-serif;font-size:clamp(.85rem,1.3vw,1.05rem);letter-spacing:.02em;line-height:1.4;filter:drop-shadow(0 1px 12px rgba(0,0,0,.5));transition:color .16s ease;animation:laurel-in .26s ease both;display:inline-block;text-align:right;max-width:calc(50vw - clamp(24px,5vw,64px))}.watch[hidden]{display:none}.watch:hover{color:var(--fg)}.watch svg{width:1.4em;height:auto;vertical-align:-.32em;margin-right:.4em}.about{background:#0a0a0a;padding:clamp(64px,14vh,150px) clamp(24px,5vw,64px)}.about-inner{max-width:860px;margin:0 auto}.about-photo-wrap{float:right;overflow:hidden;width:clamp(150px,22vw,230px);aspect-ratio:1 / 1;margin:.2em 0 clamp(10px,1.5vw,20px) clamp(22px,3vw,42px);shape-outside:circle(50%);shape-margin:clamp(8px,1.4vw,18px);-webkit-mask-image:radial-gradient(circle at center,#000 48%,rgba(0,0,0,.5) 63%,transparent 76%);mask-image:radial-gradient(circle at center,#000 48%,rgba(0,0,0,.5) 63%,transparent 76%)}.about-photo{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transform:scale(1.35);transform-origin:center 20%}.about-text p{font-family:Google Sans,system-ui,sans-serif;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.72;color:#c9c9c9}.about-text p+p{margin-top:1.1em}@media(max-width:760px){.about-photo-wrap{width:clamp(120px,34vw,180px)}}.site-footer{background:#070707;border-top:1px solid rgba(255,255,255,.08);padding:clamp(64px,12vh,130px) clamp(24px,5vw,64px)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(14px,3vw,32px);flex-wrap:wrap}.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(9px,1.4vh,15px)}.footer-brand{font-family:Cal Sans,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--fg);letter-spacing:.04em}.footer-subscribe{display:inline-flex;align-items:center;gap:.5em;font-family:Google Sans,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(.7rem,.9vw,.82rem);letter-spacing:.06em;color:var(--dim);text-decoration:none;transition:color .16s ease}.footer-subscribe:hover{color:var(--fg)}.footer-subscribe svg{width:1.4em;height:auto;flex:none}.footer-social{display:flex;flex-direction:column;align-items:stretch;text-align:right;gap:clamp(7px,1.1vh,11px)}.footer-social-title{font-family:Google Sans,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(.6rem,.8vw,.7rem);letter-spacing:.14em;color:var(--dim2);padding-bottom:clamp(8px,1.2vh,13px);margin-bottom:clamp(3px,.6vh,6px);border-bottom:1px solid rgba(255,255,255,.14)}.footer-social a{font-family:Google Sans,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(.82rem,1vw,.95rem);letter-spacing:.06em;color:var(--dim);text-decoration:none;transition:color .16s ease}.footer-social a:hover{color:var(--fg)}.footer-warning{max-width:420px;margin:clamp(18px,3vh,32px) 0 0;font-family:Google Sans,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(.5rem,.7vw,.6rem);letter-spacing:.09em;line-height:1.5;color:var(--dim2);text-align:left}.footer-copy{max-width:1200px;margin:clamp(48px,9vh,96px) auto 0;font-family:Google Sans,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(.78rem,1vw,.9rem);letter-spacing:.04em;color:var(--dim2);text-align:center}@media(max-width:600px){.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:24px}.footer-brand-block{align-items:center}.footer-social{text-align:center}.footer-warning{text-align:center;max-width:420px}}
