:root{--bg:#0a0a0a;--bg-soft:#111;--fg:#f2f0eb;--fg-soft:#b9b7b0;--fg-dim:#8a8a85;--accent:#f5d247;--accent-contrast:#0a0a0a;--line:#f2f0eb1f;--line-strong:#f2f0eb47;--glass:#0a0a0a8c;--radius:16px;--font:var(--font-archivo), "SF Pro Display", -apple-system, "Helvetica Neue", sans-serif}:root[data-theme=light]{--bg:#f2efe9;--bg-soft:#edeae3;--fg:#0e0e0c;--fg-soft:#4a4845;--fg-dim:#6e6c68;--accent:#c9362b;--accent-contrast:#f2efe9;--line:#0e0e0c1f;--line-strong:#0e0e0c47;--glass:#f2efe999}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer}header{z-index:100;color:var(--fg);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.02em;align-items:center;font-size:20px;font-weight:700;display:flex}.logo-mark{width:38px;height:25px;fill:var(--accent);display:block;overflow:visible}.logo-mark.m-asm path{animation-duration:1.15s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}.logo-mark.m-asm .lg-a{animation-name:lgA}.logo-mark.m-asm .lg-b{animation-name:lgB;animation-delay:60ms}.logo-mark.m-asm .lg-r{animation-name:lgR;animation-delay:.12s}@keyframes lgA{0%,to{transform:none}32%{transform:translate(-36px,-37px)}64%{transform:translate(6px,6px)}80%{transform:translate(-2px,-2px)}}@keyframes lgB{0%,to{transform:none}32%{transform:translate(-44px,31px)}64%{transform:translate(7px,-5px)}80%{transform:translate(-2px,1px)}}@keyframes lgR{0%,to{transform:none}32%{transform:translate(56px,-4px)}64%{transform:translate(-8px,1px)}80%{transform:translate(3px)}}.lg-pen{fill:none;stroke:#fff;stroke-width:100px;stroke-dasharray:1 3;stroke-dashoffset:-4px}.logo-mark.m-draw .lg-pen{animation-duration:1.9s;animation-timing-function:ease-in-out;animation-fill-mode:both}.logo-mark.m-draw .lg-pa0{animation-name:lgPa}.logo-mark.m-draw .lg-pb0{animation-name:lgPb}.logo-mark.m-draw .lg-pr0{animation-name:lgPr}.logo-mark.m-draw .lg-pr1{animation-name:lgPl}@keyframes lgPa{0%{stroke-dashoffset:0}14%{stroke-dashoffset:-1px}20%{stroke-dashoffset:-3px}36%,to{stroke-dashoffset:-4px}}@keyframes lgPb{0%{stroke-dashoffset:0}14%{stroke-dashoffset:-1px}33%{stroke-dashoffset:-3px}46%,to{stroke-dashoffset:-4px}}@keyframes lgPr{0%{stroke-dashoffset:0}14%{stroke-dashoffset:-1px}44%{stroke-dashoffset:-3px}78%,to{stroke-dashoffset:-4px}}@keyframes lgPl{0%{stroke-dashoffset:0}14%{stroke-dashoffset:-1px}74%{stroke-dashoffset:-3px}92%,to{stroke-dashoffset:-4px}}.lg-ghost{opacity:0}.lg-g1{fill:#f35}.lg-g2{fill:#33d6ff}.logo-mark.m-glitch .lg-g1{animation:.65s step-end both lgX1}.logo-mark.m-glitch .lg-g2{animation:.65s step-end both lgX2}.logo-mark.m-glitch .lg-main{animation:.65s step-end both lgXm}@keyframes lgX1{0%,70%{opacity:.9}0%{transform:translate(-30px)}18%{transform:translate(24px,6px)}34%{transform:translate(-44px,-4px)}52%{transform:translate(12px)}70%{transform:translate(-20px,3px)}86%,to{opacity:0;transform:none}}@keyframes lgX2{0%,70%{opacity:.9}0%{transform:translate(30px)}18%{transform:translate(-22px,-5px)}34%{transform:translate(40px,4px)}52%{transform:translate(-14px)}70%{transform:translate(18px,-3px)}86%,to{opacity:0;transform:none}}@keyframes lgXm{0%{transform:translate(8px)}18%{clip-path:inset(28% 0 38%);transform:translate(-6px)}34%{clip-path:none;transform:none}52%{clip-path:inset(0 0 62%);transform:translate(14px)}70%{clip-path:none;transform:translate(-4px)}86%,to{clip-path:none;transform:none}}nav{align-items:center;gap:32px;display:flex}nav a{text-transform:uppercase;letter-spacing:.12em;opacity:.75;font-size:13px;transition:opacity .2s}nav a:hover{opacity:1}.btn-login{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--fg);border-radius:100px;padding:10px 22px;font-size:13px;transition:background .25s,color .25s}.btn-login:hover{background:var(--fg);color:var(--bg)}.btn-icon{font-family:var(--font);letter-spacing:.08em;border:1px solid var(--fg);width:34px;height:34px;color:inherit;opacity:.85;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:opacity .2s,background .25s,color .25s;display:inline-flex}.btn-icon:hover{opacity:1;background:var(--fg);color:var(--bg)}.btn-lang{font-size:11px}.hero{color:#f2f0eb;flex-direction:column;justify-content:flex-end;height:100vh;padding:0 40px;display:flex;position:relative;overflow:hidden}.hero-video{background:radial-gradient(80% 60% at 70% 30%,#241c0e 0%,#0000 60%),radial-gradient(60% 50% at 20% 80%,#14161d 0%,#0000 60%),#0a0a0a;position:absolute;inset:0}.hero-video.live:after{content:none}.hero-embed{pointer-events:none;opacity:0;border:0;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transition:opacity 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-embed.on{opacity:.55}.hero-embed.zoomed{transform:translate(-50%,-50%)scale(1.33)}.hero-video:after{content:"SHOWREEL - AUTOPLAY MUET (VIMEO)";letter-spacing:.3em;color:var(--fg-dim);border:1px dashed var(--line);white-space:nowrap;border-radius:8px;padding:60px 80px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grain{opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-title{letter-spacing:-.045em;text-transform:uppercase;margin-bottom:-.08em;font-size:clamp(60px,12.5vw,190px);font-weight:800;line-height:.9}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{animation:1.1s cubic-bezier(.19,1,.22,1) forwards rise;display:inline-block;transform:translateY(110%)}.hero-title .line:nth-child(2) span{animation-delay:.12s}@keyframes rise{to{transform:translateY(0)}}.hero-meta{z-index:2;text-transform:uppercase;letter-spacing:.14em;color:#f2f0eba6;opacity:0;border-top:1px solid #f2f0eb26;justify-content:space-between;align-items:flex-end;margin-top:40px;padding:24px 0 32px;font-size:13px;animation:1s .8s forwards fade;display:flex;position:relative}@keyframes fade{to{opacity:1}}.hero-meta .accent{color:#f5d247}.hero-announce{z-index:3;opacity:0;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 80px);animation:1s 1.1s forwards fade;display:flex;position:absolute;top:104px;left:40px;right:40px}.hero-announce-link{-webkit-backdrop-filter:blur(10px);color:#f2f0eb;letter-spacing:.12em;text-transform:uppercase;background:#0a0a0a8c;border:1px solid #f5d24773;border-radius:100px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 18px 10px 14px;font-size:12px;transition:background .25s,border-color .25s;display:inline-flex}.hero-announce-link:hover{background:#0a0a0abf;border-color:#f5d247}.hero-announce-label{color:#f5d247;align-items:center;gap:8px;font-weight:700;display:inline-flex}.hero-announce-dot{background:#f5d247;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite announcePulse}@keyframes announcePulse{50%{opacity:.35}}.hero-announce-title{font-weight:700}.hero-announce-cta{color:#f2f0ebb3;letter-spacing:0;font-size:14px;transition:color .25s,transform .25s}.hero-announce-link:hover .hero-announce-cta{color:#f5d247;transform:translate(3px)}.hero-announce-close{cursor:pointer;color:#f2f0ebbf;-webkit-backdrop-filter:blur(10px);background:#0a0a0a8c;border:1px solid #f2f0eb33;border-radius:50%;flex:none;width:30px;height:30px;font-size:16px;line-height:1}.hero-announce-close:hover{color:#f2f0eb;border-color:#f2f0eb80}@media (max-width:680px){.hero-announce{max-width:calc(100% - 32px);top:88px;left:16px;right:16px}.hero-announce-link{padding:9px 14px 9px 12px;font-size:11px}}.nav-dot{background:var(--accent);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;padding:18px 0;overflow:hidden}.marquee-inner{will-change:transform;text-transform:uppercase;letter-spacing:.22em;color:var(--fg-dim);font-size:14px;animation:28s linear infinite scroll;display:inline-block}@keyframes scroll{to{transform:translate(-50%)}}section{padding:120px 40px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:64px;display:flex}.section-head h2,.resources h2,.newsletter h2{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(36px,5.5vw,72px);font-weight:800}.section-head .count{color:var(--fg-dim);letter-spacing:.14em;font-size:13px}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1);transform:translateY(50px)}.reveal.visible{opacity:1;transform:translateY(0)}.works{grid-template-columns:1fr 1fr;gap:24px;display:grid}.work{border-radius:var(--radius);position:relative;overflow:hidden}.work.wide{grid-column:span 2}.work-thumb{aspect-ratio:16/9;letter-spacing:.25em;color:#f2f0eb73;text-transform:uppercase;justify-content:center;align-items:center;width:100%;font-size:11px;transition:transform .8s cubic-bezier(.19,1,.22,1);display:flex}.work:hover .work-thumb{transform:scale(1.05)}.work-thumb{position:relative;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-play{color:#f2f0eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0a73;border:1px solid #f2f0eb80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;transition:background .3s,border-color .3s,color .3s;display:flex;position:absolute;bottom:14px;right:14px}.work.playable:hover .work-play{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.work-cover-hover{opacity:0;transition:opacity .35s}.work:hover .work-cover-hover{opacity:1}.work-overlay{opacity:0;background:linear-gradient(#0808084d 0%,#08080861 45%,#080808d9 100%);transition:opacity .3s;position:absolute;inset:0}.work:hover .work-overlay{opacity:1}.work-overlay .work-play{width:56px;height:56px;font-size:15px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.work-overlay-info{flex-direction:column;gap:3px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.work-overlay-info h3{letter-spacing:-.01em;text-transform:uppercase;color:#f2f0eb;font-size:17px;font-weight:600}.work-overlay-info .role{color:#f2f0ebbf;letter-spacing:.1em;text-transform:uppercase;font-size:12px}@media (hover:none){.work-overlay{opacity:1;background:linear-gradient(#08080800 55%,#080808b8 100%)}.work-overlay .work-play{display:none}}.lightbox-video{aspect-ratio:16/9;width:min(1100px,90vw)}.lightbox-video iframe{border-radius:var(--radius);background:#000;border:0;width:100%;height:100%}.end-cover-player{width:100%;height:100%;position:relative}.end-cover-player iframe,.end-cover-player video{border-radius:var(--radius);background:#000;border:0;width:100%;height:100%;display:block}.end-cover{border-radius:var(--radius);background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.end-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.end-cover:after{content:"";background:#00000059;position:absolute;inset:0}.end-cover-replay{z-index:1;cursor:pointer;background:var(--accent);color:var(--accent-contrast);font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:100px;align-items:center;gap:10px;padding:14px 24px;font-size:13px;font-weight:700;transition:transform .25s;display:inline-flex;position:relative}.end-cover-replay:hover{transform:translateY(-2px)}.end-cover-replay svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.work-info{justify-content:space-between;align-items:baseline;padding:16px 4px 0;display:flex}.work-info h3{letter-spacing:-.01em;text-transform:uppercase;font-size:18px;font-weight:600}.work-info .role{color:var(--fg-dim);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.t1{background:linear-gradient(135deg,#16181f 0%,#2b2416 100%)}.t2{background:linear-gradient(135deg,#101418 0%,#1d2a33 100%)}.t3{background:linear-gradient(135deg,#1a1220 0%,#101014 100%)}.t4{background:linear-gradient(135deg,#201a12 0%,#14100a 100%)}.t5{background:linear-gradient(135deg,#121a14 0%,#0c1010 100%)}.works-more{text-align:center;margin-top:72px}.works-more a{text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--fg-dim);color:var(--fg-dim);padding-bottom:4px;font-size:13px;transition:color .2s,border-color .2s}.works-more a:hover{color:var(--fg);border-color:var(--fg)}.awards{background:var(--bg-soft)}.awards-carousel{position:relative}.awards-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;display:flex;overflow-x:auto}.awards-track::-webkit-scrollbar{display:none}.awards-nav{top:var(--aw-nav-top,130px);z-index:2;width:52px;height:52px;color:var(--fg);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0a0a0a8c;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .3s,border-color .3s,color .3s,opacity .3s;display:flex;position:absolute;transform:translateY(-50%)}.awards-nav.prev{left:-12px}.awards-nav.next{right:-12px}.awards-nav:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.awards-nav:disabled{opacity:.25;cursor:default}.award{cursor:pointer;scroll-snap-align:start;flex:0 0 calc(50% - 12px);position:relative}@media (max-width:680px){.award{flex-basis:100%}}.award-thumb{border-radius:var(--radius);aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.award-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.award:hover .award-thumb img{transform:scale(1.05)}.award-laurels{flex-direction:column;align-items:flex-start;gap:7px;margin-top:12px;padding:0 4px;display:flex}.award-laurel{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10px;line-height:1.4}.award-director{color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px}.award-info{justify-content:space-between;align-items:baseline;padding:16px 4px 0;display:flex}.award-info h3{text-transform:uppercase;letter-spacing:-.01em;font-size:17px;font-weight:600}.award-info span{color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.lightbox{z-index:300;opacity:0;pointer-events:none;background:#080808f0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:auto}.lightbox-player{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);letter-spacing:.3em;width:min(1100px,90vw);color:var(--fg-dim);text-transform:uppercase;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:11px;transition:transform .4s cubic-bezier(.19,1,.22,1);display:flex;transform:scale(.96)}.lightbox.open .lightbox-player{transform:scale(1)}.lightbox-title{color:var(--fg);letter-spacing:.12em;font-size:15px;font-weight:600}.lightbox-close{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);font-size:12px;font-family:var(--font);background:0 0;border:none;transition:color .2s;position:absolute;top:32px;right:40px}.lightbox-close:hover{color:var(--fg)}.da-intro{max-width:60ch;color:var(--fg-dim);margin-bottom:64px;font-size:17px;line-height:1.7}.poster-carousel{overflow:hidden}.poster-track{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:16px;display:flex}.poster-track:active{cursor:grabbing}.poster-cell{aspect-ratio:2/3;background:var(--bg-soft);border-radius:10px;flex:0 0 calc(16.6667% - 13.3333px);overflow:hidden}.poster-cell:first-child{margin-left:calc(-16.6667% - 2.66667px)}.poster-cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}@media (max-width:680px){.poster-cell{flex-basis:calc(50% - 8px)}.poster-cell:first-child{margin-left:calc(-50% - 8px)}}.da-carousel{overflow:hidden}.da-track{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:20px;display:flex}.da-track:active{cursor:grabbing}.da-cell{flex:0 0 calc(33.3333% - 13.3333px)}.da-cell:first-child{margin-left:calc(-33.3333% - 6.66667px)}.da-thumbbox{aspect-ratio:16/9;border-radius:var(--radius);background:var(--bg-soft);overflow:hidden}.da-thumbbox video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.da-caption{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);opacity:.65;margin-top:12px;padding:0 4px;font-size:10px}@media (max-width:680px){.da-cell{flex-basis:100%}.da-cell:first-child{margin-left:calc(-100% - 20px)}}.resources{background:var(--bg-soft)}.resources-inner{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.resources h2{line-height:.95}.resources .cred{border-left:2px solid var(--accent);color:var(--fg-dim);margin-top:28px;padding:20px 24px;font-size:14px;line-height:1.7}.resources-ctas{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.btn-solid{text-transform:uppercase;letter-spacing:.12em;background:var(--accent);color:var(--accent-contrast);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border:none;border-radius:100px;padding:16px 32px;transition:transform .25s;display:inline-block}.btn-solid:hover{transform:translateY(-2px)}.contact-wrap{max-width:1100px;margin:0 auto;padding:160px 40px 120px}.contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}@media (max-width:680px){.contact-grid{grid-template-columns:1fr;gap:32px}}.rubber-portrait{aspect-ratio:3/4;border-radius:var(--radius);touch-action:none;cursor:grab;background:var(--bg-soft);width:100%;overflow:hidden}.rubber-portrait:active{cursor:grabbing}.rubber-portrait canvas{display:block;width:100%!important;height:100%!important}.contact-photo-hint{color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;margin-top:12px;font-size:11px}.contact-bio p{color:var(--fg-soft);max-width:640px;font-size:16px;line-height:1.75}.contact-more{border-top:1px solid var(--line);margin-top:36px;padding-top:32px}.contact-more h2,.contact-more h3{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:16px;font-size:13px}.contact-more p{color:var(--fg-dim);max-width:640px;font-size:15px;line-height:1.75}.contact-more p+p{margin-top:14px}.contact-solo{max-width:760px}.contact-links{flex-direction:column;gap:18px;margin-top:36px;display:flex}.contact-links .contact-email{width:max-content;color:var(--accent);letter-spacing:.04em;font-size:15px}.contact-wrap{position:relative}.contact-wrap>:not(.contact-bg){z-index:1;position:relative}.contact-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.contact-bg video{object-fit:cover;object-position:70% 50%;opacity:.3;mix-blend-mode:screen;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 38%,#000 82%);mask-image:linear-gradient(90deg,#0000 38%,#000 82%)}@media (max-width:900px){.contact-bg video{opacity:.2;object-position:52% 50%;-webkit-mask-image:none;mask-image:none}}:root[data-theme=light] .contact-bg{display:none}@media (prefers-reduced-motion:reduce){.contact-bg{display:none}}.contact-id{align-items:center;gap:16px;margin-top:24px;display:flex}.contact-id .email-pill{margin-top:0}.contact-avatar{flex:none;width:64px;height:64px}.contact-avatar img{border:1px solid var(--line-strong);box-sizing:border-box;border-radius:15px;width:100%;height:100%;display:block}.email-pill{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.email-pill-link,.email-pill-copy{border:1px solid var(--line-strong);height:46px;color:var(--accent);background:0 0;border-radius:100px;transition:color .25s,border-color .25s,background .25s}.email-pill-link{letter-spacing:.04em;align-items:center;padding:0 24px;font-size:15px;display:inline-flex}.email-pill-copy{cursor:pointer;justify-content:center;align-items:center;width:46px;display:inline-flex}.email-pill-copy svg{width:19px;height:19px}.email-pill-link:hover,.email-pill-copy:hover,.email-pill-copy.done{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.email-pill-status{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.contact-subhead{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-top:18px;font-size:13px}.tiles{flex-wrap:wrap;gap:16px 4px;display:flex}.tile{flex-direction:column;align-items:center;gap:7px;width:68px;display:flex}.tile-face{background:var(--accent);width:44px;height:44px;color:var(--accent-contrast);border:1px solid var(--accent);border-radius:12px;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.19,1,.22,1),background .25s,color .25s;display:flex}.tile-face svg{width:22px;height:22px}.tile-letters{letter-spacing:-.03em;font-size:19px;font-weight:700;line-height:1}.tile-letters.small{letter-spacing:-.01em;font-size:10.5px}.tile-label{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);font-size:9.5px;line-height:1.25;transition:color .25s}a.tile .tile-face{background:var(--bg-soft);color:var(--accent);border-color:var(--line-strong)}a.tile:hover .tile-face{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(-3px)}a.tile:hover .tile-label{color:var(--fg)}.contact-cv{margin-top:40px}.social-strip{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 16px 56px;display:flex}.social-strip a{background:var(--bg-soft);width:32px;height:32px;color:var(--accent);border:1px solid var(--line-strong);border-radius:9px;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.19,1,.22,1),background .25s,color .25s,border-color .25s;display:flex}.social-strip a:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(-2px)}.social-strip svg{width:15px;height:15px}.social-strip span{letter-spacing:-.02em;font-size:9.5px;font-weight:700;line-height:1}.social-strip span.small{font-size:7px}.ai-images{border-radius:var(--radius);overflow:hidden}.ai-track{touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:16px;display:flex}.ai-cell{aspect-ratio:3/4;border-radius:var(--radius);background:var(--bg-soft);cursor:grab;border:0;flex:0 0 calc(25% - 12px);padding:0;overflow:hidden}.ai-track:active .ai-cell{cursor:grabbing}.ai-cell:first-child{margin-left:calc(-25% - 4px)}.ai-cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}@media (max-width:680px){.ai-cell{flex-basis:calc(50% - 8px)}.ai-cell:first-child{margin-left:calc(-50% - 8px)}}.ai-video-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;margin-top:40px;display:grid}@media (max-width:680px){.ai-video-row{grid-template-columns:1fr;gap:24px}}.ai-video{aspect-ratio:16/9;border-radius:var(--radius);background:#000;overflow:hidden}.ai-video video{object-fit:cover;width:100%;height:100%;animation:.6s aiFade}.ai-video{position:relative}.ai-video-nav{gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.ai-video-nav button{cursor:pointer;color:#f2f0eb;opacity:.55;-webkit-backdrop-filter:blur(6px);background:#0a0a0a73;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:opacity .4s,background .25s,color .25s;display:grid}@media (hover:hover){.ai-video-nav button{opacity:0;pointer-events:none}.ai-video:hover .ai-video-nav button{opacity:.9;pointer-events:auto}}.ai-video-nav button:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);opacity:1}.ai-video-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@keyframes aiFade{0%{opacity:0}to{opacity:1}}.ai-video-text h3{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:14px;font-size:13px}.ai-video-text p{color:var(--fg-dim);max-width:520px;font-size:15px;line-height:1.7}.ai-video-links{flex-direction:column;gap:12px;margin-top:24px;display:flex}.ai-video-links a{letter-spacing:.12em;text-transform:uppercase;width:max-content;color:var(--accent);font-size:13px;transition:opacity .3s}.ai-video-links a:hover{opacity:.7}.ai-insta{align-items:center;gap:10px;display:inline-flex}.ai-insta svg{flex:none;width:19px;height:19px}.ai-films{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;display:grid}@media (max-width:900px){.ai-films{grid-template-columns:repeat(2,1fr)}}.tuto-back{max-width:1000px;margin:0 auto;padding:0 40px}.lt-wrap .tuto-back,.ch-wrap .tuto-back{max-width:none;margin:0;padding:0}.resources-cats{flex-wrap:wrap;gap:8px 18px;margin:20px 0 4px;display:flex}.resources-cats a{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;transition:opacity .3s}.resources-cats a:hover{opacity:.65}.resources-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.resources-grid .work-info h3{font-size:14px}.resources-grid .tuto-badge{padding:5px 10px;font-size:9px}.resources-grid .tuto-duration{padding:5px 10px;font-size:10px}.resources-grid .plugin-logo-badge{border-radius:10px;width:38px;height:38px}.resources-grid .tuto-audio{gap:6px;padding:5px 10px;font-size:9px}.resources-grid .tuto-audio svg{width:12px;height:12px}.resources-more{margin-top:28px}.resources-more a{text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);font-size:13px;transition:color .3s}.resources-more a:hover{color:var(--accent)}@media (max-width:680px){.resources-grid{grid-template-columns:1fr}}.tuto{border-radius:0;overflow:visible}.tuto .work-thumb{border-radius:var(--radius);position:relative}.tuto:hover .work-thumb{transform:none}.tuto .work-thumb img,.tuto .work-thumb video{transition:transform .8s cubic-bezier(.19,1,.22,1)}.tuto:hover .work-thumb img,.tuto:hover .work-thumb video{transform:scale(1.05)}.tuto-duration{letter-spacing:.1em;color:#f2f0eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0aa6;border-radius:100px;padding:6px 12px;font-size:11px;position:absolute;bottom:14px;right:14px}.tuto-badge{letter-spacing:.16em;text-transform:uppercase;color:#f2f0eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0a8c;border:1px solid #f2f0eb4d;border-radius:100px;padding:6px 13px;font-size:10px;position:absolute;top:14px;left:14px}.tuto-badge.free{color:var(--accent);border-color:#f5d24766}.download-desc{color:var(--fg-dim);margin-top:6px;font-size:13px;line-height:1.5}.download-note{color:var(--fg-dim);letter-spacing:.06em;margin-top:40px;font-size:13px}.download-note a{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px}.work-thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.plugin-logo-badge{background:#0a0a0a;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:absolute;top:14px;right:14px}.plugin-logo-badge img{width:54%;height:auto;display:block;position:static}.new-badge{z-index:2;width:96px;line-height:0;animation:.6s cubic-bezier(.34,1.56,.64,1) both nbPop;display:block;position:absolute;bottom:8px;left:10px}.new-badge svg{width:100%;height:auto;overflow:visible}.nb-pill{fill:var(--accent)}.new-badge text{fill:#141414;font-family:var(--font);letter-spacing:-.02em;text-anchor:middle;dominant-baseline:central;font-size:26px;font-weight:900}.nb-orbit{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:15 5 3 27;animation:5s linear infinite nbOrbit}.nb-star{fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:2.1s ease-in-out infinite nbTwinkle}.resources-grid .new-badge{width:78px}@keyframes nbPop{0%{opacity:0;transform:scale(0)}}@keyframes nbOrbit{to{stroke-dashoffset:-100px}}@keyframes nbTwinkle{0%,to{transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(.45)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.new-badge,.nb-orbit,.nb-star{animation:none}}.pp-download{flex-wrap:wrap;align-items:center;gap:24px;margin:4px 0 48px;display:flex}.pp-download-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);flex-direction:column;gap:5px;font-size:12px;display:flex}.pp-download-free{color:var(--accent)}.pp-plugin-intro{max-width:760px;color:var(--fg-soft);margin-bottom:64px;font-size:17px;line-height:1.7}.pp-plugin-features{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px;display:grid}@media (max-width:760px){.pp-plugin-features{grid-template-columns:1fr}}.pp-plugin-feature h2{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:12px;font-size:13px}.pp-plugin-feature p{color:var(--fg-dim);font-size:14px;line-height:1.65}.pp-plugin-req,.pp-plugin-license{border-top:1px solid var(--line);margin-bottom:56px;padding-top:44px}.pp-plugin-req h2,.pp-plugin-license h2{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-dim);margin-bottom:18px;font-size:13px}.pp-plugin-req ul{flex-direction:column;gap:10px;list-style:none;display:flex}.pp-plugin-req li{color:var(--fg-soft);padding-left:18px;font-size:14px;line-height:1.5;position:relative}.pp-plugin-req li:before{content:"-";color:var(--accent);position:absolute;left:0}.pp-plugin-license p{color:var(--fg-dim);max-width:760px;font-size:14px;line-height:1.65}.newsletter{border-top:1px solid var(--line);padding:96px 40px}.newsletter-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.newsletter h2{line-height:1}.newsletter p{color:var(--fg-dim);max-width:44ch;margin-top:16px;font-size:15px;line-height:1.7}.newsletter-form{border-bottom:1px solid var(--fg-dim);gap:0;display:flex}.newsletter-form input{font-family:var(--font);color:var(--fg);letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;padding:18px 0;font-size:18px}.newsletter-form input::placeholder{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.14em;font-size:13px}.newsletter-form button{font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap;background:0 0;border:none;padding:18px 0 18px 24px;font-size:13px;font-weight:700;transition:transform .25s}.newsletter-form button:hover{transform:translate(6px)}.newsletter-note{color:var(--fg-dim);letter-spacing:.08em;margin-top:14px;font-size:11px}.newsletter-success{letter-spacing:.08em;color:var(--accent);padding:18px 0;font-size:14px}.page{min-height:100vh;padding-top:160px}.page-head{margin-bottom:48px}.page-head h1{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(48px,8vw,120px);font-weight:800;line-height:.95}.page-head p{color:var(--fg-dim);letter-spacing:.06em;margin-top:16px;font-size:15px}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.page-head-row .share-bar{padding-bottom:.12em;font-size:clamp(48px,8vw,120px);line-height:1}.page-head-row .share-menu{font-size:13px}.filters{flex-wrap:wrap;gap:12px;margin-bottom:56px;display:flex}.filter-chip{font-family:var(--font);text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--line);color:var(--fg-dim);background:0 0;border-radius:100px;padding:12px 24px;font-size:12px;transition:color .25s,border-color .25s,background .25s}.filter-chip:hover{color:var(--fg);border-color:var(--fg-dim)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:700}.filter-count{color:inherit;margin-left:8px}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.grid-3{grid-template-columns:1fr}}.lt-wrap{max-width:1000px;margin:0 auto;padding:160px 40px 120px}.lt-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:24px;font-size:11px}.lt-display{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:28px;font-size:clamp(56px,9vw,120px);font-weight:800;line-height:.95}.lt-display .dot{color:var(--accent)}.lt-display.long{font-size:clamp(40px,9vw,120px)}.lt-lede{color:var(--fg-dim);max-width:660px;margin-bottom:80px;font-size:clamp(16px,2vw,20px);line-height:1.55}.lt-recap{border-top:1px solid var(--line);margin:0;padding:60px 0 0}.lt-recap-title{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 16px;font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.05}.lt-recap-lede{color:var(--fg-dim);max-width:620px;margin-bottom:32px;font-size:15px;line-height:1.6}.lt-diagram-recap{width:100%;padding:48px 24px}.lt-diagram-recap svg{max-width:520px}.lt-section,.ch-section,.mh-section{border-top:1px solid var(--line);margin:0 0 84px;padding:60px 0 0}.lt-num{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px}.lt-title{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.05}.lt-spec{letter-spacing:.06em;color:var(--fg-dim);margin:0 0 26px;font-size:12px;line-height:1.5}.lt-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:32px;margin-bottom:28px;display:grid}@media (max-width:760px){.lt-row{grid-template-columns:1fr;gap:24px}}.lt-photo{aspect-ratio:4/5;border-radius:var(--radius);background:var(--bg-soft);overflow:hidden}.lt-photo img{object-fit:cover;width:100%;height:100%;display:block}.lt-diagram{background:var(--bg-soft);border-radius:var(--radius);justify-content:center;align-items:center;padding:16px;display:flex}.lt-diagram svg{width:100%;max-width:420px;height:auto;display:block}.lt-body{color:var(--fg-dim);max-width:680px;font-size:15px;line-height:1.65}.lt-body b{color:var(--fg);font-weight:600}.lt-origin{color:var(--fg-dim);border-top:1px solid var(--line);max-width:680px;margin-top:18px;padding-top:16px;font-size:14px;line-height:1.6}.lt-origin b{color:var(--fg);font-weight:600}.lt-origin-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-right:10px;font-size:10px;display:inline-block}.lt-svg-label{letter-spacing:.04em;fill:var(--fg-dim);font-size:10px;font-family:var(--font)}.lt-svg-subject{fill:var(--bg);stroke:var(--fg);stroke-width:1.5px}.lt-svg-nose{fill:var(--fg)}.lt-svg-ink{fill:none;stroke:var(--fg);stroke-width:1.5px}.lt-svg-guide{fill:none;stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:2 5;opacity:.8}.lt-svg-refl{stroke:var(--fg-dim);stroke-width:3px;stroke-linecap:round}.lt-gloss-block{border-top:1px solid var(--line);margin-top:96px;padding-top:56px}.lt-gloss-title{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 14px;font-size:clamp(26px,5vw,46px);font-weight:700;line-height:1}.lt-gloss-lede{color:var(--fg-dim);max-width:620px;margin:0 0 30px;font-size:15px;line-height:1.6}.lt-gloss-carousel{align-items:stretch;gap:16px;margin:24px 0 18px;display:flex}.lt-gloss-viewport{flex:1;overflow:hidden}.lt-gloss-track{transition:transform .45s;display:flex}.lt-gloss-slide{flex:0 0 100%;min-width:0}.lt-gloss-slide h3{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 20px;font-size:12px;font-weight:600}.lt-gloss-grid{grid-template-columns:repeat(4,1fr);gap:22px 26px;display:grid}.lt-gloss-name{color:var(--fg);letter-spacing:.02em;margin-bottom:3px;font-size:13px;font-weight:600}.lt-gloss-def{color:var(--fg-dim);font-size:12px;line-height:1.5}.lt-gloss-def b{color:var(--fg);font-weight:600}@media (max-width:1000px){.lt-gloss-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.lt-gloss-grid{grid-template-columns:repeat(2,1fr)}}.lt-gloss-arrow{width:32px;color:var(--fg-dim);font-size:28px;font-family:var(--font);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.lt-gloss-arrow:hover{color:var(--accent)}.lt-gloss-arrow:disabled{opacity:.2}.lt-gloss-arrow:disabled:hover{color:var(--fg-dim)}.lt-gloss-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lt-gloss-dot{border:1px solid var(--line);color:var(--fg-dim);font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:100px;padding:8px 16px;font-size:10px;transition:all .15s}.lt-gloss-dot:hover{color:var(--fg);border-color:var(--fg-dim)}.lt-gloss-dot.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.ch-wrap{max-width:960px;margin:0 auto}.ch-sec-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:14px;font-size:11px}.ch-sec-title{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.05}.ch-sec-lede{color:var(--fg-dim);max-width:640px;margin-bottom:36px;font-size:15px;line-height:1.6}.ch-sec-lede b,.ch-sec-lede i{color:var(--fg)}.ch-wheel-layout{grid-template-columns:minmax(280px,1fr) minmax(240px,360px);align-items:start;gap:48px;display:grid}@media (max-width:760px){.ch-wheel-layout{grid-template-columns:1fr;gap:36px}}.ch-wheel{width:100%;height:auto;display:block}.ch-seg{cursor:pointer;transition:opacity .18s}.ch-seg.dim{opacity:.22}.ch-overlay-line{stroke:var(--fg);stroke-width:1.5px;fill:none;opacity:.9;pointer-events:none}.ch-overlay-dot{fill:var(--fg);stroke:var(--bg);stroke-width:2px;pointer-events:none}.ch-toggle{border:1px solid var(--line);border-radius:100px;margin-bottom:22px;display:inline-flex;overflow:hidden}.ch-toggle button{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);background:0 0;border:none;padding:10px 18px;font-size:11px;transition:background .15s,color .15s}.ch-toggle button.active{background:var(--fg);color:var(--bg);font-weight:700}.ch-schemes{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.ch-schemes button{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);background:0 0;border-radius:100px;padding:10px 15px;font-size:11px;transition:all .15s}.ch-schemes button:hover{border-color:var(--fg-dim);color:var(--fg)}.ch-schemes button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.ch-scheme-def{color:var(--fg-dim);min-height:44px;margin-bottom:24px;font-size:14px;line-height:1.6}.ch-palette{border:1px solid var(--line);border-radius:var(--radius);gap:0;display:flex;overflow:hidden}.ch-swatch{letter-spacing:.04em;flex:1;align-items:flex-end;min-height:84px;padding:8px;font-size:10px;display:flex}.ch-swatch span{color:#fff;background:#00000073;border-radius:3px;padding:2px 5px}.ch-base-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);margin-top:16px;font-size:11px}.ch-base-hint b{color:var(--fg)}.ch-temp-divider{stroke:var(--fg);stroke-width:1px;stroke-dasharray:2 5;opacity:.32}.ch-temp{margin-top:20px}.ch-temp-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ch-temp-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg);width:70px;font-size:11px}.ch-temp-sw{gap:4px;display:flex}.ch-temp-sw i{border-radius:3px;width:20px;height:20px;display:inline-block}.ch-temp-def{color:var(--fg-dim);max-width:340px;margin-top:10px;font-size:13px;line-height:1.5}.ch-grid{grid-template-columns:1fr 1fr;gap:36px 48px;display:grid}@media (max-width:680px){.ch-grid{grid-template-columns:1fr;gap:32px}}.ch-prop-name{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.ch-prop-def{color:var(--fg-dim);margin-bottom:14px;font-size:13px;line-height:1.55}.ch-strip{border-radius:6px;height:40px}.ch-steps{border:1px solid var(--line);border-radius:6px;gap:0;height:56px;display:flex;overflow:hidden}.ch-steps>div{flex:1}.ch-degrees{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 40px;padding:24px 0;display:grid}@media (max-width:680px){.ch-degrees{grid-template-columns:1fr;gap:24px}}.ch-degree-name{letter-spacing:.1em;text-transform:uppercase;color:var(--fg);margin-bottom:10px;font-size:11px}.ch-degree-sw{gap:4px;margin-bottom:10px;display:flex}.ch-degree-sw span{border-radius:3px;width:22px;height:22px}.ch-degree-def{color:var(--fg-dim);font-size:13px;line-height:1.5}.ch-systemes{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:32px;display:grid}@media (max-width:680px){.ch-systemes{grid-template-columns:1fr;gap:40px}}.ch-venn-svg{width:190px;height:auto;margin:0 0 16px;display:block}.ch-system-name{text-transform:uppercase;margin-bottom:4px;font-size:18px;font-weight:600}.ch-system-acr{letter-spacing:.08em;color:var(--accent);margin-bottom:10px;font-size:12px}.ch-system-def{color:var(--fg-dim);font-size:14px;line-height:1.6}.ch-sys-note{color:var(--fg-dim);border-top:1px solid var(--line);max-width:640px;padding-top:24px;font-size:14px;line-height:1.65}.ch-sys-note b,.ch-sys-note em{color:var(--fg)}.ch-ratio-bar{border:1px solid var(--line);border-radius:var(--radius);height:96px;margin-bottom:14px;display:flex;overflow:hidden}.ch-ratio-cell{flex-direction:column;justify-content:flex-end;min-width:0;padding:10px;transition:background .18s;display:flex}.ch-ratio-cell .pct{font-size:13px;font-weight:600}.ch-ratio-cell .role{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:10px}.ch-ratio-cell .tag{color:#fff;background:#0006;border-radius:3px;align-self:flex-start;padding:4px 7px}.ch-ratio-note{color:var(--fg-dim);border-top:1px solid var(--line);max-width:640px;padding-top:20px;font-size:14px;line-height:1.65}.ch-ratio-note b,.ch-ratio-note em{color:var(--fg)}.ch-note-flat{border-top:none;padding-top:8px}.ch-ratio-how{border-top:1px solid var(--line);max-width:640px;margin-top:30px;padding-top:24px}.ch-ratio-how-title{text-transform:uppercase;margin-bottom:12px;font-size:18px;font-weight:600}.ch-mun-stage{border-radius:var(--radius);border:1px solid var(--line);background:#000;width:100%;height:600px;margin:8px 0 0;position:relative;overflow:hidden}.ch-mun-stage canvas{width:100%;height:100%;display:block}.ch-mun-modes{gap:8px;display:flex;position:absolute;top:16px;right:16px}.ch-mun-mode{font-family:var(--font);letter-spacing:.04em;color:var(--fg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141820b3;border:1px solid #2a2f3a;border-radius:100px;padding:8px 14px;font-size:11px}.ch-mun-mode.on{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent);font-weight:700}.ch-mun-info{color:#e7eaef;opacity:0;pointer-events:none;background:#08090ca8;border:1px solid #2a2f3a;border-radius:8px;max-width:430px;padding:10px 13px;font-size:13px;line-height:1.55;transition:opacity .18s;position:absolute;bottom:16px;left:16px}.ch-mun-info .ch-mun-dim{color:#99a0ad;font-size:11.5px}.ch-mun-br{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.ch-mun-hint{letter-spacing:.06em;color:#6b7280;pointer-events:none;font-size:10px}.ch-mun-zoom{gap:6px;display:flex}.ch-mun-zoom button{width:32px;height:32px;font-size:18px;line-height:1;font-family:var(--font);color:var(--fg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141820b3;border:1px solid #2a2f3a;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.ch-mun-zoom button:hover{background:#282e3ad9}.ch-mun-explain{margin-top:40px}.ch-mun-explain-title{margin:0 0 6px;font-size:24px}.ch-mun-rule{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:24px;padding:22px 0;display:grid}.ch-mun-k{letter-spacing:.06em;color:var(--accent);padding-top:3px;font-size:11px}.ch-mun-rh{color:var(--fg);text-transform:uppercase;margin:0 0 7px;font-size:16px;font-weight:700}.ch-mun-rule p{color:var(--fg-dim);margin:0 0 8px;font-size:13.5px;line-height:1.62}.ch-mun-rule p:last-child{margin-bottom:0}.ch-mun-rule b{color:var(--fg)}.ch-mun-src{border-top:1px solid var(--line);color:var(--fg-dim);margin-top:30px;padding-top:16px;font-size:11px;line-height:1.7}@media (max-width:640px){.ch-mun-rule{grid-template-columns:1fr;gap:6px}.ch-mun-stage{height:460px}}.mh-wheel{width:100%;height:auto;display:block}.mh-seg{cursor:pointer;transition:opacity .18s,filter .12s}.mh-seg.dim{opacity:.2}.mh-seg:hover{filter:brightness(1.12)}.mh-seg.active-pulse{filter:brightness(1.5)}.mh-seg-label{font-family:var(--font);pointer-events:none;letter-spacing:.02em;font-size:12px;font-weight:600}.mh-node-fr{font-family:var(--font);opacity:.82;pointer-events:none;font-size:8px}.mh-overlay-line{stroke:var(--fg);stroke-width:1.5px;fill:none;opacity:.85}.mh-overlay-dot{fill:var(--fg);stroke:var(--bg);stroke-width:2px}.mh-trace-seg{stroke-linecap:round}.mh-cons{margin-top:22px}.mh-cons-row{align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.mh-cons-label{letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;width:96px;font-size:11px}.mh-cons-label.c{color:var(--fg)}.mh-cons-label.d{color:var(--accent)}.mh-cons-list{color:var(--fg-dim);font-size:13px;line-height:1.5}.mh-cons-def{color:var(--fg-dim);max-width:360px;margin-top:10px;font-size:13px;line-height:1.5}.mh-cons-def b{color:var(--fg)}.mh-cons-wide{max-width:none;margin-bottom:12px}.mh-chord-play{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);border:1px solid var(--fg-dim);background:0 0;border-radius:100px;margin-bottom:22px;padding:10px 18px;font-size:11px;transition:all .15s}.mh-chord-play:hover{background:var(--fg);color:var(--bg)}.mh-swatch{cursor:pointer;transition:filter .12s}.mh-swatch:hover{filter:brightness(1.12)}.mh-scheme-sep{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);flex-basis:100%;align-items:center;gap:10px;margin:10px 0 0;font-size:9px;display:flex}.mh-scheme-sep:after{content:"";background:var(--line);flex:1;height:1px}.mh-prog-list{flex-direction:column;gap:10px;max-width:660px;display:flex}.mh-prog{border:1px solid var(--line);border-radius:10px;align-items:center;gap:16px;padding:11px 14px;display:flex}.mh-prog-play{border:1px solid var(--fg-dim);width:36px;height:36px;color:var(--fg);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex}.mh-prog-play:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.mh-prog-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mh-prog-name{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.mh-prog-roman{color:var(--fg);font-size:14px;font-weight:600}.mh-prog-chords{color:var(--fg-dim);font-size:13px}.mh-tone-svg,.mh-fifths-svg{width:100%;height:auto;display:block}.mh-idx{font-family:var(--font);fill:var(--fg-dim);font-size:10px}.mh-node{cursor:pointer;transition:filter .12s}.mh-node:hover{filter:brightness(1.18)}.mh-node-lbl{font-family:var(--font);pointer-events:none;font-size:11px;font-weight:600}.mh-brk{fill:none;stroke-width:1.5px}.mh-brk-lbl{font-family:var(--font);font-size:18px;font-weight:600}.mh-fc-center{font-family:var(--font);letter-spacing:.05em;fill:var(--fg-dim);font-size:11px}.mh-fc-center2{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;fill:var(--fg-dim);font-size:9px}.mh-fifths-layout{grid-template-columns:minmax(260px,360px) 1fr;align-items:center;gap:48px;display:grid}@media (max-width:760px){.mh-fifths-layout{grid-template-columns:1fr;gap:32px}}.mh-defs{grid-template-columns:repeat(2,1fr);gap:16px 36px;margin-top:8px;display:grid}@media (max-width:680px){.mh-defs{grid-template-columns:1fr}}.mh-def-term{letter-spacing:.08em;text-transform:uppercase;color:var(--fg);margin-bottom:3px;font-size:11px;font-weight:600}.mh-def-txt{color:var(--fg-dim);font-size:13px;line-height:1.5}.mh-degree-ratio{color:var(--accent);margin-bottom:8px;font-size:22px;font-weight:700}.mh-play{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);background:0 0;border-radius:100px;margin-top:12px;padding:8px 14px;font-size:10px;transition:all .15s}.mh-play:hover{border-color:var(--accent);color:var(--fg)}.mh-sys-svg{width:200px;height:auto;margin:0 0 16px;display:block}.mh-sys-svg text{font-family:var(--font)}.mh-strip{cursor:pointer}.mh-steps>div{cursor:pointer;justify-content:center;align-items:flex-end;padding-bottom:6px;transition:filter .12s;display:flex}.mh-steps>div:hover{filter:brightness(1.14)}.mh-steps>div span{font-family:var(--font);color:#0009;background:#fff9;border-radius:3px;padding:1px 5px;font-size:9px}.pp-wrap{max-width:1100px;margin:0 auto;padding:140px 40px 120px}.pp-back{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin-bottom:40px;font-size:12px;transition:color .2s;display:inline-block}.pp-back:hover{color:var(--fg)}.pp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:40px;display:flex}.pp-topbar .pp-back{margin-bottom:0}.share-bar{display:inline-flex;position:relative}.share-btn{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:inline-flex}.share-btn:hover,.share-btn.on{color:var(--accent);border-color:var(--accent)}.share-btn svg{width:16px;height:16px}.share-menu{z-index:50;background:var(--glass);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #00000059}.share-menu a,.share-menu button{color:var(--fg-soft);font:400 13px/1.2 var(--font);text-align:left;cursor:pointer;letter-spacing:normal;text-transform:none;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.share-menu a:hover,.share-menu button:hover{background:var(--line);color:var(--fg)}.share-menu button.done{color:var(--accent)}.share-menu svg{flex:none;width:15px;height:15px}.pp-title{letter-spacing:-.03em;text-transform:uppercase;max-width:20ch;margin-bottom:40px;font-size:clamp(32px,5.5vw,72px);font-weight:800;line-height:.98}.pp-player{aspect-ratio:16/9;margin-bottom:24px}.pp-player-extra{margin:8px 0 40px}.pp-player iframe,.pp-player video{border-radius:var(--radius);background:#000;border:0;width:100%;height:100%}.lightbox-video video{border-radius:var(--radius);background:#000;width:100%;height:100%}.pp-section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin:72px 0 24px;padding-top:44px;display:flex}.pp-section-head h2{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(22px,3.5vw,36px);font-weight:700}.pp-section-head span{color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px}@media (min-width:681px){.pp-section-head{gap:32px}.pp-section-head h2{flex:none}.pp-section-head span{text-align:right;line-height:1.6}}@media (max-width:680px){.pp-section-head{flex-direction:column;gap:8px}}.pp-section-lines{gap:8px;margin:-8px 0 32px;padding:0;list-style:none;display:grid}.pp-section-lines li{color:var(--fg);font-size:15px;line-height:1.5}.pp-section-lines li:before{content:"❧";color:var(--accent);margin-right:10px}.pp-section-links{flex-wrap:wrap;gap:12px 28px;margin:32px 0;display:flex}.pp-text{max-width:760px;margin:48px 0 56px}.pp-text p{color:var(--fg-soft);margin:0 0 18px;font-size:17px;line-height:1.7}.pp-text h3{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 14px;font-size:13px}.pp-text+.pp-text{margin-top:-16px}.pp-section-links a{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:13px;transition:opacity .3s}.pp-section-links a:hover{opacity:.7}.pp-image{border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.pp-image img{width:100%;display:block}.pg-gallery{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.pg-item{background:0 0;border:0;border-radius:8px;min-width:120px;padding:0;transition:opacity .25s;display:block;overflow:hidden}.pg-item:hover{opacity:.85}.pg-item img{object-fit:cover;width:100%;height:100%;display:block}.img-lb-full{border-radius:var(--radius);max-width:92vw;max-height:88vh;box-shadow:0 24px 80px #00000080}.img-lb-arrow{width:52px;height:52px;font-size:26px;font-family:var(--font);color:#f2f0eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0a80;border:1px solid #f2f0eb4d;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.img-lb-arrow:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.img-lb-prev{left:32px}.img-lb-next{right:32px}.img-lb-counter{letter-spacing:.14em;color:#f2f0ebcc;font-size:12px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.pp-credits{border-top:1px solid var(--line);margin-top:72px;padding-top:44px}.pp-credits h2{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:28px;font-size:clamp(22px,3.5vw,36px);font-weight:700}.pp-credits-grid{grid-template-columns:repeat(2,1fr);gap:18px 48px;max-width:760px;display:grid}@media (max-width:680px){.pp-credits-grid{grid-template-columns:1fr}}.pp-credit{flex-direction:column;gap:3px;display:flex}.pp-credit-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10px}.pp-credit-value{color:var(--fg);white-space:pre-line;font-size:15px}.pp-credit-value a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .25s}.pp-credit-value a:hover{color:var(--accent)}.credit-socials{vertical-align:-1px;gap:7px;margin-left:8px;display:inline-flex}.pp-credit-value .credit-socials a{color:var(--fg-dim);text-decoration:none;transition:color .25s;display:inline-flex}.pp-credit-value .credit-socials a:hover{color:var(--accent)}.credit-socials svg{width:13px;height:13px}.pp-related{border-top:1px solid var(--line);margin-top:72px;padding:44px 0 0}.pp-related h2{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:28px;font-size:clamp(22px,3.5vw,36px);font-weight:700}.tapsi-course{--serif:var(--font);--sans:var(--font);--mono:var(--font);--ink:var(--fg);--ink-soft:var(--fg-soft);--ink-mute:var(--fg-dim);--rule:var(--line);--rule-strong:var(--line-strong);--bg-deep:var(--bg-soft);--gutter:0px;max-width:1000px;margin:0 auto;padding:0 40px 120px}.tapsi-course h1{text-transform:uppercase;font-family:var(--font)!important;letter-spacing:-.04em!important;font-size:clamp(48px,8vw,110px)!important;font-style:normal!important;font-weight:800!important;line-height:.95!important}.tapsi-course h2{text-transform:uppercase;font-family:var(--font)!important;letter-spacing:-.02em!important;font-style:normal!important;font-weight:700!important}.tapsi-course p[class*=-lede]{font-style:normal!important;font-family:var(--font)!important}@media (max-width:700px){.tapsi-course{padding:0 16px 80px}.tuto-back{padding:0 16px}.tapsi-course h1{overflow-wrap:anywhere;font-size:clamp(30px,10vw,48px)!important}.tapsi-course h2{overflow-wrap:anywhere}.tapsi-course *{min-width:0}.tapsi-course [class*=-panel-view],.tapsi-course [class*=-stage]{max-width:100%;overflow-x:auto}.tapsi-course .cs-panel-view,.tapsi-course .cs-stage,.tapsi-course .cs-rgbcmjn{flex-direction:column}.tapsi-course .cs-rgbcmjn,.tapsi-course .cs-rgbcmjn>*{max-width:100%;width:100%!important}.tapsi-course svg{max-width:100%}}.tapsi-course section{border-top:1px solid var(--line);margin:0 0 84px;padding:60px 0 0}.tapsi-course .cs-added{border-top:1px solid var(--line);margin-top:64px;padding-top:44px}.tapsi-course .cs-added h4{margin:28px 0 10px}.tapsi-course .cs-added p{max-width:760px;color:var(--fg-soft);margin-bottom:8px;line-height:1.7}.tapsi-course .cs-added p+p{margin-top:16px}.tapsi-course section:first-of-type{border-top:none;padding-top:0}.tapsi-course [class*=-chips] button{cursor:pointer;font-family:var(--font);border-radius:100px}.tapsi-course button.active{font-weight:700;color:var(--accent-contrast)!important}.tapsi-course [class*=-toggle]{border-radius:100px;overflow:hidden}.tapsi-course [class*=-box],.tapsi-course [class*=-figbox],.tapsi-course [class*=-demo],.tapsi-course [class*=-scale]{border-radius:var(--radius)}.tapsi-course svg,.tapsi-course img{border-radius:8px}footer{padding:140px 40px 48px}footer .cta{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(48px,9vw,140px);font-weight:800;line-height:.95}footer .cta a{transition:color .25s}footer .cta a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-top:96px;padding-top:32px;font-size:12px;display:flex}.footer-bottom .links{gap:28px;display:flex}.footer-bottom a:hover{color:var(--fg)}@media (max-width:900px){.works,.awards-grid,.resources-inner,.newsletter-inner{grid-template-columns:1fr}.work.wide{grid-column:span 1}nav a:not(.btn-login){display:none}}.btn-burger{flex-direction:column;gap:4px;display:none}.btn-burger span{background:currentColor;border-radius:1px;width:14px;height:1.5px;transition:transform .25s,opacity .2s;display:block}header.menu-on .btn-burger span:first-child{transform:translateY(5.5px)rotate(45deg)}header.menu-on .btn-burger span:nth-child(2){opacity:0}header.menu-on .btn-burger span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.mobile-menu{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;max-height:calc(100dvh - 72px);padding:8px 16px 22px;animation:.25s menu-in;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mobile-menu a{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;color:var(--fg);align-items:center;gap:10px;padding:16px 4px;font-size:22px;font-weight:700;display:flex}.mobile-menu a.on{color:var(--accent)}.mobile-menu a.mobile-lang{letter-spacing:.12em;color:var(--fg-dim);border-bottom:0;padding-top:20px;font-size:13px;font-weight:600}html.menu-open{overflow:hidden}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (max-width:900px){nav{gap:12px}.btn-burger{display:inline-flex}}@media (min-width:901px){.mobile-menu{display:none}}.skills-band{padding:120px 40px 0}.skills-divider{--fg:var(--accent-contrast);--bg:var(--accent);--fg-dim:color-mix(in srgb, var(--accent-contrast) 62%, var(--accent));background:var(--bg);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;padding:56px clamp(40px,5vw,72px) 48px;display:flex}.skills-copy{flex-direction:column;flex:280px;gap:14px;max-width:520px;display:flex}.skills-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.skills-title{text-transform:uppercase;letter-spacing:-.02em;color:var(--fg);margin:0;font-size:clamp(22px,2.2vw,33px);font-weight:800;line-height:.98}.skills-sub{color:var(--fg-dim);max-width:320px;margin:0;font-size:13px;line-height:1.6}.skills-icons{align-items:flex-start;gap:clamp(24px,3.5vw,64px);display:flex}.skills-item{flex-direction:column;align-items:center;gap:10px;display:flex}.skills-item svg{width:clamp(68px,7vw,100px);height:auto;color:var(--fg);display:block}.skills-item span{letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.sk-a{opacity:0;transform:var(--t0,none);transform-box:fill-box;transform-origin:50%}.sk-trail{transform-origin:0%}.skills-divider.visible .sk-a{animation:skCycle 8s var(--d,0s) cubic-bezier(.45, 0, .2, 1) infinite}@keyframes skCycle{0%,72.5%,to{opacity:0;transform:var(--t0,none)}12.5%,60%{opacity:var(--o,1);transform:none}}.sk-cube{aspect-ratio:1;perspective:420px;place-items:center;width:clamp(68px,7vw,100px);display:grid}.sk-cube-inner{--half:clamp(10.2px, 1.05vw, 15px);width:calc(var(--half) * 2);height:calc(var(--half) * 2);transform-style:preserve-3d;position:relative;transform:rotateX(0)rotateY(0)scaleZ(.001)}.skills-divider.visible .sk-cube-inner{animation:skCube3d 8s var(--d,0s) infinite}@keyframes skCube3d{0%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:rotateX(0)rotateY(0)scaleZ(.001)}12.5%{animation-timing-function:linear;transform:rotateX(-20deg)rotateY(45deg)scaleZ(1)}60%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:rotateX(-20deg)rotateY(405deg)scaleZ(1)}72.5%,to{transform:rotateX(0)rotateY(360deg)scaleZ(.001)}}.sk-face{backface-visibility:hidden;position:absolute;inset:0}.sk-face-front{background:var(--fg);transform:translateZ(var(--half))}.sk-face-back{background:var(--fg);transform:rotateY(180deg) translateZ(var(--half))}.sk-face-right{background:color-mix(in srgb, var(--fg) 55%, var(--bg));transform:rotateY(90deg) translateZ(var(--half))}.sk-face-left{background:color-mix(in srgb, var(--fg) 55%, var(--bg));transform:rotateY(-90deg) translateZ(var(--half))}.sk-face-top{background:color-mix(in srgb, var(--fg) 30%, var(--bg));transform:rotateX(90deg) translateZ(var(--half))}.sk-face-bottom{background:color-mix(in srgb, var(--fg) 30%, var(--bg));transform:rotateX(-90deg) translateZ(var(--half))}@media (prefers-reduced-motion:reduce){.sk-a{opacity:var(--o,1);animation:none!important;transform:none!important}.skills-divider.visible .sk-cube-inner{animation:none;transform:rotateX(-20deg)rotateY(45deg)scaleZ(1)}}.skills-divider.visible .sk-pix{animation-timing-function:step-end}.skills-divider.visible .sk-label{animation:skLabel .8s var(--d,0s) cubic-bezier(.22, 1, .36, 1) forwards}@keyframes skLabel{to{opacity:1;transform:none}}@media (max-width:700px){.skills-band{padding:120px 20px 0}.skills-icons{grid-template-columns:repeat(2,1fr);justify-items:center;gap:48px 24px;width:100%;display:grid}.skills-item:last-child{grid-column:span 2}}.ch-comp-pair{flex-wrap:wrap;gap:32px;margin:8px 0 20px;display:flex}.ch-comp-cell{flex:220px;max-width:320px}.ch-comp-duo{border-radius:10px;height:72px;display:flex;overflow:hidden}.ch-comp-duo span{flex:1}.ch-comp-label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin:10px 0 2px;font-size:11px}.ch-comp-hex{color:var(--fg-soft);font-size:13px}.ch-ramps{flex-direction:column;gap:18px;max-width:640px;margin:8px 0 20px;display:flex}.ch-ramp{border-radius:10px;height:44px;margin-top:8px}.ch-neutrals{flex-wrap:wrap;gap:28px;margin:8px 0 20px;display:flex}.ch-neutral-cell{flex:180px;max-width:260px}.ch-neutral-sw{border:1px solid var(--line);border-radius:10px;align-items:flex-end;height:64px;margin-bottom:10px;padding:8px;display:flex}.ch-neutral-sw span{letter-spacing:.06em;color:var(--fg-dim);background:var(--bg);border-radius:6px;padding:2px 6px;font-size:11px}.mh-func-degrees{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:8px 0 24px;display:grid}.mh-func-deg{text-align:left;background:var(--bg-soft);border:1px solid var(--line);cursor:pointer;font-family:var(--font);color:var(--fg);border-radius:12px;flex-direction:column;gap:4px;padding:16px 14px;transition:border-color .2s,transform .2s;display:flex}.mh-func-deg:hover{border-color:var(--fg-dim);transform:translateY(-2px)}.mh-func-roman{font-size:22px;font-weight:800}.mh-func-deg.mineur .mh-func-roman,.mh-func-deg.minor .mh-func-roman{color:var(--fg-soft)}.mh-func-deg.diminué .mh-func-roman,.mh-func-deg.diminished .mh-func-roman{color:var(--accent)}.mh-func-name{letter-spacing:.1em;text-transform:uppercase;font-size:12px}.mh-func-quality{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.mh-func-def{color:var(--fg-dim);margin-top:4px;font-size:12px;line-height:1.5}.mh-modes{flex-direction:column;gap:8px;max-width:720px;margin:8px 0 24px;display:flex}.mh-mode{text-align:left;border:1px solid var(--line);cursor:pointer;font-family:var(--font);color:var(--fg);background:0 0;border-radius:10px;grid-template-columns:22px 110px 90px 1fr;align-items:center;gap:14px;padding:10px 14px;transition:border-color .2s;display:grid}.mh-mode:hover{border-color:var(--fg-dim)}.mh-mode-light{border-radius:50%;width:18px;height:18px}.mh-mode-name{letter-spacing:.04em;font-size:13px;font-weight:700}.mh-mode-alt{color:var(--fg-soft);font-size:12px}.mh-mode-char{color:var(--fg-dim);font-size:12px;line-height:1.45}.mh-rhythm-btns{flex-wrap:wrap;gap:14px;margin:4px 0 24px;display:flex}.mh-rhythm-pairs{margin-bottom:24px}@media (max-width:700px){.mh-mode{grid-template-columns:18px 1fr}.mh-mode-alt,.mh-mode-char{grid-column:2}}.page-head h1:after,.pp-title:after{content:".";color:var(--accent)}.gd-section{max-width:1100px;margin:0 auto;padding:72px 40px 120px}.gd-title{text-transform:uppercase;letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(24px,3vw,36px);font-weight:800}.gd-title:after{content:".";color:var(--accent)}.gd-lede{color:var(--fg-dim);max-width:560px;margin:0 0 28px;font-size:14px;line-height:1.65}.gd-controls{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.gd-controls label{flex-direction:column;gap:6px;display:flex}.gd-controls label span{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.gd-controls select{background:var(--bg-soft);color:var(--fg);border:1px solid var(--line);font-family:var(--font);border-radius:8px;padding:10px 12px;font-size:13px}.gd-download{background:var(--accent);color:var(--accent-contrast);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:100px;padding:12px 22px;font-size:12px;font-weight:700;transition:transform .2s}.gd-download:hover{transform:translateY(-2px)}.gd-preview{border:1px solid var(--line);background:repeating-conic-gradient(#80808038 0% 25%,#80808014 0% 50%) 0 0/24px 24px;border-radius:12px;max-width:720px;overflow:hidden}.gd-preview canvas{width:100%;height:auto;display:block}.ct-rules{max-width:680px;color:var(--fg-soft);margin:0 0 18px;padding-left:26px;font-size:14.5px;line-height:1.7}.ct-rules li{margin-bottom:6px;padding-left:6px}.ct-rules li::marker{color:var(--accent);font-weight:700}.ct-rules b{color:var(--fg);font-weight:500}.ct-photo{margin:26px 0}.ct-credit{opacity:.55;font-style:normal}.ct-gallery{grid-template-columns:1fr 1fr;gap:18px;max-width:680px;margin:26px 0;display:grid}.ct-gallery .ct-photo{margin:0}.ct-gallery img{border:1px solid var(--line);border-radius:3px;width:100%;height:auto;display:block}@media (max-width:700px){.ct-gallery{grid-template-columns:1fr}}.xr-photo{max-width:680px;margin:30px 0}.xr-photo img,.xr-photo video{border:1px solid var(--line);border-radius:3px;width:100%;height:auto;display:block}.xr-photo figcaption{letter-spacing:.04em;color:var(--fg-dim);margin-top:8px;font-size:11px;line-height:1.6}.vh-wrap{max-width:1000px;margin:0 auto;padding:160px 40px 120px}.vh-wrap .tuto-back{max-width:none;margin:0;padding:0}.vh-section{border-top:1px solid var(--line);margin:0 0 84px;padding:60px 0 0}.vh-num{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px}.vh-title{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.05}.vh-body{color:var(--fg-dim);max-width:680px;font-size:15px;line-height:1.65}.vh-body b{color:var(--fg);font-weight:600}.vh-body a{color:var(--fg);border-bottom:1px solid var(--line-strong);transition:border-color .2s}.vh-body a:hover{border-color:var(--accent)}.vh-figs{flex-wrap:wrap;gap:0 24px;max-width:1000px;display:flex}.vh-figs .xr-photo{flex:320px;max-width:480px}.vh-films{max-width:680px;margin:26px 0 0;padding:0;list-style:none}.vh-films li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:10px;padding:9px 0;font-size:14.5px;line-height:1.5;display:flex}.vh-film-year{letter-spacing:.08em;color:var(--accent);min-width:38px;font-size:11px}.vh-films a{color:var(--fg);border-bottom:1px solid var(--line-strong);transition:border-color .2s}.vh-films a:hover{border-color:var(--accent)}.vh-film-note{color:var(--fg-dim);font-size:13px}.vh-src{border-top:1px solid var(--line);color:var(--fg-dim);max-width:680px;margin-top:30px;padding-top:16px;font-size:11px;line-height:1.7}.vh-src span{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-right:8px}.ct-fontlist{max-width:680px;color:var(--fg-soft);margin:6px 0 18px;padding-left:22px;font-size:14.5px;line-height:1.75}.ct-fontlist li{margin-bottom:7px}.ct-fontlist li::marker{color:var(--accent)}.ct-fontlist a{color:var(--fg);border-bottom:1px solid var(--line-strong)}.ct-fontlist a:hover{border-color:var(--accent)}.ct-body a,.cg-body a{color:var(--fg);border-bottom:1px solid var(--line-strong);transition:border-color .2s}.ct-body a:hover,.cg-body a:hover{border-color:var(--accent)}.acct-wrap{max-width:620px;margin:0 auto;padding:180px 24px 140px}.acct-intro{color:var(--fg-soft);margin-bottom:40px;font-size:17px;line-height:1.7}.acct-tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:36px;display:flex}.acct-tabs button{font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 14px;font-size:13px;font-weight:700}.acct-tabs button.on{color:var(--fg);border-bottom-color:var(--accent)}.acct-form{flex-direction:column;gap:28px;display:flex}.acct-form label{flex-direction:column;gap:8px;display:flex}.acct-form label>span{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.acct-form label>span em{text-transform:none;letter-spacing:.04em;font-style:normal}.acct-form input[type=email],.acct-form input[type=password]{border:none;border-bottom:1px solid var(--fg-dim);font-family:var(--font);color:var(--fg);letter-spacing:.02em;background:0 0;border-radius:0;outline:none;padding:10px 0;font-size:18px}.acct-form input:focus{border-bottom-color:var(--accent)}.acct-check{align-items:flex-start;flex-direction:row!important;gap:12px!important}.acct-check input{accent-color:var(--accent);margin-top:3px}.acct-check span{color:var(--fg-dim);line-height:1.5;letter-spacing:.04em!important;text-transform:none!important;font-size:13px!important}.acct-form .btn-solid{cursor:pointer;font-family:var(--font);border:none;align-self:flex-start}.acct-form .btn-solid:disabled{opacity:.5;cursor:default;transform:none}.acct-error{color:var(--accent);letter-spacing:.04em;font-size:14px}.acct-notice{color:var(--accent);letter-spacing:.04em;margin-bottom:20px;font-size:14px}.acct-logged{color:var(--fg-soft);margin-bottom:36px;font-size:17px;line-height:1.7}.acct-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.acct-logout{font-family:var(--font);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);background:0 0;border:none;font-size:13px}.acct-logout:hover{color:var(--fg)}.pp-download-note{letter-spacing:.06em;width:100%;color:var(--fg-dim);font-size:12px}.acct-unverified{margin:-16px 0 36px}.acct-unverified .acct-notice{margin-bottom:12px}.acct-forgot-link{font-family:var(--font);cursor:pointer;letter-spacing:.08em;color:var(--fg-dim);text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;margin-top:-16px;padding:0;font-size:12px;text-decoration:underline}.acct-forgot-link:hover{color:var(--fg)}.nf-wrap{text-align:center;max-width:620px;margin:0 auto;padding:200px 24px 160px}.nf-code{color:var(--accent);letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(96px,20vw,180px);font-weight:800;line-height:1}.nf-text{color:var(--fg-dim);letter-spacing:.04em;margin-bottom:40px;font-size:16px}.nf-text em{opacity:.7;font-style:normal}.legal-wrap{max-width:720px;margin:0 auto;padding:180px 24px 140px}.legal-title{letter-spacing:-.02em;margin-bottom:48px;font-size:clamp(28px,5vw,44px);font-weight:800}.legal-wrap section{margin-bottom:44px}.legal-wrap h2{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:14px;font-size:13px}.legal-wrap p{color:var(--fg-soft);margin-bottom:12px;font-size:15px;line-height:1.75}.legal-wrap a{text-underline-offset:3px;text-decoration:underline}.pp-compat{align-items:center;gap:8px;display:flex}.pp-apple{width:14px;height:14px;color:var(--accent);flex:none;margin-top:-2px}.pp-ae{background:var(--accent);width:22px;height:22px;color:var(--accent-contrast);letter-spacing:-.02em;text-transform:none;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.ph-grid{opacity:1;grid-template-columns:repeat(3,1fr);gap:16px;transition:opacity .22s;display:grid}.ph-grid.fading{opacity:0}@media (max-width:760px){.ph-grid{grid-template-columns:1fr}}.ph-cell{cursor:zoom-in;aspect-ratio:16/9;background:0 0;border:none;padding:0;display:block;overflow:hidden}.ph-cell img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.ph-cell img.ph-top{object-position:center bottom}.ph-cell:hover img{transform:scale(1.03)}.ph-nav{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.ph-nav button{border:1px solid var(--line);width:44px;height:44px;color:var(--fg);cursor:pointer;font-size:17px;font-family:var(--font);background:0 0;border-radius:100px;transition:border-color .25s,color .25s}.ph-nav button:hover{border-color:var(--accent);color:var(--accent)}.ph-count{letter-spacing:.14em;color:var(--fg-dim);font-size:12px}@media (max-width:680px){.hero-meta{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0 24px}.section-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:40px}.section-head .count{max-width:100%}.footer-bottom{flex-direction:column;gap:18px}.footer-bottom>span{white-space:nowrap}.footer-bottom .links{flex-wrap:wrap;gap:14px 22px}}.hero-titlerow{z-index:2;position:relative}.hero-actions{opacity:0;animation:1s .8s forwards fade;position:absolute;bottom:clamp(4px,.75vw,11px);right:0}@media (max-width:900px){.hero-actions{justify-content:flex-start;margin-top:20px;display:flex;position:static}}.reel-pill{font-family:var(--font);text-transform:uppercase;letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f2f0eb;cursor:pointer;background:#0a0a0a59;border:1px solid #f2f0eb66;border-radius:100px;align-items:center;gap:12px;padding:13px 26px;font-size:12px;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.reel-pill:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.reel-pill svg{display:block}.lightbox-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.tools-ctas{flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px;display:flex}.tools-more{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:13px}.tools-more:hover{color:var(--fg)}.work-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.work-search{border:1px solid var(--line);height:43px;color:var(--fg-dim);cursor:text;border-radius:100px;align-items:center;gap:10px;width:260px;padding:0 20px;transition:color .25s,border-color .25s;display:flex}.work-search:hover{color:var(--fg);border-color:var(--fg-dim)}.work-search:focus-within{border-color:var(--accent);color:var(--fg)}.work-search svg{flex:none;width:15px;height:15px}.work-search input{min-width:0;font-family:var(--font);color:var(--fg);text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;outline:none;flex:1;font-size:12px}.work-search input::placeholder{color:var(--fg-dim);letter-spacing:.12em;font-size:11px}@media (max-width:680px){.work-search{width:100%}}.ai-films-label{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin:48px 0 20px;font-size:12px}.pp-feedback{border-top:1px solid var(--line);max-width:640px;margin-top:96px;padding-top:56px}.pp-feedback h2{text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px;font-size:13px}.pp-feedback-note{color:var(--fg-dim);margin-bottom:28px;font-size:14px;line-height:1.6}.pp-feedback-kinds{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.pp-feedback textarea,.pp-feedback input[type=email]{border:none;border-bottom:1px solid var(--fg-dim);width:100%;font-family:var(--font);color:var(--fg);letter-spacing:.02em;resize:vertical;background:0 0;border-radius:0;outline:none;margin-bottom:24px;padding:10px 0;font-size:16px;display:block}.pp-feedback textarea:focus,.pp-feedback input:focus{border-bottom-color:var(--accent)}.pp-feedback textarea::placeholder,.pp-feedback input::placeholder{color:var(--fg-dim)}.pp-feedback-send{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pp-feedback-send .btn-solid{cursor:pointer;font-family:var(--font);border:none}.pp-feedback-error{color:var(--fg-dim);font-size:13px}.pp-feedback-sent{color:var(--fg);font-size:15px}.acct-google-block{margin-bottom:32px}.acct-google{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);color:var(--fg);border-radius:100px;align-items:center;gap:12px;padding:13px 26px;font-size:13px;transition:border-color .25s,background .25s;display:inline-flex}.acct-google:hover{border-color:var(--fg-dim);background:#f2f0eb0a}.acct-google svg{display:block}.acct-or{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:16px;margin-top:28px;font-size:12px;display:flex}.acct-or:before,.acct-or:after{content:"";background:var(--line);flex:1;height:1px}.cm-wrap{max-width:1280px}.cm-privacy{border-left:2px solid var(--accent);max-width:760px;color:var(--fg-dim);margin:-40px 0 64px;padding-left:16px;font-size:13px;line-height:1.7}.cm-inputs{grid-template-columns:1fr 1fr;gap:32px;display:grid}.cm-pane-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.cm-pane-head h2{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700}.cm-pane-head span{color:var(--fg-dim);text-align:right;font-size:12px}.cm-drop{aspect-ratio:16/10;cursor:pointer;border:1px dashed var(--fg-dim);border-radius:var(--radius);background:#8080800a;justify-content:center;align-items:center;transition:border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.cm-drop:hover,.cm-drop.over{border-color:var(--accent);background:#f5d2470a}.cm-drop.filled{border-style:solid;border-color:var(--line)}.cm-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cm-thumb,.cm-result-canvas{object-fit:contain;width:100%;height:100%;display:block}.cm-drop-text{text-align:center;text-transform:uppercase;letter-spacing:.14em;max-width:40ch;color:var(--fg-dim);padding:24px;font-size:12px;line-height:1.7}.cm-busy{animation:1.2s ease-in-out infinite cm-pulse}@keyframes cm-pulse{50%{opacity:.35}}.cm-pane-foot{align-items:center;gap:16px;margin-top:12px;display:flex}.cm-dims{color:var(--fg-dim);letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.cm-palette{height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;flex:1;display:flex;overflow:hidden}.cm-swatch:first-child{border-radius:8px 0 0 8px}.cm-swatch:last-child{border-radius:0 8px 8px 0}.cm-palette-empty{border:1px solid var(--line)}.cm-swatch{cursor:pointer;font-family:var(--font);border:none;flex:1;padding:0;position:relative}.cm-swatch span{letter-spacing:.06em;color:#f2f0eb;opacity:0;white-space:nowrap;background:#0a0a0ab3;border-radius:4px;padding:3px 6px;font-size:10px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cm-swatch:hover span,.cm-swatch:focus-visible span{opacity:1}.cm-result{grid-template-columns:minmax(0,1fr) 340px;gap:48px;margin-top:72px;display:grid}.cm-viewer{aspect-ratio:3/2;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid var(--line);border-radius:var(--radius);background:#00000059;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cm-viewer.busy:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite cm-pulse;position:absolute;top:16px;right:16px}.cm-badge{text-transform:uppercase;letter-spacing:.16em;color:#f2f0eb;background:#0a0a0ab3;border-radius:100px;padding:6px 12px;font-size:10px;position:absolute;top:14px;left:14px}.cm-controls h3{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-dim);margin-bottom:14px;font-size:11px;font-weight:600}.cm-controls .cm-method-head~.cm-method-head{margin-top:40px}.cm-methods,.cm-exports{flex-wrap:wrap;gap:8px;display:flex}.cm-app .filter-chip{cursor:pointer;padding:9px 16px;font-size:11px}.cm-app .filter-chip:disabled{opacity:.35;cursor:not-allowed}.cm-method-desc{color:var(--fg-dim);min-height:6.4em;margin-top:14px;font-size:13px;line-height:1.6}.cm-sliders{gap:18px;margin-top:24px;display:grid}.cm-slider{flex-direction:column;gap:8px;display:flex}.cm-slider-head{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:11px;display:flex}.cm-slider-val{color:var(--fg-dim);font-variant-numeric:tabular-nums}.cm-slider input[type=range]{width:100%;height:22px;accent-color:var(--accent);cursor:pointer;margin:0}.cm-controls,.cm-edit-foot,.cm-slider{-webkit-user-select:none;user-select:none}.cm-slider.off{opacity:.35}.cm-slider.off input[type=range]{cursor:not-allowed}.cm-reset{cursor:pointer;font-family:var(--font);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);background:0 0;border:none;margin-top:20px;padding:0;font-size:11px;transition:color .2s}.cm-reset:hover{color:var(--fg)}.cm-reset-chip{margin-top:18px}.cm-note{color:var(--fg-dim);margin-top:12px;font-size:12px;line-height:1.6}.cm-progress,.cm-error{color:var(--fg)}@media (max-width:900px){.cm-inputs,.cm-result{grid-template-columns:1fr}.cm-result{gap:40px}.cm-privacy{margin-top:-24px}}.cm-edit{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.cm-edit .cm-palette{flex:none}.cm-swatch.sel{box-shadow:inset 0 0 0 2px var(--accent), inset 0 0 0 3px #0a0a0a99;z-index:1}.cm-swatch.changed:after{content:"";background:#f2f0eb;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0a0a0a80}.cm-swatch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-swatch-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-right:6px;font-size:12px}.cm-pick{position:relative;overflow:hidden}.cm-pick input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cm-edit-foot{grid-template-columns:minmax(0,320px) auto;align-items:end;gap:24px;display:grid}.cm-edit-foot .cm-reset,.cm-edit-foot .cm-reset-chip{justify-self:start;margin:0 0 4px}@media (max-width:680px){.cm-edit-foot{grid-template-columns:1fr;gap:12px}}.tool .work-thumb{justify-content:center;align-items:center;display:flex}.tool-thumb-label{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.tool-desc{color:var(--fg-dim);max-width:42ch;margin-top:8px;font-size:13px;line-height:1.6}.tool .work-info{flex-direction:column;align-items:flex-start;gap:0}.cp-app{gap:72px;display:grid}.cp-app>section{padding:0}.cp-h{text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-size:13px;font-weight:700}.cp-h-gap{margin-top:40px}.cp-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-app .filter-chip{cursor:pointer;padding:9px 16px;font-size:11px}.cp-imposed{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.cp-imposed-item{align-items:center;gap:10px;display:flex}.cp-imposed-chip{cursor:pointer;width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;position:relative;overflow:hidden}.cp-imposed-chip input,.cp-pick input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cp-hex-input{border:none;border-bottom:1px solid var(--fg-dim);width:96px;color:var(--fg);font-family:var(--font);letter-spacing:.06em;background:0 0;outline:none;padding:6px 0;font-size:15px}.cp-hex-input:focus{border-bottom-color:var(--accent)}.cp-x,.cp-add{color:var(--fg-dim);cursor:pointer;font-family:var(--font);background:0 0;border:none}.cp-x{font-size:20px;line-height:1}.cp-add{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.cp-x:hover,.cp-add:hover{color:var(--fg)}.cp-drop{aspect-ratio:16/10;cursor:pointer;border:1px dashed var(--fg-dim);border-radius:var(--radius);background:#8080800a;justify-content:center;align-items:center;max-width:560px;margin-top:24px;display:flex;position:relative;overflow:hidden}.cp-drop:hover{border-color:var(--accent)}.cp-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cp-thumb{object-fit:contain;width:100%;height:100%;display:block}.cp-candidates{flex-wrap:wrap;gap:8px;max-width:560px;margin-top:18px;display:flex}.cp-cand{cursor:pointer;width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);border:none;border-radius:8px;transition:transform .2s}.cp-cand:hover{transform:translateY(-2px)}.cp-cand.on{box-shadow:0 0 0 2px var(--accent)}.cp-mood{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;display:grid}.cp-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.cp-option{cursor:pointer;text-align:left;border:1px solid var(--line);color:var(--fg);font-family:var(--font);background:0 0;border-radius:14px;flex-direction:column;gap:10px;padding:12px;transition:border-color .25s;display:flex}.cp-option:hover{border-color:var(--fg-dim)}.cp-option.on{border-color:var(--accent)}.cp-option-strip{border-radius:8px;height:44px;display:flex;overflow:hidden}.cp-option-strip span{min-width:4px;display:block}.cp-option-name{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.cp-settings{margin-bottom:16px}.cp-shuffle{cursor:pointer;font-family:var(--font);border:none;margin-right:16px}.cp-wheel-wrap{flex-direction:column;gap:12px;display:flex}.cp-wheel{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}.cp-wheel:active{cursor:grabbing}.cp-wheel-shade{fill:#0a0a0a9e}.cp-wheel-mask{fill:none;stroke:#f2f0eb;stroke-width:1.5px;stroke-linejoin:round}.cp-wheel-dot{stroke:#f2f0eb;stroke-width:2px}.cp-bar{height:14px;box-shadow:inset 0 0 0 1px var(--line);border-radius:7px;margin-bottom:20px;display:flex;overflow:hidden}.cp-bar span{display:block}.cp-swatches{gap:16px;display:grid}.cp-swatches.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-swatches.n5{grid-template-columns:repeat(5,minmax(0,1fr))}.cp-sw{flex-direction:column;gap:6px;min-width:0;display:flex}.cp-sw-chip{aspect-ratio:4/5;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;margin-bottom:8px}.cp-sw-head{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;gap:8px;font-size:11px;display:flex}.cp-sw-pct{color:var(--fg-dim);white-space:nowrap}.cp-sw-hex{cursor:pointer;color:var(--fg);font-family:var(--font);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:0 0;border:none;align-self:flex-start;padding:0;font-size:16px}.cp-sw-hex:hover{color:var(--accent)}.cp-sw-name{color:var(--fg-dim);font-size:12px;line-height:1.4}.cp-sw-tag{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-top:4px;font-size:10px}.cp-sw-tools{flex-direction:column;gap:6px;margin-top:8px;display:flex}.cp-tool-row{gap:6px;display:flex}.cp-tool{cursor:pointer;text-align:center;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--font);text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:100px;flex:1;padding:6px 8px;font-size:10px;transition:color .2s,border-color .2s;position:relative;overflow:hidden}.cp-tool:hover{color:var(--fg);border-color:var(--fg-dim)}.cp-tool.on{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.cp-checks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.cp-mock{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;align-items:flex-start;gap:16px;padding:36px;display:flex}.cp-mock-tag{text-transform:uppercase;letter-spacing:.16em;border-radius:100px;padding:5px 10px;font-size:10px}.cp-mock-title{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.cp-mock-text{max-width:46ch;font-size:14px;line-height:1.6}.cp-mock-panel{border-radius:10px;width:100%;padding:18px;font-size:13px}.cp-mock-btn{text-transform:uppercase;letter-spacing:.12em;border-radius:100px;padding:12px 22px;font-size:12px;font-weight:700}.cp-table{border-collapse:collapse;width:100%;font-size:13px}.cp-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 8px}.cp-num{font-variant-numeric:tabular-nums;color:var(--fg-dim);white-space:nowrap}.cp-pair{width:40px;height:28px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cp-values{height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;display:flex;overflow:hidden}.cp-values span{flex:1}.cp-credits{max-width:760px;color:var(--fg-dim);margin-top:72px;font-size:12px;line-height:1.7}@media (max-width:900px){.cp-mood,.cp-checks{grid-template-columns:1fr}.cp-wheel-wrap{max-width:320px}.cp-swatches.n5{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-swatches.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}.cm-to-palette{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);border-bottom:1px solid var(--line);order:3;align-self:flex-start;margin-top:16px;padding-bottom:3px;font-size:11px}.cm-to-palette:hover{color:var(--accent);border-color:var(--accent)}button.btn-login{color:var(--fg);font-family:var(--font);cursor:pointer;opacity:.75;background:0 0;transition:opacity .2s,background .25s,color .25s}button.btn-login:hover{opacity:1}.link-button{cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--accent);border:none;border-bottom:1px solid var(--accent);background:0 0;padding:0 0 2px}.auth-modal{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080899;justify-content:center;align-items:center;padding:24px 16px;animation:.25s auth-fade;display:flex;position:fixed;inset:0}.auth-dialog{background:var(--bg);width:min(460px,100%);max-height:calc(100vh - 48px);color:var(--fg);border:1px solid var(--line-strong);border-radius:var(--radius);padding:40px 36px 36px;animation:.35s cubic-bezier(.19,1,.22,1) auth-rise;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000073}.auth-dialog .acct-intro{margin-bottom:28px;font-size:15px}.auth-dialog .acct-tabs{margin-bottom:28px}.auth-dialog .acct-form{gap:22px}.auth-close{border:1px solid var(--line);width:36px;height:36px;color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.auth-close:hover{color:var(--fg);border-color:var(--fg-dim)}@keyframes auth-fade{0%{opacity:0}}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (max-width:480px){.auth-dialog{padding:36px 22px 28px}}.tool-page{min-height:100vh}.tool-window{bottom:0;left:0;right:0;top:var(--tool-top,72px);background:var(--bg);flex-direction:column;display:flex;position:fixed}.tool-bar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:24px;height:48px;padding:0 24px;display:flex}.tool-name{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800}.tool-name:after{content:".";color:var(--accent)}.tool-bar-right{align-items:center;gap:10px;display:flex}.tool-info-btn{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:50%;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;transition:color .2s,border-color .2s}.tool-info-btn:hover,.tool-info-btn.on{color:var(--accent);border-color:var(--accent)}.tool-body{flex:1;min-height:0;position:relative}.tool-info{z-index:5;background:var(--glass);border:1px solid var(--line-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(440px,100% - 32px);max-height:calc(100% - 76px);padding:24px 24px 20px;position:absolute;top:60px;right:16px;overflow-y:auto}.tool-info h2{text-transform:uppercase;letter-spacing:-.01em;margin:8px 0 14px;font-size:22px;font-weight:800}.tool-info p{color:var(--fg-soft);font-size:14px;line-height:1.65}.tool-info p+p{margin-top:12px}.tool-info .tool-info-note{color:var(--fg-dim);border-left:2px solid var(--accent);padding-left:14px;font-size:13px}.tool-info-x{cursor:pointer;color:var(--fg-dim);background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.tool-info-x:hover{color:var(--fg)}@media (min-width:901px){html.tool-lock,html.tool-lock body{overflow:hidden}}.tool-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.syn-iframe{background:#000;border:0;width:100%;height:100%;display:block}.tool-body .cm-app{grid-template-columns:300px minmax(0,1fr) 340px;height:100%;display:grid}.tool-body .cm-result{display:contents}.tool-body .cm-inputs,.tool-body .cm-viewer-col,.tool-body .cm-controls{min-height:0;padding:20px 24px}.tool-body .cm-inputs{border-right:1px solid var(--line);flex-direction:column;gap:20px;display:flex;overflow-y:auto}.tool-body .cm-inputs .cm-drop{aspect-ratio:16/10}.tool-body .cm-inputs{gap:36px}.cm-input-head{flex-direction:column;align-items:flex-start;gap:3px}.cm-input-head h2{white-space:nowrap}.cm-input-head span{text-align:left}.cm-input-foot{flex-direction:column;align-items:stretch;gap:6px}.cm-input-foot .cm-palette{flex:none}.tool-body .cm-pane-head{margin-bottom:10px}.tool-body .cm-pane-head span{font-size:11px}.tool-body .cm-pane-foot{margin-top:10px}.tool-body .cm-palette{height:28px}.tool-body .cm-viewer-col{flex-direction:column;align-items:center;display:flex}.tool-body .cm-viewer{flex:none;max-width:100%}.tool-body .cm-stage-foot{flex-direction:column;flex:none;max-width:100%;display:flex}.tool-body .cm-controls{border-left:1px solid var(--line);overflow-y:auto}.cm-result-dims{letter-spacing:.06em;text-transform:none;color:var(--fg-dim);font-variant-numeric:tabular-nums;margin-left:12px;font-size:11px;font-weight:400}.cm-method-head{align-items:center;gap:10px;margin-bottom:14px;display:flex;position:relative}.cm-controls .cm-method-head h3{margin:0}.cm-info-btn{border:1px solid var(--line-strong);width:20px;height:20px;color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:50%;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;line-height:1;transition:color .2s,border-color .2s}.cm-info-btn:hover,.cm-info-btn.on{color:var(--accent);border-color:var(--accent)}.cm-method-pop{z-index:10;background:var(--glass);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px 18px;position:absolute;top:30px;left:0;right:0;box-shadow:0 18px 40px #00000059}.cm-method-pop.up{top:auto;bottom:30px}.cm-method-pop strong{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:8px;padding-right:20px;font-size:11px;display:block}.cm-method-pop p{color:var(--fg-soft);font-size:13px;line-height:1.6}.cm-method-pop-x{cursor:pointer;color:var(--fg-dim);background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.cm-method-pop-x:hover{color:var(--fg)}.tool-body .cm-sliders{gap:14px;margin-top:18px}.tool-body .cm-controls .cm-method-head~.cm-method-head{margin-top:28px}@media (max-width:900px){.tool-window{min-height:calc(100vh - var(--tool-top,72px));margin-top:var(--tool-top,72px);position:static}.tool-bar{padding:0 16px}.tool-body .cm-app{grid-template-columns:1fr;height:auto}.tool-body .cm-inputs,.tool-body .cm-controls{border:none;overflow:visible}.tool-body .cm-inputs .cm-drop{aspect-ratio:16/10;flex:none}.tool-body .cm-viewer{aspect-ratio:3/2;flex:none}.syn-iframe{height:calc(100vh - var(--tool-top,72px))}}.pp-text.pp-text-cols{column-count:2;column-rule:1px solid var(--line);column-gap:64px;max-width:none}.pp-text-cols p{break-inside:avoid}.pp-text-cols h3{column-span:all;margin-bottom:22px}@media (max-width:760px){.pp-text.pp-text-cols{column-count:1}}.mp{--mp-cw:clamp(240px, 25vw, 340px);grid-template-columns:var(--mp-cw) minmax(0, 1fr);align-items:start;gap:40px;display:grid}.mp-cover{aspect-ratio:1;border-radius:var(--radius);background:var(--bg-soft);align-self:start;position:relative;overflow:hidden}.mp-cover img,.mp-cover video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s cubic-bezier(.19,1,.22,1),transform 1.4s cubic-bezier(.19,1,.22,1);position:absolute;inset:0;transform:scale(1.03)}.mp-cover img.on,.mp-cover video.on{opacity:1;transform:none}.mp-side{min-width:0;height:var(--mp-cw);flex-direction:column;display:flex}.mp-list{border-top:1px solid var(--line);overscroll-behavior:contain;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.mp-list.scroll-top{-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.mp-list.scroll-mid{-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.mp-list.scroll-end{-webkit-mask-image:linear-gradient(#0000,#000 12%);mask-image:linear-gradient(#0000,#000 12%)}.mp-list li{border-bottom:1px solid var(--line)}.mp-list.scroll-top,.mp-list.scroll-mid,.mp-list.scroll-end{padding-right:24px}.mp-list::-webkit-scrollbar{width:8px}.mp-list::-webkit-scrollbar-track{background:var(--line);border-radius:8px}.mp-list::-webkit-scrollbar-thumb{background:var(--fg-dim);border-radius:8px}.mp-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}@supports ((-moz-appearance:none)){.mp-list{scrollbar-color:var(--fg-dim) var(--line)}}.mp-row{width:100%;color:var(--fg-soft);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 4px;transition:color .25s;display:grid}.mp-row:hover,.mp-row.on{color:var(--fg)}.mp-num{letter-spacing:.14em;color:var(--fg-dim);font-variant-numeric:tabular-nums;font-size:12px}.mp-row.on .mp-num{color:var(--accent)}.mp-name{flex-direction:column;gap:2px;min-width:0;display:flex}.mp-title{letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,1.2vw,18px);font-weight:700;overflow:hidden}.mp-row.on .mp-title{color:var(--accent)}.mp-sub{color:var(--fg-dim);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mp-dur{color:var(--fg-dim);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:13px}.mp-eq{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.mp-eq i{background:var(--accent);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:1s ease-in-out infinite mp-eq}.mp-eq i:nth-child(2){animation-delay:-.35s}.mp-eq i:nth-child(3){animation-delay:-.7s}@keyframes mp-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.mp-eq i{animation:none;transform:scaleY(.7)}.mp-cover img{transition:opacity .3s;transform:none}}.mp-transport{flex:none;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 24px;margin-top:14px;display:grid}.mp-btns{grid-row:1/span 2;align-items:center;gap:10px;display:flex}.mp-play,.mp-step{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;transition:background .25s,border-color .25s,color .25s,opacity .25s;display:inline-flex}.mp-play{background:var(--accent);width:42px;height:42px;color:var(--accent-contrast);border:0}.mp-play svg{fill:currentColor;width:18px;height:18px}.mp-play:hover{opacity:.85}.mp-step{border:1px solid var(--line);width:34px;height:34px;color:var(--fg-soft);background:0 0}.mp-step svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:16px;height:16px}.mp-step:hover:not(:disabled){border-color:var(--line-strong);color:var(--fg)}.mp-step:disabled{opacity:.3;cursor:default}.mp-wave{cursor:pointer;touch-action:none;outline:none;width:100%;height:30px;display:block}.mp-wave rect{fill:var(--line-strong);transition:fill .15s}.mp-wave rect.done{fill:var(--accent)}.mp-wave:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:4px}.mp-time{color:var(--fg-dim);letter-spacing:.08em;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}@media (max-width:900px){.mp{grid-template-columns:1fr;gap:32px}.mp-cover{width:min(100%,420px)}.mp-side{height:auto}.mp-list{max-height:50vh}.mp-transport{margin-top:28px}}.mp-head{align-items:center}.mp-head-title{align-items:flex-start;gap:10px;display:flex}.mp-head-title .mp-info{margin-top:.2em}.mp-head-right{align-items:center;gap:18px;display:flex}.mp-info{display:inline-flex;position:relative}.mp-info-btn{border:1px solid var(--line-strong);width:24px;height:24px;color:var(--fg-soft);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font:italic 500 13px/1 Georgia,Times New Roman,serif;transition:color .25s,border-color .25s;display:inline-flex}.mp-info-btn:hover,.mp-info-btn.on{color:var(--accent);border-color:var(--accent)}.mp-info-pop{z-index:30;background:var(--bg-soft);border:1px solid var(--line-strong);text-transform:none;letter-spacing:0;border-radius:12px;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:22px;width:min(720px,100vw - 32px);padding:18px;display:grid;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 18px 50px #00000080}.mp-info-text{flex-direction:column;gap:10px;min-width:0;display:flex}.mp-info-pop strong{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:11px}.mp-info-text p{color:var(--fg);max-width:44ch;margin:0;font-size:14px;line-height:1.55}.mp-info-pop small{color:var(--fg-dim);max-width:52ch;font-size:12px;line-height:1.5}.mpe{flex-direction:column;gap:12px;min-width:0;display:flex}.mpe-frame{aspect-ratio:1;background:#000;border-radius:10px;position:relative;overflow:hidden}.mpe-frame video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.mpe-frame video.on{opacity:1}.mpe-year{background:var(--accent);color:#0a0a0a;letter-spacing:-.01em;font-variant-numeric:tabular-nums;border-radius:100px;padding:5px 12px 4px;font-size:15px;font-weight:800;transition:transform .35s,opacity .35s;position:absolute;top:12px;left:12px}.mpe-year.swap{opacity:0;transform:translateY(-6px)}.mpe-sound{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:34px;height:34px;color:var(--fg);cursor:pointer;background:#0a0a0a99;border-radius:50%;place-items:center;transition:color .25s,border-color .25s,background .25s;display:grid;position:absolute;bottom:10px;right:10px}.mpe-sound svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mpe-sound:hover{border-color:var(--accent);color:var(--accent)}.mpe-sound.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.mpe-sound:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mpe-bars{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mpe-bars span{background:var(--line-strong);border-radius:2px;height:3px;overflow:hidden}.mpe-bars i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.mpe-cap{min-height:4.5em;color:var(--fg-soft);margin:0;font-size:13px;line-height:1.5;transition:opacity .35s}.mpe-cap.swap{opacity:0}.mp-head-title{position:relative}.mp-head-title .mp-info{position:static}@media (max-width:640px){.mp-head{position:relative}.mp-head-title{position:static}.mp-info-pop{grid-template-columns:1fr;gap:18px;width:100%;padding:14px}}@media (prefers-reduced-motion:reduce){.mpe-year,.mpe-cap{transition:none}}.mp-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.mp-acts{opacity:.35;align-items:center;gap:4px;padding-left:8px;transition:opacity .25s;display:flex}.mp-list li:hover .mp-acts,.mp-list li.on .mp-acts,.mp-acts:focus-within{opacity:1}.mp-acts .share-btn,.mp-dl{width:30px;height:30px}.mp-acts .share-btn svg{width:14px;height:14px}.mp-dl{border:1px solid var(--line);color:var(--fg-soft);border-radius:100px;justify-content:center;align-items:center;transition:color .25s,border-color .25s;display:inline-flex}.mp-dl:hover{color:var(--accent);border-color:var(--accent)}.mp-dl svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}@media (hover:none){.mp-acts{opacity:1}}@media (max-width:900px){.mp-list li{grid-template-columns:1fr}.mp-sub{white-space:normal}.mp-acts{display:none}.mp-list li.on .mp-acts{gap:8px;padding:0 4px 10px 64px;display:flex}}.mp-clip{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fg);font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0a0ab8;border:0;border-radius:100px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:inline-flex;position:absolute;bottom:12px;left:12px}.mp-clip svg{width:14px;height:14px;fill:var(--accent)}.mp-clip:hover{background:var(--accent);color:var(--accent-contrast)}.mp-clip:hover svg{fill:currentColor}button.mp-dl{cursor:pointer;background:0 0;padding:0}.mp-acts .mp-dl rect{fill:none}.tt{width:100%;height:100%;display:block;position:absolute;inset:0}.tt-syn{background:#000}.tt-syn-rise{animation:5s cubic-bezier(.45,0,.35,1) infinite tt-syn-rise}@keyframes tt-syn-rise{0%,to{transform:translateY(-36px)}20%{transform:translateY(var(--a))}45%{transform:translateY(var(--b))}70%{transform:translateY(var(--c))}88%{transform:translateY(var(--a))}}.tt-cm{background:radial-gradient(#161616 0,#050505 70%);justify-content:center;align-items:center;gap:7%;display:flex}.tt-cm-wheel{aspect-ratio:1;width:31%;position:relative}.tt-cm-disc{background:radial-gradient(circle,#f2f0ebeb 0,#f2f0eb00 64%),conic-gradient(#e63737,#f2c336,#80cf30,#2dbe75,#2cb1dd,#5a5ae2,#c051d6,#e34587,#e63737);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #f2f0eb1f,0 0 70px #f5d2471f}.tt-cm-arm{position:absolute;inset:0}.tt-cm-arm b{border:2px solid #f2f0eb;border-radius:50%;width:11%;height:11%;margin:-5.5% 0 0 -5.5%;position:absolute;left:50%;box-shadow:0 0 0 2px #0000008c}.tt-cm-img{animation:5s cubic-bezier(.6,0,.3,1) infinite tt-cm-sync}@keyframes tt-cm-sync{0%,to{filter:saturate(.12)brightness(.75);transform:rotate(120deg)scale(.94)}55%,82%{filter:none;transform:none}}.tt-cm-link{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tt-cm-link i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:5s ease-in-out infinite tt-cm-link}.tt-cm-link i:nth-child(2){animation-delay:80ms}.tt-cm-link i:nth-child(3){animation-delay:.16s}@keyframes tt-cm-link{0%,40%,to{opacity:.15;transform:scale(.7)}58%,80%{opacity:1;transform:none}}.tt-lm{background:radial-gradient(#151515 0,#050505 72%);justify-content:center;align-items:center;gap:3%;display:flex}.tt-lm-card{aspect-ratio:1/1.05;border:1px solid #f2f0eb24;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10%;width:19%;display:flex}.tt-lm-card:first-child{border-color:var(--accent)}.tt-lm-card svg{fill:none;width:46%;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.tt-lm-card svg *{transform-box:fill-box;transform-origin:50%}.tt-lm-card b{letter-spacing:.14em;text-transform:uppercase;color:var(--fg);font-size:clamp(7px,.8vw,11px);font-weight:700}.tt-lm-dot{fill:#0a0a0a}.tt-k1{animation:2.6s ease-in-out infinite tt-k1}.tt-k2{animation:2.6s ease-in-out infinite tt-k2}.tt-k3{animation:2.6s ease-in-out infinite tt-k3}@keyframes tt-k1{0%,to{transform:none}35%{transform:translateY(10px)}70%{transform:translateY(-4px)}}@keyframes tt-k2{0%,to{transform:none}30%{transform:translateY(-12px)}65%{transform:translateY(-4px)}}@keyframes tt-k3{0%,to{transform:none}40%{transform:translateY(14px)}75%{transform:translateY(6px)}}.tt-needle{animation:2.2s ease-in-out infinite tt-needle;transform-box:view-box!important;transform-origin:24px 38px!important}@keyframes tt-needle{0%,to{transform:rotate(-14deg)}18%{transform:rotate(12deg)}30%{transform:rotate(2deg)}48%{transform:rotate(22deg)}62%{transform:rotate(-4deg)}80%{transform:rotate(9deg)}}.tt-reel{animation:3s linear infinite tt-reel}.tt-reel2{animation-duration:3.6s}@keyframes tt-reel{to{transform:rotate(360deg)}}.tt-draw{stroke-dasharray:62 38;animation:2.2s linear infinite tt-wind}.tt-d2{animation-duration:1.8s}.tt-d3{animation-duration:2.6s}@keyframes tt-wind{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.tt *,.tt{animation:none!important}}.cm-wipe-ctl{align-items:center;gap:10px;margin-left:auto;display:flex}.cm-pane-head:has(.cm-wipe-ctl){flex-wrap:wrap;align-items:center;row-gap:8px}.cm-wipe-btn{border:1px solid var(--line-strong);color:var(--fg-soft);font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:10px;font-weight:600;display:inline-flex}.cm-wipe-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:13px;height:13px}.cm-wipe-btn:hover{color:var(--fg);border-color:var(--fg-dim)}.cm-wipe-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.cm-wipe-seg{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ab8;border-radius:100px;padding:3px;display:inline-flex;position:absolute;top:12px;left:12px}.cm-wipe-seg button{color:#f2f0eb99;font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:100px;padding:5px 11px;font-size:10px;font-weight:600}.cm-wipe-seg button[aria-pressed=true]{color:#0a0a0a;background:#f2f0eb}.cm-viewer.wiping{cursor:ew-resize}.cm-wipe-layer{pointer-events:none;position:absolute;inset:0}.cm-wipe-ref{object-fit:cover;width:100%;height:100%;display:block}.cm-wipe-line{pointer-events:none;background:#f2f0eb;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000059}.cm-wipe-handle{color:#0a0a0a;pointer-events:auto;cursor:ew-resize;background:#f2f0eb;border-radius:50%;outline:none;place-items:center;width:38px;height:38px;margin:-19px 0 0 -19px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 2px 12px #00000073}.cm-wipe-handle:focus-visible{box-shadow:0 0 0 3px var(--accent)}.cm-wipe-handle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cm-badge.cm-wipe-l{top:auto;bottom:14px;left:14px}.cm-badge.cm-wipe-r{inset:auto 14px 14px auto}.mp-row{position:relative}.mp-hit{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:0;position:absolute;inset:0}.mp-hit:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.mp-row>:not(.mp-hit){pointer-events:none;position:relative}.mp-title-line{align-items:center;gap:8px;min-width:0;display:flex}.mp-title-line .mp-title{min-width:0}.mp-i{pointer-events:auto;z-index:2;border:1px solid var(--line-strong);cursor:pointer;width:24px;height:24px;color:var(--fg-soft);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font:italic 600 11px Georgia,serif;transition:color .2s,border-color .2s;display:inline-grid;position:relative}.mp-i:hover,.mp-i.on{color:var(--accent);border-color:var(--accent)}.mp-notes{z-index:3;background:linear-gradient(0deg,#080808f0 0,#080808db 55%,#0808088c 100%);flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;animation:.35s both mp-notes-in;display:flex;position:absolute;inset:0}.mp-notes strong{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.mp-notes-by{color:var(--fg-dim);letter-spacing:.04em;font-size:12px}.mp-notes p{color:var(--fg);margin:6px 0 0;font-size:14px;line-height:1.55}.mp-notes-x{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--fg);cursor:pointer;background:#0a0a0a99;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.mp-notes-x:hover{border-color:var(--accent);color:var(--accent)}@keyframes mp-notes-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mp-notes{animation:none}}.mp-yt svg{fill:currentColor;stroke:none;width:15px;height:15px}.camst{flex-direction:column;gap:16px;margin-top:8px;display:flex}.camst-tabs,.camst-focals,.camst-mode{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.camst-tabs button,.camst-focals button,.camst-mode button{border:1px solid var(--line-strong);color:var(--fg-soft);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;padding:10px 16px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s,background .2s}.camst-tabs button:hover:not(:disabled),.camst-focals button:hover,.camst-mode button:hover{color:var(--fg);border-color:var(--fg-dim)}.camst-tabs button.on,.camst-focals button.on,.camst-mode button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.camst-tabs button:disabled{opacity:.35;cursor:default}.camst-tabs{gap:6px}.camst-tabs button{letter-spacing:.06em;padding:9px 12px;font-size:11px}.camst-panels{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:14px;height:min(60vh,600px);display:grid}.camst-view,.camst-plan{border-radius:var(--radius);border:1px solid var(--line);background:#070707;position:relative;overflow:hidden}.camst-view canvas,.camst-plan canvas{display:block;width:100%!important;height:100%!important}.camst-badge{z-index:2;color:#f2f0eb;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:#0a0a0a99;border-radius:100px;padding:6px 11px;font-size:10px;font-weight:600;position:absolute;top:12px;left:12px}.camst-hud{z-index:2;letter-spacing:.04em;color:#f2f0ebbf;pointer-events:none;font-variant-numeric:tabular-nums;font-size:13px;position:absolute;bottom:12px;left:14px}.camst-hud strong{color:var(--accent);font-size:18px;font-weight:800}.camst-loading{color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.camst-sensors{z-index:2;pointer-events:none;background:#0a0a0a99;border-radius:10px;width:150px;height:auto;padding:8px;position:absolute;top:54px;right:12px}.camst-sensors rect{fill:none;stroke:#f2f0eb4d;stroke-width:.35px}.camst-sensors rect.on{stroke:var(--accent);stroke-width:.7px;fill:#f2c12e1f}.lp-page .tapsi-course{max-width:none;padding:0}.cam-dl{border:1px solid var(--line-strong);border-radius:var(--radius);margin-top:28px;padding:22px 24px}.cam-dl-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:13px;font-weight:700}.cam-dl-text{color:var(--fg-soft);max-width:640px;margin:0 0 16px;font-size:14px;line-height:1.5}.cam-dl-links{flex-wrap:wrap;gap:10px;display:flex}.cam-dl-links a{border:1px solid var(--fg);color:var(--fg);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;padding:11px 18px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.cam-dl-links a:hover{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.cam-dl-links svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lp-page .cam-rest{max-width:none;margin:0;padding:56px 0 24px}.camst-grid{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camst-grid path{fill:none;stroke:#f2f0eb99;stroke-width:1px;vector-effect:non-scaling-stroke}.camst-grid circle{fill:var(--accent)}.camst-grid-btn{z-index:2;color:#f2f0eb;width:34px;height:34px;font-family:var(--font);cursor:pointer;background:#0a0a0a99;border:1px solid #f2f0eb40;border-radius:50%;font-size:15px;font-weight:700;position:absolute;top:12px;right:12px}.camst-grid-btn.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.camst-view{container-type:size}.camst-fmt{z-index:1;pointer-events:none;width:min(100cqw, 100cqh * var(--r));height:min(100cqh, 100cqw / var(--r));outline:1px solid #f6d3478c;margin:auto;transition:width .35s,height .35s;position:absolute;inset:0;box-shadow:0 0 0 100vmax #050505ed}.camst-fmt .camst-grid{position:absolute;inset:0}.camst-calc{flex-wrap:wrap;align-items:center;gap:14px 36px;display:flex}.camst-calc-in{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:12px;font-size:11px;display:flex}.camst-calc-in input{width:180px;accent-color:var(--accent)}.camst-calc-in b{color:var(--fg);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;min-width:56px;font-size:14px}.camst-calc dl{flex-wrap:wrap;gap:10px 28px;margin:0;display:flex}.camst-calc dt{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.camst-calc dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:800}.camst>.lp-text{order:2}.camst-prompt{order:1}.camst-prompt .ls-tools{flex-wrap:wrap;align-items:center}.camst-ptl{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 4px 0 8px;font-size:10px}.camst-ptl:first-child{margin-left:0}.camst-quiz-btn{margin-left:auto;border-color:var(--accent)!important;color:var(--accent)!important}.camst-hud[hidden]{display:none}.camst-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;display:flex}.camst-focals input[type=range]{width:180px;accent-color:var(--accent)}.camst-focals button{min-width:46px;padding:8px 12px}.camst-mode button{font-size:11px}.camst-note{max-width:760px;color:var(--fg-soft);margin:0;font-size:15px;line-height:1.55}@media (max-width:900px){.camst-panels{grid-template-columns:1fr;height:auto}.camst-view{aspect-ratio:4/3}.camst-plan{aspect-ratio:16/10}.camst-focals input[type=range]{width:100%}.camst-focals,.camst-mode{gap:6px}.camst-focals button,.camst-mode button{min-width:0;padding:7px 11px;font-size:10px}.camst-sensors{width:96px;padding:5px}.camst-panels.quizzing .camst-plan{aspect-ratio:auto}.camst-panels.quizzing .ls-quiz{padding:24px 20px;position:relative;inset:auto}.camst-quiz-btn{order:-1;margin-left:0}.camst-tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.camst-tabs::-webkit-scrollbar{display:none}.camst-tabs button{flex:none;padding:8px 12px;font-size:10px}}.ls{flex-direction:column;gap:18px;display:flex}.ls-panels{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;height:min(64vh,640px);display:grid}.ls-photo{border-radius:var(--radius);background:#000;margin:0;position:relative;overflow:hidden}.ls-photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.ls-photo img.on{opacity:1}.ls-photo figcaption{background:linear-gradient(#0000,#000000d1);flex-direction:column;gap:4px;padding:22px 22px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.ls-num{letter-spacing:.16em;color:var(--accent);font-size:11px}.ls-photo strong{text-transform:uppercase;letter-spacing:-.01em;color:#f2f0eb;font-size:clamp(20px,2.2vw,30px);font-weight:800}.ls-photo em{letter-spacing:.12em;text-transform:uppercase;color:#f2f0ebb3;font-size:12px;font-style:normal}.ls-stage{border-radius:var(--radius);border:1px solid var(--line);touch-action:none;background:#070707;position:relative;overflow:hidden}.ls-stage canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.ls-stage canvas:active{cursor:grabbing}.ls-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ls-tag{color:#f2f0eb;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#0a0a0ab8;border-radius:100px;padding:4px 9px;font-size:10px;transition:opacity .25s;position:absolute;top:0;left:0}.ls-views{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px}.ls-views button{color:#f2f0eb;font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0a0a99;border:1px solid #f2f0eb40;border-radius:100px;padding:7px 12px;font-size:10px;font-weight:600}.ls-views button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.ls-zoom{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.ls-zoom button{color:#f2f0eb;width:32px;height:32px;font-family:var(--font);cursor:pointer;background:#0a0a0a99;border:1px solid #f2f0eb40;border-radius:50%;place-items:center;font-size:17px;line-height:1;transition:border-color .2s,color .2s;display:grid}.ls-zoom button:hover{border-color:var(--accent);color:var(--accent)}.ls-hint{letter-spacing:.12em;text-transform:uppercase;color:#f2f0eb99;pointer-events:none;font-size:10px;position:absolute;bottom:12px;right:14px}.ls-loading{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.ls-picker{flex-wrap:wrap;gap:8px;display:flex}.ls-picker button{border:1px solid var(--line-strong);color:var(--fg-soft);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;align-items:baseline;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.ls-picker button span{color:var(--fg-dim);letter-spacing:.1em;font-size:10px}.ls-picker button:hover{color:var(--fg);border-color:var(--fg-dim)}.ls-picker button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.ls-picker button.on span{color:#0a0a0a99}.ls-setup{color:var(--fg-dim);letter-spacing:.02em;margin:0;font-size:13px}.ls-photo-soon{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);background:repeating-linear-gradient(135deg,#0d0d0d 0 12px,#111 12px 24px);place-items:center;padding:32px;font-size:11px;display:grid;position:absolute;inset:0}.ls-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ls-copy{border:1px solid var(--line-strong);color:var(--fg-soft);font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.ls-copy svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:14px;height:14px}.ls-copy:hover,.ls-copy.on{color:var(--accent);border-color:var(--accent)}.ls-picker[hidden],.ls-foot[hidden]{display:none}.ls-quiz-btn{border-color:var(--accent)!important;color:var(--accent)!important}.ls-quiz{z-index:3;background:#0a0a0a;flex-direction:column;justify-content:safe center;gap:14px;padding:28px;display:flex;position:absolute;inset:0;overflow-y:auto}.ls-quiz-count{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.ls-quiz-q{color:var(--fg);margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.3}.ls-quiz-hint{color:var(--fg-dim);margin:-6px 0 0;font-size:13px}.ls-quiz-choices{flex-direction:column;gap:8px;display:flex}.ls-quiz-choices button{text-align:left;border:1px solid var(--line-strong);color:var(--fg-soft);font-family:var(--font);cursor:pointer;background:0 0;border-radius:12px;padding:11px 16px;font-size:14px;line-height:1.35;transition:border-color .2s,color .2s,background .2s}.ls-quiz-choices button:hover:not(:disabled){border-color:var(--fg-dim);color:var(--fg)}.ls-quiz-choices button.ok{color:#5fd08a;background:#5fd08a14;border-color:#5fd08a}.ls-quiz-choices button.ko{color:#e2685e;background:#e2685e14;border-color:#e2685e}.ls-quiz-choices button.off{opacity:.4}.ls-quiz-choices button:disabled{cursor:default}.ls-quiz-feedback{flex-direction:column;gap:6px;animation:.35s lp-in;display:flex}.ls-quiz-feedback strong{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.ls-quiz-feedback strong.ok{color:#5fd08a}.ls-quiz-feedback strong.ko{color:#e2685e}.ls-quiz-feedback p{color:var(--fg-soft);margin:0;font-size:14px;line-height:1.5}.ls-quiz-next{background:var(--accent);color:#0a0a0a;font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:100px;align-self:flex-start;margin-top:6px;padding:9px 16px;font-size:11px;font-weight:700}.ls-share{flex-direction:column;gap:8px;display:flex}.ls-share-label{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.ls-share-row{flex-wrap:wrap;gap:8px;display:flex}.ls-share-row a,.ls-share-row button{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--fg-soft);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .2s,border-color .2s;display:grid}.ls-share-row a:hover,.ls-share-row button:hover{color:var(--accent);border-color:var(--accent)}.ls-share-row button.done{color:#5fd08a;border-color:#5fd08a}.ls-share-row svg,.ls-share-main svg{width:18px;height:18px}.ls-share-main{background:var(--accent);color:#0a0a0a;font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:11px;font-weight:700;display:inline-flex}.ls-quiz-end{flex-direction:column;gap:14px;display:flex}.ls-quiz-score{color:var(--fg);margin:0;font-size:clamp(56px,8vw,96px);font-weight:800;line-height:1}.ls-quiz-score span{color:var(--fg-dim);font-size:.4em}.ls-prompt{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ls-tools{gap:4px;display:flex}.ls-tools button{border:1px solid var(--line);color:var(--fg-dim);font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;padding:7px 11px;font-size:10px;font-weight:600;transition:color .2s,border-color .2s}.ls-tools button:hover{color:var(--fg)}.ls-tools button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}@media (max-width:900px){.ls-panels{grid-template-columns:1fr;height:auto}.ls-photo{aspect-ratio:4/5}.ls-stage{aspect-ratio:1}.ls-panels.quizzing .ls-photo{aspect-ratio:auto;order:2}.ls-panels.quizzing .ls-quiz{padding:24px 20px;position:relative;inset:auto}.ls-picker{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.ls-picker button{flex:none}}.gv{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);grid-template-areas:"stage info""cats cats""pick pick";gap:16px 14px;display:grid}.gv-stage{grid-area:stage;height:min(62vh,620px)}.gv-info{grid-area:info}.gv-cats{grid-area:cats}.gv-picker{grid-area:pick}.gv-stage .ls-hint{white-space:nowrap}.gv-info{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:18px;padding:28px;display:flex}.gv-name{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800}.gv-def{color:var(--fg-soft);margin:0;font-size:15px;line-height:1.6}.gv-def b{color:var(--fg)}.gv-controls{flex-direction:column;gap:10px;margin-top:auto;display:flex}.gv-switch{flex-wrap:wrap;gap:6px;display:flex}.gv-switch button,.gv-action{border:1px solid var(--line-strong);color:var(--fg-soft);font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;padding:8px 13px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s,background .2s}.gv-switch button:hover,.gv-action:hover{color:var(--fg);border-color:var(--fg-dim)}.gv-switch button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.gv-action{border-color:var(--accent);color:var(--accent);align-self:flex-start}.gv-cats{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:18px;display:flex}.gv-cats button{color:var(--fg-dim);font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s}.gv-cats button:hover{color:var(--fg)}.gv-cats button.on{color:var(--fg);border-bottom-color:var(--accent)}@media (max-width:900px){.gv{grid-template-columns:1fr;grid-template-areas:"stage""cats""pick""info"}.gv-stage{aspect-ratio:1;height:auto}.gv-stage .ls-hint{font-size:9px}.gv-cats{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.gv-cats button{white-space:nowrap}.gv-info{padding:20px}}.lp-page{max-width:1320px;margin:0 auto;padding:140px 40px 120px}.lp-page .tuto-back{max-width:none;margin:0 0 28px;padding:0}.lp-page .lt-lede{margin-bottom:48px}.lp-page .ls{padding:0}.lp-text{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;margin-top:32px;animation:.45s lp-in;display:grid}.lp-text .lt-body{margin:0}.lp-side{flex-direction:column;gap:18px;display:flex}.lp-side .lt-body,.lp-side .lt-origin{margin:0}.lp-keep{border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:0 var(--radius) var(--radius) 0;margin:0;padding:18px 22px}.lp-keep-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.lp-keep p{color:var(--fg-soft);margin:0;font-size:15px;line-height:1.6}.lp-keep b{color:var(--fg)}.lp-text[hidden]{display:none}.lp-credit{color:var(--fg-dim);margin:56px 0 0;font-size:11px;line-height:1.5}.lp-credit a{color:inherit;text-decoration:none}.lp-credit a:hover{color:var(--fg)}@keyframes lp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:900px){.lp-page{padding:110px 16px 80px}.lp-text{grid-template-columns:1fr;gap:20px}}.vht{flex-direction:column;gap:14px;margin-top:8px;display:flex}.vht-top{align-items:center;gap:8px;display:flex}.vht>.nar-start{align-self:flex-start;margin:0 0 12px}.vht-def,.vht-quiz,.vht-nav button{border:1px solid var(--line-strong);color:var(--fg-soft);font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:100px;padding:9px 14px}.vht-def:hover{color:var(--fg);border-color:var(--fg-dim)}.vht-def.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.vht-quiz{border-color:var(--accent);color:var(--accent);margin-left:auto}.vht-quiz:disabled{opacity:.45;cursor:default}.vht-frise{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);gap:6px;padding:16px 18px 12px;display:flex}.vht-era{flex-direction:column;flex-basis:0;justify-content:space-between;gap:10px;min-width:104px;display:flex}.vht-era-name{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);flex-direction:column;gap:3px;font-size:10px;line-height:1.25;display:flex}.vht-era-name b{color:var(--fg-soft);font-weight:700}.vht-dots{justify-content:space-around;display:flex;position:relative}.vht-dots:before{content:"";background:var(--line-strong);border-radius:2px;height:2px;position:absolute;top:7px;left:0;right:0}.vht-dot{color:var(--fg-dim);font:600 11px/1 var(--font);font-variant-numeric:tabular-nums;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0 2px;display:flex;position:relative}.vht-dot i{background:var(--bg-soft);border:2px solid var(--fg-dim);border-radius:50%;width:16px;height:16px;transition:background .15s,border-color .15s,transform .15s}.vht-dot:hover i{border-color:var(--fg);transform:scale(1.15)}.vht-dot:hover{color:var(--fg)}.vht-dot.on i{background:var(--accent);border-color:var(--accent);transform:scale(1.2)}.vht-dot.on{color:var(--accent)}.vht-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:14px;display:grid}.vht-media{flex-direction:column;gap:8px;display:flex;position:sticky;top:84px}.vht-media figure{flex-direction:column;gap:10px;display:flex}.vht-frame{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--line);background:#070707;position:relative;overflow:hidden}.vht-frame img,.vht-frame video{object-fit:contain;width:100%;height:100%;display:block}.vht-media figcaption{color:var(--fg-soft);padding:0 4px;font-size:13px;line-height:1.5}.vht-media figcaption span{color:var(--fg-dim);font-size:12px}.vht-thumbs{flex-wrap:wrap;gap:6px;display:flex}.vht-thumbs button{border:1px solid var(--line);opacity:.6;background:#070707;border-radius:6px;width:72px;height:48px;padding:0;position:relative;overflow:hidden}.vht-thumbs button.on{opacity:1;border-color:var(--accent)}.vht-thumbs img,.vht-thumbs video{object-fit:cover;width:100%;height:100%;display:block}.vht-thumbs em{color:#fff;text-shadow:0 1px 4px #000c;place-items:center;font-size:13px;font-style:normal;display:grid;position:absolute;inset:0}.vht-text{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.vht-num{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.vht-text h2{letter-spacing:-.01em;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.1}.vht-text p{color:var(--fg-soft);font-size:15px;line-height:1.6}.vht-text p b{color:var(--fg)}.vht-films{margin-top:14px}.vht-films ul{flex-direction:column;gap:6px;margin-top:8px;list-style:none;display:flex}.vht-films li{color:var(--fg-soft);font-size:13px;line-height:1.4}.vht-films li span{width:42px;color:var(--fg-dim);font-variant-numeric:tabular-nums;display:inline-block}.vht-films li a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.vht-films li em{color:var(--fg-dim);font-style:normal}.vht-nav{justify-content:space-between;gap:8px;padding-top:6px;display:flex}.vht-nav button{text-overflow:ellipsis;white-space:nowrap;max-width:48%;overflow:hidden}.vht-nav button:hover:not(:disabled){color:var(--fg);border-color:var(--fg-dim)}.vht-nav button:disabled{visibility:hidden}.vht-quizzing .vht-text{gap:14px;padding:24px 26px}.vht-quizzing .vht-text p.ls-quiz-q{color:var(--fg);font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.3}.vht-quizzing .vht-text p.ls-quiz-hint{color:var(--fg-dim);margin-top:-6px;font-size:13px}.vht-quizzing .vht-text p.ls-quiz-score{color:var(--fg);font-size:clamp(56px,8vw,96px);font-weight:800;line-height:1}.vht-quizzing .vht-text .ls-quiz-feedback p{font-size:14px;line-height:1.5}.vht-quizzing.solo{grid-template-columns:minmax(0,1fr);max-width:760px}@media (max-width:900px){.vht-panel{grid-template-columns:minmax(0,1fr)}.vht-media{position:static}.vht-frise{gap:4px;padding:12px 10px 10px}.vht-era{min-width:0}.vht-era-name b{display:none}.vht-era-name{letter-spacing:.02em;text-align:center;white-space:nowrap;font-size:9px}.vht-dot{padding:0;font-size:10px}.vht-dot i{width:13px;height:13px}.vht-dots:before{top:6px}}@media (max-width:640px){.vht-frise{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:18px;padding:14px 24px 10px 12px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 32px),#0000)}.vht-frise::-webkit-scrollbar{display:none}.vht-era{flex:none!important}.vht-era-name{text-align:left;letter-spacing:.08em;font-size:9px}.vht-era-name b{display:inline}.vht-dots{justify-content:flex-start}.vht-dot{scroll-snap-align:center;width:40px;min-height:44px;font-size:11px}.vht-dot i{width:16px;height:16px}.vht-dots:before{top:7px}}.vis-h{letter-spacing:-.01em;margin:8px 0 14px;font-size:clamp(22px,2.6vw,32px);font-weight:800}.vis{flex-direction:column;gap:14px;display:flex}.vis-stage{border-radius:var(--radius);border:1px solid var(--line);touch-action:pan-y;background:#070707;height:min(64vh,620px);position:relative;overflow:hidden}.vis-stage canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.vis-stage canvas:active{cursor:grabbing}.vis-labels{pointer-events:none;position:absolute;inset:0}.vis-labels span{color:#f2f0eb;letter-spacing:.04em;white-space:nowrap;background:#0a0a0ab8;border-radius:100px;padding:4px 9px;font-size:11px;transition:opacity .25s;position:absolute;top:0;left:0}.vis-drag{letter-spacing:.14em;text-transform:uppercase;color:#f2f0eb99;pointer-events:none;font-size:10px;position:absolute;top:12px;right:14px}.vis-hud{color:#f2f0ebbf;pointer-events:none;font-variant-numeric:tabular-nums;gap:18px;font-size:13px;display:flex;position:absolute;bottom:12px;left:14px}.vis-hud strong{color:var(--accent);margin-left:4px;font-size:18px;font-weight:800}.vis-ctrl{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);align-items:center;gap:12px;font-size:12px;display:flex}.vis-ctrl small{text-transform:none;letter-spacing:0;color:var(--fg-dim);font-size:11px}.vis-ctrl input{accent-color:var(--accent);flex:1}.vis-text{max-width:760px}.vis-text h3{margin-bottom:8px;font-size:20px;font-weight:800}.vis-text p{color:var(--fg-soft);font-size:15px;line-height:1.6}@media (max-width:900px){.vis-stage{height:66vw;min-height:240px}.vis-labels span{padding:3px 7px;font-size:10px}}.gam{flex-direction:column;gap:14px;display:flex}.gam-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.gam-stage{border-radius:var(--radius);border:1px solid var(--line);touch-action:pan-y;background:#070707;height:min(70vh,660px);position:relative;overflow:hidden}.gam-stage canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.gam-labels span{color:#f2f0ebb3;letter-spacing:.06em;background:0 0;font-size:10px}.gam-side{flex-direction:column;gap:12px;display:flex}.gam-list{flex-direction:column;gap:6px;display:flex}.gam-list button{text-align:left;border:1px solid var(--line);color:var(--fg-dim);font:500 13px/1.25 var(--font);background:0 0;border-radius:12px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;transition:color .15s,border-color .15s;display:grid}.gam-list button:not(.on) i{opacity:.4}.gam-list button.on{opacity:1;color:var(--fg);border-color:var(--line-strong)}.gam-list button i{border-radius:3px;width:12px;height:12px}.gam-name small{color:var(--fg-dim);font-size:11px;display:block}.gam-pct{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.gam-pct small{color:var(--fg-dim);font-size:10px;font-weight:400;display:block}.gam-pct small.gam-out{color:#e2685e}.gam-op{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);flex-direction:column;gap:6px;font-size:10px;display:flex}.gam-op input{accent-color:var(--accent)}.gam-diag{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.gam-diag p{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.gam-diag canvas{aspect-ratio:300/320;max-width:100%;height:auto!important}.gam-diag button{color:var(--fg-dim);font:500 11px/1.4 var(--font);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.gam-diag button i{border-top:1.5px dashed;flex:0 0 18px;height:0}.gam-diag button.on{color:var(--fg)}@media (max-width:900px){.gam-grid{grid-template-columns:minmax(0,1fr)}.gam-stage{height:80vw;min-height:280px}}.vis-text p+p{margin-top:10px}.dyn{flex-direction:column;gap:14px;display:flex}.dyn-stage{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:#070707;position:relative;overflow:hidden}.dyn-stage canvas:first-child{display:block;width:100%!important;height:100%!important}.dyn-histo{pointer-events:none;border-radius:8px;width:220px;height:90px;position:absolute;bottom:12px;right:12px}.dyn-legend{color:#f2f0eb;pointer-events:none;flex-direction:column;gap:4px;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.dyn-legend span{background:#0a0a0aa6;border-radius:100px;align-items:center;gap:8px;padding:4px 9px;display:flex}.dyn-legend i{border-radius:2px;width:14px;height:10px}.dyn-legend i.z1{background:repeating-linear-gradient(135deg,#f5d147 0 3px,#0000 3px 6px)}.dyn-legend i.z2{background:repeating-linear-gradient(135deg,#f2402f 0 3px,#0000 3px 6px)}.dyn-ctrl{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.dyn-ctrl label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);flex-direction:column;gap:6px;font-size:11px;display:flex}.dyn-ctrl label b{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:6px}.dyn-ctrl input{accent-color:var(--accent)}.dyn-presets{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.dyn-presets button{border:1px solid var(--line-strong);color:var(--fg-soft);font:600 11px/1 var(--font);letter-spacing:.04em;background:0 0;border-radius:100px;padding:8px 14px}.dyn-presets button:hover{color:var(--fg);border-color:var(--fg-dim)}@media (max-width:900px){.dyn-ctrl{grid-template-columns:1fr}.dyn-histo{width:140px;height:58px}}.vis-chart{pointer-events:none;flex-direction:column;gap:6px;width:min(360px,46%);display:flex;position:absolute;bottom:12px;left:12px}.vis-chart canvas{aspect-ratio:720/300;border-radius:10px;width:100%;height:auto}.vis-resp{color:#f2f0eb;font-variant-numeric:tabular-nums;background:#0a0a0ab8;border-radius:100px;gap:14px;width:max-content;padding:5px 10px;font-size:12px;display:flex}.vis-cones{flex-direction:column;gap:10px;display:flex}.vis-wl{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);align-items:center;gap:12px;font-size:12px;display:flex}.vis-wl.off{opacity:.45}.vis-wl input{appearance:none;background:linear-gradient(90deg,#6a00a8,#2b2bff,#00a9ff,#00d27f,#9ee000,#ffe100,#ff8a00,#ff2a00,#a80000);border-radius:8px;flex:1;height:8px}.vis-wl input::-webkit-slider-thumb{-webkit-appearance:none;background:#f2f0eb;border:2px solid #0a0a0a;border-radius:50%;width:18px;height:18px}.vis-wl input::-moz-range-thumb{background:#f2f0eb;border:2px solid #0a0a0a;border-radius:50%;width:16px;height:16px}.vis-sep{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);align-self:center;margin:0 4px 0 10px;font-size:10px}@media (max-width:900px){.vis-chart{width:58%}.vis-resp{gap:8px;font-size:10px}}.rgbc{flex-direction:column;gap:16px;display:flex}.rgbc-syn{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rgbc figure{flex-direction:column;gap:10px;margin:0;display:flex}.rgbc canvas{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;display:block}.rgbc figcaption{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.rgbc-plot canvas{background:#070707;max-width:760px}.rgbc-k1,.rgbc-k2{vertical-align:middle;border-top:2px solid #7a8cff;width:18px;height:0;display:inline-block}.rgbc-k2{border-top:2px dashed #f2f0eb}@media (max-width:900px){.rgbc-syn{grid-template-columns:1fr}}.bits{flex-direction:column;gap:14px;display:flex}.bits-stage{border-radius:var(--radius);border:1px solid var(--line);background:#070707;position:relative;overflow:hidden}.bits-stage canvas{aspect-ratio:16/9;width:100%;height:auto;image-rendering:pixelated;display:block}.bits-hud{color:#f2f0eb;background:#0a0a0a99;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:14px}.bits-hud strong{color:var(--accent);font-size:20px}.bits-pixel{color:#f2f0eb;background:#0a0a0ab3;border-radius:10px;flex-direction:column;gap:6px;width:min(420px,60%);padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:14px}.bits-pixel b{color:var(--accent);font-size:16px}.bits-blocks{gap:3px;display:flex}.bits-blocks span{color:#0a0a0a;white-space:nowrap;border-radius:4px;flex-basis:0;min-width:0;padding:5px 6px;font-size:10px;font-weight:700;overflow:hidden}.bits-pixel small{color:#f2f0eb99}.bits-ctrl{flex-direction:column;gap:10px;display:flex}.bits-ctrl label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);flex-direction:column;gap:6px;font-size:11px;display:flex}.bits-ctrl label b{color:var(--accent);margin-left:6px}.bits-ctrl input{accent-color:var(--accent);max-width:560px}.bits-bayer{flex-direction:row;align-items:center;gap:10px}.bits-rggb{grid-template-columns:12px 12px;gap:2px;display:grid}.bits-rggb i{border-radius:2px;width:12px;height:12px}.csq-intro{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:18px;padding:20px 22px;display:flex}.csq-intro p{color:var(--fg-soft);margin:0;font-size:15px}.csq-intro .ls-quiz-next{margin:0}.csq-canvas{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;image-rendering:pixelated;display:block}.cgq-svg{border-radius:var(--radius);border:1px solid var(--line);background:#0c0c0c;width:100%;height:auto;display:block}.cgq-page{fill:#f1ece2}.cgq-col{fill:#e84c3d21;stroke:#e84c3d73;stroke-width:.8px}.cgq-base{stroke:#2d8fd0;stroke-width:1.6px}.cgq-txt{fill:#2a2a2a;opacity:.42}.cgq-img{fill:#b9b0a0}.cgq-ink{fill:#1a1a1a}.cgq-acc{fill:var(--accent)}.cgq-el{fill:#8f887b}.cgq-seal{fill:none;stroke:#c79a1e;stroke-width:5px}.cgq-ray{stroke:#8f887b;stroke-width:1.2px;opacity:.7}.ctq-media{display:flex}.ctq-vox{color:#1a1a1a;border-radius:var(--radius);background:#f1ece2;flex-direction:column;justify-content:center;gap:8px;width:100%;min-height:300px;padding:28px;display:flex}.ctq-vox span{font-size:110px;line-height:.9}.ctq-vox b{font-size:44px;font-weight:400;line-height:1.05}.ctq-vox small{color:#4a463f;font-size:16px}.ctq-para{border-radius:var(--radius);background:#fbf8f2;justify-content:center;align-items:center;width:100%;min-height:300px;padding:24px;display:flex}.ctq-para p{margin:0}.ctq-cols{border-radius:var(--radius);width:100%;height:auto;display:block}.cpq-svg{border-radius:var(--radius);border:1px solid var(--line);background:#0c0c0c;width:100%;height:auto;display:block}.tfr-lede{max-width:720px;color:var(--fg-soft);margin:0 0 22px;font-size:15px;line-height:1.6}.tfr-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tfr-cols>div{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;padding:22px 24px}.tfr-cols h3{font:800 20px var(--font);letter-spacing:-.01em;margin:0 0 10px}.tfr-cols p{color:var(--fg-dim);margin:0 0 10px;font-size:13.5px;line-height:1.55}.tfr-cols ul{color:var(--fg-soft);flex-direction:column;gap:7px;margin:0;padding-left:18px;font-size:13.5px;line-height:1.5;display:flex}.tfr-cols li::marker{color:var(--accent)}.tfr-cols a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:700}.gst-dot{fill:#f1ece2;transition:fill .4s}.gst-dot.a{fill:var(--accent)}.gst-dot.b{fill:#4a90d9}.gst-dot.move{animation:1.4s ease-in-out infinite alternate gstFate}@keyframes gstFate{to{transform:translateY(-46px)}}.gst-pac{fill:#f1ece2}.gst-ink{fill:#111}.gst-paper{fill:#f1ece2}.gst-glyph{font:300 190px var(--font);fill:#f1ece2}.gst-sl{grid-template-columns:1fr 1.2fr 52px}.gst-note{color:var(--fg-dim);margin:0;font-size:12.5px;line-height:1.55}.arn .camst-tabs{margin-bottom:14px}.arn svg{-webkit-user-select:none;user-select:none}.arn-frame{fill:#f1ece2}.arn-sk line{stroke:#8f887b;stroke-width:1.4px;stroke-dasharray:7 6}.arn-sk circle{fill:#8f887b}.arn-disc{fill:#1a1a1a;cursor:grab;touch-action:none;transition:fill .3s,cx .5s cubic-bezier(.65,0,.35,1),cy .5s cubic-bezier(.65,0,.35,1)}.arn-disc.stable{fill:#2f6f3a}.arn-disc.active{fill:#c98a2b}.arn-disc.fall{fill:#c0392b}.arn-disc.rest{fill:#1a1a1a}.arn-arrow line{stroke-width:4px;stroke-linecap:round}.arn-arrow.pull line{stroke:#c98a2b}.arn-arrow.pull path{fill:#c98a2b}.arn-arrow.fall line{stroke:#c0392b}.arn-arrow.fall path{fill:#c0392b}.arn-arrow.line line{stroke:#2f6f3a}.arn-arrow.line path{fill:#2f6f3a}.arn-state.rest,.arn-state.stable{color:var(--accent)}.arn-state.active{color:#e0a24a}.arn-state.fall{color:#f07a68}.arn-glyph{font:800 250px var(--font);fill:#1a1a1a;transform-box:fill-box;transform-origin:50%;transition:transform .8s cubic-bezier(.65,0,.35,1)}.arn-glyphs.flip .arn-glyph{transform:rotate(180deg)}.arn-mid{stroke:#c0392b;stroke-width:1.4px;stroke-dasharray:8 6;opacity:.7}.arn-block{fill:#1a1a1a;cursor:grab;touch-action:none}.arn-com{fill:#8f887b;stroke:#f1ece2;stroke-width:3px;transition:fill .3s}.arn-com.on{fill:var(--accent)}.cpc .camst-tabs{margin-bottom:14px}.cpc-stage{justify-content:center;align-items:center;width:100%;min-height:420px;display:flex}.cpc-row{border-radius:10px;align-items:stretch;gap:0;width:100%;height:260px;display:flex;position:relative;overflow:hidden}.cpc-row.tight{height:92px}.cpc-col{flex-direction:column;gap:14px;width:100%;display:flex}.cpc-col .cpc-row:not(.tight){height:150px}.cpc-sq{flex:1;transition:flex .7s cubic-bezier(.65,0,.35,1),background .4s}.cpc-ratio{font:800 13px var(--font);color:#fff;background:#00000073;border-radius:6px;padding:3px 7px;position:absolute;bottom:8px;right:10px}.cpc-ground{place-items:center;transition:background .5s;display:grid}.cpc-ground span{aspect-ratio:1;border-radius:4px;width:34%;display:block}.cpc-albers{background:0 0;gap:14px}.cpc-albers .cpc-ground{border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff1f}.cpc-after{background:#f7f5f0;border-radius:10px;place-items:center;width:100%;height:420px;display:grid;position:relative;overflow:hidden}.cpc-flag{display:flex;position:absolute;inset:60px 90px}.cpc-flag i{flex:1}.cpc-dot{z-index:2;background:#e0533f;border-radius:50%;outline:3px solid #f7f5f0;width:10px;height:10px;position:relative}.cpc-count{font:800 18px var(--font);color:#6b6458;font-variant-numeric:tabular-nums;position:absolute;top:12px;right:16px}.cpc-mix{width:100%;height:420px;image-rendering:pixelated;border-radius:10px}.cpc-hues{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.cpc-hues button{aspect-ratio:1.2;font:800 14px var(--font);letter-spacing:.04em;cursor:pointer;outline-offset:3px;border:1px solid #ffffff24;border-radius:10px;outline:3px solid #0000;transition:outline-color .2s,transform .2s}.cpc-hues button.on{outline-color:var(--accent);transform:scale(1.03)}.cpc-hnote{font-size:14px}.cpc-link{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.att .camst-tabs{margin-bottom:14px}.att-page{fill:#f1ece2}.att-txt{fill:#2a2a2a;opacity:.35}.att-ink{fill:#1a1a1a}.att-img{fill:#b9b0a0}.att-cta{fill:var(--accent)}.att-path{fill:none;stroke:#e0533f;stroke-width:3px;stroke-linejoin:round;stroke-dasharray:4000;stroke-dashoffset:4000px;animation:attDraw calc(var(--len) * .35s) linear forwards;opacity:.75}@keyframes attDraw{to{stroke-dashoffset:0}}.att-fix{opacity:0;animation:.3s cubic-bezier(.3,1.6,.5,1) forwards attPop;animation-delay:calc(var(--i) * .35s);transform-box:fill-box;transform-origin:50%}.att-fix circle{fill:#e0533f}.att-fix text{font:800 14px var(--font);fill:#fff}@keyframes attPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.att-el{fill:#c9c2b4;transition:fill .3s}.att-el.hot.contrast{fill:#1a1a1a}.att-el.hot.colour{fill:#e0533f}.att-el.hot.motion{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite alternate attBob}@keyframes attBob{to{transform:translate(14px,-10px)}}.att-el.hot.face circle:first-child{fill:#c9c2b4}.att-eye{fill:#1a1a1a}.att-mouth{fill:none;stroke:#1a1a1a;stroke-width:4px;stroke-linecap:round}.att-load{flex-direction:column;gap:14px;width:100%;display:flex}.att-load svg{width:100%;height:auto}.att-axis{stroke:#3a3a3a;stroke-width:2px}.att-axl{font:700 13px var(--font);letter-spacing:.08em;text-transform:uppercase;fill:var(--fg-dim)}.att-tick{font:700 13px var(--font);fill:var(--fg-dim)}.att-curve{fill:none;stroke:var(--accent);stroke-width:3px}.att-cur{stroke:#8f887b;stroke-width:1.4px;stroke-dasharray:5 5}.att-dot{fill:var(--accent)}.att-val{font:800 20px var(--font);fill:var(--fg)}.att-chunk{color:#1a1a1a;background:#f1ece2;border-radius:10px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.att-chunk>b{font:700 11px var(--font);letter-spacing:.12em;text-transform:uppercase;color:#6b6458}.att-num{font:800 34px var(--font);letter-spacing:.04em;font-variant-numeric:tabular-nums;min-height:1.2em}.att-chunk form{gap:8px;display:flex}.att-chunk input{min-width:0;font:600 16px var(--font);color:#1a1a1a;background:#fff;border:1px solid #c9c2b4;border-radius:8px;flex:1;padding:9px 12px}.att-chunk form button{font:700 13px var(--font);color:#f1ece2;cursor:pointer;background:#1a1a1a;border:0;border-radius:8px;padding:0 16px}.att-chunk p{font:700 14px var(--font);margin:0}.att-chunk p.ok{color:#2f6f3a}.att-chunk p.ko{color:#c0392b}@media (max-width:900px){.cpc-stage{min-height:0}.cpc-row{height:170px}.cpc-after,.cpc-mix{height:280px}.cpc-flag{inset:40px 30px}.cpc-hues{grid-template-columns:repeat(2,1fr)}.tfr-cols{grid-template-columns:1fr}}.dyn-step{color:#f2f0eb;pointer-events:none;background:#0a0a0aad;border-radius:100px;max-width:70%;padding:7px 12px;font-size:13px;animation:.4s lp-in;position:absolute;top:12px;left:12px}.csg{flex-direction:column;gap:14px;display:flex}.csg-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0;display:grid}.csg-grid[hidden]{display:none}.csg-term{border:1px solid var(--line);border-radius:12px;padding:14px 16px}.csg-term dt{color:var(--fg);margin-bottom:6px;font-size:15px;font-weight:800}.csg-term dd{color:var(--fg-soft);margin:0;font-size:13.5px;line-height:1.55}.csg-term dd strong{color:var(--fg)}.vis-intro{max-width:760px;color:var(--fg-soft);margin:-4px 0 16px;font-size:15px;line-height:1.6}@media (max-width:900px){.vis-labels span.minor{display:none}.dyn-step{max-width:86%;padding:5px 9px;font-size:11px;top:8px;left:8px}.dyn-legend{gap:3px;font-size:9.5px;bottom:8px;left:8px}.dyn-legend span{padding:3px 7px}.dyn-histo{width:96px;height:40px;bottom:8px;right:8px}}.vis-h{margin-bottom:26px}.vis-intro{color:var(--fg);max-width:820px;margin:0 0 34px;font-size:17px;line-height:1.65}.vis-text{columns:3 250px;column-rule:1px solid var(--line);column-gap:44px;max-width:none;margin-top:40px}.vis-text h3{column-span:all;letter-spacing:-.01em;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:16px;font-size:clamp(21px,2.2vw,27px);line-height:1.2}.vis-text p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;orphans:3;widows:3;font-size:15px;line-height:1.7}.vis-text p+p{text-indent:1.4em;margin-top:0}.vis-text h3+p:first-letter{float:left;color:var(--accent);margin:5px 9px 0 -1px;font-size:3.1em;font-weight:200;line-height:.86}@media (max-width:900px){.vis-h{margin-bottom:18px}.vis-intro{margin-bottom:24px;font-size:16px}.vis-text{columns:1;margin-top:30px}.vis-text p{text-align:left}}.quiz-cta-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:40px 0;display:flex}.quiz-cta-wrap p{color:var(--fg-soft);max-width:440px;margin:0;font-size:15px;line-height:1.6}.quiz-cta{background:var(--accent);color:#0a0a0a;font-family:var(--font);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;border-radius:100px;align-items:center;gap:16px;padding:20px 46px 20px 50px;font-size:22px;font-weight:800;transition:transform .2s;display:inline-flex}.quiz-cta:hover{transform:scale(1.03)}.quiz-cta:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.quiz-cta-l{animation:3.2s ease-in-out infinite quiz-wave;display:inline-block}.quiz-cta-l:nth-child(2){animation-delay:.1s}.quiz-cta-l:nth-child(3){animation-delay:.2s}.quiz-cta-l:nth-child(4){animation-delay:.3s}.quiz-cta-arr{font-weight:700;transition:transform .2s;display:inline-block}.quiz-cta:hover .quiz-cta-arr{transform:translate(4px)}@keyframes quiz-wave{0%,50%,to{transform:translateY(0)}15%{transform:translateY(-4px)}30%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quiz-cta-l{animation:none}}@media (max-width:600px){.quiz-cta{padding:17px 38px 17px 42px;font-size:19px}}.quiz-cta-end{margin-top:80px}.ls,.camst,.vht{scroll-margin-top:90px}.skills-divider.skm{clip-path:inset(0 round 28px);position:relative;overflow:hidden}.skm-stage{z-index:2;pointer-events:none;color:var(--fg);position:absolute;inset:0;container-type:size}.skm-stage.run{pointer-events:auto;cursor:pointer}.skm-stage.done{opacity:0;transition:opacity .35s}.skm-skip .skm-stage{display:none}.skm-scene{visibility:hidden;justify-content:center;align-items:center;font-size:clamp(40px,min(12.5cqw,56cqh),210px);display:flex;position:absolute;inset:0}.skm-stage.run .skm-scene{animation:skmShow var(--sdur) var(--sd) forwards}@keyframes skmShow{0%,99.9%{visibility:visible}to{visibility:hidden}}.skm-row{align-items:center;gap:.26em;display:flex}.skm-word{text-transform:uppercase;letter-spacing:-.045em;white-space:nowrap;padding-top:.02em;font-weight:800;line-height:.74}.skm-mask{vertical-align:bottom;padding:.04em 0 0;line-height:.9;display:inline-block;overflow:hidden}.skm-l{display:inline-block;transform:translateY(110%)}.skm-stage.run .skm-2d .skm-l{animation:skm2dL var(--sdur) calc(var(--sd) + var(--i,0) * 70ms) both}@keyframes skm2dL{0%{animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translateY(110%)}26%{animation-timing-function:ease-in-out;transform:translateY(-5%)}34%,to{transform:none}}.skm-sq{background:currentColor;width:.62em;height:.62em;transform:translateY(-80cqh)rotate(-25deg)}.skm-stage.run .skm-sq{animation:skm2dSq var(--sdur) var(--sd) both}@keyframes skm2dSq{0%,16%{animation-timing-function:cubic-bezier(.55,0,.9,.4);transform:translateY(-80cqh)rotate(-25deg)}34%{animation-timing-function:ease-out;transform:translateY(6%)scaleY(.82)scaleX(1.1)}44%{animation-timing-function:ease-in;transform:translateY(-12%)}52%,to{transform:none}}.skm-stage.run .skm-2d .skm-row{animation:skmExit var(--sdur) var(--sd) both}@keyframes skmExit{0%,82%{animation-timing-function:cubic-bezier(.7,0,.9,.4);transform:none}to{transform:translate(-110cqw)skew(-14deg)}}.skm-3d-gl{position:absolute;inset:0}.skm-3d-gl canvas{width:100%;height:100%;display:block}.skm-comp-cam{perspective:6em;place-items:center;width:1.5em;height:1.5em;display:grid}.skm-comp-rig{width:.7em;height:.7em;transform-style:preserve-3d;position:relative;transform:rotateX(-14deg)rotateY(-8deg)}.skm-comp-sq{position:absolute;inset:0;transform:translateZ(0)}.skm-comp-s1{background:color-mix(in srgb, var(--fg) 38%, transparent)}.skm-comp-s2{background:color-mix(in srgb, var(--fg) 55%, transparent)}.skm-comp-s3{background:color-mix(in srgb, var(--fg) 78%, transparent)}.skm-stage.run .skm-comp-word{animation:skmCompWord var(--sdur) var(--sd) both}@keyframes skmCompWord{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translate(-.4em)}18%{opacity:1;transform:none}84%{animation-timing-function:cubic-bezier(.7,0,.9,.4);transform:none}to{transform:translate(-110cqw)}}.skm-stage.run .skm-comp-rig{animation:skmCompRig var(--sdur) var(--sd) both}.skm-stage.run .skm-comp-cam{animation:skmFadeIn var(--sdur) var(--sd) both}@keyframes skmFadeIn{0%{opacity:0}10%,to{opacity:1}}@keyframes skmCompRig{0%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:rotateX(-14deg)rotateY(-8deg)scale(.6)}84%{animation-timing-function:cubic-bezier(.7,0,.9,.4);transform:rotateX(-16deg)rotateY(-30deg)scale(1)}to{transform:translate(-110cqw)rotateX(-16deg)rotateY(-38deg)scale(1)}}.skm-stage.run .skm-comp-s1{animation:skmCompS1 var(--sdur) var(--sd) both}.skm-stage.run .skm-comp-s3{animation:skmCompS3 var(--sdur) var(--sd) both}@keyframes skmCompS1{0%,10%{animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translateZ(0)}50%,to{transform:translateZ(-.75em)}}@keyframes skmCompS3{0%,10%{animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translateZ(0)}50%,to{transform:translateZ(.75em)}}.skm-mo-word{transform-origin:0 60%;position:relative;transform:translate(70cqw)skew(-28deg)scaleX(1.6)}.skm-stage.run .skm-mo-word{animation:skmMoWord var(--sdur) var(--sd) both}@keyframes skmMoWord{0%{animation-timing-function:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);transform:translate(70cqw)skew(-28deg)scaleX(1.6)}55%{animation-timing-function:linear;transform:none}82%{animation-timing-function:cubic-bezier(.7,0,.9,.4);transform:none}to{transform:translate(-110cqw)skew(-24deg)scaleX(1.8)}}.skm-mo-sq{background:currentColor;width:.56em;height:.56em;position:relative;transform:translate(80cqw)}.skm-mo-trail{transform-origin:0;background:linear-gradient(90deg, currentColor, color-mix(in srgb, currentColor 0%, transparent));width:1.1em;height:100%;position:absolute;top:0;left:50%;transform:scaleX(5)}.skm-stage.run .skm-mo-sq{animation:skmMoSq var(--sdur) var(--sd) both}.skm-stage.run .skm-mo-trail{animation:skmMoTrail var(--sdur) var(--sd) both}@keyframes skmMoSq{0%,10%{animation-timing-function:cubic-bezier(.05,.7,.1,1);transform:translate(80cqw)}48%{animation-timing-function:linear;transform:none}82%{animation-timing-function:cubic-bezier(.7,0,.9,.4);transform:none}to{transform:translate(-110cqw)}}@keyframes skmMoTrail{0%,10%{animation-timing-function:cubic-bezier(.3,.6,.4,1);transform:scaleX(5)}42%{animation-timing-function:cubic-bezier(.5,0,.2,1);transform:scaleX(1.2)}62%,82%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:scaleX(0)}to{transform:scaleX(6)}}.skm-ia-word{opacity:0}.skm-stage.run .skm-ia-word{animation:skmIaWord .36s var(--sd) steps(4, end) both}@keyframes skmIaWord{0%{opacity:0;clip-path:inset(-.3em 100% -.3em -.3em)}to{opacity:1;clip-path:inset(-.3em)}}.skm-ia-cam{perspective:7em;place-items:center;width:1.4em;height:1.4em;display:grid}.skm-ia-cube{--v:.22em;width:calc(var(--v) * 4);height:calc(var(--v) * 4);transform-style:preserve-3d;position:relative;transform:scaleZ(.02)}.skm-stage.run .skm-ia-cube{animation:skmIaSpin var(--sdur) var(--sd) both}.skm-stage.run .skm-ia-cam{animation:skmFadeIn var(--sdur) var(--sd) both}.skm-ia-cam{position:relative}.skm-ia-flat{z-index:1;opacity:0;background:currentColor;width:.88em;height:.88em;margin:-.44em 0 0 -.44em;position:absolute;top:50%;left:50%}.skm-stage.run .skm-ia-flat{animation:skmIaFlat var(--sdur) var(--sd) both}@keyframes skmIaFlat{0%{opacity:1;animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:scale(.42)}7%,16%{opacity:1;animation-timing-function:ease-in;transform:scale(.705)}23%,to{opacity:0;transform:scale(.8)}}@keyframes skmIaSpin{0%{animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:scale3d(.42,.42,.42)}7%{transform:scale3d(.705,.705,.705)}16%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:rotateX(0)rotateY(0)scale3d(.705,.705,.705)}36%{animation-timing-function:linear;transform:rotateX(-18deg)rotateY(120deg)scale3d(.82,.82,.82)}to{transform:rotateX(-24deg)rotateY(330deg)scale3d(.82,.82,.82)}}.skm-vox{width:var(--v);height:var(--v);transform-style:preserve-3d;transform:translate3d(calc(var(--x) * var(--v)), calc(var(--y) * var(--v)), calc((var(--zz) - 1.5) * var(--v)));position:absolute;top:0;left:0}.skm-vox-in{--half:calc(var(--v) * .46);inset:calc(var(--v) * .04);transform-style:preserve-3d;position:absolute;transform:scale3d(1.09,1.09,1.09)}.skm-stage.run .skm-vox-in{animation:skmVoxOut var(--sdur) var(--sd) both}.skm-stage.run .skm-vox[data-build] .skm-vox-in{animation:skmVoxOut var(--sdur) var(--sd) both, skmBuild .26s calc(var(--sd) + var(--bt)) cubic-bezier(.3, 1.6, .5, 1) both}@keyframes skmBuild{0%{scale:0}to{scale:1}}@keyframes skmVoxOut{0%,19%{animation-timing-function:cubic-bezier(.5,0,.3,1);transform:scale3d(1.09,1.09,1.09)}38%,to{transform:none}}@keyframes skmVoxWave{0%,39%{animation-timing-function:ease-in-out;translate:0}44.5%{translate:calc(var(--dx) * var(--v) * .16) calc(var(--dy) * var(--v) * .16) calc(var(--dz) * var(--v) * .16);animation-timing-function:ease-in-out}50%{translate:calc(var(--dx) * var(--v) * -.05) calc(var(--dy) * var(--v) * -.05) calc(var(--dz) * var(--v) * -.05);animation-timing-function:ease-in-out}55.5%{translate:calc(var(--dx) * var(--v) * .2) calc(var(--dy) * var(--v) * .2) calc(var(--dz) * var(--v) * .2);animation-timing-function:ease-in-out}61%{translate:calc(var(--dx) * var(--v) * -.04) calc(var(--dy) * var(--v) * -.04) calc(var(--dz) * var(--v) * -.04);animation-timing-function:ease-in-out}66%,to{translate:0}}.skills-divider.skm .skt-line{padding-bottom:.04em;display:block;overflow:hidden}.skills-divider.skm .skt-line>span{display:block;transform:translateY(105%)}.skills-divider.skm .skills-title br{display:none}.skills-divider.skm.visible .skt-line>span{animation:.9s cubic-bezier(.16,1,.3,1) both skmLine}.skills-divider.skm.visible .skt-line+br+.skt-line>span{animation-delay:.12s}@keyframes skmLine{to{transform:none}}@media (prefers-reduced-motion:reduce){.skm-stage{display:none}.skills-divider.skm .skt-line>span{transform:none;animation:none!important}}.fc-section{margin-top:80px}.fc{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:20px;max-width:760px;padding:22px 24px;display:flex}.fc-row{flex-wrap:wrap;gap:16px 24px;display:flex}.fc-field{flex-direction:column;gap:8px;min-width:0;display:flex}.fc-field:last-child{flex:220px}.fc-field>span{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.fc-field input,.fc-field select{border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);font:inherit;border-radius:10px;padding:10px 14px;font-size:15px}.fc-field input{font-variant-numeric:tabular-nums;width:120px}.fc-field select{width:100%}.fc-out{flex-wrap:wrap;gap:12px 40px;margin:0;display:flex}.fc-out dt{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.fc-out dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:26px;font-weight:800}.fc-note{color:var(--fg-soft);margin:0;font-size:13.5px;line-height:1.6}@media (max-width:900px){.fc{padding:18px 16px}}.chs{flex-direction:column;gap:16px;display:flex}.chs-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.chs-wheel,.chs-view{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:460px;padding:22px;display:flex;position:relative}.chs-wheel svg{width:100%;max-width:380px;height:auto;display:block}.chs-wheel path[fill]{cursor:pointer;transition:opacity .2s}.chs-wheel path[fill]:hover{opacity:.85}.chs-wheel-name{font:800 17px var(--font);letter-spacing:-.01em}.chs-wheel-hex{font:600 12px var(--font);letter-spacing:.08em;opacity:.75}.chs-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.chs-model{justify-content:center}.chs-props{flex-direction:column;gap:16px;width:100%;display:flex}.chs-props span,.chs-trap>span{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.chs-strip{border-radius:8px;height:34px;margin-top:6px}.chs-trap{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:8px;padding-top:16px;display:flex}.chs-trap-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chs-trap-cell{grid-template-columns:1fr 1fr;gap:6px;display:grid}.chs-trap-sw{border-radius:8px;height:64px}.chs-trap-cell b{color:var(--fg);grid-column:span 2;font-size:13px}.chs-trap em{color:var(--fg-dim);font-size:12px;font-style:normal}.chs-foot{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}@media (max-width:900px){.chs-panels{grid-template-columns:1fr}.chs-wheel,.chs-view{min-height:0;padding:16px}}.chs-poster{border-radius:10px;width:auto;max-width:100%;height:100%;max-height:420px;display:block;box-shadow:0 18px 50px #00000073}.chs-bar{border-radius:10px;width:100%;height:54px;display:flex;overflow:hidden}.chs-bar div{flex-direction:column;justify-content:center;min-width:0;padding:0 12px;display:flex}.chs-bar b{font-size:15px}.chs-bar span{letter-spacing:.12em;text-transform:uppercase;opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}@media (max-width:900px){.chs-poster{width:100%;height:auto;max-height:none}}.cms{flex-direction:column;gap:16px;display:flex}.cms-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;overflow:hidden}.cms-opps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px;display:grid}.cms-pair{border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.cms-pair-top,.cms-pair-bot{flex-direction:column;justify-content:flex-end;gap:4px;height:150px;padding:12px 14px;display:flex}.cms-pair-top b{font-size:14px}.cms-pair small{letter-spacing:.08em;opacity:.8;font-variant-numeric:tabular-nums;font-size:10px}.cms-pair-cap{flex-direction:column;gap:2px;padding:12px 2px 0;display:flex}.cms-pair-cap b{color:var(--fg);font-size:15px;font-weight:800}.cms-pair-cap span{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.cms-after{aspect-ratio:16/8;place-items:center;display:grid;position:relative}.cms-disc{aspect-ratio:1;border-radius:50%;width:min(34%,260px)}.cms-disc-ghost{opacity:.55;transition:opacity .6s}.cms-cross{font:300 34px/1 var(--font);color:#111;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.cms-after-msg{color:#f4f1ea;text-shadow:0 1px 2px #0006;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;bottom:18px;left:0;right:0}.cms-after-msg .ls-quiz-next{align-self:center;margin:0}.cms-mix{flex-direction:column;gap:18px;padding:26px 22px 22px;display:flex}.cms-ramp span,.cms-pick{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.cms-ramp-row{border-radius:10px;height:70px;margin-top:8px;display:flex;overflow:hidden}.cms-ramp-row div{flex:1}.cms-ramp-row div.mid{flex:1.6;box-shadow:inset 0 0 0 2px #ffffff8c}.cms-ends{color:var(--fg-soft);justify-content:space-between;font-size:11px;display:flex}.cms-foot{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.cms-hues{flex-wrap:wrap;gap:6px;display:flex}.cms-hues button{cursor:pointer;border:0;border-radius:50%;width:26px;height:26px;transition:transform .15s;box-shadow:0 0 0 2px #0000}.cms-hues button:hover{transform:scale(1.12)}.cms-hues button.on{box-shadow:0 0 0 2px #0a0a0a, 0 0 0 4px var(--fg)}@media (max-width:900px){.cms-opps{grid-template-columns:1fr}.cms-pair{flex-flow:wrap}.cms-pair-top,.cms-pair-bot{flex:50%;height:90px}.cms-pair-cap{flex-basis:100%}.cms-after{aspect-ratio:4/5}.cms-disc{width:58%}}.mns{flex-direction:column;gap:14px;display:flex}.mns-stage{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;height:560px;position:relative;overflow:hidden}.mns-gl{cursor:grab;position:absolute;inset:0}.mns-gl canvas{width:100%;height:100%;display:block}.mns-labels{pointer-events:none;position:absolute;inset:0}.mns-tag{letter-spacing:.12em;color:var(--fg-dim);white-space:nowrap;font-size:10px;font-weight:700;transition:opacity .2s;position:absolute;top:0;left:0}.mns-val{color:#8a8a85;margin-left:-18px;font-size:9px}.mns-info{color:var(--fg);pointer-events:none;font-size:13px;position:absolute;bottom:14px;left:16px;right:16px}.mns-info em{color:var(--accent);font-style:normal}.mns-dim{color:var(--fg-dim);font-size:12px}.mns-areas{border-radius:10px;flex-wrap:wrap;width:min(320px,46%);height:110px;display:flex;position:absolute;top:16px;right:16px;overflow:hidden}.mns-areas div{align-items:flex-end;min-width:14px;padding:8px;display:flex}.mns-areas small{color:#fff;text-shadow:0 1px 2px #0009;white-space:nowrap;font-size:10px;font-weight:700}.mns-areas p{color:var(--fg-soft);background:#0009;flex-basis:100%;margin:0;padding:8px 10px;font-size:11px;line-height:1.4}.mns-foot{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.mns-oog{align-items:center;margin-left:auto}.mns-oog>span{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-right:4px;font-size:10px;font-weight:700}.mns-note{color:var(--fg-dim);margin:0;font-size:12px}@media (max-width:900px){.mns-stage{height:440px}.mns-oog{margin-left:0}.mns-areas{width:auto;left:16px}}.chq-media{background:#0c0c0c;place-items:center;padding:24px;display:grid}.chq-wheel{width:100%;max-width:340px;height:auto}.chq-light{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px;display:grid}.chq-light div{aspect-ratio:1;border-radius:12px}.chq-opp{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.chq-opp-base{border-radius:12px;height:110px}.chq-opp-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.chq-opp-row div{border-radius:12px;align-items:flex-end;height:110px;padding:10px;display:flex}.chq-opp-row b,.chq-ratio-row b{color:#f4f1ea;text-shadow:0 1px 3px #0009;font-size:14px;font-weight:800}.chq-ratio{flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex}.chq-ratio-row{grid-template-columns:24px 1fr;align-items:center;gap:10px;display:grid}.chq-ratio-row div{border-radius:10px;height:54px;display:flex;overflow:hidden}.chs-acc{flex-direction:column;gap:12px;width:100%;padding:22px;display:flex}.chs-acc-h{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.chs-acc-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.chs-acc-cell{border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.chs-acc-cell p{margin:0;font-size:13px;line-height:1.35}.chs-acc-cell b{font-weight:800}.chs-acc-cell em{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:9.5px;font-style:normal;font-weight:700;display:block}.chs-cvd{flex-direction:column;gap:6px;display:flex}.chs-cvd-row{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.chs-cvd-row span{color:var(--fg-soft);font-size:11px}.chs-cvd-row div{border-radius:8px;height:30px;display:flex;overflow:hidden}.chs-cvd-row i{flex:1}.vis-text a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.chs,.cms,.mns{padding:0}.pp-related .tuto-duration{transition:opacity .2s}.pp-related .work:hover .tuto-duration{opacity:0}@media (hover:none){.pp-related .tuto-duration{display:none}}.mws{flex-direction:column;gap:16px;padding:0;display:flex}.mws-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.mws-wheel,.mws-view{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;flex-direction:column;gap:14px;min-height:480px;padding:22px;display:flex;position:relative}.mws-wheel{justify-content:center;align-items:center}.mws-wheel svg{width:100%;max-width:390px;height:auto;display:block}.mws-seg{cursor:pointer}.mws-seg path{opacity:.26;transition:opacity .25s}.mws-seg.on path{opacity:1}.mws-seg:hover path{opacity:.8}.mws-seg text{font:700 12px var(--font);letter-spacing:.02em;pointer-events:none;opacity:.55}.mws-seg.on text{opacity:1}.mws-seg.root path{stroke:#f4f1ea;stroke-width:3px}.mws-c-name{font:800 26px var(--font);letter-spacing:-.01em}.mws-c-sub{font:600 11px var(--font);letter-spacing:.12em;text-transform:uppercase}.mws-chips{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.mws-chips button{border:1px solid var(--line-strong);color:var(--fg-soft);font:600 11px var(--font);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:100px;padding:8px 12px;transition:color .2s,border-color .2s,background .2s}.mws-chips button:hover{color:var(--fg);border-color:var(--fg-dim)}.mws-chips button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.mws-group{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.mws-group span{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--fg-dim);margin-top:4px;font-size:10px;font-weight:700}.mws-prog,.mws-deg{flex-direction:column;align-items:flex-start;gap:2px;display:flex;border-radius:12px!important}.mws-prog small,.mws-deg small{opacity:.75;letter-spacing:.02em;font-size:10px;font-weight:500}.mws-deg{position:relative;padding-left:16px!important}.mws-deg:before{content:"";background:var(--fn);border-radius:2px;width:3px;position:absolute;top:9px;bottom:9px;left:7px}.mws-deg.fn0{--fn:#8fc6ff}.mws-deg.fn1{--fn:#9fdc8a}.mws-deg.fn2{--fn:#ff8d6b}.mws-seq{flex-wrap:wrap;gap:6px;display:flex}.mws-seq span{font:700 13px var(--font);color:var(--fg-soft);background:#161616;border-radius:8px;padding:6px 10px;transition:background .15s,color .15s}.mws-seq span.on{color:#141414;background:#f4f1ea}.mws-piano{--bw:calc(100% / var(--nw,17) * .62);border-radius:8px;height:120px;margin-top:auto;display:flex;position:relative;overflow:hidden}.mws-w{background:#ece9e2;border-right:1px solid #b9b5ad;flex:1;transition:background .12s;position:relative}.mws-w.on:after{content:"";aspect-ratio:1;background:var(--c);border-radius:50%;width:min(56%,20px);position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mws-w.lit{background:color-mix(in srgb, var(--c) 55%, #ece9e2)}.mws-b{width:var(--bw);z-index:2;background:#151515;border-radius:0 0 4px 4px;height:62%;transition:background .12s;position:absolute;top:0}.mws-b.on:after{content:"";aspect-ratio:1;background:var(--c);border-radius:50%;width:min(64%,16px);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mws-b.lit{background:color-mix(in srgb, var(--c) 70%, #151515)}.mws-info{flex-direction:column;gap:8px;display:flex}.mws-notes{font:800 17px var(--font);letter-spacing:.01em;margin:0}.mws-def{color:var(--fg-soft);margin:0;font-size:13.5px;line-height:1.5}.mws-actions{flex-wrap:wrap;gap:8px;display:flex}.mws-ghost{border:1px solid var(--line-strong)!important;color:var(--fg)!important;background:0 0!important}@media (max-width:900px){.mws-panels{grid-template-columns:1fr}.mws-wheel,.mws-view{min-height:0;padding:16px}.mws-piano{height:96px}}.mcs{flex-direction:column;gap:16px;padding:0;display:flex}.mcs-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;min-height:420px;padding:26px;display:flex}.mcs-panel>div{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.mcs-head{flex-direction:column;gap:6px;display:flex}.mcs-head b{font:800 clamp(26px, 3.4vw, 40px) var(--font);letter-spacing:-.02em;line-height:1}.mcs-head span{color:var(--fg-soft);font-size:13px}.mcs-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.mcs-tags em{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);background:#1c1c1c;border-radius:100px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:700}.mcs-tags em.good{color:#9fdc8a;background:#1d3320}.mcs-tags em.bad{color:#ff9d82;background:#3a1d17}.mcs-tags em.ghost{border:1px solid var(--line-strong);background:0 0}.mcs-piano{height:130px;margin-top:0}.mcs-string{width:100%;height:auto;display:block}.mcs-vib{transform-box:fill-box;transform-origin:50%;animation:.18s ease-in-out infinite alternate mcsVib}.mcs-vib.b{animation-direction:alternate-reverse}@keyframes mcsVib{0%{transform:scaleY(1)}to{transform:scaleY(-1)}}.mcs-hrow{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;display:grid}.mcs-hrow button{border:1px solid var(--line);color:var(--fg-soft);cursor:pointer;font-family:var(--font);border-top:4px solid var(--c);background:#141414;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;transition:background .15s,border-color .15s;display:flex}.mcs-hrow button b{color:var(--fg);font-size:14px}.mcs-hrow button span{font-size:10px;font-weight:700}.mcs-hrow button small{opacity:.7;font-size:9.5px}.mcs-hrow button.off small{color:#ff9d82;opacity:1;font-weight:700}.mcs-hrow button.on{color:#141414;border-color:#f4f1ea;border-top-color:var(--c);background:#f4f1ea}.mcs-hrow button.on b{color:#141414}.mcs-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.mcs-cmp{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mcs-sys{border:1px solid var(--line-strong);color:var(--fg);cursor:pointer;font-family:var(--font);text-align:left;background:#141414;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;display:flex;position:relative;overflow:hidden}.mcs-sys span{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}.mcs-sys b{letter-spacing:-.01em;font-size:24px;font-weight:800}.mcs-sys small{color:var(--fg-soft);font-size:12px}.mcs-sys em{color:var(--accent);font-size:13px;font-style:normal;font-weight:700}.mcs-sys.on{border-color:var(--accent)}.mcs-pulse{background:var(--accent);opacity:0;pointer-events:none;position:absolute;inset:0}.mcs-sys.on .mcs-pulse{animation:mcsBeat var(--beat) linear infinite}@keyframes mcsBeat{0%,to{opacity:.16}50%{opacity:0}}.mcs-ruler{flex-direction:column;gap:8px;display:flex}.mcs-ruler svg{width:100%;height:auto;display:block}.mcs-diff{color:var(--fg-soft);font-size:13px}.mcs-lab{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-right:4px;font-size:10px;font-weight:700}.mcs-lanes{flex-direction:column;gap:14px;display:flex}.mcs-lane{flex-direction:column;gap:6px;display:flex}.mcs-lane>span{color:var(--fg-soft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.mcs-lane>div{background:#161616;border-radius:8px;height:44px;position:relative;overflow:hidden}.mcs-lane i{background:#f4f1ea;border-radius:4px;width:14px;margin-left:8px;position:absolute;top:8px;bottom:8px}.mcs-lane:first-child i{background:var(--accent)}.mcs-lane u{opacity:0;background:#ff8d6b;width:2px;position:absolute;top:0;bottom:0;left:0}.mcs-lanes.run .mcs-lane u{opacity:1;animation:mcsHead var(--cyc) linear infinite}.mcs-lanes.run.pitch .mcs-lane u{opacity:0}.mcs-lanes.run.pitch .mcs-lane>div{background:repeating-linear-gradient(90deg,#262626 0 3px,#161616 3px 6px)}@keyframes mcsHead{0%{left:0}to{left:100%}}.mcs-slider{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.mcs-slider input{accent-color:var(--accent);flex:1}@media (max-width:900px){.mcs-panel{min-height:0;padding:16px}.mcs-hrow{grid-template-columns:repeat(8,minmax(0,1fr))}.mcs-cmp{grid-template-columns:1fr}.mcs-piano{height:100px}}.mhq-listen{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;min-height:260px;display:flex}.mhq-listen button{background:var(--accent);color:#0a0a0a;cursor:pointer;border:0;border-radius:50%;place-items:center;width:132px;height:132px;transition:transform .2s;display:grid}.mhq-listen button:hover{transform:scale(1.04)}.mhq-listen>span{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-soft);font-size:11px;font-weight:700}.mhq-bars{align-items:center;gap:6px;height:46px;display:flex}.mhq-bars i{background:#0a0a0a;border-radius:4px;width:7px;height:30%}.mhq-listen button.on .mhq-bars i{animation:.55s ease-in-out infinite alternate mhqBar}@keyframes mhqBar{0%{height:22%}to{height:100%}}.ntw{flex-direction:column;gap:16px;padding:0;display:flex}.ntw-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;display:grid}.ntw-stage{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;height:600px;position:relative;overflow:hidden}.ntw-gl{position:absolute;inset:64px 0 0}.ntw-gl canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ntw-labels{pointer-events:none;position:absolute;inset:64px 0 0;overflow:hidden}.ntw-piano{z-index:3;border-bottom:1px solid var(--line);border-radius:0;height:64px;margin:0;position:absolute;top:0;left:0;right:0}.mws-piano.play .mws-w,.mws-piano.play .mws-b{cursor:pointer}.ntw-piano .mws-w.on:after{width:min(50%,12px);bottom:6px}.ntw-piano .mws-b.on:after{width:min(60%,10px);bottom:5px}.ntw-tag{font:700 11px var(--font);letter-spacing:.04em;color:#f4f1ea;text-shadow:0 1px 4px #000c;white-space:nowrap;transition:opacity .25s;position:absolute;top:0;left:0}.ntw-arc{font:800 15px var(--font);color:#9a9a95;text-shadow:0 1px 4px #000000e6;position:absolute;top:0;left:0}.ntw-arc.half{color:var(--accent)}.ntw-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);pointer-events:none;font-size:10px;font-weight:700;position:absolute;bottom:14px;left:16px}.ntw-side{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;flex-direction:column;gap:14px;padding:26px;display:flex}.ntw-side h3{font:800 clamp(24px, 2.6vw, 34px) var(--font);letter-spacing:-.02em;margin:0;line-height:1.05}.ntw-side>p{color:var(--fg-soft);margin:0;font-size:14.5px;line-height:1.6}.ntw-side>p b{color:var(--fg)}.ntw-ctrl{flex-direction:column;gap:12px;margin-top:auto;padding-top:6px;display:flex}.ntw-actions{flex-wrap:wrap;gap:8px;display:flex}.ntw-ghost{border:1px solid var(--line-strong)!important;color:var(--fg)!important;background:0 0!important}.ntw-roots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ntw-roots span{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--fg-dim);font-size:10px;font-weight:700}.ntw-roots button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.ntw-roots button.on{border-color:#f4f1ea;box-shadow:inset 0 0 0 2px #0c0c0c}.ntw-strip{width:100%;height:auto;display:block}.ntw-idx{font:600 11px var(--font);fill:var(--fg-dim)}.ntw-nl{font:800 10px var(--font);pointer-events:none}.ntw-step{font:800 20px var(--font)}.ntw-notes{font:800 17px var(--font);margin:0}.ntw-fns{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ntw-fns div{border-top:3px solid var(--fn);background:#141414;border-radius:8px;flex-direction:column;gap:3px;padding:10px;display:flex}.ntw-fns b{font-size:12px}.ntw-fns span{font:800 13px var(--font);color:var(--fn)}.ntw-fns p{color:var(--fg-soft);margin:0;font-size:11.5px;line-height:1.4}.ntw-degs{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.ntw-degs button{border:1px solid var(--line);border-top:3px solid var(--fn);color:var(--fg-soft);cursor:pointer;font-family:var(--font);background:#141414;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;display:flex}.ntw-degs b{color:var(--fg);font-size:14px}.ntw-degs small{text-align:center;font-size:9px;line-height:1.15}.ntw-degs button.on{background:var(--fn);color:#141414}.ntw-degs button.on b{color:#141414}.ntw-def{color:var(--fg-soft);margin:0;font-size:13px;line-height:1.5}.ntw-def b{color:var(--fg)}.ntw-curve{width:100%;height:auto;display:block}.ntw-curve-grid{stroke:#ffffff1a;stroke-width:1px}.ntw-curve-line{fill:none;stroke:#ffffff73;stroke-width:2px}.ntw-curve circle{transition:r .2s}.ntw-curve g.on text{fill:var(--accent)}.ntw-lab{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:700}@media (max-width:900px){.ntw-grid{grid-template-columns:1fr}.ntw-stage{height:420px}.ntw-side{padding:18px}.ntw-degs{grid-template-columns:repeat(4,minmax(0,1fr))}}.ntw-mark{font:800 11px var(--font);color:#f4f1ea;text-shadow:0 1px 4px #000000e6;position:absolute;top:0;left:0}.ntw-mark.off{color:#ff8d6b}.ntw-ivcard{background:#141414;border-radius:10px;flex-direction:column;gap:5px;padding:14px;display:flex}.ntw-ivcard b{font:800 22px var(--font);letter-spacing:-.01em}.ntw-ivcard span{color:var(--fg-soft);font-size:12.5px}.ntw-harm{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px;display:grid}.ntw-harm div{border-top:3px solid var(--c);background:#141414;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;display:flex}.ntw-harm b{font-size:13px}.ntw-harm span{font-size:10px;font-weight:700}.ntw-harm small{color:var(--fg-dim);font-size:9.5px}.ntw-harm div.off small{color:#ff8d6b;font-weight:700}.nar-start{background:var(--accent);color:#0a0a0a;font:800 13px var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:100px;align-items:center;gap:12px;margin:6px 0 26px;padding:8px 22px 8px 8px;transition:transform .2s,box-shadow .2s;display:inline-flex}.nar-start:hover{box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-1px)}.nar-play{background:#0a0a0a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.nar-play svg{width:12px;height:14px;fill:var(--accent);margin-left:3px}.nar-ico{align-items:center;gap:3px;height:16px;display:inline-flex}.nar-ico i{background:var(--accent);border-radius:2px;width:3px;height:40%}.nar-ico.run i{animation:.6s ease-in-out infinite alternate narBar}.nar-ico.run i:nth-child(2){animation-delay:.15s}.nar-ico.run i:nth-child(3){animation-delay:.3s}.nar-ico.run i:nth-child(4){animation-delay:.45s}@keyframes narBar{0%{height:25%}to{height:100%}}.nar-bar{z-index:60;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414eb;border-radius:100px;align-items:center;gap:14px;width:min(640px,100vw - 32px);padding:10px 12px 10px 18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000080}.nar-what{flex-direction:column;flex:1;min-width:0;display:flex}.nar-what small{letter-spacing:.14em;color:var(--fg-dim);font-size:10px;font-weight:700}.nar-what b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.nar-btns{align-items:center;gap:4px;display:flex}.nar-btns button{width:36px;height:36px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:13px}.nar-btns button:hover{background:#262626}.nar-btns button.main{background:var(--accent);color:#0a0a0a;width:42px;height:42px;font-size:13px}.nar-btns button.spd{width:auto;font:700 12px var(--font);border-radius:100px;padding:0 10px}.nar-none{color:var(--fg-dim);font-size:12px}@media (max-width:600px){.nar-bar{gap:8px;padding-left:14px}.nar-btns button{width:32px;height:32px}}.nav-music svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.nav-music svg circle{fill:currentColor;stroke:none}.nav-music.on{border-color:var(--accent);color:var(--accent)}.nav-eq{align-items:flex-end;gap:2px;height:13px;display:inline-flex}.nav-eq i{background:currentColor;border-radius:1px;width:3px;height:40%;animation:.7s ease-in-out infinite alternate navEq}.nav-eq i:nth-child(2){animation-delay:.2s}.nav-eq i:nth-child(3){animation-delay:.4s}@keyframes navEq{0%{height:25%}to{height:100%}}.mpm{z-index:55;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#141414f0;border-radius:16px;flex-direction:column;width:min(340px,100vw - 36px);padding:10px;transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1);display:flex;position:fixed;bottom:18px;right:18px;transform:translateY(16px)scale(.97);box-shadow:0 18px 50px #0000008c}.mpm.on{opacity:1;pointer-events:auto;transform:none}.mpm-row{align-items:center;gap:12px;display:flex}.mpm-list{flex-direction:column;max-height:0;margin:0;padding:0;list-style:none;transition:max-height .3s,margin .3s,padding .3s;display:flex;overflow:hidden}.mpm.open .mpm-list{border-bottom:1px solid var(--line);max-height:320px;margin-bottom:10px;padding-bottom:8px;overflow-y:auto}.mpm-list button{width:100%;color:var(--fg-soft);text-align:left;cursor:pointer;font-family:var(--font);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 6px;display:flex}.mpm-list button:hover{color:var(--fg);background:#222}.mpm-list button.on{color:var(--accent)}.mpm-n{width:22px;color:var(--fg-dim);flex:none;justify-content:center;font-size:11px;font-weight:700;display:inline-flex}.mpm-list button.on .mpm-n{color:var(--accent)}.mpm-t{flex-direction:column;flex:1;min-width:0;display:flex}.mpm-t b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mpm-t small{color:var(--fg-dim);font-size:10.5px}.mpm-d{color:var(--fg-dim);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.mpm-ico{width:30px;height:30px;color:var(--fg-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.mpm-ico svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:17px;height:17px}.mpm-ico svg circle{fill:currentColor;stroke:none}.mpm-ico:hover,.mpm-ico.on{color:var(--accent);background:#262626}.mpm-cover{background:#000;border-radius:10px;flex:none;width:56px;height:56px;overflow:hidden}.mpm-cover img,.mpm-cover video{object-fit:cover;width:100%;height:100%;display:block}.mpm-main{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.mpm-top{align-items:center;gap:6px;display:flex}.mpm-name{flex-direction:column;flex:1;min-width:0;display:flex}.mpm-name b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mpm-name span{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mpm-play{background:var(--accent);color:#0a0a0a;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.mpm-play svg{fill:currentColor;width:14px;height:14px}.mpm-x{width:26px;height:26px;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}.mpm-x:hover{color:var(--fg);background:#262626}.mpm-bar{cursor:pointer;touch-action:none;background:#333;border-radius:2px;height:4px;position:relative}.mpm-bar:before{content:"";position:absolute;inset:-8px 0}.mpm-bar i{background:var(--accent);border-radius:2px;position:absolute;top:0;bottom:0;left:0}@media (max-width:600px){.mpm{width:calc(100vw - 24px);bottom:12px;right:12px}}.btn-solid.res-audio{align-items:center;gap:10px;display:inline-flex}.res-audio svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.res-audio svg rect{fill:currentColor;stroke:none}.mp-soon{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);padding:14px 0 4px;font-size:11px;font-weight:600;list-style:none}.mp-soon span{align-items:center;gap:8px;display:inline-flex}.mp-soon span:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.mpm-soon{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);padding:8px 6px 2px;font-size:10px;font-weight:600}.mp-list li.mp-soon{border-bottom:0;display:block}.tuto-audio{white-space:nowrap;background:var(--accent);color:#0a0a0a;letter-spacing:.14em;text-transform:uppercase;border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.tuto-audio svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.tuto-audio svg rect{fill:currentColor;stroke:none}.pgc{flex-direction:column;gap:16px;padding:0;display:flex}.pgc-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;display:grid}.pgc-stage{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;place-items:center;min-height:460px;padding:18px;display:grid}.pgc-stage svg{width:100%;height:auto;display:block}.pgc-page{fill:#f1ece2}.pgc-spine{stroke:#c9c2b4;stroke-width:2px}.pgc-block{fill:#f5d24729;stroke:var(--accent);stroke-width:1.5px}.pgc-txt{fill:#2a2a2a;opacity:.55}.pgc-ninth line{stroke:#6b6458;stroke-width:1.2px;stroke-dasharray:5 4;opacity:.85}.pgc-canon path{fill:none;stroke:#6b6458;stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s ease-in-out both pgcDraw}.pgc-canon path.hot{stroke:#c0392b;stroke-width:2px}@keyframes pgcDraw{to{stroke-dashoffset:0}}.pgc-dot{fill:#6b6458;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.35s cubic-bezier(.3,1.6,.5,1) both pgcPop}.pgc-dot.hot{fill:#c0392b}@keyframes pgcPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.pgc-blockin{opacity:0;animation:.6s both pgcFade}@keyframes pgcFade{to{opacity:1}}.pgc-img{fill:#b9b0a0}.pgc-cap{fill:#6b6458}.pgc-run{font:italic 600 11px var(--font);fill:#5a5448;letter-spacing:.04em}.pgc-folio{font:700 12px var(--font);fill:#2a2a2a}.pgc-mark{fill:#c0392b}.pgc-lab{font:700 11px var(--font);letter-spacing:.1em;text-transform:uppercase;fill:var(--accent)}.pgc-side{border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c;flex-direction:column;gap:14px;padding:26px;display:flex}.pgc-side h3{font:800 clamp(24px, 2.6vw, 34px) var(--font);letter-spacing:-.02em;margin:0;line-height:1.05}.pgc-side>p{color:var(--fg-soft);margin:0;font-size:14.5px;line-height:1.6}.pgc-side>p b{color:var(--fg)}.pgc-ctrl{flex-direction:column;gap:12px;margin-top:auto;padding-top:6px;display:flex}.pgc-steps{color:var(--fg-soft);flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:13px;display:flex}.pgc-steps li{opacity:.35;animation:.4s both pgcStep}@keyframes pgcStep{to{opacity:1;color:var(--fg)}}.pgc-mm{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid}.pgc-mm div{background:#141414;border-radius:8px;padding:9px 10px}.pgc-mm div.wide{grid-column:span 2}.pgc-mm dt{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:9.5px;font-weight:700}.pgc-mm dd{font:800 15px var(--font);font-variant-numeric:tabular-nums;margin:3px 0 0}.pgc-mm dd small{color:var(--fg-dim);font-size:10px;font-weight:500}@media (max-width:900px){.pgc-grid{grid-template-columns:1fr}.pgc-stage{min-height:0;padding:10px}.pgc-side{padding:18px}.pgc-mm{grid-template-columns:repeat(2,minmax(0,1fr))}}.grb .camst-tabs{margin-bottom:14px}.grb-page{fill:#f1ece2}.grb-screen{fill:#f4f4f2}.grb-col{fill:#e84c3d21;stroke:#e84c3d73;stroke-width:.8px}.grb-base{stroke:#2d8fd0;stroke-width:.9px;opacity:.7}.grb-txt{fill:#2a2a2a;opacity:.42}.grb-title{fill:#1a1a1a}.grb-img{fill:#b9b0a0}.grb-side{fill:var(--accent);opacity:.85}.grb-8{stroke:#e84c3d;stroke-width:.9px;opacity:.45}.grb-4{stroke:#e84c3d;stroke-width:.6px;opacity:.14}.grb-card{fill:#fff;stroke:#d8d8d4;stroke-width:1.2px}.grb-btn{fill:#1a1a1a}.grb-btnt{font:700 34px var(--font);fill:#fff}.grb-ann line{stroke:var(--accent);stroke-width:1.6px}.grb-ann text{font:800 20px var(--font);fill:var(--accent)}.grb-sl{color:var(--fg-soft);grid-template-columns:96px 1fr 52px;align-items:center;gap:10px;font-size:12px;display:grid}.grb-sl input{width:100%;accent-color:var(--accent)}.grb-sl b{font:800 13px var(--font);font-variant-numeric:tabular-nums;color:var(--fg);text-align:right}.fcs .camst-tabs{margin-bottom:14px}.fcs svg{-webkit-user-select:none;user-select:none}.fcs-subj,.fcs-grab{touch-action:none}.fcs-frame{fill:#f1ece2;transition:fill .4s}.fcs-ground{fill:#e2dccf}.fcs-g3{stroke:#2a2a2a;stroke-width:1.2px;stroke-dasharray:6 5;opacity:.5}.fcs-gg{stroke:#c79a1e;stroke-width:1.4px;opacity:.9}.fcs-d3{fill:#2a2a2a;opacity:.6}.fcs-dg{fill:#c79a1e}.fcs-subj{cursor:grab}.fcs-subj circle:first-child{fill:#1a1a1a;stroke:#1a1a1a;stroke-width:0;transition:stroke-width .2s,fill .2s}.fcs-subj.hot circle:first-child{fill:#c0392b}.fcs-subj:active{cursor:grabbing}.fcs-pin{fill:#f1ece2}.fcs-el{fill:#8f887b}.fcs-el2{fill:#5f594e}.fcs-sat{fill:var(--accent)}.fcs-tex{fill:url(#fcs-hatch)}.fcs-ink{fill:#1a1a1a}.fcs-txt{fill:#2a2a2a;opacity:.42}.fcs-seal{fill:none;stroke:#c79a1e;stroke-width:6px}.fcs-ring{fill:none;stroke:#8f887b;stroke-width:1.4px;stroke-dasharray:4 6}.fcs-axis{stroke:#c0392b;stroke-width:1.2px;stroke-dasharray:6 6;opacity:.6}.fcs-mv{transition:transform .8s cubic-bezier(.65,0,.35,1),fill .5s}.fcs-rays line{stroke:#8f887b;stroke-width:1.2px;opacity:0;transition:opacity .6s .3s}.fcs-rays.on line{opacity:.7}.fcs-grab{cursor:ew-resize}.fcs-handle{stroke:#f1ece2;stroke-width:2.4px;fill:none;stroke-linecap:round;pointer-events:none}.fcs-tilt{transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.fcs-frame.ok{fill:#f4efd9}.fcs-pivot{fill:#5a5448;transition:fill .3s}.fcs-pivot.ok{fill:var(--accent)}.fcs-floor{stroke:#3a3a3a;stroke-width:2px}.fcs-state{color:var(--fg-soft);transition:color .3s}.fcs-state.ok{color:var(--accent)}.scl .camst-tabs{margin-bottom:14px}.scl-floor{stroke:#3a3a3a;stroke-width:2px}.scl-sq{fill:#f1ece2;transition:all .5s cubic-bezier(.65,0,.35,1)}.scl-base .scl-sq{fill:var(--accent)}.scl-aa{font-family:var(--font);fill:#1a1a1a;letter-spacing:-.02em;font-weight:800;transition:all .5s cubic-bezier(.65,0,.35,1)}.scl-val{font:800 17px var(--font);fill:var(--fg);font-variant-numeric:tabular-nums}.scl-step{font:700 12px var(--font);fill:var(--fg-dim);letter-spacing:.1em}.scl-base .scl-step{fill:var(--accent)}.scl-page{fill:#f1ece2}.scl-doc{color:#1a1a1a;font-family:var(--font)}.scl-in{white-space:normal;display:block;overflow:hidden}.scl-doc p{margin:0}.scl-row,.scl-sp{position:relative}.scl-sp{background:repeating-linear-gradient(45deg,#e84c3d29 0 4px,#0000 4px 8px)}.scl-row:after{content:attr(data-l);left:calc(100% + var(--gut));white-space:nowrap;font:700 22px/1 var(--font);letter-spacing:.01em;color:var(--accent);border-left:2px solid var(--accent);padding-left:12px;font-style:normal;position:absolute;top:50%;transform:translateY(-50%)}.scl-ref{stroke-width:1.2px;stroke-dasharray:6 6;opacity:.55}.scl-ref.red,.scl-pick.red line{stroke:#e0533f}.scl-ref.blue,.scl-pick.blue line{stroke:#4a90d9}.scl-reft{font:700 17px var(--font);fill:var(--fg-soft)}.scl-fig circle{fill:#f1ece2}.scl-fig path{fill:none;stroke:#f1ece2;stroke-width:26px;stroke-linecap:round;stroke-linejoin:round}.scl-pick line{stroke-width:2.4px}.scl-lad>line{stroke-width:3px}.scl-lad.red>line,.scl-lad.red g line{stroke:#e0533f}.scl-lad.blue>line,.scl-lad.blue g line{stroke:#4a90d9}.scl-lad g{cursor:pointer}.scl-lad g line{stroke-width:3px}.scl-lad text{font:700 18px var(--font);fill:var(--fg-soft);font-variant-numeric:tabular-nums;transition:fill .2s}.scl-lad g:hover text,.scl-lad g.on text{fill:var(--fg)}.scl-lad g.on text{font-size:21px;font-weight:800}.scl-ladt{font:800 16px var(--font);letter-spacing:.08em;text-transform:uppercase}.scl-ladt.red{fill:#e0533f}.scl-ladt.blue{fill:#4a90d9}.tya .camst-tabs{margin-bottom:14px}.tya-wait{font:600 18px var(--font);fill:var(--fg-dim)}.tya-glyph{fill:#f1ece2}.tya-glyph.dim{fill:#f1ece2;opacity:.35;transition:opacity .3s}.tya-hot{fill:var(--accent)}.tya-rule{stroke:#8a8273;stroke-width:1.3px;stroke-dasharray:6 5}.tya-rule.base{stroke:#e0533f;stroke-dasharray:none;stroke-width:1.6px}.tya-rule.xh{stroke:var(--accent)}.tya-xband{fill:#f5d24724}.tya-lab line{stroke:#6b6458;stroke-width:1px}.tya-lab text{font:700 17px var(--font);fill:var(--fg-soft)}.tya-lab.xh text{fill:var(--accent)}.tya-lab.base text{fill:#e0533f}.tya-bar{fill:var(--accent)}.tya-name{font:700 14px var(--font);fill:var(--fg-dim);letter-spacing:.04em}.tya-val{font:800 18px var(--font);fill:var(--fg);font-variant-numeric:tabular-nums}.tya-input{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);gap:6px;font-size:10px;font-weight:700;display:grid}.tya-input input{border:1px solid var(--line-strong);color:var(--fg);font:600 15px var(--font);letter-spacing:0;text-transform:none;background:#141414;border-radius:8px;padding:10px 12px}.tya-input input:focus{border-color:var(--accent);outline:none}.tyf .camst-tabs{margin-bottom:14px}.tyf-stage{justify-content:center;align-items:stretch;padding:22px;display:flex}.tyf-vox{flex-direction:column;gap:18px;width:100%;display:flex}.tyf-hero{color:#1a1a1a;background:#f1ece2;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;column-gap:26px;min-height:190px;padding:22px 26px;display:grid}.tyf-aa{grid-row:span 2;font-size:clamp(80px,9vw,140px);line-height:.9}.tyf-word{overflow-wrap:anywhere;font-size:clamp(30px,3.4vw,50px);line-height:1}.tyf-abc{color:#4a463f;overflow-wrap:anywhere;font-size:clamp(13px,1.3vw,18px)}.tyf-groups{grid-template-columns:3fr 3fr 3fr 1.1fr;gap:10px;display:grid}.tyf-group{flex-direction:column;gap:6px;display:flex}.tyf-gl{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;font-size:9.5px;font-weight:700}.tyf-cells{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.tyf-group.atypi .tyf-cells{grid-template-columns:1fr}.tyf-cell{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#141414;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;transition:border-color .2s,background .2s;display:flex}.tyf-cell span{font-size:30px;line-height:1.1}.tyf-cell small{font:700 9px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim)}.tyf-cell:hover{border-color:var(--fg-dim)}.tyf-cell.on{border-color:var(--accent);background:#1d1a0e}.tyf-cell.on small{color:var(--accent)}.tyf-poster{color:#1a1a1a;background:#f1ece2;border-radius:10px;flex-direction:column;justify-content:center;gap:16px;width:100%;min-height:420px;padding:40px;display:flex}.tyf-ptitle{font-size:clamp(38px,5vw,76px);line-height:1.02}.tyf-pline{color:#3a372f;font-size:clamp(16px,1.6vw,22px)}.tyf-pfont{font:700 11px var(--font);letter-spacing:.12em;text-transform:uppercase;color:#8f887b;margin-top:26px}.tyf-article{color:#1a1a1a;background:#f1ece2;border-radius:10px;flex-direction:column;gap:14px;width:100%;padding:36px 40px;display:flex}.tyf-kicker{letter-spacing:.14em;text-transform:uppercase;color:#8f6f12;font-size:12px;font-weight:700}.tyf-article h4{color:#111;margin:0;font-size:clamp(30px,3.6vw,52px);line-height:1.05}.tyf-article p{color:#2a2a2a;max-width:62ch;margin:0;font-size:16px;line-height:1.55}.tyf-credit{font:700 11px var(--font);letter-spacing:.1em;text-transform:uppercase;color:#8f887b;margin-top:8px}.tyf-article.bad{box-shadow:inset 0 0 0 3px #e0533f8c}.tyf-pairs{flex-direction:column;gap:10px;display:flex}.tyf-pk.bad .ntw-lab{color:#e0533f}.tys .camst-tabs{margin-bottom:14px}.tys-ladder{color:#1a1a1a;background:#f1ece2;border-radius:10px;flex-direction:column;justify-content:center;align-self:center;width:100%;padding:18px 28px;display:flex}.tys-row{border-bottom:1px solid #00000014;align-items:baseline;gap:22px;padding:6px 0;display:flex}.tys-row:last-child{border-bottom:0}.tys-aa{font-family:var(--font);letter-spacing:-.02em;min-width:1.4em;font-weight:700;line-height:1;transition:font-size .45s cubic-bezier(.65,0,.35,1)}.tys-meta{color:#4a463f;flex-direction:column;font-size:12px;display:flex}.tys-meta b{font:800 15px var(--font);color:#1a1a1a;font-variant-numeric:tabular-nums}.tys-row.base .tys-meta b{color:#9a6b00}.tys-classic{flex-direction:column;justify-content:center;gap:14px;width:100%;display:flex}.tys-classic svg{width:100%;height:auto;display:block}.tys-axis{stroke:#3a3a3a;stroke-width:2px}.tys-axl{font:700 13px var(--font);letter-spacing:.1em;text-transform:uppercase;fill:var(--fg-dim)}.tys-axl.cl{fill:var(--accent)}.tys-link{stroke:#6b6458;stroke-width:1.2px}.tys-dot{fill:#8f887b}.tys-dot.cl{fill:var(--accent)}.tys-val{font:700 13px var(--font);fill:var(--fg-dim);font-variant-numeric:tabular-nums}.tys-val.cl{fill:var(--fg)}.tys-ramp{color:#1a1a1a;font-family:var(--font);background:#f1ece2;border-radius:10px;align-items:baseline;gap:6px;padding:14px 18px;line-height:1;display:flex;overflow:hidden}.tys-art{color:#1a1a1a;width:100%;font-family:var(--font);background:#f1ece2;border-radius:10px;align-self:center;padding:34px 40px}.tys-art h4,.tys-art h5,.tys-art h6,.tys-art p{color:#1a1a1a;transition:font-size .4s,margin .4s,letter-spacing .4s}@media (max-width:900px){.tys-art,.tys-ladder{padding:18px}.tys-ramp{flex-wrap:wrap}}.tyb .camst-tabs{margin-bottom:14px}.tyb .pgc-grid>*{min-width:0}.tyb-paper{border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:420px;padding:28px;transition:background .3s;display:flex;overflow:hidden}.tyb-paper p{max-width:100%;margin:0;transition:color .3s}.tyb-ctl{gap:8px;display:grid}.tyb-ctl label{color:var(--fg-soft);grid-template-columns:92px 1fr 56px;align-items:center;gap:10px;font-size:12px;display:grid}.tyb-ctl input{width:100%;accent-color:var(--accent)}.tyb-ctl b{font:800 13px var(--font);text-align:right;font-variant-numeric:tabular-nums}.tyb-status{gap:5px;margin:0;display:grid}.tyb-st{background:#141414;border-left:3px solid #555;border-radius:8px;grid-template-columns:112px 1fr;align-items:baseline;gap:10px;padding:6px 10px;display:grid}.tyb-st dt{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:9.5px;font-weight:700}.tyb-st dd{color:var(--fg-soft);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font-size:12px;display:flex}.tyb-st dd b{font:800 14px var(--font);color:var(--fg);font-variant-numeric:tabular-nums}.tyb-st.ok{border-left-color:var(--accent)}.tyb-st.ok dd b{color:var(--accent)}.tyb-st.warn{border-left-color:#c98a2b}.tyb-st.bad{border-left-color:#e0533f}.tyb-st.bad dd b{color:#f07a68}.tyb-units{flex-direction:column;justify-content:center;gap:18px;width:100%;display:flex}.tyb-units svg{width:100%;height:auto}.tyb-ul{font:700 13px var(--font);letter-spacing:.1em;text-transform:uppercase;fill:var(--fg-dim)}.tyb-bar{fill:#8f887b}.tyb-bar.ps{fill:var(--accent)}.tyb-bl{font:700 17px var(--font);fill:var(--fg-soft)}.tyb-em{color:#1a1a1a;background:#f1ece2;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:18px;padding:16px 20px;display:flex}.tyb-em>span{flex-direction:column;align-items:center;line-height:1;display:flex}.tyb-em i{font-style:normal;font-family:var(--font);outline-offset:-1px;outline:1.5px dashed #c79a1e;place-items:center;width:1em;height:1em;display:grid}.tyb-em small{font:700 11px var(--font);color:#6b6458;margin-top:6px}.tyb-em em{font:700 12px var(--font);color:#6b6458;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-style:normal}.tyb-sent{color:#1a1a1a;font:500 26px/1.4 var(--font);background:#f1ece2;border-radius:10px;margin:0;padding:18px 22px}.tyb-sp{vertical-align:baseline;display:inline-block}.tyb-sent.show .tyb-sp{vertical-align:-.12em;background:#f5d247bf;border-radius:2px;height:.9em}.tyb-sent.show .tyb-sp.normal{background:#e0533f99}.tyb-legend{color:var(--fg-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.tyb-legend .tyb-sp{background:#f5d247d9;border-radius:2px;width:5px;height:14px}.tyb-legend .tyb-sp.normal{background:#e0533fb3;width:9px}.tyb-block{flex-direction:column;justify-content:center;gap:18px;width:100%;display:flex}.tyb-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tyb-pair figure{background:#f1ece2;border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:14px;display:flex}.tyb-pair figcaption{font:700 11px var(--font);letter-spacing:.12em;text-transform:uppercase;color:#6b6458}.tyb-cols{width:100%;height:auto;display:block}.tyb-ln{fill:#2a2a2a;opacity:.4;transition:all .5s}.tyb-hot{fill:#e0533f}.tyb-gut{stroke:#c9c2b4;stroke-width:1px;stroke-dasharray:3 4}.tyb-hyph{color:#1a1a1a;background:#f1ece2;border-radius:10px;flex-direction:column;gap:4px;padding:14px 20px;display:flex}.tyb-hyph .ntw-lab{color:#6b6458}.tyb-hyph p{font:600 30px/1.3 var(--font);margin:0}.tyb-hyph b{padding:0 2px}.tyb-hyph b.ok{color:#3c9a4a}.tyb-hyph b.ko{color:#e0533f}@media (max-width:900px){.tyb-paper{min-height:0;padding:16px}.tyb-pair{grid-template-columns:1fr}.tyb-hyph p{font-size:22px}.tyb-sent{font-size:20px}.tyf-stage{padding:12px}.tyf-groups{grid-template-columns:1fr 1fr}.tyf-hero{grid-template-columns:1fr;row-gap:6px;min-height:0;padding:16px}.tyf-aa{grid-row:auto;font-size:72px}.tyf-word{overflow-wrap:normal;font-size:32px}.tyf-poster,.tyf-article{min-height:0;padding:22px}}.skr{--rest:polygon(59.6% 0, 100% 0, 100% 100%, 73.7% 100%);--full:polygon(-16% 0, 100% 0, 100% 100%, -2% 100%);clip-path:inset(0 round 28px);aspect-ratio:4;color:var(--accent-contrast);background:#111;border-radius:28px;position:relative;overflow:hidden;container-type:inline-size}.skr-media{position:absolute;inset:0}.skr-media video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.skr-media video.on{opacity:1}.skr-reveal .skr-media video.on{animation:1.4s cubic-bezier(.2,.7,.2,1) both skrZoom}@keyframes skrZoom{0%{transform:scale(1.08)}to{transform:none}}.skr-panel{background:var(--accent);clip-path:var(--rest);transition:clip-path .65s cubic-bezier(.75,0,.2,1);position:absolute;inset:0}.skr-cover .skr-panel{clip-path:var(--full)}.skr-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2cqh;display:flex;position:absolute;inset:0 2.5% 0 70%;container-type:size}.skr-word{text-transform:uppercase;letter-spacing:-.035em;font-weight:900;line-height:.8;font-size:min(56cqh, calc(118cqw / (var(--len) * .78 + .3)));display:flex}.skr-l,.skr-l>span{display:block}.skr-sub{text-transform:uppercase;letter-spacing:-.01em;color:color-mix(in srgb, var(--accent-contrast) 62%, var(--accent));white-space:nowrap;margin:0;font-size:clamp(10px,5.2cqh,22px);font-style:italic;font-weight:800;animation:.55s cubic-bezier(.2,.8,.2,1) .35s both skrSub}@keyframes skrSub{0%{clip-path:inset(0 100% 0 0);transform:translate(-.4em)}to{clip-path:inset(0 -1% 0 0);transform:none}}.skr-in-ai .skr-l>span{animation:skrInAi .7s calc(var(--i) * 70ms + .12s) cubic-bezier(.2, 1.5, .35, 1) both}@keyframes skrInAi{0%{opacity:0;filter:blur(6px);transform:translateY(.35em)scale(.4)}to{opacity:1;filter:none;transform:none}}.skr-in-motion .skr-l>span{transform-origin:0 100%;animation:skrInMo .95s calc(var(--i) * 45ms + .1s) linear(0, .35 8%, 1.12 22%, .96 34%, 1.02 46%, 1) both}@keyframes skrInMo{0%{opacity:0;transform:translate(-1.2em)scaleX(2.4)skew(-24deg)}15%{opacity:1}to{opacity:1;transform:none}}.skr-in-2d .skr-l{padding-bottom:.02em;overflow:hidden}.skr-in-2d .skr-l>span{animation:skrIn2d .6s calc(var(--i) * 80ms + .12s) cubic-bezier(.16, 1, .3, 1) both}@keyframes skrIn2d{0%{transform:translateY(105%)}to{transform:none}}.skr-in-3d .skr-word{perspective:6em}.skr-in-3d .skr-l>span{transform-origin:50% 50% -.4em;animation:skrIn3d .9s calc(var(--i) * .11s + .12s) cubic-bezier(.2, .9, .25, 1.15) both}@keyframes skrIn3d{0%{opacity:0;transform:rotateY(-100deg)rotateX(25deg)}30%{opacity:1}to{opacity:1;transform:none}}.skr-in-music .skr-l>span{animation:skrInMu .8s calc(var(--i) * 95ms + .12s) linear both}@keyframes skrInMu{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.5);transform:translateY(-.7em)}40%{opacity:1;animation-timing-function:cubic-bezier(0,.5,.5,1);transform:none}56%{animation-timing-function:cubic-bezier(.5,0,1,.5);transform:translateY(-.16em)}72%{animation-timing-function:cubic-bezier(0,.5,.5,1);transform:none}84%{transform:translateY(-.05em)}to{opacity:1;transform:none}}.skr-in-comp .skr-l>span{animation:skrInComp .75s calc(var(--i) * 45ms + .12s) cubic-bezier(.2, .8, .2, 1) both}@keyframes skrInComp{0%{opacity:0;text-shadow:-.3em 0 0 color-mix(in srgb, var(--accent-contrast) 32%, transparent), -.6em 0 0 color-mix(in srgb, var(--accent-contrast) 14%, transparent);transform:translate(.45em)}35%{opacity:1}to{opacity:1;text-shadow:0 0 #0000,0 0 #0000;transform:none}}.skr-word.out .skr-l>span{animation:skrOut .42s calc(var(--i) * 30ms) cubic-bezier(.6, 0, .9, .4) both}.skr-sub.out{animation:.35s cubic-bezier(.6,0,.9,.4) both skrSubOut}@keyframes skrOut{to{opacity:0;transform:translate(-.9em)}}@keyframes skrSubOut{to{opacity:0;transform:translate(-1.4em)}}.skr-swap{--sw:2.75s;justify-content:center;align-self:stretch;align-items:center;height:46cqh;display:flex;position:relative}.skr-swap>.skr-pic{position:absolute;top:50%;left:50%;translate:-50% -50%}.skr-w3d-layer{pointer-events:none;position:absolute;inset:0}.skr-w3d,.skr-w3d canvas{width:100%;height:100%;display:block}.skr-word.swap{animation:.4s cubic-bezier(.6,0,.9,.4) 2.35s both skrSwapOut}@keyframes skrSwapOut{to{opacity:0;filter:blur(4px);transform:translateY(-.12em)scale(.86)}}.skr-pic{--fg:var(--accent-contrast);--bg:var(--accent);width:58cqh;height:58cqh;color:var(--accent-contrast)}.skr-pic svg{fill:currentColor;width:100%;height:100%;display:block;overflow:visible}.skr-pic rect{transform-box:fill-box;transform-origin:50%}.skr-pic.out{animation:.42s cubic-bezier(.6,0,.9,.4) both skrPicOut}@keyframes skrPicOut{to{opacity:0;transform:translate(-24cqh)}}.skp-2d{animation:skp2d .75s var(--sw) both}@keyframes skp2d{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-120%)scale(.9,1.12)}15%{opacity:1}55%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(0)scale(1.14,.84)}75%{transform:translateY(-9%)scale(.96,1.05)}to{opacity:1;transform:none}}.skp-cube{perspective:160cqh;width:100%;height:100%;animation:skpFade .2s var(--sw) both;place-items:center;display:grid}@keyframes skpFade{0%{opacity:0}}.skp-cube-in{--half:14.5cqh;width:calc(var(--half) * 2);height:calc(var(--half) * 2);transform-style:preserve-3d;animation:skpBuild .9s var(--sw) cubic-bezier(.45, 0, .2, 1) both, skpSpin 7s calc(var(--sw) + .9s) linear infinite;position:relative}@keyframes skpBuild{0%{transform:rotateX(0)rotateY(0)scaleZ(.001)}to{transform:rotateX(-22deg)rotateY(45deg)scaleZ(1)}}@keyframes skpSpin{0%{transform:rotateX(-22deg)rotateY(45deg)}to{transform:rotateX(-22deg)rotateY(405deg)}}.skp-face{backface-visibility:hidden;position:absolute;inset:0}.skp-front{background:var(--fg);transform:translateZ(var(--half))}.skp-back{background:var(--fg);transform:rotateY(180deg) translateZ(var(--half))}.skp-right{background:color-mix(in srgb, var(--fg) 55%, var(--bg));transform:rotateY(90deg) translateZ(var(--half))}.skp-left{background:color-mix(in srgb, var(--fg) 55%, var(--bg));transform:rotateY(-90deg) translateZ(var(--half))}.skp-top{background:color-mix(in srgb, var(--fg) 30%, var(--bg));transform:rotateX(90deg) translateZ(var(--half))}.skp-bottom{background:color-mix(in srgb, var(--fg) 30%, var(--bg));transform:rotateX(-90deg) translateZ(var(--half))}.skp-cam{perspective:120cqh;width:100%;height:100%;animation:skpFade .25s var(--sw) both;place-items:center;display:grid}.skp-rig{width:29cqh;height:29cqh;transform-style:preserve-3d;animation:skpRig 1.4s var(--sw) cubic-bezier(.45, 0, .25, 1) both, skpOrbit 4s calc(var(--sw) + 1.4s) linear forwards;position:relative}@keyframes skpRig{0%{transform:rotateX(-14deg)rotateY(-8deg)scale(.6)}to{transform:rotateX(-16deg)rotateY(-30deg)}}@keyframes skpOrbit{0%{transform:rotateX(-16deg)rotateY(-30deg)}to{transform:rotateX(-17deg)rotateY(-46deg)}}.skp-sq{position:absolute;inset:0}.skp-s1{background:color-mix(in srgb, var(--fg) 38%, transparent);animation:skpS1 1.2s calc(var(--sw) + .15s) cubic-bezier(.2, .9, .3, 1) both}.skp-s2{background:color-mix(in srgb, var(--fg) 55%, transparent)}.skp-s3{background:color-mix(in srgb, var(--fg) 78%, transparent);animation:skpS3 1.2s calc(var(--sw) + .15s) cubic-bezier(.2, .9, .3, 1) both}@keyframes skpS1{0%{transform:translateZ(0)}to{transform:translateZ(-20cqh)}}@keyframes skpS3{0%{transform:translateZ(0)}to{transform:translateZ(20cqh)}}.skp-mo{animation:skpMo .7s var(--sw) cubic-bezier(.2, .9, .2, 1) both}@keyframes skpMo{0%{opacity:0;transform:translate(-120%)}20%{opacity:1}to{opacity:1;transform:none}}.skr-pic .skp-trail{transform-origin:100%;animation:skpTrail 1.3s var(--sw) cubic-bezier(.2, .9, .2, 1) both}@keyframes skpTrail{0%{opacity:0;transform:translate(-120%)scaleX(.2)}15%{opacity:1}45%{opacity:1;transform:none}to{opacity:1;transform:scaleX(0)}}.skp-px{animation:skpPx 40ms calc(var(--sw) + var(--r) * 26ms) linear both}@keyframes skpPx{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.skr-pic{display:none}.skr-word.swap{animation:none}}.skr-dots{gap:6px;display:flex;position:absolute;bottom:7%;right:2.2%}.skr-box.fit .skr-dots{display:none}.skr-dots button{cursor:pointer;background:0 0;border:0;width:26px;height:14px;padding:5px 0}.skr-dots button i{background:color-mix(in srgb, var(--accent-contrast) 22%, transparent);border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}.skr-dots button.on i:after{content:"";background:var(--accent-contrast);transform-origin:0;animation:linear both skrBar;animation-duration:inherit;position:absolute;inset:0}.skr-paused .skr-dots button.on i:after{animation-play-state:paused}@keyframes skrBar{0%{transform:scaleX(0)}to{transform:none}}.skr-full .skr-panel{clip-path:var(--full)}.skr-cta-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0 2.5% 0 70%}.skr-full .skr-cta-wrap{left:0;right:0}.skr-open .skr-panel{clip-path:polygon(116% 0,116% 0,116% 100%,116% 100%)}.skr-open .skr-cta-wrap{left:52%;right:4%}.skr-open .skr-cta{background:var(--accent);color:var(--accent-contrast);box-shadow:0 10px 34px #00000059}.skr-open .skr-cta:before,.skr-open .skr-cta:after{border-color:var(--accent)}.skr-open .skr-cta:hover{background:color-mix(in srgb, var(--accent) 86%, #fff)}.skr-open .skr-dots button i{background:#ffffff4d}.skr-open .skr-dots button.on i:after{background:#fff}.skr-cta{background:var(--accent-contrast);color:var(--accent);text-transform:uppercase;letter-spacing:-.01em;border-radius:999px;align-items:center;gap:.55em;padding:.62em 1.15em .62em 1.4em;font-size:clamp(18px,2.5vw,44px);font-weight:900;line-height:1;text-decoration:none;animation:.8s cubic-bezier(.2,1.5,.35,1) .15s both skrCtaIn,2.4s ease-in-out 1.2s infinite skrCtaBeat;display:inline-flex;position:relative}.skr-cta svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:.9em;height:.9em;animation:1.2s ease-in-out 1s infinite skrArrow}.skr-cta:before,.skr-cta:after{content:"";border-radius:inherit;border:3px solid var(--accent-contrast);opacity:0;pointer-events:none;animation:2.4s cubic-bezier(.2,.7,.3,1) 1.2s infinite skrRing;position:absolute;inset:0}.skr-cta:after{animation-delay:2s}.skr-cta:hover{background:color-mix(in srgb, var(--accent-contrast) 82%, var(--accent))}.skr-cta:hover svg{animation-duration:.6s}.skr-cta.out{animation:.4s cubic-bezier(.6,0,.9,.4) both skrCtaOut}@keyframes skrCtaIn{0%{opacity:0;transform:scale(.4)translateY(.4em)}to{opacity:1;transform:none}}@keyframes skrCtaBeat{0%,70%,to{transform:none}78%{transform:scale(1.06)}86%{transform:scale(.98)}93%{transform:scale(1.02)}}@keyframes skrArrow{0%,to{transform:none}50%{transform:translate(.22em)}}@keyframes skrRing{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.7)}}@keyframes skrCtaOut{to{opacity:0;transform:scale(.85)translate(-.6em)}}.skr-black{background:#060606}.skr-black .skr-panel{clip-path:polygon(116% 0,116% 0,116% 100%,116% 100%)}.skr-black .skr-dots button i{background:#ffffff38}.skr-black .skr-dots button.on i:after{background:var(--accent)}.skr-cta2-wrap{place-items:center;display:grid;position:absolute;inset:0}.skr-cta2-wrap>*{grid-area:1/1}.skr-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 30%, transparent), transparent);opacity:0;pointer-events:none;border-radius:50%;width:46%;height:160%;animation:1.2s ease-out .3s both skrGlowIn,2.4s ease-in-out 1.5s infinite skrBreath}@keyframes skrGlowIn{to{opacity:1}}@keyframes skrBreath{0%,to{opacity:.75;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}.skr-cta2{color:var(--accent-contrast);text-transform:uppercase;letter-spacing:-.01em;transform:translate(var(--mx,0), var(--my,0));border-radius:999px;align-items:center;gap:.5em;padding:.6em 1.05em .6em 1.35em;font-size:2.4cqw;font-weight:900;line-height:1;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.skr-cta2-pill{border-radius:inherit;background:var(--accent);box-shadow:0 14px 40px color-mix(in srgb, var(--accent) 22%, transparent);animation:.38s cubic-bezier(.2,1.7,.4,1) .1s both skrPop,.7s cubic-bezier(.75,0,.2,1) .45s both skrOpen,2.4s ease-in-out 1.5s infinite skrBeat;position:absolute;inset:0;overflow:hidden}@keyframes skrPop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes skrOpen{0%{clip-path:inset(0 calc(50% - .48em) round 999px)}to{clip-path:inset(0 round 999px)}}@keyframes skrBeat{0%,70%,to{scale:1}78%{scale:1.05}86%{scale:.985}93%{scale:1.015}}.skr-cta2-shine{background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.2s ease-in-out 1.8s infinite skrShine;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}@keyframes skrShine{0%{left:-40%}35%,to{left:130%}}.skr-cta2-txt{display:flex;position:relative}.skr-cta2-txt .skr-l{padding:.04em 0;display:block;overflow:hidden}.skr-cta2-txt .skr-l>span{animation:skrIn2d .55s calc(var(--i) * 45ms + .8s) cubic-bezier(.16, 1, .3, 1) both;display:block}.skr-cta2-arrow{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:.95em;height:.95em;animation:.5s ease-out 1.2s both skrArrowIn,1.8s ease-in-out 2s infinite skrArrow;position:relative}.skr-cta2-arrow path{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:.5s ease-out 1.2s forwards skrDraw}@keyframes skrArrowIn{0%{opacity:0}to{opacity:1}}@keyframes skrDraw{to{stroke-dashoffset:0}}.skr-ring{width:var(--rw,1px);height:var(--rh,1px);border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:999px;animation:2.4s cubic-bezier(.2,.7,.3,1) 1.5s infinite skrRing2}.skr-ring.r2{animation-delay:2.3s}.skr-ring.r3{border-width:1px;animation-delay:3.1s}@keyframes skrRing2{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6,2.4)}}.skr-cta2-wrap .skr-ring{width:13.8cqw;height:4.05cqw;translate:var(--mx,0) var(--my,0);transition:translate .35s cubic-bezier(.2,.8,.2,1)}.skr-cta2:hover .skr-cta2-pill{background:color-mix(in srgb, var(--accent) 86%, #fff)}.skr-cta2:hover .skr-cta2-arrow{animation-duration:.5s,.7s}.skr-cta2.out{animation:.4s cubic-bezier(.6,0,.9,.4) both skrCtaOut}.skr-finale .skr-panel{clip-path:var(--full)}.skr-outro{display:flex;position:absolute;inset:0}.skr-outro .skills-band{flex:1;padding:0;display:flex}.skr-outro .skills-divider{clip-path:none;border-radius:0;flex-wrap:nowrap;flex:1;align-content:center;gap:40px;padding:28px 56px}.skr-outro .skills-copy{flex:0 520px;min-width:0}.skr-box{position:relative}.skr-box.fit .skr{transform-origin:0 0;position:absolute;top:0;left:0}.skr-outro .skills-icons{grid-template-columns:none;display:flex}.skr-outro .skills-item:last-child{grid-column:auto}@media (prefers-reduced-motion:reduce){.skr *,.skr-panel{transition:none!important;animation:none!important}}.eci{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;margin-top:28px;display:grid}.eci-stage{flex-direction:column;gap:12px;display:flex}.eci-frame{background:#111;border-radius:18px;line-height:0;position:relative;overflow:hidden}.eci-stage.drag .eci-frame{outline:2px dashed var(--accent);outline-offset:4px}.eci-frame>img{width:100%;height:auto;display:block}.eci-score{width:100%;height:100%;position:absolute;inset:0}.eci-barline{stroke:#ffffff47;stroke-width:.06px;vector-effect:non-scaling-stroke;stroke-dasharray:3 4}.eci-note{fill:#ffffffb8;transition:fill .15s}.eci-note.past{fill:#ffffff61}.eci-note.on{fill:var(--accent)}.eci-head{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.eci-chords{line-height:1.2;display:flex;position:absolute;bottom:0;left:0;right:0}.eci-chords span{font:700 12px var(--font);letter-spacing:.04em;color:#fffc;background:linear-gradient(#0000,#0000008c);flex:1;padding:8px 10px}.eci-chords span.on{color:var(--accent)}.eci-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eci-pick button{cursor:pointer;opacity:.7;background:0 0;border:2px solid #0000;border-radius:8px;width:76px;height:44px;padding:0;overflow:hidden}.eci-pick button.on{border-color:var(--accent);opacity:1}.eci-pick button img{object-fit:cover;width:100%;height:100%;display:block}.eci-up{border:1px solid var(--line-strong);font:600 12px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);cursor:pointer;border-radius:100px;padding:11px 16px;position:relative}.eci-up input{opacity:0;cursor:pointer;position:absolute;inset:0}.eci-pick small{color:var(--fg-dim);font-size:12px}.eci-side{border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:22px;display:flex}.eci-kicker,.eci-label{letter-spacing:.24em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.eci-title{letter-spacing:-.03em;color:var(--accent);margin:0;font-size:40px;font-weight:800;line-height:1}.eci-key{color:var(--fg-soft);margin:0;font-size:14px}.eci-pal{border-radius:7px;height:14px;display:flex;overflow:hidden}.eci-play{background:var(--accent);color:#0a0a0a;font:800 13px var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:100px;align-self:flex-start;align-items:center;gap:12px;padding:8px 22px 8px 8px;display:inline-flex}.eci-play span{width:36px;height:36px;color:var(--accent);background:#0a0a0a;border-radius:50%;place-items:center;font-size:13px;display:grid}.eci-moves{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.eci-moves li{color:var(--fg-soft);font-size:14px}.eci-moves li.on b{color:var(--accent)}.eci-moves em{color:var(--fg-dim);margin-left:4px;font-size:11px;font-style:normal}.eci-moves span{color:var(--fg-dim);font-size:12px;font-style:italic;display:block}.eci-suites{flex-wrap:wrap;gap:6px;display:flex}.eci-suites button{border:1px solid var(--line-strong);color:var(--fg-soft);font:600 12px var(--font);cursor:pointer;background:0 0;border-radius:100px;padding:7px 11px}.eci-suites button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.eci-suites em{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-left:6px;font-size:9px;font-style:normal}.eci-midi{border:1px solid var(--line-strong);color:var(--fg-soft);font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;align-self:flex-start;padding:9px 14px}.eci-why summary{cursor:pointer;color:var(--fg-soft);font-size:13px}.eci-why p{color:var(--fg-dim);margin:10px 0 0;font-size:12.5px;line-height:1.55}.eci-why b{color:var(--fg-soft)}.eci-src{font-style:italic}.eci-wait{color:var(--fg-dim)}@media (max-width:900px){.eci{grid-template-columns:1fr}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cmx-subtitle{letter-spacing:-.01em;color:var(--fg);margin:-12px 0 28px;font-size:clamp(18px,2.4vw,26px);font-weight:600}.cmx-quote{border-left:2px solid var(--accent);max-width:660px;margin:-18px 0 56px;padding:4px 0 4px 22px}.cmx-quote p{color:var(--fg);margin:0 0 10px;font-size:clamp(17px,2vw,22px);font-weight:600;line-height:1.45}.cmx-quote cite{letter-spacing:.04em;color:var(--fg-dim);font-size:12px;font-style:normal}.cmx-stage{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:#0a0a0a;width:100%;min-height:440px;max-height:78vh;position:relative;overflow:hidden}.cmx-stage canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.cmx-labels span{opacity:0;transition:opacity .35s}.cmx-labels span[data-on="1"]{opacity:1}.cmx-labels span:not(.cmx-pole){background:#0d0d0d}.cmx-labels span.hot{background:var(--accent);color:#0a0a0a}.cmx-labels span.far{opacity:0}.cmx-labels span.hot{opacity:1;z-index:2}.cmx-labels .cmx-pole{letter-spacing:.16em;text-transform:uppercase;color:#9a978f;background:0 0;padding:0;font-size:10px;transition:none}.cmx-intro{z-index:3;pointer-events:none;opacity:0;background:#080808cc;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.cmx-intro.on{opacity:1}.cmx-beat{text-align:center;flex-direction:column;grid-area:1/1;align-items:center;padding:0 24px;display:flex}.cmx-line{padding-bottom:.06em;display:block;overflow:hidden}.cmx-line>span{text-transform:uppercase;letter-spacing:-.03em;color:var(--fg);font-size:clamp(28px,5vw,66px);font-weight:800;line-height:.95;transition:transform .7s cubic-bezier(.19,1,.22,1);display:block;transform:translateY(110%)}.cmx-line.accent>span{color:var(--accent)}.cmx-line.small{margin-top:18px}.cmx-line.small>span{letter-spacing:.14em;color:var(--fg-dim);font-size:clamp(12px,1.3vw,15px);font-weight:600;line-height:1.4}.cmx-beat.in .cmx-line>span{transition-delay:.45s;transform:none}.cmx-beat.in .cmx-line:nth-child(2)>span{transition-delay:.57s}.cmx-beat.in .cmx-line:nth-child(3)>span{transition-delay:.75s}.cmx-beat.out .cmx-line>span{transition-duration:.45s;transition-timing-function:cubic-bezier(.7,0,.84,0);transform:translateY(-110%)}.cmx-beat.quote .cmx-line>span{text-transform:none;letter-spacing:-.015em;font-size:clamp(18px,2.6vw,34px);line-height:1.15}.cmx-beat.quote .cmx-line.accent>span{color:var(--fg)}.cmx-beat.quote .cmx-line.small>span{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:clamp(12px,1.3vw,15px)}.cmx-beat:not(.in):not(.out) .cmx-line>span{transition:none}.cmx-beat:not(.in){visibility:hidden;transition:visibility 0s .5s}.cmx-beat.in{visibility:visible}.cmx-cap{z-index:2;width:min(380px,100% - 40px);color:var(--fg-soft);opacity:0;pointer-events:none;margin:0;font-size:14px;line-height:1.5;transition:opacity .5s,transform .5s;position:absolute;top:18px;left:20px;transform:translateY(-6px)}.cmx-cap.on{opacity:1;transform:none}.cmx-set{z-index:2;opacity:0;pointer-events:none;flex-direction:column;gap:4px;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:18px;left:20px;transform:translateY(-6px)}.cmx-set.on{opacity:1;transform:none}.cmx-set strong{text-transform:uppercase;letter-spacing:-.01em;color:var(--fg);font-size:clamp(18px,2vw,24px);font-weight:800}.cmx-set span{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.cmx-btn{z-index:4;border:1px solid var(--line-strong);color:var(--fg-soft);font:600 10px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0a0a99;border-radius:100px;padding:7px 14px;transition:color .25s,border-color .25s;position:absolute}.cmx-btn:hover{color:var(--accent);border-color:var(--accent)}.cmx-skip{bottom:14px;right:14px}.cmx-stage .vis-drag{white-space:pre-line;text-align:right;line-height:1.7;top:auto;bottom:18px}.cmx-replay{top:14px;right:14px}.cmx-intro.dark{background:#060606e6}.cmx-tabs{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0a99;border-radius:100px;gap:6px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.cmx-tabs button,.cmx-moods button{color:var(--fg-soft);font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:100px;padding:7px 14px;transition:color .25s,background .25s}.cmx-tabs button:hover,.cmx-moods button:hover{color:var(--fg)}.cmx-tabs button.on,.cmx-moods button.on{background:var(--accent);color:#0a0a0a}.cmx-moods{z-index:4;gap:4px;display:flex;position:absolute;top:76px;left:14px}.cmx-moods button{border:1px solid var(--line-strong);padding:6px 11px}.cmx-moods button.on{border-color:var(--accent)}.cmx-music{z-index:4;flex-direction:column;gap:8px;width:min(360px,100% - 28px);display:flex;position:absolute;top:74px;left:14px}.cmx-music .cmx-moods{flex-wrap:wrap;position:static;transform:none}.cmx-music .cmx-playall{border-color:var(--accent);color:var(--accent)}.cmx-music .cmx-playall:hover{background:var(--accent);color:#0a0a0a}.cmx-end{max-width:760px;margin:72px 0 40px;padding:0}.cmx-end ol{counter-reset:cmx;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.cmx-end li{counter-increment:cmx;color:var(--fg-soft);padding-left:44px;font-size:17px;line-height:1.6;position:relative}.cmx-end li:before{content:counter(cmx, decimal-leading-zero);letter-spacing:.1em;color:var(--accent);font-size:12px;font-weight:700;position:absolute;top:2px;left:0}.cmx-end li strong{color:var(--fg);font-weight:700}.cmx-thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:8px;width:120px;max-height:90px}.cmx-report{flex-direction:column;gap:14px;margin-top:18px;padding:0 4px;display:flex}.cmx-rcols{color:var(--fg);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.cmx-rcol{align-items:center;gap:7px;display:inline-flex}.cmx-rcol i{border:1px solid var(--line-strong);border-radius:50%;width:14px;height:14px}.cmx-rcol em{color:var(--fg-soft);font-style:normal}.cmx-rhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cmx-rhead strong{letter-spacing:.02em;font-size:18px}.cmx-rgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.cmx-rcard{border:1px solid var(--line-strong);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.cmx-rlab{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-soft);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.cmx-rcard p{color:var(--fg);margin:0;font-size:14px;line-height:1.5}.cmx-badge{letter-spacing:.06em;text-transform:none;white-space:nowrap;border:1px solid;border-radius:100px;padding:3px 9px;font-size:10px}.cmx-badge.ok{color:#7fd18b}.cmx-badge.mid{color:var(--accent)}.cmx-badge.conv{color:var(--fg-soft)}.cmx-rcard small{color:var(--fg-soft);font-size:11px;line-height:1.4}.cmx-rnote{color:var(--fg-soft);margin:0;font-size:11px;line-height:1.6}.cmx-mine{gap:12px}.cmx-stage>.cmx-mine{z-index:5;border:1px solid var(--line-strong);background:#0d0d0d;border-radius:12px;gap:7px;width:42%;margin:0;padding:12px 14px;position:absolute;top:14px;bottom:14px;right:14px;overflow-y:auto}.cmx.side .cmx-tabs{left:14px;transform:none}.cmx.side .cmx-replay{right:calc(42% + 28px)}.cmx.side .vis-drag{display:none}.cmx-mtools{align-items:flex-start;gap:12px;display:flex}.cmx-mtl{flex-wrap:wrap;flex:1;align-items:center;gap:6px 8px;min-width:0;display:flex}.cmx-mtools button{border:1px solid var(--line-strong);color:var(--fg);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;padding:6px 12px;font-size:11px}.cmx-mtools button.hi{border-color:var(--accent);color:var(--accent)}.cmx-mtools button:hover{border-color:var(--accent)}.cmx-mtools span{color:var(--fg-soft);font-size:12px;line-height:1.4}.cmx-mnote{margin-top:12px}.cmx-pickimg{flex:none;max-width:55%;position:relative}.cmx-pickimg img{border:1px solid var(--line-strong);cursor:crosshair;border-radius:10px;max-width:100%;max-height:320px;display:block}.cmx-pickimg span{pointer-events:none;text-align:center;color:#f2f0eb;text-shadow:0 0 3px #0a0a0a;border:2px solid #f2f0eb;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;font-size:10px;font-weight:700;line-height:18px;position:absolute;box-shadow:0 0 0 1px #0a0a0a}.cmx-pickimg span.on{border-color:var(--accent)}.cmx-cmp{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:0 14px;display:grid}.cmx-chead{border:1px solid var(--line-strong);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.cmx-chead.on{border-color:var(--accent)}.cmx-chead label{cursor:pointer;border:1px solid #8a8a86;border-radius:50%;flex:none;width:28px;height:28px;position:relative}.cmx-chead input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cmx-cname{min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:8px;padding:0;display:flex}.cmx-cname b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.cmx-cname em{color:var(--fg-soft);margin-left:auto;font-size:11px;font-style:normal}.cmx-cx{color:var(--fg-soft);cursor:pointer;background:0 0;border:0;flex:none;padding:0 2px;font-size:16px;line-height:1}.cmx-cx:hover{color:var(--accent)}.cmx-crow .cmx-rlab .cmx-select{margin-left:auto}.cmx-stage .cmx-cname em{display:none}.cmx-stage .cmx-cname b{font-size:13px}.cmx-stage .cmx-crow{row-gap:3px;padding:6px 0 5px}.cmx-stage .cmx-cell{gap:1px;font-size:13px;line-height:1.35}.cmx-stage .cmx-cell small,.cmx-stage .cmx-cell .none{font-size:11.5px}.cmx-stage .cmx-chint{font-size:10.5px}.cmx-stage .cmx-isolated{padding-left:10px;font-size:12.5px}.cmx-stage .cmx-chead{padding:4px 8px}.cmx-stage .cmx-pickimg img{max-width:160px;max-height:80px}.cmx-stage .cmx-select{padding:4px 22px 4px 9px;font-size:9.5px}.cmx-crow{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--line);row-gap:6px;padding:14px 0 12px;display:grid}.cmx-crow .cmx-rlab{grid-column:1/-1;justify-content:flex-start}.cmx-cell{color:var(--fg);flex-direction:column;gap:3px;min-width:0;font-size:14px;line-height:1.45;display:flex}.cmx-cell small{color:var(--fg-soft);font-size:12px}.cmx-cell .none{color:var(--fg-soft);font-size:13px}.cmx-chint{color:var(--fg-soft);grid-column:1/-1;font-size:11px;line-height:1.4}.cmx-isolated{color:var(--fg);border-left:2px solid var(--accent);margin:0;padding-left:12px;font-size:15px;line-height:1.5}@media (max-width:600px){.cmx-cmp{gap:0 8px}.cmx-mtools{flex-direction:column}.cmx-pickimg{max-width:100%}.cmx-chead{gap:5px;padding:5px}.cmx-cname em{display:none}.cmx-cname b{font-size:12px}.cmx-chead label{width:24px;height:24px}.cmx-cell{font-size:12px}.cmx-cell small{font-size:11px}}.cmx-selects{flex-wrap:wrap;gap:6px;display:flex}.cmx-select{appearance:none;border:1px solid var(--line-strong);color:var(--fg);font:600 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f2f0eb' stroke-width='1.4'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:100px;padding:7px 30px 7px 13px}.cmx-select:hover,.cmx-select:focus-visible{border-color:var(--accent);outline:none}.cmx-select option{color:#f2f0eb;text-transform:none;background:#111}.cmx-ear{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cmx-ear .cmx-playall{border:1px solid var(--accent);color:var(--accent);font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;padding:7px 14px;transition:color .25s,background .25s}.cmx-scalebox{flex-direction:column;gap:6px;width:234px;display:flex}.cmx-scale{gap:4px;display:flex}.cmx-scale button{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--fg);font:600 12px/1 var(--font);cursor:pointer;background:0 0;border-radius:50%;flex:none;transition:background .2s,border-color .2s,color .2s}.cmx-scale button:hover{border-color:var(--accent)}.cmx-scale button.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.cmx-poles{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);justify-content:space-between;font-size:10px;display:flex}.cmx-scalebox .bars{align-items:flex-end;gap:4px;height:56px;display:flex}.cmx-scalebox .bars i{background:#f2f0eb47;border-radius:3px 3px 0 0;flex:none;width:30px;transition:height .5s}.cmx-scalebox .bars i.me{background:var(--accent)}.cmx-votes{flex-direction:column;gap:6px;width:100%;display:flex}@media (max-width:900px){.cmx-ear{background:#0a0a0ae0;border-radius:14px;padding:12px}}.cmx-votes p{color:var(--fg-soft);margin:0;font-size:12px;line-height:1.5}.cmx-votes p b{color:var(--fg)}.cmx-next{color:var(--accent);font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}@media (max-width:900px){.cmx-more,.cmx-wide{display:none}}@media (max-width:600px){.cmx .cmx-tabs button{letter-spacing:0;white-space:nowrap;padding:7px 5px;font-size:9px}.cmx-thumb{display:none}.cmx-music .cmx-moods{gap:3px}.cmx-music .cmx-moods button{letter-spacing:.06em;padding:5px 8px;font-size:9px}.cmx-selects{flex-wrap:nowrap;gap:4px}.cmx-select{letter-spacing:.06em;background-position:right 8px center;min-width:0;padding:5px 22px 5px 9px;font-size:9px}}.cmx-src{color:#f2f0eb73;margin:0;font-size:10px}.cmx-mhint{max-width:330px;color:var(--fg-soft);margin:0;font-size:12px;line-height:1.45}.cmx-labels .cmx-ring{pointer-events:auto;cursor:pointer;border:1px solid var(--line-strong);color:var(--fg);font:600 11px/1.2 var(--font);letter-spacing:.04em;white-space:nowrap;opacity:0;background:#0a0a0ab8;border-radius:100px;padding:4px 10px;transition:opacity .3s,background .2s,color .2s,border-color .2s;position:absolute;top:0;left:0}.cmx-labels .cmx-ring[data-on="1"]{opacity:1}.cmx-labels .cmx-ring:not([data-on="1"]){pointer-events:none}.cmx-labels .cmx-ring:hover{border-color:var(--accent);color:var(--accent)}.cmx-labels .cmx-ring.sel{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.cmx-labels .cmx-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cmx-moods button{position:relative;overflow:hidden}.cmx-moods.auto button.on:after{content:"";transform-origin:0;background:#0a0a0a8c;width:100%;height:2px;animation:4.8s linear both cmxMoodBar;position:absolute;bottom:0;left:0}@keyframes cmxMoodBar{0%{transform:scaleX(0)}}.cmx-moodword{z-index:2;pointer-events:none;text-transform:uppercase;letter-spacing:-.03em;color:var(--accent);opacity:0;font-size:clamp(34px,6vw,80px);font-weight:800;animation:2.2s both cmxMoodWord;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cmxMoodWord{0%{opacity:0;transform:translate(-50%,-40%)}18%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)}}@media (prefers-reduced-motion:reduce){.cmx-moodword{display:none}.cmx-moods.auto button.on:after{animation:none}}.cmx-labels .cmx-arrow{color:var(--accent);background:0 0;padding:0;font-weight:600}.cmx-labels span[data-lead]:before{content:"";width:var(--len);transform-origin:0 0;height:1px;transform:rotate(var(--ang));background:#f2f0eb66;position:absolute;top:50%;left:0}.cmx-tabs button:focus-visible,.cmx-moods button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:640px){.cmx-stage{aspect-ratio:4/5;min-height:0;max-height:none}.cmx-cap{font-size:13px}.cmx-stage .vis-drag{display:none}.cmx-tabs{gap:0;max-width:calc(100% - 16px)}.cmx-tabs button{letter-spacing:.02em;padding:7px;font-size:10px}.cmx-set{right:16px}.cmx-set strong{padding-right:112px}.cmx-moods{top:auto;bottom:60px;left:50%;transform:translate(-50%)}.cmx-music{gap:5px;top:auto;bottom:58px}.cmx-mhint{font-size:11px}}@media (prefers-reduced-motion:reduce){.cmx-line>span,.cmx-cap,.cmx-set,.cmx-intro{transition:none}}.cmx-vig .cmx-stage{border:0;border-radius:0;min-height:0;max-height:none}