/*!/wp-content/themes/studio-koi/assets/css/pages/article.css*/section{scroll-margin-top:90px;padding-block:clamp(56px, 8vw, 100px)}.hb::before{opacity:0;transition:opacity .4s;animation-play-state:paused!important}.hb:hover::before{opacity:1;animation-play-state:running!important}.hero{position:relative;margin-inline:calc(var(--gutter) * -1);padding:clamp(130px, 16vw, 190px) var(--gutter) clamp(56px, 7vw, 90px);overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:-30% -15% auto auto;width:70vw;height:70vw;max-width:860px;max-height:860px;background:radial-gradient(closest-side,rgb(66 6 130 / .85),transparent);z-index:-2}.hero::after{content:"";position:absolute;left:-15%;bottom:-40%;width:55vw;height:55vw;max-width:700px;max-height:700px;background:radial-gradient(closest-side,rgb(110 0 255 / .22),transparent);z-index:-2}.hero .wrap{display:grid;gap:28px;transform-origin:50% 0;will-change:transform}.hero h1{font-size:clamp(38px, 8vw, 104px);font-weight:300;letter-spacing:-.035em}.hero .sub{font-family:var(--f-display);font-size:clamp(16px, 2vw, 22px);font-weight:300;max-width:30ch}.hero .lead{max-width:60ch;color:var(--mute);font-size:clamp(16px, 1.5vw, 18px)}.jump{display:flex;flex-wrap:wrap;gap:10px;padding-top:28px;margin-top:10px;border-top:1px solid var(--line)}.jump a{display:inline-flex;gap:10px;align-items:center;padding:10px 18px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:500;transition:border-color .25s,box-shadow .3s,transform .25s,background .25s}.jump a b{font-family:var(--f-mono);font-weight:400;font-size:11px;color:var(--violet)}.jump a:hover{border-color:var(--violet);background:rgb(110 0 255 / .18);box-shadow:0 10px 30px -8px rgb(110 0 255 / .7);transform:translateY(-2px)}.hero h1{font-size:clamp(30px, 5.6vw, 76px);max-width:20ch}.hero .sub{max-width:46ch}.back{display:inline-flex;gap:10px;align-items:center;width:fit-content;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:color .25s,gap .25s}.back:hover{color:var(--violet);gap:14px}.ameta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding-top:24px;margin-top:8px;border-top:1px solid var(--line);font-size:14px}.who{display:flex;align-items:center;gap:12px;font-weight:600}.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-size:16px;background:linear-gradient(135deg,var(--violet-3),var(--violet-2));box-shadow:0 0 22px -4px rgb(110 0 255 / .9)}.ameta .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.ameta .k b{color:var(--white);font-weight:500}.cat{padding:6px 14px;border-radius:99px;border:1px solid rgb(168 85 247 / .55);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.cover{padding-block:0 clamp(36px, 5vw, 70px)}.cover-bleed{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.cover-frame{--ins:12%;position:relative;max-width:1500px;margin-inline:auto;aspect-ratio:21 / 9;clip-path:inset(0 var(--ins) round 22px);will-change:clip-path;overflow:hidden;background:radial-gradient(70% 90% at 80% 0%,rgb(110 0 255 / .5),transparent 70%),radial-gradient(60% 80% at 10% 100%,rgb(255 93 143 / .28),transparent 70%),var(--ink-2);border:1px solid var(--line)}.cover-frame svg{position:absolute;inset:0;width:100%;height:100%}.cover-frame .cap{position:absolute;left:clamp(16px, 3vw, 40px);bottom:clamp(14px, 2.4vw, 30px);z-index:2;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}@media (max-width:700px){.cover-frame{aspect-ratio:4 / 3;--ins:5%}}.read{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,720px);gap:clamp(36px, 5vw, 80px);justify-content:center;align-items:start}.side{position:sticky;top:calc(100px + env(safe-area-inset-top, 0px));display:grid;gap:26px}.toc-h{display:grid;gap:4px;margin-bottom:14px}.toc-h .eyebrow{font-size:11px;white-space:nowrap}.toc-h small{font-family:var(--f-mono);font-size:11px;color:var(--mute);letter-spacing:.08em}.toc-btn{display:none}.toc nav{position:relative;padding-left:20px}.toc nav::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:var(--line)}.toc nav .fill{position:absolute;left:0;top:4px;width:2px;height:0;max-height:calc(100% - 8px);border-radius:2px;background:linear-gradient(var(--violet-2),var(--violet));box-shadow:0 0 12px var(--violet-2)}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.toc a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:7px 0;font-size:13.5px;line-height:1.4;color:var(--mute);transition:color .25s,padding .3s}.toc a b{font-family:var(--f-mono);font-weight:400;font-size:11px;padding-top:2px;color:rgb(255 255 255 / .35);transition:color .25s}.toc a:hover{color:var(--white)}.toc a.on{color:var(--white);padding-left:6px}.toc a.on b{color:var(--violet)}.share{display:grid;gap:12px;padding-top:22px;border-top:1px solid var(--line)}.share .eyebrow{font-size:11px}.share .row{display:flex;flex-wrap:wrap;gap:8px}.share button,.share a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#fff0;color:var(--white);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .3s,transform .25s}.share button:hover,.share a:hover{border-color:var(--violet);background:rgb(110 0 255 / .18);box-shadow:0 10px 30px -8px rgb(110 0 255 / .7);transform:translateY(-2px)}@media (max-width:1060px){.read{grid-template-columns:minmax(0,720px)}.side{position:static;order:-1;gap:18px}.toc{border:1px solid var(--line);border-radius:16px;background:var(--ink-2);padding:6px 18px}.toc-h{margin:0;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.toc-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff0;color:var(--white);cursor:pointer;font-size:16px;transition:transform .3s}.toc.open .toc-btn{transform:rotate(45deg)}.toc nav{display:none;padding-bottom:14px}.toc.open nav{display:block}.share{display:none}}.prose{font-size:18px;line-height:1.85;color:rgb(255 255 255 / .84);counter-reset:sec}.prose>*+*{margin-top:1.25em}.prose p{text-wrap:pretty}.prose strong{color:var(--white);font-weight:600}.prose a{color:var(--violet);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}.prose a:hover{color:var(--white)}.prose a.btn{color:var(--white);text-decoration:none}.prose h2{counter-increment:sec;font-size:clamp(24px, 3vw, 36px);margin-top:clamp(56px, 8vw, 96px);scroll-margin-top:110px;color:var(--white)}.prose h2::before{content:counter(sec,decimal-leading-zero);display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--violet);margin-bottom:12px}.prose h3{font-size:clamp(19px, 2vw, 24px);margin-top:2em;color:var(--white)}.prose ul,.prose ol.l{padding:0;list-style:none;display:grid;gap:10px}.prose ul li{position:relative;padding-left:28px}.prose ul li::before{content:"";position:absolute;left:4px;top:.78em;width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 14px var(--violet-2)}.prose .chapo{font-family:var(--f-display);font-weight:300;font-size:clamp(21px, 2.6vw, 30px);line-height:1.4;letter-spacing:-.015em;color:var(--white)}.lit .w{color:rgb(255 255 255 / .22);transition:color .35s}.lit .w.on{color:var(--white)}.lit .w.k.on{color:var(--violet);text-shadow:0 0 30px rgb(168 85 247 / .5)}.prose blockquote{margin-inline:0;padding:clamp(24px, 4vw, 40px) clamp(22px, 4vw, 44px);position:relative;border-radius:18px;background:radial-gradient(420px circle at 0% 0%,rgb(110 0 255 / .3),transparent 70%) var(--ink-2);border:1px solid var(--line)}.prose blockquote::before{content:"\201C";position:absolute;right:22px;top:-6px;font-family:var(--f-display);font-size:120px;line-height:1;color:var(--violet);opacity:.35}.prose blockquote p{font-family:var(--f-display);font-weight:300;font-size:clamp(19px, 2.3vw, 26px);line-height:1.45;letter-spacing:-.01em;color:var(--white)}.prose blockquote cite{display:block;margin-top:16px;font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}.fig{margin-inline:0;display:grid;gap:12px;opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.fig.in{opacity:1;transform:none}.fig .art{border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16 / 9;position:relative;display:grid;place-items:center}.fig figcaption{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.p1{background:radial-gradient(60% 70% at 28% 30%,#ffb36b,transparent 62%),radial-gradient(70% 70% at 82% 82%,#6e00ff,transparent 66%),#2a1245}.p2{background:conic-gradient(from 200deg at 42% 60%,#a855f7,#ff5d8f,#ffb36b,#a855f7)}.p3{background:linear-gradient(135deg,#420682,#ff5d8f 70%,#ffd08a)}.p4{background:radial-gradient(circle at 70% 30%,rgb(255 255 255 / .28),transparent 42%),linear-gradient(200deg,#1d1d1d,#6e00ff)}.callout{padding:clamp(22px, 3vw, 32px);border-radius:16px;display:grid;gap:10px;background:radial-gradient(420px circle at 100% 0%,rgb(110 0 255 / .28),transparent 70%) var(--ink-2);border:1px solid rgb(168 85 247 / .4)}.callout b.t{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:500}.callout p{font-size:16.5px;line-height:1.7}.callout.cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 28px}.callout.cta h3{margin:0;font-size:clamp(20px, 2.4vw, 28px)}.callout.cta p{color:var(--mute);margin-top:8px}@media (max-width:700px){.callout.cta{grid-template-columns:1fr}}.demo{padding:clamp(22px, 3.4vw, 40px);border-radius:18px;background:var(--ink-2);border:1px solid var(--line);display:grid;gap:18px}.demo .lab{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.wave{display:flex;flex-wrap:wrap;font-family:var(--f-display);font-weight:600;font-size:clamp(34px, 8vw, 84px);line-height:1.05;letter-spacing:-.03em;cursor:default}.wave span{display:inline-block;transition:transform .5s cubic-bezier(.2,.9,.3,1.4),color .4s}.wave span:hover{transform:translateY(-.22em) rotate(-6deg);color:var(--violet)}.wave.auto span{animation:wv 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .09s)}@keyframes wv{0%,100%{transform:none}40%{transform:translateY(-.16em);color:var(--violet)}}.seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--ink);width:fit-content}.seg button{padding:8px 18px;border-radius:999px;border:0;background:#fff0;color:var(--mute);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}.seg button.on{background:var(--violet-2);color:var(--white);box-shadow:0 8px 26px -8px rgb(110 0 255 / .9)}.pal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:clamp(120px, 20vw, 170px)}.pal i{border-radius:14px;background:var(--c);transition:background .6s,transform .5s;display:block}.pal i:hover{transform:translateY(-6px)}.pal[data-mode="pastel"]{--c1:#f3d9e6;--c2:#d9e8f3;--c3:#e6f3d9;--c4:#f3ecd9}.pal[data-mode="vivid"]{--c1:#6e00ff;--c2:#ff3d81;--c3:#ffb300;--c4:#00d1b2}.pal i:nth-child(1){--c:var(--c1)}.pal i:nth-child(2){--c:var(--c2)}.pal i:nth-child(3){--c:var(--c3)}.pal i:nth-child(4){--c:var(--c4)}.chk{list-style:none;margin:0;padding:0;display:grid;gap:8px}.chk li{padding:0}.chk li::before{display:none}.chk label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:var(--ink);font-size:16px;transition:border-color .25s,background .25s,transform .25s}.chk label:hover{border-color:var(--violet);transform:translateX(4px)}.chk input{position:absolute;opacity:0}.chk .bx{width:24px;height:24px;border-radius:8px;border:1px solid rgb(255 255 255 / .3);display:grid;place-items:center;transition:background .25s,border-color .25s,box-shadow .3s}.chk .bx svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s}.chk input:checked+.bx{background:var(--violet-2);border-color:var(--violet-2);box-shadow:0 0 20px -4px rgb(110 0 255 / .9)}.chk input:checked+.bx svg{stroke-dashoffset:0}.chk input:focus-visible+.bx{outline:2px solid var(--violet);outline-offset:3px}.chk label:has(input:checked){border-color:rgb(168 85 247 / .6);background:rgb(110 0 255 / .14)}.verdict{display:flex;align-items:center;gap:16px;font-size:15px;min-height:48px}.verdict .bar{flex:0 0 120px;height:4px;border-radius:4px;background:var(--line);overflow:hidden}.verdict .bar i{display:block;height:100%;width:0;background:var(--violet);box-shadow:0 0 12px var(--violet-2);transition:width .5s cubic-bezier(.2,.7,.2,1)}.verdict b{font-family:var(--f-mono);font-weight:500;color:var(--violet)}.endnote{display:grid;gap:28px;margin-top:clamp(56px, 8vw, 96px)}.tagsr{display:flex;flex-wrap:wrap;gap:8px}.tagsr span{padding:7px 14px;border-radius:99px;border:1px solid var(--line);font-size:13px;font-weight:500;transition:border-color .25s,background .25s,transform .25s}.tagsr span:hover{border-color:var(--violet);background:rgb(110 0 255 / .18);transform:translateY(-2px)}.author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:clamp(22px, 3.4vw, 36px);border-radius:18px}.author .av{width:72px;height:72px;font-size:28px;transform:translateZ(30px)}.author h3{font-size:20px;transform:translateZ(30px)}.author p{color:var(--mute);font-size:15px;margin-top:6px;line-height:1.6;transform:translateZ(15px)}.author .btn{margin-top:14px;padding:10px 20px}@media (max-width:560px){.author{grid-template-columns:1fr}}.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px, 2vw, 24px)}.pc{height:100%;display:grid;grid-template-rows:auto 1fr;gap:18px;padding:14px 14px 24px;border-radius:16px}.pc .cv{aspect-ratio:16 / 8;border-radius:10px;transform:translateZ(30px);border:1px solid var(--line)}.pc .pb{display:grid;gap:10px;align-content:start;padding-inline:12px}.pc .dir{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);transform:translateZ(20px)}.pc h3{font-size:clamp(17px, 1.8vw, 21px);line-height:1.3;transform:translateZ(30px)}.pc.nx{text-align:right}@media (max-width:700px){.pn{grid-template-columns:1fr}.pc.nx{text-align:left}}.nl{border-radius:20px;padding:clamp(26px, 5vw, 64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px, 5vw, 72px);align-items:center;background:radial-gradient(560px circle at 85% 0%,rgb(110 0 255 / .34),rgb(136 57 178 / .1) 50%,transparent 80%) var(--ink-2)}.nl .tx{display:grid;gap:16px}.nl h2{font-size:clamp(26px, 4vw, 48px);max-width:16ch}.nl .tx p{color:var(--mute);max-width:44ch}.nl form{display:grid;gap:14px}.nl .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.nl .fld{position:relative;display:block;min-width:0}.nl .fld label{position:absolute;left:18px;top:11px;z-index:1;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);pointer-events:none;transition:color .25s}.nl .fld label .req{color:var(--violet)}.nl .fld input[type="email"]{width:100%;font:inherit;font-size:16px;color:var(--white);background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:31px 20px 11px 18px;transition:border-color .25s,box-shadow .3s}.nl .fld input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px rgb(168 85 247 / .18),0 10px 40px -10px rgb(110 0 255 / .6)}.nl .fld:focus-within label{color:var(--violet)}.nl .row .btn{height:100%;justify-content:center;padding-inline:28px}.nl .err{font-size:13px;color:#ff8da1}.nl .err:empty{display:none}.nl .consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;font-size:13px;color:var(--mute);cursor:pointer}.nl .consent input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:1px 0 0;border-radius:6px;border:1px solid rgb(255 255 255 / .3);background:var(--ink-3);cursor:pointer;display:grid;place-content:center;transition:background .25s,border-color .25s}.nl .consent input::before{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);margin-top:-2px;transition:transform .2s}.nl .consent input:checked{background:var(--violet-2);border-color:var(--violet-2)}.nl .consent input:checked::before{transform:rotate(-45deg) scale(1)}.nl .consent a{color:var(--violet);text-decoration:underline}.nl .ok{display:none;gap:10px}.nl.done form{display:none}.nl.done .ok{display:grid}.nl .ok b{font-family:var(--f-display);font-weight:400;font-size:clamp(20px, 2.4vw, 28px)}.nl .ok span{color:var(--mute)}.nl .note{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}@media (max-width:860px){.nl{grid-template-columns:1fr}}@media (max-width:520px){.nl .row{grid-template-columns:1fr}.nl .row .btn{padding-block:16px}}.toast{position:fixed;z-index:40;left:50%;bottom:calc(24px + env(safe-area-inset-bottom, 0px));transform:translate(-50%,30px);opacity:0;padding:12px 22px;border-radius:99px;background:var(--violet-2);font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 14px 40px -8px rgb(110 0 255 / .9)}.toast.show{opacity:1;transform:translate(-50%,0)}@media (prefers-reduced-motion:reduce){.lit .w{color:#fff}.lit .w.k{color:var(--violet)}.cover-frame{clip-path:none}.fig{opacity:1;transform:none}.wave.auto span{animation:none}}