.kxb{--kxb-mute:color-mix(in srgb,var(--ink) 62%,var(--paper));--kxb-line:color-mix(in srgb,var(--ink) 12%,transparent);max-width:1240px;color:var(--ink);font-family:var(--sans);margin:0 auto;padding:clamp(28px,5vw,72px) clamp(20px,4vw,48px) 96px}.kxb .it{color:var(--brand-ink)}.kxb-eyebrow{color:var(--kxb-mute);flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.kxb-eyebrow b{color:var(--brand-ink);font-weight:500}.kxb-eyebrow i{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px}.kxb-btn{font:500 15px/1 var(--sans);cursor:pointer;white-space:nowrap;background:var(--ink);color:var(--paper);border:0;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 22px;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.kxb-btn .ar{background:var(--paper);width:36px;height:36px;color:var(--ink);transition:transform .5s var(--spring);border-radius:50%;place-items:center;display:grid}.kxb-btn:hover .ar{transform:translate(3px)rotate(-45deg)}.kxb-btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--kxb-line);background:0 0;padding:13px 22px}.kxb-btn.ghost:hover{background:var(--ink);color:var(--paper)}.kxb-btn.brand{background:var(--brand);color:var(--on-brand);padding:13px 22px}.kxb-btn svg{flex:none}.kxb-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:clamp(20px,2.6vw,32px);display:flex}.kxb-head h1{font:600 clamp(56px,10vw,136px)/.9 var(--disp);letter-spacing:-.05em;margin:14px 0 0}.kxb-head h1 .it{font-size:1.08em}.kxb-word{vertical-align:bottom;padding:0 .06em .1em 0;display:inline-block;overflow:hidden}.kxb-word>span{animation:kxb-rise .9s var(--ease) backwards;display:inline-block}.kxb-word+.kxb-word>span{animation-delay:.12s}@keyframes kxb-rise{0%{transform:translateY(105%)rotate(4deg)}}.kxb-head .kxb-eyebrow,.kxb-head-aside{animation:kxb-fade .7s .35s var(--ease) backwards}@keyframes kxb-fade{0%{opacity:0}}@keyframes kxb-up{0%{opacity:0;transform:translateY(26px)}}.kxb-head-aside{flex-direction:column;align-items:flex-start;gap:18px;max-width:340px;display:flex}.kxb-head-aside p{color:var(--kxb-mute);margin:0;line-height:1.55}.kxb-ticker{border-block:1px solid var(--kxb-line);margin-bottom:clamp(24px,3vw,40px);padding:13px 0;animation:.7s .5s backwards kxb-fade;overflow:hidden}.kxb-ticker>div{white-space:nowrap;width:max-content;font:500 14px/1 var(--sans);gap:36px;animation:44s linear infinite kxb-tick;display:flex}.kxb-ticker span:before{content:"✳";color:var(--brand-ink);margin-right:36px}.kxb-ticker:hover>div{animation-play-state:paused}@keyframes kxb-tick{to{transform:translate(-50%)}}.kxb-chips{scrollbar-width:none;gap:8px;min-width:0;margin-bottom:clamp(24px,3vw,40px);display:flex;overflow-x:auto}.kxb-chips::-webkit-scrollbar{display:none}.kxb-chip{font:500 14px/1 var(--sans);box-shadow:inset 0 0 0 1px var(--kxb-line);color:var(--ink);white-space:nowrap;border-radius:999px;padding:11px 18px;text-decoration:none;transition:background .25s,color .25s}.kxb-chip:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.kxb-chip[aria-current=true]{background:var(--ink);color:var(--paper);box-shadow:none}.kxb-frame{background:var(--soft);border-radius:28px;position:relative;overflow:hidden}.kxb-cover{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);display:block;position:absolute;inset:0}a:hover .kxb-cover{transform:scale(1.045)}.kxb-frame:has(>.kxb-ph){container-type:inline-size}.kxb-ph{background:var(--soft);color:var(--brand-ink);flex-direction:column;justify-content:space-between;padding:6% 7%;display:flex;position:absolute;inset:0;overflow:hidden}.kxb-ph:after{content:"";aspect-ratio:1;background:color-mix(in srgb,var(--brand) 14%,transparent);border-radius:50%;width:70%;position:absolute;top:-30%;right:-18%}.kxb-ph>span{z-index:1;position:relative}.kxb-ph-mark{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;background:color-mix(in srgb,var(--paper) 70%,transparent);border-radius:999px;align-self:flex-start;padding:7px 11px}.kxb-ph-initial{font:italic 400 120px/.8 var(--ital);margin-bottom:-.06em;font-size:clamp(64px,34cqi,260px)}.kxb-ph-quote{justify-content:center;gap:0}.kxb-ph-quote:before{content:"“";z-index:1;font:italic 400 64px/.55 var(--ital);opacity:.45;margin-bottom:.08em;font-size:clamp(40px,20cqi,150px);position:relative}.kxb-ph-q{font:italic 400 22px/1.12 var(--ital);text-wrap:pretty;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:90%;font-size:clamp(17px,6.2cqi,46px);display:-webkit-box;overflow:hidden}.kxb-ph-meta{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.75;position:absolute;bottom:9%;right:7%}.kxb-feature{color:inherit;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);margin-bottom:clamp(40px,6vw,80px);text-decoration:none;display:grid}.kxb-feature .kxb-frame{aspect-ratio:16/9;animation:kxb-wipe 1.1s .45s var(--ease) backwards}.kxb-feature .kxb-frame>*{animation:kxb-settle 1.6s .45s var(--ease) backwards}@keyframes kxb-wipe{0%{clip-path:inset(0 100% 0 0 round 28px)}to{clip-path:inset(0 round 28px)}}@keyframes kxb-settle{0%{transform:scale(1.25)}}.kxb-feature-body{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;display:flex}.kxb-feature-body>*{animation:kxb-up .7s var(--ease) backwards}.kxb-feature-body>:first-child{animation-delay:.75s}.kxb-feature-body>:nth-child(2){animation-delay:.83s}.kxb-feature-body>:nth-child(3){animation-delay:.91s}.kxb-feature-body>:nth-child(4){animation-delay:.99s}.kxb-feature-body h2{font:600 clamp(30px,3.8vw,54px)/1.02 var(--disp);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;margin:0}.kxb-feature-body p:not(.tag){color:var(--kxb-mute);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:46ch;margin:0;font-size:17px;line-height:1.55;display:-webkit-box;overflow:hidden}.kxb-btn.brand{padding:8px 8px 8px 22px}.kxb-btn.brand .ar{background:var(--on-brand);color:var(--brand)}.kxb-feature:hover .kxb-btn .ar{transform:translate(3px)rotate(-45deg)}.kxb-loadmore{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(28px,4vw,48px);display:flex}.kxb-loadmore>span{color:var(--kxb-mute);font-variant-numeric:tabular-nums;font-size:14px}.kxb-loadmore .kxb-btn .ar{transform:rotate(90deg)}.kxb-loadmore .kxb-btn:hover .ar{animation:.8s ease-in-out infinite kxb-bob;transform:rotate(90deg)}@keyframes kxb-bob{50%{transform:rotate(90deg)translate(4px)}}.kxb-sub{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.kxb-sub h2{font:600 clamp(28px,3.4vw,44px)/1 var(--disp);letter-spacing:-.04em;margin:0}.kxb-sub>span{color:var(--kxb-mute);font-size:14px}.kxb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(20px,2.4vw,32px);display:grid}.kxb-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.kxb-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}.kxb-grid[data-n="1"] .kxb-card{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px clamp(24px,4vw,56px);display:grid}.kxb-grid[data-n="1"] .kxb-frame{grid-row:1/-1}.kxb-grid[data-n="1"] .kxb-card>:not(.kxb-frame){grid-column:2}.kxb-grid[data-n="1"] .kxb-card>.tag{grid-row:2}.kxb-grid[data-n="1"] .kxb-card-row{grid-row:3}.kxb-grid[data-n="1"] h3{font-size:clamp(22px,2.4vw,32px)}.kxb-card{color:inherit;min-width:0;animation:kxb-up .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*90ms);flex-direction:column;gap:14px;text-decoration:none;display:flex}.kxb-feature+.kxb-grid .kxb-card{animation-delay:calc(1.05s + var(--i,0)*90ms)}.kxb-card .kxb-frame{aspect-ratio:16/9;border-radius:22px}.kxb-card-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.kxb-card h3{font:600 clamp(19px,1.7vw,23px)/1.2 var(--disp);letter-spacing:-.025em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;margin:0;display:-webkit-box;overflow:hidden}.kxb-card h3 span{background:linear-gradient(var(--brand),var(--brand)) 0 100%/0 2px no-repeat;transition:background-size .45s var(--ease)}.kxb-card:hover h3 span{background-size:100% 2px}.kxb-card-go{width:36px;height:36px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);transition:transform .45s var(--spring),background .25s,color .25s,box-shadow .25s;border-radius:50%;flex:none;place-items:center;display:grid}.kxb-card:hover .kxb-card-go{background:var(--brand);color:var(--on-brand);box-shadow:none;transform:rotate(-45deg)}.kxb-card:hover .kxb-cover{transform:scale(1.07)}.kxb-empty{background:var(--soft);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:18px;padding:clamp(48px,8vw,96px) 24px;display:flex}.kxb-empty h2{font:600 clamp(28px,4vw,48px)/1 var(--disp);letter-spacing:-.04em;margin:0}.kxb-empty p{color:var(--kxb-mute);max-width:42ch;margin:0;line-height:1.55}.kxb-progress{background:var(--brand);transform-origin:0;z-index:60;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.kxb-progress{animation:linear both kxb-grow;animation-timeline:scroll(root)}@keyframes kxb-grow{to{transform:scaleX(1)}}}.kxb-crumb{font:500 14px/1 var(--sans);color:var(--kxb-mute);align-items:center;gap:8px;text-decoration:none;transition:color .25s;display:inline-flex}.kxb-crumb:hover{color:var(--ink)}.kxb-lede{font:500 clamp(21px,2.2vw,27px)/1.35 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin:0}.kxb-by{color:var(--kxb-mute);border-bottom:1px solid var(--kxb-line);align-items:center;gap:12px;margin:0;padding-bottom:22px;font-size:14px;display:flex}.kxb-by img,.kxb-by-ph{object-fit:cover;background:var(--brand);width:36px;height:36px;color:var(--on-brand);font:600 14px var(--disp);border-radius:50%;place-items:center;display:grid}.kxb-by b{color:var(--ink);font-weight:500}.kxb-post{--kxb-deep:color-mix(in srgb,var(--brand) 30%,#0b100c);--kxb-glow:color-mix(in srgb,var(--brand) 50%,#fff);--kxb-dim:color-mix(in srgb,var(--paper) 70%,var(--kxb-deep));grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:clamp(28px,4.5vw,64px);margin-top:clamp(16px,2.4vw,32px);display:grid}.kxb-side{top:calc(var(--kx-head) + 16px);max-height:calc(100vh - var(--kx-head) - 32px);scrollbar-width:none;background:var(--kxb-deep);color:var(--paper);animation:kxb-side-in 1s var(--ease) backwards;border-radius:30px;flex-direction:column;gap:18px;padding:12px 12px 22px;display:flex;position:sticky;overflow-y:auto}.kxb-side::-webkit-scrollbar{display:none}.kxb-side>.kxb-frame{aspect-ratio:16/9;border-radius:20px;flex:none;animation:.8s .35s backwards kxb-fade}.kxb-side>.kxb-frame .kxb-cover{animation:kxb-settle 1.6s .35s var(--ease) backwards}@keyframes kxb-side-in{0%{opacity:0;transform:translate(-40px)}}.kxb-side-in{flex-direction:column;gap:16px;min-width:0;padding:0 10px;display:flex}.kxb-side-in>*{animation:kxb-up .7s var(--ease) backwards}.kxb-side-in>:nth-child(2){animation-delay:.58s}.kxb-side-in>:nth-child(3){animation-delay:.66s}.kxb-side-in>:nth-child(4){animation-delay:.74s}.kxb-side-in>:nth-child(5){animation-delay:.82s}.kxb-side-in>:first-child{animation-delay:.5s}.kxb-side .tag,.kxb-side .tag span{color:var(--kxb-dim)}.kxb-side .tag b{color:var(--kxb-glow)}.kxb-side h1{font:600 clamp(30px,3.6vw,50px)/1 var(--disp);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;margin:0}.kxb-side h1 small{font:italic 400 .62em/1.1 var(--ital);letter-spacing:-.01em;color:var(--kxb-dim);margin-top:.3em;display:block}.kxb-side h1 .it{color:var(--kxb-glow)}.kxb-read{font-variant-numeric:tabular-nums;color:var(--kxb-dim);align-items:center;gap:12px;font-size:13px;display:flex}.kxb-read u{background:linear-gradient(var(--kxb-glow),var(--kxb-glow)) 0 0/calc(var(--p,0)*100%) 100% no-repeat,color-mix(in srgb,var(--kxb-glow) 22%,var(--kxb-deep));border-radius:4px;flex:1;height:4px}.kxb-toc ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.kxb-toc button{font:400 14px/1.35 var(--sans);color:var(--kxb-dim);cursor:pointer;text-align:left;-webkit-line-clamp:1;width:100%;transition:color .25s,padding .35s var(--ease);background:0 0;border:0;-webkit-box-orient:vertical;padding:6px 0 6px 16px;display:-webkit-box;position:relative;overflow:hidden}.kxb-toc button:before{content:"";background:color-mix(in srgb,var(--kxb-glow) 35%,var(--kxb-deep));width:6px;height:6px;transition:transform .35s var(--spring),background .25s;border-radius:50%;position:absolute;top:13px;left:0}.kxb-toc button:hover{color:var(--paper)}.kxb-toc button[aria-current]{color:var(--paper);padding-left:22px}.kxb-toc button[aria-current]:before{background:var(--kxb-glow);transform:scale(1.6)}.kxb-side-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.kxb-side .kxb-crumb{color:var(--kxb-dim)}.kxb-side .kxb-crumb:hover{color:var(--kxb-glow)}.kxb-side-share{gap:8px;display:flex}.kxb-side .kxb-ico{width:40px;height:40px;color:var(--paper);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kxb-glow) 30%,var(--kxb-deep))}.kxb-side .kxb-ico:hover{background:var(--kxb-glow);color:var(--kxb-deep)}.kxb-side .kxb-ico svg{width:16px;height:16px}.kxb-main{flex-direction:column;gap:24px;min-width:0;padding-top:10px;display:flex}.kxb-main>.kxb-lede{animation:kxb-up .8s .55s var(--ease) backwards}.kxb-main>.kxb-by{animation:kxb-up .8s .65s var(--ease) backwards}.kxb-main .kxb-body{counter-reset:kxb-sec}.kxb-main .kxb-body h2{counter-increment:kxb-sec;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:16px;display:grid}.kxb-main .kxb-body h2:before{content:counter(kxb-sec,decimal-leading-zero);font:italic 400 1.4em/1 var(--ital);letter-spacing:0;color:var(--brand-ink)}.kxb-body h2 strong{font-weight:inherit}.kxb-body h2 br,.kxb-body br+br{display:none}.kxb-rv{opacity:0;transition:opacity .7s var(--ease),transform .8s var(--ease);transform:translateY(22px)}img.kxb-rv{clip-path:inset(0 0 0 40% round 24px);transition:clip-path 1.1s var(--ease),transform 1.1s var(--ease),opacity .5s;transform:translate(60px)}.kxb-rv.in{opacity:1;clip-path:inset(0 round 24px);transform:none}.kxb-progress{display:none}.kxb-ico{cursor:pointer;width:46px;height:46px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--kxb-line);transition:background .25s,color .25s,transform .4s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.kxb-ico:hover{background:var(--ink);color:var(--paper);transform:scale(1.08)}.kxb-body{color:color-mix(in srgb,var(--ink) 86%,var(--paper));overflow-wrap:break-word;font-size:19px;line-height:1.75}.kxb-body>p:first-of-type:first-letter{font:italic 400 4.2em/.8 var(--ital);float:left;color:var(--brand-ink);margin:.08em .12em 0 0}.kxb-body h2{font:600 clamp(26px,2.8vw,36px)/1.1 var(--disp);letter-spacing:-.035em;color:var(--ink);margin:1.9em 0 .6em}.kxb-body h3{font:600 22px/1.2 var(--disp);letter-spacing:-.025em;color:var(--ink);margin:1.6em 0 .5em}.kxb-body p{margin:0 0 1.2em}.kxb-body a{color:var(--brand-ink);text-underline-offset:4px;text-decoration-thickness:1px}.kxb-body ul,.kxb-body ol{margin:0 0 1.2em;padding-left:1.2em}.kxb-body ul{list-style:outside}.kxb-body ol{list-style:decimal}.kxb-body li{margin-bottom:.5em;padding-left:.3em}.kxb-body li::marker{color:var(--brand-ink)}.kxb-body blockquote{text-align:center;font:italic 400 clamp(28px,3.4vw,44px)/1.15 var(--ital);color:var(--brand-ink);text-wrap:balance;border:0;margin:1.6em 0;padding:.2em 0}.kxb-body blockquote:before{content:"";opacity:.5;background:currentColor;width:48px;height:1px;margin:0 auto .7em;display:block}.kxb-body img{border-radius:24px;max-width:100%;height:auto;margin:1.6em auto;display:block}.kxb-end{border-top:1px solid var(--kxb-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(36px,5vw,56px);padding-top:28px;display:flex}.kxb-end>span{font:400 clamp(22px,2.4vw,30px)/1.1 var(--disp);letter-spacing:-.03em}.kxb-share{flex-wrap:wrap;gap:10px;display:flex}.kxb-shop{background:var(--soft);border-radius:32px;margin-top:clamp(48px,7vw,96px);padding:clamp(24px,4vw,48px)}.kxb-prods{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.kxb-prod{color:inherit;background:var(--paper);transition:transform .4s var(--spring);border-radius:20px;align-items:center;gap:14px;padding:12px;text-decoration:none;display:flex}.kxb-prod:hover{transform:translateY(-3px)}.kxb-prod img,.kxb-prod-ph{object-fit:cover;background:#fff;border-radius:14px;flex:none;width:72px;height:72px}.kxb-prod b{-webkit-line-clamp:2;font:500 15px/1.3 var(--sans);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kxb-prod span{color:var(--kxb-mute);font-size:14px}.kxb-more{margin-top:clamp(56px,8vw,112px)}@media (max-width:980px){.kxb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kxb-post{grid-template-columns:minmax(0,1fr)}.kxb-side{max-height:none;position:static}.kxb-read,.kxb-toc{display:none}.kxb-progress{display:block}}@media (max-width:720px){.kxb-feature,.kxb-grid,.kxb-grid[data-n]{grid-template-columns:minmax(0,1fr)}.kxb-grid[data-n="1"] .kxb-card{display:flex}.kxb-frame{border-radius:22px}.kxb-side{border-radius:24px}.kxb-body{font-size:18px}.kxb-end{flex-direction:column;align-items:flex-start}.kxb-share .kxb-btn{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.kxb-cover,.kxb-btn .ar,.kxb-ico,.kxb-prod,.kxb-card-go,.kxb-card h3 span{transition:none}.kxb *{animation:none!important}.kxb-progress{display:none!important}.kxb-rv{opacity:1;clip-path:none;transform:none}}