:root{--paper:#e9efff;--blue:#234cea;--ink:#17191c;--orange:#ff7245;--line:rgba(23,25,28,.22);--font:'DM Sans',Arial,sans-serif;--display:'Archivo',Arial,sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800}button{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:calc(100% - 112px);max-width:1440px;margin:auto}.header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 56px;border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{font-family:var(--display);font-weight:900;letter-spacing:-3px;font-size:42px;text-decoration:none;line-height:1}.wordmark span{font:12px var(--font);vertical-align:top;letter-spacing:0;margin-left:4px}.header nav{display:flex;gap:30px}.header nav a{text-decoration:none;font-size:14px;font-weight:600}.header nav a:hover{text-decoration:underline}.map-link{display:flex;align-items:center;gap:16px;border:1px solid var(--ink);padding:12px 18px;border-radius:30px;text-decoration:none;font-size:14px;white-space:nowrap}.map-link span{font-size:22px;line-height:1}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:15px;background:white;transform:translateY(-150%)}.skip:focus{transform:none}.hero{padding:34px 0 70px;position:relative}.hero-top,.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:.07em}.hero h1{font-size:clamp(64px,8.6vw,130px);letter-spacing:-.065em;line-height:.96;font-variation-settings:'wdth' 95;margin:60px 0 42px;max-width:1100px}.hero h1>span{color:var(--blue)}.hero-bottom{display:flex;align-items:center;gap:70px}.hero-bottom p{font-size:18px;line-height:1.55}.pill{display:inline-flex;justify-content:center;align-items:center;min-height:50px;border-radius:99px;padding:15px 26px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:white}.light{background:var(--paper);color:var(--ink)}.hero-note{position:absolute;right:15px;top:130px;transform:rotate(7deg);font-size:15px;line-height:1.5;display:flex;align-items:center;gap:10px}.hero-note span{font-size:64px;font-family:var(--display);font-weight:500}.playground{background:var(--blue);color:var(--paper);margin:0 24px;border-radius:14px;overflow:hidden}.play-head{display:flex;justify-content:space-between;align-items:center;padding:25px 32px;gap:20px}.play-head h2{font:500 16px var(--font)}.play-head>span{font-size:12px;letter-spacing:.09em}.play-head button{background:transparent;border:1px solid #94aaff;border-radius:30px;padding:10px 15px;font-size:14px;color:var(--paper)}.motion-stage{min-height:430px;height:38vw;max-height:580px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;--duration:2.8s}.motion-word{display:flex;align-items:center;gap:.22em;font-family:var(--display);font-size:clamp(70px,16vw,245px);font-weight:900;letter-spacing:-.065em;font-variation-settings:'wdth' 110;line-height:1.2}.motion-word>span{display:inline-block;animation:bounce var(--duration) infinite cubic-bezier(.33,0,.25,1)}.motion-word>span:nth-child(2){animation-delay:-.3s}.period{color:var(--orange)}.stage-note{position:absolute;left:32px;top:24px;font-size:12px;letter-spacing:.07em}.stage-number{position:absolute;right:32px;bottom:28px;font-size:14px}.motion-controls{border-top:1px solid #667ff0;padding:20px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.presets{display:flex;gap:8px;flex-wrap:wrap}.presets button{border:1px solid transparent;border-radius:25px;background:transparent;color:var(--paper);padding:10px 16px;font-size:14px}.presets button[aria-pressed=true]{background:var(--paper);color:var(--blue)}.motion-controls label{display:flex;align-items:center;gap:12px;font-size:14px}.motion-controls input{width:110px;accent-color:var(--orange)}.motion-controls output{min-width:35px}[data-style=stretch] .motion-word>span{animation-name:stretch}[data-style=rhythm] .motion-word>span{animation-name:rhythm}.paused .motion-word>span{animation-play-state:paused}@keyframes bounce{0%,80%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-45px) rotate(-4deg)}55%{transform:translateY(8px) scaleY(.92)}}@keyframes stretch{0%,100%{transform:scale(1)}45%{transform:scale(.88,1.2)}70%{transform:scale(1.05,.92)}}@keyframes rhythm{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-5deg) translateY(-18px)}60%{transform:rotate(4deg) translateY(14px)}}.section{padding-top:110px;padding-bottom:110px}.section-label{padding-bottom:18px;border-bottom:1px solid currentColor}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin:42px 0}.section-intro h2{font-size:clamp(48px,6.5vw,94px);letter-spacing:-.065em;line-height:1}.section-intro p{max-width:430px;line-height:1.6;font-size:18px}.orange{color:#bd3d14}.portfolio-block{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;border:1px solid var(--ink);border-radius:8px;padding:44px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:600}.portfolio-block h3{font-size:clamp(36px,4vw,58px);letter-spacing:-.045em;line-height:1.03;margin:24px 0}.portfolio-block p{max-width:390px;line-height:1.6}.portfolio-block>#motion-projects{border-left:1px solid var(--line);padding-left:45px;display:flex;justify-content:center;flex-direction:column;gap:12px}.empty-title{font-size:22px;font-weight:600}.subheading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:48px 0 24px}.subheading h3{font-size:27px;letter-spacing:-.03em}.subheading>span{font-size:12px;letter-spacing:.06em}.projects{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.project{padding:25px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:30px 1fr;gap:15px}.project-num{font-size:12px;padding-top:6px;color:#505766}.project h4{font-size:22px;letter-spacing:-.035em;margin:0 0 10px;font-family:var(--display);font-weight:700}.project p{font-size:16px;line-height:1.6;max-width:440px}.project-meta{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-top:14px;color:#505766}.project-meta a{color:var(--blue)}.cinema-section{background:var(--ink);color:var(--paper);padding:90px 0}.cinema-section .section-label{border-color:#52565e}.cinema-section .section-intro{margin-bottom:52px}.cinema-section h2 em{font-style:normal;color:var(--orange)}.text-link{display:inline-block;font-size:14px;margin-top:18px}.cine-toolbar{display:flex;gap:24px;align-items:flex-end;margin:32px 0 20px}.search{flex:1;display:flex;flex-direction:column;gap:9px;font-size:14px}.search input{width:100%;padding:16px 18px;background:#262a30;color:white;border:1px solid #626873;border-radius:5px;font-size:16px}.search input::placeholder{color:#bac0cb}.sort{display:flex;flex-direction:column;gap:9px;font-size:14px}.sort select{background:#262a30;color:var(--paper);padding:16px 38px 16px 15px;border:1px solid #626873;border-radius:5px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:transparent;color:var(--paper);border:1px solid #737b89;border-radius:28px;padding:10px 19px;font-size:14px}.filters button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.results{color:#bac0cb;font-size:14px;margin:24px 0}.films{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}.film{background:none;border:0;padding:0;text-align:left;color:var(--paper);min-width:0}.poster{aspect-ratio:2/3;overflow:hidden;background:#353a44;border-radius:5px}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.film:hover img{transform:scale(1.045)}.film-title{display:block;margin-top:13px;font-size:16px;font-weight:600;line-height:1.35}.film-year{display:block;color:#b5bcc8;font-size:13px;margin-top:6px}.more-row{text-align:center;margin:38px 0}.collection-details{border-top:1px solid #626873;padding-top:25px}.collection-details summary{cursor:pointer;font-size:18px;padding:8px 0}.stats-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:38px 0}.stats-main strong{display:block;color:var(--orange);font-family:var(--display);font-size:86px;font-weight:800;letter-spacing:-.06em}.stats-main>span{font-size:22px}.stats-main p{font-size:14px;color:#b5bcc8;line-height:1.6;max-width:370px;margin-top:15px}.chart{margin-top:24px}.chart-row{display:grid;grid-template-columns:115px 1fr 32px;align-items:center;gap:14px;font-size:14px;margin:14px 0}.chart-track{height:9px;background:#343a45;border-radius:9px;overflow:hidden}.chart-track span{display:block;height:100%;background:var(--orange)}.interests{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.games .subheading{margin-top:0}.games .subheading h3{font-size:38px;line-height:1.1}.games ol{list-style:none;padding:0;margin:30px 0 0;counter-reset:game}.games li{padding:17px 0;border-top:1px solid var(--line);counter-increment:game;font-size:20px;font-weight:500;display:flex;gap:28px}.games li:before{content:counter(game,decimal-leading-zero);font-size:12px;color:#505766;margin-top:5px}.channels{background:#ff8157;border-radius:8px;padding:40px;display:flex;flex-direction:column;align-items:flex-start}.channels h3{font-size:clamp(48px,5vw,76px);line-height:.97;letter-spacing:-.06em;margin:42px 0}.channels p{font-size:18px;line-height:1.6;max-width:300px}.channel-foot{margin-top:auto;padding-top:70px;font-size:12px;letter-spacing:.07em}.channel-item{padding:15px 0;border-bottom:1px solid var(--line)}.channel-item a{font-size:22px;font-weight:700}.channel-item p{font-size:16px;margin-top:8px}.about{background:#cfdbff;padding:80px 0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin:45px 0 65px}.about h2{font-size:clamp(52px,7vw,98px);line-height:.98;letter-spacing:-.065em}.about-grid p{line-height:1.7;margin-bottom:20px}.about-grid .about-lead{font-size:26px;line-height:1.4;letter-spacing:-.02em}.about .pill{margin-top:8px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:30px}.principles p{font-size:20px;font-weight:500;line-height:1.35;display:flex;gap:22px}.principles span{font-size:12px;padding-top:4px}footer{padding-top:44px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top p{margin-right:auto;font-size:20px}.footer-top a{font-size:14px}.footer-word{font-family:var(--display);font-weight:900;letter-spacing:-.07em;line-height:.95;font-size:clamp(100px,25vw,365px);padding:40px 0;color:var(--blue)}.footer-bottom{font-size:12px;letter-spacing:.04em;border-top:1px solid var(--line);padding-top:22px}dialog{padding:55px 35px 35px;background:var(--paper);color:var(--ink);border:0;border-radius:12px;width:760px;max-width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(10,13,20,.8)}.dialog-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:14px;padding:7px}.dialog-film{display:grid;grid-template-columns:210px 1fr;gap:35px;align-items:center}.dialog-film img{border-radius:5px;width:210px}.dialog-film h2{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px}.dialog-film p{margin:12px 0;line-height:1.5}.dialog-film a{display:inline-block;margin-top:15px}.motion-project{margin-bottom:20px}.motion-project video{width:100%;border-radius:5px}.motion-project h4{font-size:22px;margin:12px 0}.motion-project a{display:inline-block;margin-top:10px}
@media(min-width:1600px){.header{padding-left:max(56px,calc((100vw - 1440px)/2));padding-right:max(56px,calc((100vw - 1440px)/2))}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:20px 32px;gap:20px}.header nav{gap:18px}.hero-note{display:none}.hero h1{font-size:10vw}.hero-bottom{gap:40px}.films{grid-template-columns:repeat(4,minmax(0,1fr))}.interests{gap:35px}.motion-word{font-size:17vw}.motion-stage{min-height:350px}.section{padding:80px 0}.section-intro p{font-size:16px}.play-head>span{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:16px 20px;flex-wrap:wrap;gap:20px;min-height:0}.wordmark{font-size:36px}.header nav{order:3;width:100%;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:16px}.header nav a{font-size:13px}.map-link{font-size:13px;padding:10px 14px}.hero{padding-top:26px;padding-bottom:40px}.hero-top p:last-child{display:none}.hero h1{font-size:clamp(43px,10.1vw,76px);letter-spacing:-.06em;line-height:1.01;margin:40px 0 28px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom p{font-size:16px}.playground{margin:0 10px;border-radius:8px}.play-head{padding:18px 16px}.play-head h2{font-size:14px}.play-head button{font-size:12px}.motion-stage{height:330px;min-height:0}.motion-word{flex-direction:column;gap:0;line-height:.92;font-size:105px;letter-spacing:-.065em}.motion-word>span:nth-child(2){font-size:93px}.stage-note{left:20px;top:20px;font-size:10px}.stage-number{right:18px;bottom:18px;font-size:12px}.motion-controls{padding:16px;align-items:flex-start;flex-direction:column;gap:18px}.presets{gap:1px;justify-content:space-between;width:100%}.presets button{padding:9px 10px;font-size:12px}.motion-controls label{width:100%;justify-content:space-between}.motion-controls input{flex:1}.section{padding:65px 0}.section-label{font-size:11px}.section-label>span:last-child{display:none}.section-intro{align-items:flex-start;flex-direction:column;gap:25px;margin:30px 0}.section-intro h2{font-size:55px}.section-intro p{font-size:16px}.portfolio-block{grid-template-columns:1fr;padding:27px;gap:25px}.portfolio-block>#motion-projects{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.portfolio-block h3{font-size:40px}.subheading h3{font-size:23px}.projects{grid-template-columns:1fr}.project h4{font-size:21px}.cinema-section{padding:65px 0}.cine-toolbar{flex-direction:column;align-items:stretch;gap:18px}.sort select{padding:12px}.filters{gap:7px}.filters button{font-size:13px;padding:9px 14px}.films{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.film-title{font-size:15px}.stats-layout{grid-template-columns:1fr;gap:35px}.stats-main strong{font-size:72px}.chart-row{grid-template-columns:105px 1fr 28px;gap:10px}.interests{grid-template-columns:1fr;gap:35px}.channels{padding:30px;min-height:400px}.channels h3{font-size:64px}.channel-foot{padding-top:50px}.about{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.about h2{font-size:65px}.about-grid .about-lead{font-size:24px}.principles{grid-template-columns:1fr;gap:25px}.principles p{font-size:18px}.footer-top{flex-wrap:wrap;justify-content:flex-start}.footer-top p{width:100%}.footer-word{font-size:25vw;padding:35px 0}.footer-bottom{font-size:10px;align-items:flex-start}.footer-bottom span:first-child{max-width:190px}.dialog-film{grid-template-columns:1fr;gap:25px}.dialog-film img{width:160px}.dialog-film h2{font-size:30px}dialog{padding:58px 24px 28px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero h1,.section-intro h2,.about h2{letter-spacing:-.045em}
@media(max-width:760px){.hero h1{font-size:clamp(40px,9.8vw,74px)}.header nav a{font-size:14px}.section-label,.stage-note,.footer-bottom{font-size:12px}}
@media(max-width:350px){.header nav{display:grid;grid-template-columns:1fr 1fr;row-gap:14px}.hero h1{font-size:36px}.motion-word>span:nth-child(2){font-size:82px}.presets button{font-size:12px;padding:9px 7px}}