:root{--bg:#0f0f10;--surface:#1a1a1c;--surface-2:#242427;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.14);--text:#f3f1ec;--dim:#9a988f;--dim-2:#6c6a62;--gold:#e3bd5c;--r:12px;--r-lg:20px;--ease:cubic-bezier(.2,.6,.2,1);--sans:"Inter", -apple-system, system-ui, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:#141109}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}body.komi{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;min-height:100svh;padding:0 20px}body.komi #MainContent,body.komi .shopify-section{width:100%;max-width:none;margin:0;padding:0}.hv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:50;width:auto;height:auto;margin:0;padding:10px 16px;clip:auto;overflow:visible;white-space:normal;background:var(--surface-2);color:var(--text);border-radius:10px;font-size:14px}.wrap{width:100%;max-width:600px;margin:0 auto;padding:clamp(34px,9vw,64px) 0 clamp(48px,10vw,72px)}.col-side,.col-main{display:contents}.pf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.pf-img{width:clamp(184px,54vw,300px);aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.pf-img img{width:100%;height:100%;object-fit:cover}.pf-name{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:clamp(25px,6.6vw,31px);font-weight:700;letter-spacing:-.025em;line-height:1}.pf-badge{width:22px;height:22px;flex:0 0 auto}.pf-badge svg{width:100%;height:100%}.pf-socials{display:flex;gap:24px;margin-top:2px}.pf-socials a{color:var(--text);opacity:.8;transition:opacity .2s var(--ease),transform .2s var(--ease);-webkit-tap-highlight-color:transparent}.pf-socials a:hover{opacity:1;transform:translateY(-2px)}.pf-socials svg{width:26px;height:26px;fill:currentColor}.tabs{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:clamp(30px,7vw,42px) -20px 0;padding:14px 20px 12px;background:linear-gradient(var(--bg) 60%,rgba(15,15,16,0))}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:10px 17px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--dim);white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease);-webkit-tap-highlight-color:transparent}.tab:hover{color:var(--text)}.tab.on{color:var(--text);background:var(--surface-2)}.sec{scroll-margin-top:64px;padding-top:clamp(32px,7vw,44px);margin-top:clamp(30px,6vw,40px);border-top:1px solid var(--line)}.sec:first-of-type{border-top:0;padding-top:0;margin-top:clamp(8px,3vw,16px)}.sec-h{margin:0 0 18px;font-size:clamp(22px,5.6vw,27px);font-weight:600;letter-spacing:-.02em}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.sec-head .sec-h{margin:0}.rail-nav{display:none;gap:8px}@media(hover:hover)and (pointer:fine){.rail-nav{display:flex}}.rail-btn{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--dim);-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.rail-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--line-2)}.rail-btn:disabled{opacity:.3;cursor:default}.rail-btn:disabled:hover{color:var(--dim);background:var(--surface);border-color:var(--line)}.rail-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.card{display:flex;align-items:center;gap:15px;padding:12px;border-radius:var(--r);background:var(--surface);transition:background .2s var(--ease),transform .12s var(--ease);-webkit-tap-highlight-color:transparent}.card+.card{margin-top:12px}.vrail+.card{margin-top:18px}.card:hover{background:var(--surface-2)}.card:active{transform:scale(.995)}.card-th{width:68px;height:68px;flex:0 0 auto;border-radius:9px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;color:var(--text)}.card-th img{width:100%;height:100%;object-fit:cover}.card-th svg{width:28px;height:28px}.card-tx{flex:1;min-width:0}.card-tx b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.01em}.card-tx small{display:block;margin-top:3px;color:var(--dim);font-size:13.5px;line-height:1.35}.card-go{flex:0 0 auto;color:var(--dim-2);transition:color .2s var(--ease),transform .2s var(--ease)}.card-go svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.card:hover .card-go{color:var(--text);transform:translate(2px)}.card--soon{cursor:default}.card--soon:hover{background:var(--surface)}.card--soon .card-th{opacity:.5}.card--soon .card-tx b{color:var(--dim)}.card--soon .card-tx small{color:var(--gold);opacity:.85}.streams{display:flex;gap:12px;margin-top:14px}.stream{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--surface);transition:background .2s var(--ease),transform .2s var(--ease);-webkit-tap-highlight-color:transparent}.stream:hover{background:var(--surface-2);transform:translateY(-2px)}.stream svg{width:24px;height:24px;fill:currentColor}.stream--sp{color:#1db954}.stream--ap{color:#fa2d48}.stream--sc{color:#f50}.vtile{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}.vtile>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.vtile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.08) 46%,transparent 62%)}.vtile:hover>img{transform:scale(1.045)}.vtile:focus-visible{outline-offset:-3px}.vt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#12121480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);transition:transform .2s var(--ease),background .2s var(--ease)}.vtile:hover .vt-play{transform:translate(-50%,-50%) scale(1.08);background:#121214ad}.vt-play svg{width:17px;height:17px;fill:#fff;margin-left:2px}.vt-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#12121480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);transition:transform .2s var(--ease),background .2s var(--ease)}.vtile:hover .vt-link{transform:translate(-50%,-50%) scale(1.08);background:#121214ad}.vt-link svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}.vt-cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.25;text-shadow:0 1px 10px rgba(0,0,0,.6)}.vt-cap small{display:block;margin-top:2px;font-weight:500;color:#cfccc3;font-size:12px;text-shadow:none}.vtile iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;z-index:4}.vrail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:6px 20px 8px;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}.vrail::-webkit-scrollbar{display:none}.vrail.dragging{cursor:grabbing;scroll-snap-type:none}.vrail .vtile{flex:0 0 clamp(252px,76vw,300px);scroll-snap-align:start}.foot{margin-top:clamp(38px,8vw,56px);text-align:center}.foot .cross{display:inline-flex;color:var(--gold);opacity:.85}.foot .cross svg{width:17px;height:17px;fill:currentColor}.article{width:100%;max-width:640px;margin:0 auto;padding:clamp(30px,7vw,54px) 0 clamp(48px,10vw,72px)}.back{display:inline-flex;align-items:center;gap:7px;padding:9px 15px 9px 11px;border-radius:10px;background:var(--surface);color:var(--dim);font-size:13.5px;font-weight:500;transition:color .2s var(--ease),background .2s var(--ease)}.back:hover{color:var(--text);background:var(--surface-2)}.back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.art-h{margin:clamp(26px,6vw,38px) 0 0;font-size:clamp(31px,8.4vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.02}.art-lede{margin:15px 0 0;color:var(--dim);font-size:clamp(16px,4.4vw,19px);line-height:1.55;max-width:46ch}.art-photo{margin:clamp(28px,7vw,40px) 0;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--surface)}.art-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.art-body{font-size:16.5px;line-height:1.72}.art-body p{margin:0 0 18px;color:#dedcd4}.art-body p:last-child{margin-bottom:0}.art-body b,.art-body strong{color:var(--text);font-weight:600}.art-body a{color:var(--gold);border-bottom:1px solid rgba(227,189,92,.35)}.art-quote{margin:clamp(28px,7vw,40px) 0;font-size:clamp(22px,5.4vw,28px);font-weight:600;line-height:1.28;letter-spacing:-.015em;color:var(--text)}.art-quote cite{display:block;margin-top:12px;font-size:14px;font-weight:500;font-style:normal;color:var(--dim)}.art-stats{display:flex;flex-wrap:wrap;gap:24px 48px;margin:clamp(28px,7vw,40px) 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.art-stat b{display:block;font-size:clamp(32px,7.5vw,42px);font-weight:700;letter-spacing:-.02em;color:var(--gold);line-height:1}.art-stat span{display:block;margin-top:8px;color:var(--dim);font-size:13.5px}@media(min-width:1000px){.wrap{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:start;column-gap:64px;max-width:1140px;padding:76px 0 100px}.col-side{display:block;position:sticky;top:40px}.col-main{display:block;min-width:0}.pf{align-items:flex-start;text-align:left;gap:22px}.pf-img{width:100%;max-width:340px}.pf-name{font-size:34px}.pf-socials{gap:22px;margin-top:0}.tabs{position:static;flex-direction:column;gap:5px;overflow:visible;margin:32px 0 0;padding:0;background:none}.tab{width:100%;padding:11px 15px;font-size:15px;border-radius:10px}.col-main .sec:first-of-type{margin-top:0;padding-top:2px}.rail-nav{display:none}.vrail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible;scroll-snap-type:none;cursor:default;-webkit-mask-image:none;mask-image:none}.vrail .vtile{flex:none;width:auto}.foot{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/komi.css.map */