html:has([data-page=home]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbf7ec}body:has([data-page=home]){overflow-x:clip}@media (prefers-reduced-motion:no-preference){html:has([data-page=home]){scroll-behavior:smooth}}.home{--paper:#fbf7ec;--blue:#2747f5;--deep:#101c80;--ink:#14151f;--white:#fff;--lift:0 0 0 1px #0a0c280d, 0 14px 30px -16px #0a0c2880;--tap:44px;background:var(--paper);color:var(--ink);font-family:var(--font-heebo), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.4;position:relative}.home ul{margin:0;padding:0;list-style:none}.home .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home .ico{fill:currentColor;flex:none;display:block}.home ::selection{background:var(--blue);color:var(--white)}.home a:focus-visible{outline-offset:3px;outline:3px solid}.home .top{z-index:6;max-width:520px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 0;align-items:center;gap:12px;margin-inline:auto;display:flex;position:absolute;inset:0 0 auto}.home .bar,.home .follow{background:var(--white);box-shadow:var(--lift);border-radius:999px;align-items:center;padding:4px}.home .bar{flex:auto;justify-content:space-between;gap:4px;display:flex}.home .brand{height:var(--tap);background:var(--blue);color:var(--white);border-radius:999px;align-items:center;padding:0 16px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.home .nav{display:flex}.home .nav a,.home .follow a{height:var(--tap);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.9375rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.home .nav a{color:var(--blue)}.home .nav a[aria-current=page]{background:color-mix(in srgb, var(--blue) 10%, transparent)}.home .follow a{color:var(--ink)}.home .follow .ico{width:18px;height:18px}.home .nav .wide,.home .follow{display:none}.home .first{flex-direction:column;max-width:520px;height:100svh;min-height:640px;margin:0 auto;display:flex;position:relative;overflow:hidden}.home .photo{isolation:isolate;background:#0b0b12;height:calc(75% - 84px);position:absolute;inset:0 0 auto;overflow:hidden}.home .photo img{object-fit:cover;object-position:50% 14%;filter:contrast(1.08)saturate(1.15);transform-origin:50% 21.5%;width:100%;height:100%;animation:16s ease-in-out infinite alternate home-drift;display:block}.home .photo:after{content:"";background:linear-gradient(#08081400 46%,#080814cc 88%);position:absolute;inset:0}.home .photo--own img{object-position:50% 10%;transform-origin:50% 25%}.home .say{display:contents}.home .title{z-index:3;color:var(--paper);letter-spacing:-.035em;font-weight:900;line-height:.82;font-size:calc(min(25vw, 8rem, .119 * max(100svh, 640px) - 13px) * min(1, 3 / var(--lines,3)));margin:auto 0 0;padding:0 18px;position:relative;transform:translateY(-6px)}.home .title .line{animation:.8s cubic-bezier(.16,1,.3,1) both home-slam;display:block}.home .title .line:nth-child(2){margin-inline-start:.3em;animation-delay:.12s}.home .title .line:nth-child(n+3){animation-delay:.24s}.home .title .line--last{background:var(--blue);width:fit-content;color:var(--white);border-radius:.1em;margin-top:.08em;padding:.02em .14em .08em;transform:rotate(-2deg)}.home .lead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home .wall{--tilt:-4deg;--gap:8px;z-index:1;height:calc(25% + 74px);margin-top:10px;position:relative;overflow:hidden}.home .cols{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0 -8% -40%}.home .col{container-type:inline-size}.home .col-move{--half:calc(6 * (100cqw * 16 / 9 + var(--gap)));animation:88s linear infinite home-up}.home .col:nth-child(2n) .col-move{animation-duration:104s;animation-direction:reverse}.home .col-tilt{gap:var(--gap);padding-bottom:var(--gap);transform:rotate(var(--tilt));transform-origin:100% 0;flex-direction:column;display:flex}.home .cv{aspect-ratio:9/16;object-fit:cover;border-radius:10px;flex:none;width:100%;height:auto;display:block}.home .wall:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to bottom, #fbf7ec00, var(--paper));height:96px;position:absolute;inset:auto 0 0}.home .act{z-index:5;inset-inline:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:10px;display:flex;position:absolute}.home .act__main{background:var(--blue);height:54px;color:var(--paper);white-space:nowrap;border-radius:999px;flex:1;justify-content:space-between;align-items:center;gap:14px;padding-inline:20px 8px;font-size:1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.home .act__main b{background:var(--white);width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.home .act__main svg{width:16px;height:16px}.home .act__follow{background:var(--white);height:54px;box-shadow:var(--lift);border-radius:999px;flex:none;align-items:center;padding:0 3px;display:flex}.home .act__follow a{width:44px;height:48px;color:var(--ink);place-items:center;display:grid}.home .act__follow .ico{width:22px;height:22px}@media (max-width:379px){.home .brand{padding:0 13px}.home .nav a{padding:0 8px;font-size:.875rem}.home .act__main{padding-inline:14px 6px;font-size:.875rem}.home .act__main b{width:34px;height:34px}.home .act__follow a{width:40px}}.home .lessons{max-width:520px;margin:0 auto;padding:56px 18px 8px}.home .tracks{gap:48px;margin-top:30px;display:grid}.home .videos{max-width:520px;margin:0 auto;padding:56px 0 72px;position:relative;overflow:hidden}.home .vtitle{color:var(--blue);letter-spacing:-.035em;margin:0;padding:0 18px;font-size:min(19vw,6.2rem);font-weight:900;line-height:.86}.home .vtitle span{display:block}.home .lessons .vtitle{padding:0}.home .hang{z-index:1;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:22px;padding:38px 26px 14px;display:flex;position:relative;overflow-x:auto}.home .hang::-webkit-scrollbar{display:none}.home .hang>li{scroll-snap-align:start;flex:none;width:56vw;max-width:240px;scroll-margin-inline:26px;container-type:inline-size}.home .piece{transform:rotate(var(--r));transform-origin:50% 0;position:relative}.home .cover{aspect-ratio:9/16;border-radius:14px;box-shadow:0 16px 28px -16px #0a0c2880}.home .cover img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.home .marks{bottom:6px;display:flex;position:absolute;inset-inline-start:6px}.home .mark{width:var(--tap);height:var(--tap);color:var(--ink);place-items:center;display:grid}.home .mark__dot{background:var(--white);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.home .mark__dot .ico{width:17px;height:17px}.home .vname{color:var(--ink);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:16px 0 0;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.home .vdate{color:color-mix(in srgb, var(--ink) 55%, transparent);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.875rem}.home .guide{background:var(--white);height:38px;color:var(--deep);box-shadow:var(--lift);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding-inline:14px 10px;font-size:.875rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex;position:relative}.home .guide:after{content:"";position:absolute;inset:-3px 0}.home .guide__go{width:15px;height:15px}.home .all{aspect-ratio:9/16;background:var(--white);color:var(--deep);letter-spacing:-.02em;border-radius:14px;flex-direction:column;justify-content:space-between;padding:48px 18px 18px;font-size:17cqw;font-weight:900;line-height:.94;text-decoration:none;display:flex;box-shadow:0 16px 28px -16px #0a0c2880}.home .all b{background:var(--deep);width:52px;height:52px;color:var(--white);border-radius:50%;place-items:center;display:grid}.home .all__go{width:24px;height:24px}.home .videos.is-waiting .piece{opacity:0}.home .videos.is-in .vtitle span{animation:.8s cubic-bezier(.16,1,.3,1) both home-slam}.home .videos.is-in .vtitle span:nth-child(2){animation-delay:.1s}.home .videos.is-in .piece{animation:1.3s cubic-bezier(.3,.2,.3,1) backwards home-hang;animation-delay:calc(.25s + var(--i) * 90ms)}@media (min-width:1000px){.home{--tfa:min(10.4vw, 16svh);--sheet-w:max(300px, min(44vw, max(calc((100svh - 368px - 1.64 * var(--tfa)) * 2.19), calc((100svh - 368px) * 1.19))));--sheet-r:32px;--sheet-t:88px;--sheet-b:108px;--ts:min(7.2vw, 13svh);--lead-w:clamp(264px, 20vw, 320px);--say-r:calc(var(--sheet-r) + var(--sheet-w) + 56px);--say-w:max(calc(3 * var(--ts)), min(380px, 30vw));--clear:64px;--wall-w:calc(100vw - var(--say-r) - var(--say-w) - var(--clear))}.home .top{max-width:none;padding:calc(18px + env(safe-area-inset-top,0px)) 32px 0}.home .bar{flex:none;gap:8px}.home .brand{padding:0 20px}.home .nav a,.home .follow a{padding:0 16px;font-size:1rem}.home .nav .wide{display:inline-flex}.home .follow{margin-inline-start:auto;display:flex}.home .first{max-width:none;min-height:620px}.home .photo{inset:var(--sheet-t) var(--sheet-r) var(--sheet-b) auto;z-index:3;width:var(--sheet-w);height:auto;box-shadow:0 0 0 14px var(--white), 0 30px 56px -26px #0a0c2866}.home .photo img{object-position:50% 20%;height:auto;min-height:calc(125.786% - 70.4403px);translate:0 calc(56px - 20.5%)}.home .photo--own img{object-position:50% 12%;height:100%;min-height:0;translate:none}.home .photo:after{display:none}.home .say{z-index:4;inset:auto var(--say-r) var(--sheet-b) auto;flex-direction:column;align-items:flex-start;gap:30px;display:flex;position:absolute}.home .title{color:var(--ink);font-size:var(--ts);white-space:nowrap;margin:0;padding:0;position:static;transform:none}.home .title .line:nth-child(2){margin-inline-start:0}.home .lead{clip-path:none;white-space:normal;text-wrap:balance;width:min(380px,30vw);height:auto;margin:0;font-size:1.25rem;font-weight:500;line-height:1.45;position:static;overflow:visible}.home .act{position:static}.home .act__main{flex:none;justify-content:flex-start;gap:18px;height:56px;padding-inline:26px 9px;font-size:1.125rem}.home .act__follow{display:none}.home .wall{--tilt:7deg;--gap:12px;width:var(--wall-w);height:auto;margin:0;position:absolute;inset:0 auto 0 0;overflow:visible}.home .cols{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));inset:-10% 0 -10% -90px}.home .cv{border-radius:14px}.home .wall:after{height:240px;inset:auto -140px 0 0}.home .lessons{max-width:none;padding:104px 48px 16px}.home .tracks{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:72px;max-width:1296px;margin-top:44px}.home .videos{max-width:none;padding:104px 0 120px}.home .vtitle{padding:0 48px;font-size:min(8vw,7rem)}.home .vtitle span{display:inline-block}.home .vtitle span:nth-child(2){margin-inline-start:.2em}.home .hang{--h:min(46svh, 440px);--w:min(calc(var(--h) * 9 / 16), calc((100% - 96px) / 5));justify-content:center;gap:max(24px, calc((100% - 5 * var(--w)) / 4));max-width:1296px;margin:0 auto;padding:40px 48px 14px;overflow:visible}.home .hang>li{width:var(--w);max-width:none}}@media (hover:hover) and (pointer:fine){.home .brand,.home .act__main,.home .guide{transition:transform .15s cubic-bezier(.2,.8,.2,1)}.home .brand:hover,.home .act__main:hover,.home .guide:hover{transform:translateY(-2px)}.home .nav a,.home .follow a{transition:background-color .15s}.home .nav a:hover{background:color-mix(in srgb, var(--blue) 10%, transparent)}.home .follow a:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.home .piece{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.home .hang>li:hover .piece{transform:rotate(0)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.home *,.home :before,.home :after{animation:none!important}}@keyframes home-drift{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes home-slam{0%{opacity:0;transform:translate(40%)skew(-12deg)}}@keyframes home-up{to{transform:translate(calc(var(--half) * sin(var(--tilt))), calc(-1 * var(--half) * cos(var(--tilt))))}}@keyframes home-hang{0%{opacity:0;transform:translateY(-80px) rotate(calc(var(--r) + 16deg))}16%{opacity:1}44%{transform:translateY(0) rotate(calc(var(--r) - 7deg))}68%{transform:rotate(calc(var(--r) + 3.5deg))}86%{transform:rotate(calc(var(--r) - 1.2deg))}to{transform:rotate(var(--r))}}
