.newshero{padding:150px var(--pad) 40px;background:#0a0a0a;position:relative}.newshero .lbl{color:var(--brand)}.newshero h1{font-family:var(--display);letter-spacing:-.01em;color:var(--paper);margin:.06em 0 0 -.02em;font-size:clamp(56px,15vw,150px);line-height:.92}.newshero p{color:#c9c9c9;max-width:560px;margin-top:22px;font-size:15.5px;line-height:2}.newsgrid{padding:56px var(--pad) 130px;background:#0a0a0a;grid-template-columns:repeat(auto-fill,minmax(clamp(260px,30vw,340px),1fr));gap:40px 20px;display:grid}.ncard{color:var(--paper);flex-direction:column;text-decoration:none;display:flex}.ncard__img{aspect-ratio:16/10;background:#161a2e repeating-linear-gradient(135deg,#ffffff0b 0 2px,#0000 2px 9px);position:relative;overflow:hidden}.ncard__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.ncard:hover .ncard__img img{transform:scale(1.06)}.ncard__meta{align-items:center;gap:14px;margin:18px 0 10px;display:flex}.ncard .dt{font-family:var(--mono);color:#8a8a8a;font-size:12px}.ncard .ct{font-family:var(--mono);letter-spacing:.1em;color:var(--brand);font-size:12px}.ncard h4{font-size:16px;font-weight:600;line-height:1.66}.ncard__go{font-family:var(--mono);letter-spacing:.1em;color:#9a9a9a;margin-top:16px;font-size:12px;transition:color .3s;display:inline-block}.ncard:hover .ncard__go{color:#fff}.art{max-width:760px;margin:0 auto;padding:clamp(120px,14vw,168px) 22px 110px}.art__crumb{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7a7a7a;align-items:center;gap:12px;margin-bottom:40px;font-size:10px;display:flex}.art__crumb a{color:inherit;text-decoration:none}.art__crumb a:hover{color:#fff}.art__meta{align-items:center;gap:16px;margin-bottom:22px;display:flex}.art__meta .dt{font-family:var(--mono);color:#7a7a7a;font-size:12px}.art__meta .ct{font-family:var(--mono);letter-spacing:.1em;color:var(--brand);font-size:10px}.art__title{letter-spacing:-.01em;color:var(--paper);word-break:auto-phrase;margin-bottom:44px;font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.5}.art__hero{aspect-ratio:16/9;background:#161616;margin:0 0 52px;overflow:hidden}.art__hero img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.toc{border:1px solid var(--line);background:#ffffff05;margin:0 0 52px;padding:26px 28px}.toc__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:16px;font-size:11px;display:block}.toc ol{gap:11px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:#bdbdbd;font-size:14px;line-height:1.55;text-decoration:none;transition:color .25s}.toc a:hover{color:var(--brand)}.toc__sub{padding-left:20px;position:relative}.toc__sub:before{content:"–";color:#5a5a5a;position:absolute;left:4px}.toc__sub a{color:#9a9a9a;font-size:13.5px}.art__body{color:#c2c2c2;word-break:auto-phrase;font-size:16px;line-height:2}.art__body>:first-child{margin-top:0}.art__body h2{color:var(--paper);letter-spacing:-.01em;margin:56px 0 20px;scroll-margin-top:100px;font-size:clamp(20px,3vw,27px);font-weight:800;line-height:1.5}.art__body h3{color:var(--paper);margin:40px 0 14px;scroll-margin-top:100px;font-size:18px;font-weight:700}.art__body p{margin:0 0 24px}.art__body a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.art__body b,.art__body strong{color:var(--paper);font-weight:600}.art__body ul,.art__body ol{gap:10px;margin:0 0 24px 1.4em;display:grid}.art__body img{max-width:100%;height:auto;margin:32px 0;display:block}.art__body blockquote{border-left:2px solid var(--brand);color:#9a9a9a;margin:32px 0;padding-left:20px}.art__body code{font-family:var(--mono);background:#1a1a1a;padding:2px 6px;font-size:.9em}.art__body pre{background:#141414;margin:0 0 24px;padding:20px;overflow-x:auto}.art__body pre code{background:0 0;padding:0}.art__back{font-family:var(--mono);letter-spacing:.06em;color:#8e8e8e;border-bottom:1px solid #0000;margin-top:72px;padding-bottom:2px;font-size:12px;text-decoration:none;transition:color .3s,border-color .3s;display:inline-block}.art__back:hover{color:#fff;border-color:#fff}.art__byline{align-items:center;gap:12px;margin:-30px 0 44px;display:flex}.art__byline-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:10px}.art__byline-name{color:#9a9a9a;font-size:13px}.art__upd{color:#5a5a5a}.art__svc{border:1px solid var(--line);background:#ffffff05;flex-wrap:wrap;align-items:baseline;gap:16px;margin-top:64px;padding:24px 26px;text-decoration:none;transition:border-color .25s,background .25s;display:flex}.art__svc:hover{border-color:var(--brand);background:#ffffff0a}.art__svc-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:10px}.art__svc-name{color:var(--paper);font-size:16px;font-weight:600}.art__svc-go{font-family:var(--mono);color:#7a7a7a;margin-left:auto;font-size:11px}.art__svc:hover .art__svc-go{color:#fff}.rel{padding:0 var(--pad) 120px;background:#0a0a0a}.rel__inner{border-top:1px solid var(--line);max-width:1200px;margin:0 auto;padding-top:56px}.rel__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:32px;font-size:11px;display:block}.rel__grid{grid-template-columns:repeat(auto-fill,minmax(clamp(260px,30vw,340px),1fr));gap:40px 20px;display:grid}@media (max-width:900px){.newsgrid,.rel__grid{grid-template-columns:1fr;gap:34px}.art__byline{margin:-18px 0 36px}}.newshero h1{font-weight:900}
.blog{--b-ink:#0a0a0a;--b-bone:#efefec;--b-brand:#fcee21;--b-bad:#ff4d5a;--b-line:#ffffff24;--b-mono:ui-monospace,"SF Mono",Menlo,monospace;--b-display:Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Narrow Bold","Arial Black",sans-serif}.blog .col{max-width:70ch}.blog .note{color:#6b6b6b;max-width:70ch;margin-top:14px;font-size:12.5px;line-height:1.8}.blog .note b{color:#c4c4c4;font-weight:600}.blog pre{border-left:2px solid var(--b-brand);font-family:var(--b-mono);color:#c4c4c4;background:#111;margin:26px 0;padding:22px 24px;font-size:12.5px;line-height:1.85;overflow-x:auto}.blog pre code{font:inherit;color:inherit;background:0 0;padding:0}.demo{border:1px solid var(--b-line);background:#0e0e0e;margin:34px 0}.demo__bar{border-bottom:1px solid var(--b-line);font-family:var(--b-mono);letter-spacing:.14em;color:#7a7a7a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;font-size:10.5px;display:flex}.demo__bar b{color:var(--b-brand);font-weight:400}.demo__body{padding:30px 24px}.demo__body--flush{padding:0}.demo__ctl{border-top:1px solid var(--b-line);background:#0a0a0a;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;display:flex}.demo__ctl label{font-family:var(--b-mono);color:#8a8a8a;align-items:center;gap:10px;font-size:11px;display:flex}.demo__ctl input[type=range]{width:clamp(140px,30vw,240px);accent-color:var(--b-brand)}.demo__ctl output{font-family:var(--b-mono);color:var(--b-brand);min-width:48px;font-size:12px}.demo__hint{color:#6b6b6b;font-size:12px}.demo__hint .bad{color:var(--b-bad);font-weight:600}.demo .btn{font-family:var(--b-mono);letter-spacing:.1em;color:#9a9a9a;cursor:pointer;background:#141414;border:1px solid #3a3a3a;padding:10px 16px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.demo .btn:hover{color:#c4c4c4;border-color:#5a5a5a}.demo .btn.on{background:var(--b-brand);color:#0a0a0a;border-color:var(--b-brand)}.demo--missing{opacity:.55}.demo--missing .demo__bar{color:var(--b-bad);border-bottom:0}.dz{background:#151515;padding:26px;position:relative;overflow:hidden}.dz__row{display:inline-block;position:relative}.dz__box{border:1px dashed var(--b-bad);pointer-events:none;position:absolute;inset:0}.dz__pad{pointer-events:none;background:#fcee2138;transition:opacity .25s;position:absolute;left:0;right:0}.dz__lbl{font-family:var(--b-mono);letter-spacing:.08em;color:var(--b-brand);pointer-events:none;font-size:9.5px;position:absolute;right:-2px}.dz__t{white-space:nowrap;font-family:var(--b-display);color:#fff;font-size:clamp(34px,7vw,72px);display:block}.lb{background:#151515;gap:24px;min-width:200px;padding:24px;transition:width .12s linear;display:grid}.lb__pane h4{font-family:var(--b-mono);letter-spacing:.14em;color:#7a7a7a;margin-bottom:10px;font-size:10px;font-weight:400}.lb__pane--bad h4{color:var(--b-bad)}.lb__jp{color:#fff;margin:0;font-size:clamp(18px,3vw,28px);font-weight:800;line-height:1.5}.lb__wb span{display:inline-block}.sv{background:#151515;grid-template-columns:1fr 1fr;height:300px;display:grid;position:relative}.sv__half{border-right:1px solid var(--b-line);position:relative;overflow:hidden}.sv__half:last-child{border-right:0}.sv__bg{background:#fff;position:absolute;inset:0}.sv__half svg{width:100%;height:100%;position:absolute;inset:0}.sv__cap{z-index:3;font-family:var(--b-mono);letter-spacing:.1em;color:#8a8a8a;font-size:9.5px;position:absolute;top:10px;left:12px}.sv__cap--bad{color:var(--b-bad)}.sv__cap--ok{color:#0a0a0a}.zb{background:var(--b-bone);padding:34px 26px}.zb__h{z-index:0;font-family:var(--b-display);letter-spacing:-.01em;color:#0a0a0a;font-size:clamp(38px,8vw,86px);line-height:.86;position:relative}.zb__h em{background:var(--b-brand);color:#0a0a0a;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em;font-style:normal}.zb__h--fix em{z-index:-1;position:relative}.co{background:var(--b-line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.co__code{background:#0e0e0e;padding:22px}.co__code h4{font-family:var(--b-mono);letter-spacing:.14em;color:#7a7a7a;margin-bottom:14px;font-size:10px;font-weight:400}.co__code h4.bad{color:var(--b-bad)}.co__code pre{margin:0;padding:14px 16px;font-size:11px}.co__out{background:var(--b-bone);place-items:center;padding:24px 20px;display:grid}.co__h{color:#0a0a0a;margin:0;font-size:clamp(16px,2.4vw,24px);font-weight:800;line-height:1.5}.co__h em{padding:0 .1em;font-style:normal}.co__h--bad em{background:var(--b-brand);color:var(--b-brand)}.co__h--ok em{background:var(--b-brand);color:#0a0a0a}.compare{background:var(--b-line);border:1px solid var(--b-line);grid-template-columns:1fr 1fr;gap:1px;margin:34px 0;display:grid}.compare>div{background:#0e0e0e;padding:22px}.compare h4{font-family:var(--b-mono);letter-spacing:.14em;color:#7a7a7a;margin-bottom:14px;font-size:10px;font-weight:400}.compare__bad h4{color:var(--b-bad)}.compare pre{margin:0;font-size:11.5px}.blog figure{margin:34px 0}.blog figure img{width:100%;height:auto;display:block}.blog figcaption{color:#6b6b6b;margin-top:12px;font-size:12px;line-height:1.8}@media (max-width:820px){.sv{grid-template-columns:1fr;height:420px}.sv__half{border-right:0;border-bottom:1px solid var(--b-line)}.co,.compare{grid-template-columns:1fr}.demo__ctl{gap:12px}.demo__ctl input[type=range],.demo__ctl label{width:100%}}@media (prefers-reduced-motion:reduce){.demo *{transition:none!important;animation:none!important}}.blog .col:not(.note){color:#c6c6c6;font-size:16px;line-height:1.95}.blog .col>:first-child{margin-top:0}.blog .col p{margin:0 0 1.5em}.blog .col strong,.blog .col b{color:#fff;font-weight:600}.blog .col a{color:var(--b-brand);text-underline-offset:3px;text-decoration:underline}.blog .col h2{color:#fff;margin:2.4em 0 .7em;font-size:clamp(20px,3.4vw,26px);font-weight:800;line-height:1.5}.blog .col h3{color:#fff;margin:2em 0 .55em;font-size:18px;font-weight:700;line-height:1.6}.blog .col ul,.blog .col ol{gap:.5em;margin:0 0 1.5em 1.3em;display:grid}.blog .col li{line-height:1.9}.blog .col blockquote{border-left:2px solid var(--b-brand);color:#9a9a9a;margin:1.8em 0;padding-left:20px}.blog .col img{max-width:100%;height:auto}.blog .note p{margin:0 0 .7em}.blog .note p:last-child{margin-bottom:0}.blog pre .c{color:#7a7a7a;margin-bottom:12px;font-size:11.5px;display:block}.compare>div,.co__code,.co__out,.sv__half{min-width:0}.blog pre,.blog figure img{max-width:100%}.compare pre{white-space:pre-wrap;word-break:break-word}
.n2{--bone:#ece9e1;--ink:#1c1b18;--char:#333;--dim:#6e6b64;--hair:#1c1b1829;--hair2:#1c1b1814;--bad:#d33a42;--brand:#fcee21;--void:#0a0a0a;--card:#141414;--card2:#0f0f0f;--textD:#e9e8e4;--dimD:#8e8e8e;--hairD:#ffffff17;--display:Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Narrow Bold","Arial Black",sans-serif;--jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;--body:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,"Roboto Mono",monospace;--measure:660px;--gutter:clamp(20px,5vw,80px);--accent:#1e7a34;--b-ink:#0a0a0a;--b-bone:#efefec;--b-brand:#fcee21;--b-bad:#ff4d5a;--b-line:#ffffff24;--b-mono:ui-monospace,"SF Mono",Menlo,monospace;--b-display:Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Narrow Bold","Arial Black",sans-serif;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;background:#fff;font-size:17px;line-height:1.85}.n2 ::selection{background:var(--brand);color:#000}.n2 .shell{max-width:1180px;padding:0 var(--gutter);margin:0 auto}.n2 .wrap{max-width:var(--measure);margin:0 auto}.n2 .prog{background:var(--brand);z-index:100;width:0;height:2px;transition:width 50ms linear;position:fixed;top:0;left:0}.n2 .mast-panel{background:var(--void);color:var(--textD);clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),50% 100%,0 calc(100% - 44px));padding-top:clamp(80px,10vw,112px);padding-bottom:70px}.n2 .nav{font-family:var(--mono);letter-spacing:.14em;color:var(--dimD);align-items:center;gap:14px;padding:0;font-size:11px;display:flex}.n2 .nav a{color:var(--dimD);text-decoration:none;transition:all .2s}.n2 .nav a:hover{color:var(--brand)}.n2 .nav .sep{color:#444}.n2 .nav .cur{color:var(--textD)}.n2 .mast{padding:44px 0 20px;position:relative;overflow:hidden}.n2 .mast__ghost{font-family:var(--display);color:#0000;-webkit-text-stroke:1px #ffffff0e;letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(110px,20vw,272px);line-height:.8;position:absolute;top:0;right:-2vw}.n2 .mast__inner{z-index:1;position:relative}.n2 .mast__meta{font-family:var(--mono);letter-spacing:.1em;color:var(--dimD);align-items:center;gap:16px;margin-bottom:26px;font-size:12px;display:flex}.n2 .mast__cat{background:var(--brand);color:#000;letter-spacing:.08em;padding:3px 10px;font-weight:700}.n2 .mast__title{font-family:var(--jp);color:#fff;letter-spacing:.01em;max-width:22ch;font-size:clamp(30px,5.4vw,58px);font-weight:800;line-height:1.32}.n2 .mast__title b{color:var(--brand)}.n2 .mast__rule{background:var(--brand);width:64px;height:3px;margin:34px 0 20px}.n2 .mast__foot{font-family:var(--mono);letter-spacing:.1em;color:var(--dimD);flex-wrap:wrap;gap:22px;font-size:11px;display:flex}.n2 .mast__foot .k{color:#5a5a5a;margin-right:8px}.n2 .body{padding:56px 0 40px}.n2 .body.wrap{background:var(--bone);max-width:712px;padding-left:26px;padding-right:26px}.n2 .b{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.n2 .b.in{opacity:1;transform:none}.n2 .b-text{margin:30px 0}.n2 .b-text:has(>h2:first-child){margin-top:60px}.n2 .b-text p{color:var(--ink);margin:0 0 .95em}.n2 .b-text p:last-child{margin-bottom:0}.n2 .b-text h2{font-family:var(--jp);color:#1a1a1a;border-bottom:3px solid var(--accent);margin:2.9em 0 .9em;padding-bottom:14px;font-size:clamp(23px,3.6vw,28px);font-weight:800;line-height:1.5}.n2 .b-text h2:first-child{margin-top:.3em}.n2 .b-text h3{font-family:var(--jp);color:#1a1a1a;border-left:3px solid var(--accent);margin:2em 0 .6em;padding-left:14px;font-size:20px;font-weight:800;line-height:1.55}.n2 .b-text a{color:#8a7f00;text-underline-offset:3px;text-decoration:underline}.n2 .b-text strong,.n2 .b-text b{color:#000;font-weight:700}.n2 .b-text ul{margin:0 0 .95em 1.4em;list-style:outside}.n2 .b-text ol{margin:0 0 .95em 1.4em;list-style:decimal}.n2 .b-text li{color:var(--ink);margin:0 0 .5em}.n2 .b-text li::marker{color:var(--accent)}.n2 .lede p{color:#141310;margin-bottom:.8em;font-size:18px;line-height:1.85}.n2 .nsec{margin:88px 0 26px;position:relative}.n2 .nsec__top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.n2 .nsec__idx{font-family:var(--mono);letter-spacing:.2em;color:#9a9186;white-space:nowrap;font-size:11px}.n2 .nsec__line{background:var(--hair);flex:1;height:1px}.n2 .nsec__n{font-family:var(--display);color:var(--char);letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(62px,10vw,92px);line-height:.82;display:block}.n2 .nsec__n--close{color:#b9b5ab}.n2 .nsec__h{font-family:var(--jp);color:#111;margin:0;font-size:clamp(21px,3vw,27px);font-weight:800;line-height:1.45}.n2 .b-note{border-left:3px solid var(--brand);margin:44px 0;padding:2px 0 2px 20px}.n2 .b-note .n-lb{font-family:var(--mono);letter-spacing:.2em;color:var(--char);background:0 0;margin-bottom:7px;padding:0;font-size:10px;display:block}.n2 .b-note p{color:#403e38;margin:0 0 .6em;font-size:15px;line-height:1.8}.n2 .b-note p:last-child{margin-bottom:0}.n2 .b-code{background:var(--card);border-radius:2px;margin:46px 0;overflow:hidden;box-shadow:0 8px 30px #0000001f}.n2 .b-code__bar{border-bottom:1px solid var(--hairD);font-family:var(--mono);letter-spacing:.15em;color:var(--dimD);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:10px;display:flex}.n2 .b-code__lang{color:var(--brand)}.n2 .b-code pre{margin:0;padding:18px 16px;overflow-x:auto}.n2 .b-code code{font-family:var(--mono);color:#d8d8d8;white-space:pre;font-size:13px;line-height:1.7}.n2 .b-comp{grid-template-columns:1fr 1fr;gap:14px;margin:46px 0;display:grid}.n2 .cmp{border:1px solid var(--hair2);background:#f4f2ec;min-width:0;padding:20px 18px;position:relative}.n2 .cmp:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.n2 .cmp--bad:before{background:var(--bad)}.n2 .cmp--ok:before{background:var(--brand)}.n2 .cmp__lb{font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:11px;font-size:11px;display:flex}.n2 .cmp--bad .cmp__lb{color:var(--bad)}.n2 .cmp--ok .cmp__lb{color:#8a7f00}.n2 .cmp__lb i{border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid}.n2 .cmp--bad .cmp__lb i{border:1px solid var(--bad)}.n2 .cmp--ok .cmp__lb i{border:1px solid #b8a900}.n2 .cmp p{color:#403e38;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.75}.n2 .b-image{margin:46px 0}.n2 .b-image img{width:100%;height:auto;display:block}.n2 .b-image figcaption{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);margin-top:12px;font-size:11px;line-height:1.8}.n2 .b-demo{margin:50px 0}.n2 .demo{background:var(--card2);border:0;border-radius:2px;margin:0;box-shadow:0 10px 34px #00000029}.n2 .demo__bar{border-bottom:1px solid var(--hairD)}.n2 .demo__ctl{border-top:1px solid var(--hairD);background:0 0}.n2 .demo--missing{box-shadow:none;border:1px dashed var(--hairD)}.n2 .ncta{background:var(--brand);color:#000;margin:96px 0 0;padding:clamp(34px,5vw,52px) clamp(26px,4vw,48px)}.n2 .ncta__eye{font-family:var(--mono);letter-spacing:.22em;color:#000;opacity:.6;margin-bottom:16px;font-size:11px}.n2 .ncta__h{font-family:var(--jp);color:#000;max-width:20ch;margin-bottom:16px;font-size:clamp(22px,3.6vw,32px);font-weight:800;line-height:1.45}.n2 .ncta__p{color:#111;max-width:46ch;margin-bottom:28px;font-size:15px;line-height:1.8}.n2 .ncta__p p{margin:0 0 .6em}.n2 .ncta__p p:last-child{margin-bottom:0}.n2 .ncta__btn{color:var(--brand);font-family:var(--jp);background:#000;align-items:center;gap:12px;padding:15px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.n2 .ncta__btn:hover{gap:18px}.n2 .ncta__btn .ncta__ar{font-family:var(--mono)}.n2 .foot{border-top:1px solid var(--hair);padding:54px 0 90px}.n2 .nsvc{border:1px solid var(--hair);background:#f4f2ec;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;text-decoration:none;transition:all .25s;display:flex}.n2 .nsvc:hover{border-color:var(--char);background:#fff}.n2 .nsvc__l{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.n2 .nsvc__k{font-family:var(--mono);letter-spacing:.14em;color:#8a7f00;font-size:10px}.n2 .nsvc__t{font-family:var(--jp);color:var(--char);font-size:18px;font-weight:800}.n2 .nsvc__go{font-family:var(--mono);letter-spacing:.1em;color:var(--dim);white-space:nowrap;font-size:11px;transition:all .25s}.n2 .nsvc:hover .nsvc__go{color:var(--ink)}.n2 .back{font-family:var(--mono);letter-spacing:.1em;color:var(--dim);margin-top:36px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-block}.n2 .back:hover{color:var(--ink)}.n2 .c-hero{margin:0 0 40px}.n2 .c-hero img{width:100%;height:auto;display:block}.n2 .b-text h2,.n2 .b-text h3{scroll-margin-top:96px}.n2 .c-toc{border:1px solid var(--hair);background:#fff;margin:0 0 40px;padding:22px 24px}.n2 .c-toc__label{font-family:var(--mono);letter-spacing:.2em;color:#8a7f00;margin-bottom:14px;font-size:10px;display:block}.n2 .c-toc ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.n2 .c-toc a{color:var(--char);font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s}.n2 .c-toc a:hover{color:#000;text-underline-offset:3px;text-decoration:underline}.n2 .c-toc__sub{padding-left:18px;position:relative}.n2 .c-toc__sub:before{content:"–";color:var(--dim);position:absolute;left:2px}.n2 .crel{max-width:980px;margin:0 auto;padding:64px 0 8px}.n2 .crel__label{font-family:var(--mono);letter-spacing:.2em;color:#8a7f00;margin-bottom:26px;font-size:11px;display:block}.n2 .crel__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:30px 22px;display:grid}.n2 .ccard{color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.n2 .ccard__img{aspect-ratio:16/10;border:1px solid var(--hair);background:#e6e3db;overflow:hidden}.n2 .ccard__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.n2 .ccard:hover .ccard__img img{transform:scale(1.05)}.n2 .ccard__meta{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);align-items:center;gap:12px;margin:13px 0 7px;font-size:10px;display:flex}.n2 .ccard__cat{color:#8a7f00}.n2 .ccard h4{font-family:var(--jp);color:var(--char);font-size:15px;font-weight:700;line-height:1.6}.n2 .stoc{z-index:40;opacity:0;pointer-events:none;width:200px;max-height:74vh;transition:opacity .3s;display:none;position:fixed;top:50%;left:calc(50% - 596px);overflow-y:auto;transform:translateY(-50%)}@media (min-width:1240px){.n2 .stoc{display:block}.n2 .c-toc{display:none}}@media (min-width:1360px){.n2 .body.wrap,.n2 .crel,.n2 .foot.wrap{transform:translate(120px)}.n2 .stoc{left:calc(50% - 476px)}}.n2 .stoc.is-on{opacity:1;pointer-events:auto}.n2 .stoc__label{font-family:var(--mono);letter-spacing:.2em;color:#8a7f00;margin-bottom:16px;padding-left:16px;font-size:10px;display:block}.n2 .stoc ol{border-left:1px solid var(--hair);margin:0;padding:0;list-style:none}.n2 .stoc a{color:var(--dim);border-left:2px solid #0000;align-items:baseline;gap:9px;margin-left:-1px;padding:7px 12px 7px 16px;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.n2 .stoc a:hover{color:var(--char)}.n2 .stoc__num{font-family:var(--mono);color:#b3ab9c;flex:none;padding-top:1px;font-size:10px}.n2 .stoc__t{font-family:var(--jp);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.n2 .stoc li.is-active a{color:var(--char);border-left-color:var(--brand)}.n2 .stoc li.is-active .stoc__num{color:#8a7f00}@media (max-width:640px){.n2{font-size:16px}.n2 .mast-panel{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),50% 100%,0 calc(100% - 30px));padding-bottom:54px}.n2 .nsec{margin-top:66px}.n2 .nsec__n{font-size:56px}.n2 .b-comp{grid-template-columns:1fr}.n2 .mast__ghost{font-size:32vw;top:auto;bottom:0}}@media (prefers-reduced-motion:reduce){.n2 .b{opacity:1;transition:none;transform:none}}