:root{--ink: #161614;--ink-2: rgba(22, 22, 20, .58);--paper: #f4f1ea;--cyan: #161614;--ease: cubic-bezier(.22, 1, .36, 1);--pad: clamp(16px, 2.2vw, 36px);font-family:Inter Tight,Helvetica Neue,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--paper)}body{cursor:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:none}a{color:inherit;text-decoration:none;cursor:none}[hidden]{display:none!important}small{font-size:9px;font-weight:600;letter-spacing:.06em;color:var(--ink-2)}#bg,#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#bg{pointer-events:none}.cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ink);mix-blend-mode:difference;filter:invert(1);display:grid;place-items:center;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease)}.cursor__pct{font-size:8px;font-weight:800;color:var(--paper);opacity:0;transition:opacity .3s}.is-loading .cursor{width:34px;height:34px;margin:-17px 0 0 -17px;mix-blend-mode:normal;filter:none}.is-loading .cursor__pct{opacity:1}.cursor.is-hover{width:30px;height:30px;margin:-15px 0 0 -15px;background:transparent;border:1.5px solid var(--ink);mix-blend-mode:normal;filter:none}.reveal{opacity:0;transform:translateY(14px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.is-ready .reveal{opacity:1;transform:none}.is-ready .reveal:nth-child(2){transition-delay:.1s}.is-ready .reveal:nth-child(3){transition-delay:.2s}.is-ready .reveal:nth-child(4){transition-delay:.3s}.is-ready .reveal:nth-child(5){transition-delay:.4s}.hdr{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:36px calc(var(--pad) + 16px);opacity:0;transition:opacity 1s .3s}.is-ready .hdr{opacity:1}.logo{font-size:17px;font-weight:800;letter-spacing:-.04em}.hdr__right{display:flex;gap:28px;align-items:flex-start}.hdr__right p{font-size:10px;font-weight:700;letter-spacing:.02em}.status small,.clock small{display:block;font-size:7px;margin-top:2px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ink);margin-right:5px;vertical-align:middle;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.3}}.burger{height:44px;display:flex;align-items:center;margin:-11px -11px -11px 0}.burger__icon{position:relative;width:44px;height:44px;flex:none;display:block}.burger__icon span{position:absolute;right:11px;height:2px;background:var(--ink);transition:transform .6s var(--ease),width .6s var(--ease),top .6s var(--ease),right .6s var(--ease)}.burger__icon span:first-child{top:17px;width:22px}.burger__icon span:last-child{top:23px;width:15px}.burger:hover .burger__icon span:last-child{width:22px}.burger.is-close .burger__icon span{width:18px;right:13px;top:21px}.burger.is-close .burger__icon span:first-child{transform:rotate(45deg)}.burger.is-close .burger__icon span:last-child{transform:rotate(-45deg)}.burger.is-close:hover .burger__icon span{width:18px}body.is-deck .clock,body.is-deck .status{opacity:0;pointer-events:none}.clock,.status{transition:opacity .4s}.ico{display:block;width:12px;height:12px;flex:none}.hero{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;transition:opacity .6s,filter .6s}.hero__slogan{position:absolute;right:8%;bottom:11%;text-align:right;font-size:clamp(14px,1.55vw,24px);font-weight:800;line-height:1.02;letter-spacing:-.03em}.hero__meta,.hero__sub{position:absolute;left:6%;display:flex;gap:8vw;font-size:8px;font-weight:700;letter-spacing:.05em;line-height:1.3}.hero__meta{bottom:36%}.hero__sub{bottom:7.4%}.hero__meta:before{content:"";position:absolute;left:-15vw;right:-60vw;top:24px;height:1px;background:#16161433}.hero__title{position:absolute;left:6%;bottom:11%;font-weight:800;letter-spacing:-.06em;line-height:.84;font-size:clamp(34px,5.4vw,92px)}.hero__title span{display:block}.hero__title span:last-child{font-weight:500}.hero__title span+span{font-size:.82em}.clients{position:absolute;left:6%;bottom:3.4%;display:flex;align-items:center;gap:18px;font-size:8px;font-weight:700}.clients span{font-size:10px;font-weight:800;letter-spacing:.12em}body.is-grid .hero,body.is-about .hero,body.is-modal .hero{opacity:0}body.is-menu .hero{filter:blur(6px)}.views{position:fixed;right:calc(var(--pad) + 16px);top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:4px;padding:4px;border-radius:20px;border:1px solid rgba(22,22,20,.18);background:#f4f1eab3}.views__btn{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;transition:background .3s}.views__btn svg{width:12px;fill:none;stroke:var(--ink);stroke-width:1.6}.views__btn.is-active{background:var(--ink)}.views__btn.is-active svg{stroke:var(--paper)}.tip{position:fixed;left:0;top:0;z-index:30;pointer-events:none;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:4px;background:var(--ink);color:var(--paper);font-size:10px;font-weight:700;white-space:nowrap;opacity:0;transform:translate(18px,8px) scale(.9);transition:opacity .25s,transform .35s var(--ease)}.tip.is-on{opacity:1;transform:translate(18px,8px)}.tip canvas{width:20px;height:20px;border-radius:2px}.spinner{position:fixed;right:calc(var(--pad) + 16px);bottom:36px;width:14px;height:14px;border:1.5px solid rgba(22,22,20,.2);border-top-color:var(--ink);border-radius:50%;animation:spin 1.4s linear infinite;z-index:20}@keyframes spin{to{transform:rotate(1turn)}}.deck{position:fixed;z-index:25;left:6%;bottom:9%;width:min(360px,34vw);display:grid;gap:18px;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .8s var(--ease);pointer-events:none}.deck.is-on{opacity:1;transform:none;pointer-events:auto}.deck__head{border-top:2px solid var(--ink);padding-top:12px}.deck__title{font-size:clamp(26px,2.8vw,44px);font-weight:800;letter-spacing:-.05em;line-height:.95;margin:8px 0 6px}.deck__cn{font-size:12px;font-weight:700}.deck__actions{display:flex;flex-wrap:wrap;gap:6px}.deck__actions button{font-size:10px;font-weight:700;padding:6px 12px;border:1px solid var(--ink);border-radius:14px;transition:background .3s,color .3s}.deck__actions button:hover,.deck__more{background:var(--ink);color:var(--paper)}.deck__more:hover{background:transparent!important;color:var(--ink)!important}.transport{position:fixed;z-index:25;left:0;top:0;display:grid;gap:6px;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}.transport.is-on{opacity:1;pointer-events:auto}.transport__track{padding:8px 0}.transport__bar{display:block;height:2px;background:#16161429}.transport__bar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}.transport p{display:grid;grid-template-columns:1fr auto 1fr;white-space:nowrap;align-items:center;font-size:9px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.transport__rpm{text-align:right}.transport__play{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:.04em;padding:4px 10px 4px 8px;border-radius:12px;color:var(--ink-2);transition:color .3s,background .3s}.transport__play .ico{width:9px;height:9px}.transport__play:hover{color:var(--paper);background:var(--ink)}.tip.is-text{padding:6px 12px}.tip.is-text canvas{display:none}body.is-deck .hero{opacity:0}body.is-deck .views{opacity:0;pointer-events:none}.views{transition:opacity .5s}.grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;padding:64px var(--pad) 40px;animation:fade .6s var(--ease)}.grid__filters{display:flex;gap:4px;margin-bottom:18px}.grid__filters button{font-size:9px;font-weight:700;padding:4px 10px;border-radius:12px;border:1px solid transparent;color:var(--ink-2);transition:background .3s,color .3s}.grid__filters button.is-active{border-color:var(--ink);color:var(--ink)}.grid__cols{columns:4 220px;column-gap:10px;padding-right:40px}.card{break-inside:avoid;margin-bottom:10px;display:block;width:100%;border-radius:2px;overflow:hidden;background:var(--ink);text-align:left;animation:rise .7s var(--ease) both}.card canvas{display:block;width:100%;height:auto;transition:transform .8s var(--ease),filter .5s}.card:hover canvas{transform:scale(1.04)}.card p{display:flex;justify-content:space-between;padding:8px 10px;font-size:9px;font-weight:700;color:var(--paper)}.card p small{color:#f4f1ea8c}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}@keyframes fade{0%{opacity:0}}.about{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;padding:18vh 8vw 10vh;animation:fade .8s var(--ease)}.about__strip{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:14vh}.about__strip canvas{width:5.5vw;height:4.5vw;object-fit:cover;opacity:.9}.about__strip canvas.is-mid{width:9vw;height:6vw;box-shadow:0 10px 30px #00000040;position:relative;z-index:1}.about__intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;font-size:13px;font-weight:500;line-height:1.9;max-width:1100px}.about__h{font-size:12px;font-weight:800;margin:14vh 0 18px}.about__list{list-style:none;max-width:1100px}.about__list li{display:grid;grid-template-columns:60px 1fr auto;padding:12px 0;border-top:1px solid rgba(22,22,20,.2);font-size:11px;font-weight:600;animation:rise .7s var(--ease) both}.about__list li span:first-child,.about__list li span:last-child{color:var(--ink-2);font-size:10px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f1ead1;animation:fade .5s}body.is-modal .grid,body.is-modal .about{opacity:0;pointer-events:none;transition:opacity .4s}.modal__scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.modal__inner{width:min(78vw,1200px);margin:6vh auto 0}.player{position:relative;aspect-ratio:16 / 7.4;border-radius:2px;overflow:hidden;background:#000;animation:zoomIn .9s var(--ease);box-shadow:0 30px 70px #16161440}@keyframes zoomIn{0%{transform:scale(.82) translate(-6vw);opacity:0}}.player__media{width:100%;height:100%;display:block}.player__top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:14px 16px;color:#fff;background:linear-gradient(rgba(0,0,0,.45),transparent)}.player__top h2{font-size:13px;font-weight:800}.player__top small{color:#fff9;font-size:8px}.player__close{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);transition:transform .5s var(--ease)}.player__close:hover{transform:rotate(90deg)}.player__close .ico{width:12px;height:12px}.player__overlay{position:absolute;left:0;right:0;top:50%;text-align:center;color:#fff;font-size:clamp(12px,1.4vw,22px);letter-spacing:.5em;font-weight:300;text-shadow:0 2px 20px rgba(0,0,0,.5)}.player__bar{position:absolute;left:25%;right:25%;bottom:14px;display:flex;align-items:center;gap:10px;color:#fff;font-size:8px}.player__play{display:grid;place-items:center;width:24px;height:24px;color:#fff}.player__play .ico{width:10px;height:10px}.player__track{flex:1;height:2px;background:#ffffff40;border-radius:2px}.player__track i{display:block;height:100%;width:0;background:#fff}.modal__body{padding:9vh 0 4vh;color:var(--ink)}.modal__desc{max-width:560px;font-size:14px;font-weight:500;line-height:1.9;margin-bottom:6vh}.modal__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.modal__gallery canvas{width:100%;display:block}.modal__gallery canvas.is-wide{grid-column:1 / -1}.next{position:relative;display:block;margin:12vh auto 18vh;width:42%;text-align:center}.next__img{width:100%;display:block;border-radius:4px;transition:transform .8s var(--ease)}.next:hover .next__img{transform:scale(1.04)}.next__word{position:absolute;right:-8%;top:-6%;font-size:clamp(30px,4vw,64px);font-weight:800;letter-spacing:-.04em;color:var(--ink)}.next__name{display:inline-block;margin-top:14px;padding:4px 12px;border:1px solid var(--ink);border-radius:12px;color:var(--ink)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:1fr minmax(300px,34%)}.menu__brand{display:grid;place-content:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f1ea80;animation:fade .6s}.menu__brand .logo{font-size:clamp(36px,4vw,64px)}.menu__panel{position:relative;background:var(--paper);border-left:1px solid var(--ink);padding:36px 40px;display:flex;flex-direction:column;animation:slide .7s var(--ease)}@keyframes slide{0%{transform:translate(100%)}}.menu__close{position:absolute;right:18px;top:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;transition:background .4s,color .4s,transform .6s var(--ease)}.menu__close:hover{background:var(--ink);color:var(--paper);transform:rotate(90deg)}.menu__close .ico{width:14px;height:14px}.menu__panel ul{list-style:none;margin-top:16px}.menu__panel li{overflow:hidden}.menu__panel li a{display:inline-block;font-size:clamp(22px,2.2vw,34px);font-weight:800;letter-spacing:-.03em;padding:6px 0;position:relative;animation:rise .8s var(--ease) both}.menu__panel li:nth-child(2) a{animation-delay:.06s}.menu__panel li:nth-child(3) a{animation-delay:.12s}.menu__panel li:nth-child(4) a{animation-delay:.18s}.menu__panel li a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.menu__panel li a:hover:after{transform:none}.menu__panel footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px;font-size:9px;font-weight:700;color:var(--ink-2)}@media (max-width: 760px){:root{--m: 22px;--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px)}html,body{overscroll-behavior:none}#gl{touch-action:none}button,a{-webkit-tap-highlight-color:transparent}.hdr{padding:calc(22px + var(--st)) var(--m) 0;align-items:center}.logo{font-size:18px;padding:12px 0;margin:-12px 0}.hdr__right{gap:18px;align-items:center}.hdr__right .status{display:none}.clock p{font-size:11px}.views{right:var(--m);top:auto;bottom:calc(22px + var(--sb));transform:none;display:flex}.views__btn{width:40px;height:40px}.views__btn svg{width:15px}.spinner{display:none}.hero__title{left:var(--m);bottom:calc(118px + var(--sb));font-size:clamp(38px,12.5vw,60px)}.hero__slogan{bottom:auto;top:calc(78px + var(--st));right:auto;left:var(--m);text-align:left;font-size:12px}.hero__meta{display:none}.hero__sub{left:var(--m);bottom:calc(84px + var(--sb));gap:28px;font-size:8px}.clients{left:var(--m);right:120px;bottom:calc(30px + var(--sb));gap:12px;flex-wrap:wrap;row-gap:4px}.clients p{width:100%}.clients span{font-size:9px}.clients span:nth-child(n+6){display:none}.menu{grid-template-columns:1fr}.menu__brand{display:none}.menu__panel{padding:calc(28px + var(--st)) var(--m) calc(28px + var(--sb));border-left:0}.menu__close{right:calc(var(--m) - 11px);top:calc(11px + var(--st))}.menu__panel ul{margin-top:28px}.menu__panel li a{font-size:40px;padding:8px 0}.menu__panel footer{gap:16px 20px;font-size:11px}.menu__panel footer span{padding:6px 0}.grid{padding:calc(84px + var(--st)) var(--m) calc(96px + var(--sb));background:var(--paper)}.grid__filters{position:sticky;top:-1px;z-index:2;margin:0 calc(var(--m) * -1) 14px;padding:8px var(--m);overflow-x:auto;scrollbar-width:none;background:var(--paper)}.grid__filters::-webkit-scrollbar{display:none}.grid__filters button{flex:none;font-size:11px;padding:9px 14px;border-radius:18px}.grid__cols{columns:2;column-gap:8px;padding-right:0}.card{margin-bottom:8px}.card p{padding:7px 8px;font-size:9px}.about{padding:calc(96px + var(--st)) var(--m) calc(60px + var(--sb));background:var(--paper)}.about__strip{margin-bottom:48px}.about__strip canvas{width:15vw;height:15vw}.about__strip canvas.is-mid{width:24vw;height:24vw}.about__intro{grid-template-columns:1fr;gap:18px;font-size:14px;line-height:1.85}.about__h{margin:56px 0 12px}.about__list li{grid-template-columns:48px 1fr;gap:4px 0;font-size:12px;padding:14px 0}.about__list li span:last-child{grid-column:2}.modal__inner{width:auto;margin:calc(70px + var(--st)) var(--m) 0}.player{aspect-ratio:4 / 3}.player__top{padding:12px}.player__close{width:40px;height:40px}.player__bar{left:12px;right:12px}.player__play{width:40px;height:40px}.modal__body{padding:36px 0 12px}.modal__desc{font-size:14px;margin-bottom:28px}.modal__gallery{grid-template-columns:1fr 1fr}.modal__gallery canvas:nth-child(3){display:none}.next{width:100%;margin:48px 0 calc(60px + var(--sb))}.next__word{right:4%;top:-18px;font-size:44px}.next__name{padding:8px 16px;font-size:11px}.deck{left:var(--m);right:var(--m);bottom:calc(20px + var(--sb));width:auto;gap:12px}.deck__head{padding-top:10px}.deck__title{font-size:30px;margin:6px 0 4px}.deck__cn{font-size:11px}.deck__actions{gap:8px;flex-wrap:nowrap}.deck__actions button{flex:1;font-size:11px;padding:0 8px;height:44px;border-radius:22px;white-space:nowrap}.deck__more{flex:1.5!important}.transport p{font-size:10px}.transport__track{padding:14px 0;margin:-6px 0}.transport__play{font-size:10px;padding:15px 12px;margin:-12px 0}}@media (max-width: 760px) and (max-height: 700px){.hero__title{font-size:40px;bottom:calc(108px + var(--sb))}.hero__sub{display:none}.deck__title{font-size:24px}.deck__head small{display:none}}@media (orientation: landscape) and (max-height: 500px){:root{--m: 20px}.hdr{padding:14px calc(20px + env(safe-area-inset-right,0px)) 0 calc(20px + env(safe-area-inset-left,0px))}.hdr__right .status,.hero__slogan,.hero__meta,.hero__sub,.clients{display:none}.hero__title{left:calc(20px + env(safe-area-inset-left,0px));bottom:18px;font-size:32px}.views{top:auto;bottom:16px;right:calc(20px + env(safe-area-inset-right,0px));transform:none;display:flex}.spinner{display:none}.deck{left:calc(20px + env(safe-area-inset-left,0px));bottom:14px;width:300px;gap:8px}.deck__head small,.deck__cn{display:none}.deck__title{font-size:22px;margin:4px 0 0}.deck__actions button{height:36px;padding:0 12px}.menu{grid-template-columns:1fr}.menu__brand{display:none}.menu__panel{padding:18px 28px}.menu__panel ul{display:flex;gap:28px;margin-top:12px}.menu__panel li a{font-size:30px}.grid{padding:64px 20px 70px}.grid__cols{columns:4 150px}.about{padding:70px 8vw 40px}.modal__inner{width:min(78vw,640px);margin:56px auto 0}}@media (hover: none){body,button,a{cursor:auto}.cursor,.tip{display:none}.card:hover canvas,.next:hover .next__img{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}:focus:not(:focus-visible){outline:none}.player :focus-visible{outline-color:#fff}