@font-face{font-family:"SU Journal Serif";src:url(/home-images/journal-serif.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}.app.app-journal{--paper: #FAF8F2;--paper-deep: #F4EEE5;--line: #DFD3C6;--font-serif: "SU Journal Serif", "Noto Serif SC", "Source Han Serif SC", "SimSun", Georgia, serif;--container: 1320px;padding-left:0;background:var(--paper)}.app-journal .container{width:min(var(--container),calc(100% - 120px))}.app-journal .masthead{background:var(--paper);border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.app-journal .masthead-inner{min-height:92px;border-bottom:1px solid var(--line);padding-block:20px}.app-journal .brand{gap:12px}.app-journal .brand-name{font-size:34px;letter-spacing:.1em}.app-journal .brand-sub{display:inline;font:600 24px var(--font-serif);letter-spacing:.1em;color:var(--ink)}.brand-divider{font-size:22px}.app-journal .nav-link{font-size:16px;letter-spacing:.12em;color:var(--ink)}.app-journal .nav-links{gap:40px}.app-journal .page{padding:0;animation:none}.journal-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:624px;align-items:center;gap:24px;padding-block:58px 60px}.journal-hero-copy{position:relative;z-index:1;padding-left:32px}.journal-eyebrow{margin:0 0 24px;font:500 22px/1.7 var(--font-serif);letter-spacing:.02em}.journal-title{margin:0;font:800 clamp(66px,8.4vw,120px)/1.13 var(--font-serif);letter-spacing:-.02em}.journal-title>span,.journal-title>em{display:block;white-space:nowrap}.journal-title>em{font-style:normal;color:var(--accent)}.journal-introduction{margin:28px 0 0;font:400 22px/1.9 var(--font-serif)}.journal-actions{display:flex;align-items:center;gap:56px;margin-top:28px}.journal-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;color:var(--accent);min-height:44px;font-size:17px;line-height:1.5}.journal-link>span{border-bottom:1px solid currentColor;padding-block:2px}.journal-link svg{flex-shrink:0;transition:transform .2s ease}.journal-link:hover{color:var(--accent-deep)}.journal-link:hover svg{transform:translate(2px,-2px)}.journal-hero-art{position:absolute;right:-48px;top:0;width:62%;max-width:none;height:100%;object-fit:contain}.journal-featured{background:#f5efe6;padding-block:36px 32px}.journal-section-heading{display:flex;align-items:center;gap:24px;margin-bottom:22px}.journal-section-heading h2{font:700 42px/1.5 var(--font-serif);margin:0;letter-spacing:-.015em}.journal-section-note{display:flex;align-items:center;gap:20px;font-size:15px;color:var(--ink-70);letter-spacing:.08em}.journal-section-note:before{content:"";width:64px;border-top:1px solid var(--line)}.journal-featured-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.journal-feature{display:grid;align-items:start;grid-template-columns:1.15fr 1fr;gap:22px;min-width:0}.journal-feature-project{border-left:1px solid var(--line);padding-left:28px;grid-template-columns:1fr 1fr}.journal-feature-image{display:block;overflow:hidden}.journal-feature-image img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;transition:transform .35s ease}.journal-feature-image:hover img{transform:scale(1.025)}.journal-project-image img{aspect-ratio:5/4}.journal-feature-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;min-height:100%}.journal-feature-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--ink-70);margin:0 0 12px}.journal-feature-meta>span:first-child{color:var(--accent)}.journal-feature-meta i{font-style:normal}.journal-feature h3{margin:0;font:600 27px/1.45 var(--font-serif);overflow-wrap:anywhere}.journal-feature h3 a:hover{color:var(--accent)}.journal-article-company{display:block;font-size:24px;white-space:nowrap}.journal-feature-summary{color:var(--ink-70);font-size:15px;line-height:1.85;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-feature-copy .journal-link{font-size:16px;margin-top:8px}.journal-feature-project .journal-link{margin-top:auto}.journal-feature-project h3{white-space:nowrap;font-size:clamp(22px,2.15vw,28px)}.journal-continue{padding-block:44px 0}.journal-continue .journal-section-heading{justify-content:space-between;margin-bottom:12px}.journal-reading-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.journal-reading-row h3{margin:0;font:600 25px/1.55 var(--font-serif)}.journal-reading-row p{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-70);margin:0;white-space:nowrap}.journal-reading-row:hover h3{color:var(--accent)}.app-journal .footer{border:0;margin-top:26px}.app-journal .footer-inner{border-top:1px solid var(--line);padding-block:26px;align-items:center}.app-journal .footer-brand{font-size:22px}.app-journal .footer-meta{color:var(--ink-70);font-size:12px;letter-spacing:0}@media(min-width:1550px){.journal-hero{min-height:680px}}@media(max-width:1200px){.app-journal .container{width:calc(100% - 64px)}.journal-hero-copy{padding-left:16px}.journal-title{font-size:clamp(60px,8.6vw,98px)}.journal-hero{min-height:570px}.journal-hero-art{right:-24px}.journal-eyebrow,.journal-introduction{font-size:20px}.journal-featured-grid{grid-template-columns:1fr 1fr;gap:24px}.journal-feature{grid-template-columns:1fr;gap:16px}.journal-feature-image img{aspect-ratio:5/3}.journal-feature-project{padding-left:24px}.journal-feature-project h3{white-space:normal;font-size:27px}.journal-feature-project .journal-link{margin-top:8px}.journal-reading-row{grid-template-columns:1fr;gap:8px}}@media(max-width:768px){.app-journal .container{width:calc(100% - 40px)}.app-journal .masthead-inner{min-height:74px;padding-block:14px}.app-journal .brand{gap:8px}.app-journal .brand-name{font-size:25px}.app-journal .brand-sub{font-size:17px;letter-spacing:.08em}.brand-divider{font-size:17px}.app-journal .nav-links{gap:0}.app-journal .nav-links:not(.open){visibility:hidden}.journal-hero{grid-template-columns:1fr;gap:8px;padding-block:42px 20px;min-height:auto}.journal-hero-copy{padding-left:4px}.journal-eyebrow{font-size:17px;margin-bottom:20px}.journal-title{font-size:clamp(54px,12.4vw,86px);line-height:1.15}.journal-introduction{font-size:17px;line-height:1.9;margin-top:24px}.journal-actions{gap:34px;margin-top:20px}.journal-link{font-size:16px}.journal-hero-art{position:static;max-width:480px;width:88%;height:auto;margin-inline:auto}.journal-featured{padding-block:26px}.journal-section-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}.journal-section-heading h2{font-size:29px}.journal-section-note{font-size:12px;gap:10px}.journal-section-note:before{width:24px}.journal-featured-grid{grid-template-columns:1fr;gap:24px}.journal-feature{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:16px}.journal-feature-project{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}.journal-feature-image img{aspect-ratio:1}.journal-feature h3,.journal-feature-project h3{font-size:21px;line-height:1.5}.journal-article-company{font-size:18px;white-space:normal}.journal-feature-meta{font-size:11px;margin-bottom:8px;gap:6px}.journal-feature-summary{font-size:13px;margin-top:8px}.journal-feature-copy .journal-link{font-size:14px;margin-top:6px;gap:6px}.journal-continue{padding-block:30px 0}.journal-continue .journal-section-heading{gap:8px}.journal-continue .journal-section-heading .journal-link{font-size:14px}.journal-reading-row{padding:18px 0}.journal-reading-row h3{font-size:19px}.journal-reading-row p{font-size:12px;white-space:normal;flex-wrap:wrap}.app-journal .footer{margin-top:14px}.app-journal .footer-inner{padding-block:24px;gap:14px}.app-journal .footer-brand{font-size:20px}.app-journal .footer-meta{gap:10px;font-size:11px}}@media(max-width:380px){.journal-title{font-size:50px}.journal-feature{grid-template-columns:1fr}.journal-feature-image img{aspect-ratio:5/3}.journal-feature h3{font-size:23px}.journal-feature-summary{font-size:14px}}@media(prefers-reduced-motion:reduce){.journal-link svg,.journal-feature-image img{transition:none}}.fd-eyebrow{font:12px var(--font-mono);color:var(--accent);letter-spacing:.08em;margin:0 0 16px}.fd-intro{padding:40px 0 44px;border-top:1px solid var(--line);position:relative}.fd-intro h2{font:500 clamp(32px,5vw,56px)/1.35 var(--font-serif);margin:0 0 22px;letter-spacing:-.04em}.fd-intro h2 em{font-style:normal;color:var(--accent)}.fd-intro>p:not(.fd-eyebrow){max-width:550px;color:var(--ink-70);font-size:15px}.fd-text-link{display:inline-flex;gap:38px;padding:12px 0;border-bottom:1px solid var(--accent);color:var(--accent)}.fd-intro-note{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.fd-intro-note strong{font:40px var(--font-serif);color:var(--accent)}.fd-intro-note span{font-size:12px;color:var(--ink-70)}.fd-demo{scroll-margin-top:100px;margin:8px 0 56px}.fd-demo h2,.fd-features>h2,.fd-download h2{font:500 clamp(23px,3vw,32px)/1.5 var(--font-serif);margin:0}.fd-demo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.fd-demo-top .fd-eyebrow{margin-bottom:8px}.fd-mode{border:1px solid var(--line);padding:5px 10px;font-size:11px;white-space:nowrap}.fd-demo-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.fd-stage{position:relative;background:#e9dfcb;background-image:linear-gradient(#211d1608 1px,transparent 1px),linear-gradient(90deg,#211d1608 1px,transparent 1px);background-size:24px 24px;overflow:hidden;min-width:0;padding:22px 22px 14px;display:flex;flex-direction:column;align-items:center}.fd-stage-caption{width:100%;display:flex;justify-content:space-between;font:10px var(--font-mono);color:#6b5943;margin-bottom:26px;gap:8px}.fd-machine{width:min(100%,270px);background:#34372e;box-shadow:0 8px 14px #27271e25;border-radius:12px 12px 5px 5px;padding:14px 20px 12px;position:relative;text-align:center;color:#e0decb;font-size:10px;letter-spacing:.08em}.fd-machine-dot{width:5px;height:5px;background:#a9bd83;position:absolute;left:14px;top:20px;border-radius:50%;box-shadow:0 0 7px #a9bd83}.fd-slot{margin-top:12px;height:9px;border-radius:5px;background:#131a15;box-shadow:inset 0 2px 2px #000}.fd-ticket-wrap{width:min(100%,232px);perspective:700px;margin-top:-6px;position:relative;z-index:1}.fd-ticket{--rx:0deg;--ry:0deg;background:#fffdf6;color:#332b21;padding:24px 18px 19px;min-height:348px;position:relative;box-shadow:2px 8px 12px #30291822;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s;transform-origin:top center;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),96% 100%,92% calc(100% - 7px),88% 100%,84% calc(100% - 7px),80% 100%,76% calc(100% - 7px),72% 100%,68% calc(100% - 7px),64% 100%,60% calc(100% - 7px),56% 100%,52% calc(100% - 7px),48% 100%,44% calc(100% - 7px),40% 100%,36% calc(100% - 7px),32% 100%,28% calc(100% - 7px),24% 100%,20% calc(100% - 7px),16% 100%,12% calc(100% - 7px),8% 100%,4% calc(100% - 7px),0 100%)}.fd-ticket-printed{animation:fd-print .7s cubic-bezier(.22,1,.36,1)}.fd-ticket-brand{text-align:center;font:700 23px var(--font-serif);margin:0 0 4px}.fd-ticket-sub{text-align:center;font-size:8px;margin:0 0 15px;color:#796c58}.fd-ticket-meta{display:flex;justify-content:space-between;font-size:9px;padding:10px 0;border-top:1px dashed #b8aa91;border-bottom:1px dashed #b8aa91}.fd-ticket-empty{text-align:center;padding:16px 0}.fd-ticket-empty>span{font:75px var(--font-serif);color:#bdb097}.fd-ticket-empty h3{font:500 17px var(--font-serif);margin:0}.fd-ticket-empty p{font-size:10px;color:#796c58}.fd-dish{position:relative;text-align:center;padding:14px 0 12px}.fd-dish img{width:100%;height:112px;object-fit:cover;mix-blend-mode:multiply}.fd-dish-hidden{filter:blur(10px);opacity:.25}.fd-dish h3{font:700 22px var(--font-serif);margin:11px 0 3px}.fd-dish p{font-size:10px;color:#796c58;margin:0}.fd-seal{position:absolute;top:47px;left:-8px;width:calc(100% + 16px);display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:10px 14px;color:#fffcf4;background:repeating-linear-gradient(45deg,#b23a22,#b23a22 10px,#aa3520 10px 11px);border:1px dashed #e19b77;cursor:pointer;font-size:11px;transform:rotate(-4deg);touch-action:pan-y;box-shadow:0 3px 8px #65291725;transition:transform .2s}.fd-seal:hover{transform:rotate(-2deg) translate(3px)}.fd-ticket-bottom{border-top:1px dashed #b8aa91;padding-top:12px;text-align:center;font-size:9px}.fd-barcode{height:20px;max-width:140px;margin:10px auto 0;background:repeating-linear-gradient(90deg,#40392e 0,#40392e 2px,transparent 2px,transparent 4px,#40392e 4px,#40392e 5px,transparent 5px,transparent 8px,#40392e 8px,#40392e 12px,transparent 12px,transparent 14px);opacity:.7}.fd-stamp{position:absolute;right:5px;bottom:55px;transform:rotate(-15deg);border:3px double #b23a22;color:#b23a22;padding:8px 6px;font:700 17px var(--font-serif);background:#fffdf6bd;animation:fd-stamp .35s ease-out}.fd-stage-foot{font-size:10px;color:#6b5943;margin:20px 0 0;text-align:center}.fd-controls{min-width:0;padding:22px;background:var(--surface);border-left:1px solid var(--ink)}.fd-timeline{display:flex;list-style:none;padding:0;margin:0 0 22px;border-bottom:1px solid var(--line);gap:4px;justify-content:space-between}.fd-timeline li{flex:1;min-width:0}.fd-timeline button{border:0;background:none;color:var(--ink-70);font:10px var(--font-sans);padding:0 0 12px;width:100%;cursor:pointer;border-bottom:2px solid transparent;min-height:48px}.fd-timeline button span{display:block;font:10px var(--font-mono);margin-bottom:6px}.fd-timeline .active{border-color:var(--accent);color:var(--accent)}.fd-panel-label{font-size:11px;color:var(--ink-70);margin:0 0 14px}.fd-candidates{display:grid;gap:6px;margin-bottom:18px}.fd-candidates button{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:45px;border:1px solid var(--line);padding:10px 12px;background:transparent;cursor:pointer;text-align:left;color:var(--ink);font:12px var(--font-sans);transition:background .2s,transform .2s}.fd-candidates button strong{font-weight:500;flex:1}.fd-candidates button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.fd-candidates button:hover:not(:disabled){background:var(--paper-deep);transform:translate(2px)}.fd-primary{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;background:var(--accent);border:1px solid var(--accent);color:var(--surface);font:13px var(--font-sans);cursor:pointer;width:100%;transition:background .2s}.fd-primary:hover:not(:disabled){background:var(--accent-deep)}.fd-primary:disabled{opacity:.65;cursor:default}.fd-panel-hint{font-size:10px;color:var(--ink-70);margin:10px 0 0;min-height:32px}.fd-playback{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.fd-playback button{background:none;border:0;font:11px var(--font-sans);color:var(--accent);cursor:pointer;padding:8px 0;min-height:40px}.fd-status{font-size:11px;color:var(--ink-70);margin:7px 0 0;min-height:38px}.fd-members{display:flex;gap:8px;margin-bottom:12px}.fd-members button{border:1px solid var(--line);background:none;padding:8px 12px;min-height:40px;cursor:pointer;color:var(--ink);font-size:12px}.fd-members button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.fd-demo button:focus-visible,.fd-text-link:focus-visible,.fd-download a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.fd-candidates button:disabled{cursor:default;opacity:.65}.fd-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fd-confetti i{position:absolute;left:50%;top:70%;width:5px;height:9px;background:var(--accent);animation:fd-confetti .85s ease-out both;--angle:calc(var(--i) * 36deg);transform:rotate(var(--angle));opacity:0}.fd-confetti i:nth-child(2n){background:#708052}.fd-feature-list{margin-top:22px;border-top:1px solid var(--line)}.fd-feature-list article{display:grid;grid-template-columns:110px 1fr;gap:8px 22px;padding:24px 0;border-bottom:1px solid var(--line)}.fd-feature-list article>span{grid-row:span 2;color:var(--accent);font-size:11px;padding-top:3px}.fd-feature-list h3{font:500 19px var(--font-serif);margin:0}.fd-feature-list p{font-size:13px;color:var(--ink-70);margin:0}.fd-download{margin:48px 0 0;border:1px solid var(--ink);padding:28px;background:var(--paper-deep)}.fd-download h2{margin-bottom:12px}.fd-download p:not(.fd-eyebrow){font-size:13px;color:var(--ink-70)}.fd-download .fd-download-note{font-size:11px!important}.fd-download>.fd-primary{margin-top:22px;max-width:280px}.fd-cover{height:210px;background:#e9dfcb;position:relative;overflow:hidden;margin-bottom:24px;padding:16px;color:var(--ink)}.fd-cover-label{font:11px var(--font-mono);color:#6b5943}.fd-cover-ticket{position:absolute;left:20%;top:54px;background:#fffdf6;padding:20px 18px;width:65%;box-shadow:3px 7px 15px #30291820;transform:rotate(-5deg);transition:transform .3s}.fd-cover-ticket small{font-size:10px;color:var(--accent);display:block}.fd-cover-ticket strong{font:500 clamp(18px,2.2vw,30px) var(--font-serif);display:block;white-space:nowrap;margin:6px 0}.fd-cover-ticket>span{font-size:10px}.fd-cover-play{position:absolute;top:15px;right:12px;font-size:10px;background:#fffdf6;padding:3px 8px}.project-card:hover .fd-cover-ticket{transform:rotate(0) translateY(-6px)}@keyframes fd-print{0%{clip-path:inset(0 0 90%);transform:translateY(-15px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes fd-stamp{0%{opacity:0;transform:rotate(-15deg) scale(1.7)}to{opacity:1;transform:rotate(-15deg) scale(1)}}@keyframes fd-confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-170px) rotate(120deg)}}@media(max-width:650px){.fd-demo-layout{grid-template-columns:1fr}.fd-controls{border-left:0;border-top:1px solid var(--ink);padding:20px}.fd-stage{padding:20px;min-height:475px}.fd-demo-top{align-items:flex-start}.fd-mode{font-size:10px}.fd-intro{padding-top:28px}.fd-feature-list article{grid-template-columns:1fr;gap:9px}.fd-feature-list article>span{grid-row:auto}.fd-download{padding:22px}.fd-cover-ticket strong{font-size:26px}}@media(prefers-reduced-motion:reduce){.fd-ticket,.fd-seal,.fd-stamp,.fd-confetti i,.fd-cover-ticket{animation:none!important;transition:none!important;transform:none!important}.fd-confetti{display:none}.fd-candidates button{transition:none}.fd-candidates button:hover{transform:none}}.bf-demo{--bf-night:#152d36;--bf-ink:#dce8df;--bf-gold:#d5b37a;--bf-teal:#80aaa3;margin:48px 0;font-family:var(--font-body,serif)}.bf-demo button,.bf-demo a,.bf-cover a{-webkit-tap-highlight-color:transparent}.bf-demo button{font:inherit;cursor:pointer}.bf-demo button:disabled{cursor:default}.bf-demo button:focus-visible,.bf-demo a:focus-visible,.bf-demo select:focus-visible,.bf-demo input:focus-visible{outline:3px solid #8bc7c1;outline-offset:4px}.bf-demo h2,.bf-demo h3,.bf-cover strong{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-weight:500}.bf-demo p{margin:0}.bf-intro{background:var(--bf-night);color:var(--bf-ink);position:relative;overflow:hidden;border:1px solid #263e46}.bf-intro-head{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;gap:16px}.bf-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--bf-teal)}.bf-intro-head a{font-size:12px;color:var(--bf-gold);text-decoration:none}.bf-intro-copy{padding:20px 32px 0;min-height:160px;position:relative;z-index:2}.bf-chapter-number{font:11px monospace;color:var(--bf-teal)}.bf-intro-copy h2{font-size:clamp(23px,3.7vw,40px);line-height:1.45;margin:13px 0}.bf-intro-copy p{font-size:13px;line-height:1.8;color:#a6babd;max-width:570px}.bf-harbor{position:relative;height:330px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 45% 12%,#21424c80,transparent 70%)}.bf-stars i{position:absolute;width:2px;height:2px;background:#b9cec6;opacity:.7;left:12%;top:30px}.bf-stars i:nth-child(2){left:32%;top:65px}.bf-stars i:nth-child(3){left:50%;top:23px}.bf-stars i:nth-child(4){left:60%;top:83px}.bf-stars i:nth-child(5){left:75%;top:45px}.bf-stars i:nth-child(6){left:89%;top:18px}.bf-moon{position:absolute;left:42%;top:25px;width:36px;height:36px;border-radius:50%;background:#e4d7b4;box-shadow:0 0 45px #e2d4a815}.bf-shore-label{position:absolute;left:32px;bottom:112px;font:10px monospace;letter-spacing:.06em;color:#8cb0b0}.bf-shore-right{left:auto;right:32px}.bf-source-books{position:absolute;left:7%;bottom:64px;display:flex;align-items:end;gap:5px;transform:rotate(-4deg)}.bf-source-books i{font:10px monospace;font-style:normal;writing-mode:vertical-rl;padding:12px 10px;background:#92ada6;color:#152d36;height:94px;border-left:3px solid #ffffff36;box-shadow:5px 4px #061e2566}.bf-source-books i:nth-child(2){background:var(--bf-gold);height:118px}.bf-source-books i:nth-child(3){background:#95a0b3;height:80px}.bf-water{position:absolute;bottom:0;width:200%;height:110px;left:-50%;z-index:-1}.bf-water path{fill:#37656b44}.bf-water path:nth-child(2){fill:#497b8033}.bf-water path:nth-child(3){fill:#63909025}.bf-is-playing .bf-water{animation:bf-tide 6s ease-in-out infinite alternate}.bf-ferry{position:absolute;left:32%;bottom:40px;width:120px;transform:translate(0);transition:left 2s cubic-bezier(.22,.75,.22,1)}[data-chapter="1"] .bf-ferry{left:46%}[data-chapter="2"] .bf-ferry{left:60%}.bf-cargo{width:56px;height:74px;margin:0 auto;background:#f1e6cc;color:#30444b;padding:12px 9px;border-left:5px solid var(--bf-gold);transform:rotate(8deg);box-shadow:3px 3px #10252b}.bf-cargo span{font:10px monospace}.bf-cargo i{height:2px;background:#a4a89b;display:block;margin-top:6px}.bf-boat{height:34px;background:#aa774d;clip-path:polygon(0 0,100% 0,83% 100%,17% 100%);border-top:5px solid #dfb982;text-align:center;color:#f6e7c6;font-size:10px;letter-spacing:4px;line-height:25px}.bf-reflection{margin:8px auto;width:70px;height:5px;background:#9bc1b322;border-radius:50%;box-shadow:0 12px #9bc1b315}.bf-is-playing .bf-ferry{animation:bf-rock 3s ease-in-out infinite}.bf-reader{position:absolute;right:6%;bottom:66px;width:102px;height:158px;background:#d3d3c0;padding:9px 8px;border-radius:6px;transform:rotate(5deg);box-shadow:8px 8px #071d2666}.bf-reader-screen{height:129px;background:#eff0df;border:1px solid #a8ae99;color:#3b4942;display:flex;flex-direction:column;padding:8px 7px}.bf-reader-screen small{font:7px monospace;letter-spacing:1px}.bf-reader-screen span{font-size:12px;margin:16px 0 6px}.bf-reader-screen i{height:2px;width:88%;background:#b2b5a4;margin:3px 0}.bf-reader-screen b{margin-top:auto;font-size:7px;font-weight:400}.bf-reader-dot{margin:5px auto;border:1px solid #abb29f;width:10px;height:4px;border-radius:50%}.bf-cable-label{position:absolute;bottom:14px;right:25px;font:9px monospace;color:#8ea9a7;letter-spacing:1px}.bf-intro-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 32px 24px;gap:20px}.bf-chapters{display:flex;gap:20px}.bf-chapters button{border:0;border-bottom:1px solid transparent;background:none;color:#92aaab;font-size:11px;line-height:2;padding:0 0 6px}.bf-chapters button span{display:block;font:9px monospace;line-height:2}.bf-chapters button[aria-pressed=true]{color:var(--bf-gold);border-bottom-color:var(--bf-gold)}.bf-intro-play{border:1px solid #8faaa377;background:transparent;color:var(--bf-ink);padding:10px 15px;font-size:12px;white-space:nowrap}.bf-intro-foot{padding:15px 32px;background:#071e2538;border-top:1px solid #86a7a326;display:flex;gap:24px;flex-wrap:wrap;font-size:10px;color:#b0c0ba}.bf-intro-foot small{margin-left:auto;color:#8ca7a8;font-size:10px}.bf-cover{background:#152d36;color:#e0e9dc;border:1px solid #29414a;margin:-1px -1px 22px;overflow:hidden}.bf-cover-top{display:flex;justify-content:space-between;padding:18px 20px 0;font:9px monospace;letter-spacing:1px;color:#89aaa5}.bf-cover-top small{font-size:9px}.bf-cover .bf-harbor{height:195px}.bf-cover .bf-moon{width:22px;height:22px}.bf-cover .bf-reader{width:68px;height:104px;bottom:40px;padding:6px}.bf-cover .bf-reader-screen{height:86px;padding:5px}.bf-cover .bf-reader-screen span{font-size:9px;margin:9px 0 4px}.bf-cover .bf-reader-screen small,.bf-cover .bf-reader-screen b{font-size:5px}.bf-cover .bf-source-books{bottom:37px;left:8%}.bf-cover .bf-source-books i{height:63px;padding:8px 6px;font-size:8px}.bf-cover .bf-source-books i:nth-child(2){height:80px}.bf-cover .bf-ferry{left:47%;bottom:21px;width:82px}.bf-cover .bf-cargo{width:38px;height:48px;padding:7px 5px}.bf-cover .bf-cargo span{font-size:7px}.bf-cover .bf-cargo i{margin-top:3px}.bf-cover .bf-boat{height:23px;font-size:7px;line-height:17px}.bf-cover .bf-water{height:70px}.bf-cover .bf-shore-label{bottom:135px;left:20px;font-size:8px}.bf-cover .bf-shore-right{left:auto;right:20px}.bf-cover .bf-cable-label{bottom:4px;font-size:7px}.bf-cover-bottom{border-top:1px solid #85a6a425;padding:15px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center}.bf-cover-bottom strong{font-size:16px}.bf-cover-bottom span{font-size:9px;color:#c7b58e}.bf-use{padding-top:54px;scroll-margin-top:90px}.bf-use-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.bf-use-head h2{font-size:clamp(22px,3vw,30px);margin:10px 0 18px}.bf-use .bf-eyebrow{color:#527b78}.bf-text-button{font-size:11px;border:0;background:none;color:#4e7774;white-space:nowrap}.bf-use-note{font-size:13px;color:#747d70;line-height:1.9;max-width:600px}.bf-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin-top:25px;border:1px solid #aab2a2;background:#e9e9df;min-height:530px}.bf-terminal{padding:24px;min-width:0;background:#f8f6eb;border-right:1px solid #b0b7a6}.bf-terminal-head{display:flex;justify-content:space-between;font:10px monospace;color:#637e76;letter-spacing:.05em;padding-bottom:22px}.bf-device-indicator{display:flex;align-items:center;gap:6px;color:#8b8475}.bf-device-indicator:before{content:"";display:block;width:6px;height:6px;background:#9b9886;border-radius:50%}.bf-device-indicator.is-online{color:#397b6a}.bf-device-indicator.is-online:before{background:#468c74;box-shadow:0 0 0 3px #468c7418}.bf-book-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bf-book-picks button{border:0;background:transparent;min-width:0;padding:0;transition:transform .2s}.bf-book-picks button:not(:disabled):hover{transform:translateY(-5px)}.bf-book-mini{background:var(--book-color);height:113px;border-left:5px solid #22222218;box-shadow:3px 4px #c8c5b3;display:flex;flex-direction:column;align-items:flex-start;padding:13px 9px;position:relative;color:#223942}.bf-book-mini:after{content:"";position:absolute;left:10px;right:10px;bottom:28px;height:1px;background:#263d3e66;box-shadow:0 5px #263d3e22}.bf-book-mini b{font-size:12px;font-family:SimSun,serif;writing-mode:vertical-rl;letter-spacing:3px;font-weight:500}.bf-book-mini small{font:8px monospace;position:absolute;right:6px;bottom:8px}.bf-book-picks button>span:last-child{font-size:9px;color:#64796f;display:block;margin-top:12px}.bf-book-picks button:disabled>span:last-child{color:#8a8c7c}.bf-queue{margin:24px 0 18px;min-height:105px;border:1px dashed #b4b9a8;padding:13px}.bf-queue-title{display:flex;justify-content:space-between;font-size:10px;color:#678279;padding-bottom:7px}.bf-queue p{font-size:11px;line-height:1.8;color:#8a8b79;margin-top:13px}.bf-queue-row{display:flex;gap:9px;align-items:center;border-top:1px solid #deded0;padding:8px 0;font-size:11px}.bf-queue-row>span:first-child{flex:1}.bf-queue-row small{display:block;font:9px monospace;color:#859080;margin-top:4px}.bf-queue-row>span:nth-child(2){color:#4d7d6b;font-size:9px}.bf-queue-row button{border:0;background:none;color:#7e8b7b;font-size:16px;padding:0 3px}.bf-options{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:#687f70}.bf-options select{font:10px monospace;margin-left:7px;padding:5px;background:#fffdf3;border:1px solid #aeb9a5;color:#314a47}.bf-checkbox{display:flex;gap:5px;align-items:center}.bf-demo input{accent-color:#315e56}.bf-edge-options{font-size:10px;color:#748578;margin:15px 0}.bf-edge-options summary{cursor:pointer}.bf-edge-options label{display:inline-flex;align-items:center;margin:10px 10px 0 0;gap:5px}.bf-start{display:block;width:100%;border:1px solid #28564d;color:#f5f2df;background:#28564d;padding:15px 8px;font-size:12px}.bf-start:disabled{color:#8c9180;border-color:#c4cab8;background:#e8e9dc}.bf-progress{height:3px;background:#d7deca;margin-top:15px;overflow:hidden}.bf-progress i{height:100%;display:block;background:#387b69;transition:width .4s}.bf-status{font-size:10px;color:#637c6e;line-height:1.85;margin-top:10px!important;min-height:37px}.bf-dock{display:flex;flex-direction:column;align-items:center;position:relative;padding:24px 20px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#bcc7b522 31px,#bcc7b522 32px)}.bf-dock-caption{font:9px monospace;color:#69857a;letter-spacing:.1em}.bf-device{width:min(100%,195px);background:#2b3638;border-radius:10px;padding:15px 13px 18px;margin-top:28px;box-shadow:8px 10px #253c3122;transform:rotate(3deg);transition:transform .5s}.bf-device-online{transform:rotate(0)}.bf-device-screen{min-height:251px;padding:16px 13px;background:#dce0c8;color:#425043;border:2px solid #171e1f;position:relative}.bf-device-screen>small{font-size:9px;letter-spacing:.2em}.bf-device-screen h3{font-size:17px;line-height:1.7;margin:21px 0}.bf-ink-line{height:2px;background:#8d9b7c88;margin:9px 0}.bf-ink-line.short{width:65%}.bf-device-page{display:block;font:8px monospace;margin-top:24px;text-align:right}.bf-device-home{width:20px;height:7px;border:1px solid #6a7570;border-radius:50%;margin:14px auto 0}.bf-shelf-book{border-top:1px solid #a4b093;padding:9px 0;font-size:13px;animation:bf-ink-in .5s ease-out}.bf-shelf-book small{display:block;font:8px monospace;margin-top:5px;color:#7b8b70}.bf-usb{height:30px;width:55px;position:relative;display:flex;align-items:center;flex-direction:column;margin-top:12px;transform:translateY(7px);transition:transform .3s}.bf-usb i{display:block;width:11px;height:13px;background:#777f73;border-top:5px solid #bac0b2}.bf-usb span{font:7px monospace;display:block;width:25px;text-align:center;background:#526b61;color:#dce1d2;padding:3px;box-shadow:0 4px #a0b09d}.bf-usb-connected{transform:translateY(-3px)}.bf-connect{margin:17px 0 0;padding:10px 16px;font-size:11px;border:1px solid #688b79;background:#eef0e4;color:#356651}.bf-dock-note{margin-top:12px!important;font-size:10px;color:#7a8a76;line-height:1.7;text-align:center}.bf-arrival-stamp{position:absolute;right:14px;bottom:22px;border:2px solid #34654d;color:#34654d;font-family:SimSun,serif;padding:10px 12px;font-size:16px;line-height:1.6;transform:rotate(-12deg);animation:bf-stamp .5s ease-out}.bf-arrival-stamp small{font-size:9px}.bf-play-row{padding:18px 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #bac0ab}.bf-play-row button{border:0;background:none;padding:0;font-size:11px;color:#315e56}.bf-play-row span{font-size:10px;color:#7e8875;line-height:1.8;margin-left:auto;max-width:315px}.bf-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:38px 0 10px}.bf-features article>span{font-size:10px;color:#638779}.bf-features h3{font-size:20px;margin:17px 0 12px}.bf-features p{font-size:12px;line-height:1.95;color:#737d6a}@keyframes bf-tide{to{transform:translate(5%)}}@keyframes bf-rock{50%{transform:translateY(4px) rotate(1deg)}}@keyframes bf-ink-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bf-stamp{0%{opacity:0;transform:rotate(-12deg) scale(1.3)}to{opacity:1;transform:rotate(-12deg)}}@media(max-width:640px){.bf-demo{margin-top:30px}.bf-intro-head{padding:22px 20px;align-items:flex-start}.bf-intro-head a{font-size:10px;white-space:nowrap}.bf-eyebrow{font-size:9px}.bf-intro-copy{padding:5px 20px 0;min-height:170px}.bf-intro-copy h2{font-size:24px}.bf-intro-copy p{font-size:11px}.bf-harbor{height:255px}.bf-moon{top:25px;width:28px;height:28px}.bf-source-books{left:6%;bottom:61px;gap:3px}.bf-source-books i{height:61px;padding:9px 5px;font-size:8px}.bf-source-books i:nth-child(2){height:80px}.bf-source-books i:nth-child(3){height:52px}.bf-ferry{width:75px;left:33%;bottom:32px}[data-chapter="1"] .bf-ferry{left:39%}[data-chapter="2"] .bf-ferry{left:44%}.bf-cargo{width:36px;height:52px;padding:6px 5px;border-left-width:3px}.bf-cargo span{font-size:7px}.bf-cargo i{margin-top:4px}.bf-boat{height:23px;border-top-width:3px;font-size:8px;line-height:19px}.bf-reader{width:74px;height:119px;bottom:63px;right:6%;padding:7px}.bf-reader-screen{height:95px;padding:6px}.bf-reader-screen span{font-size:10px;margin:11px 0 6px}.bf-reader-screen small{font-size:5px}.bf-reader-screen b{font-size:6px}.bf-shore-label{left:20px;bottom:195px;font-size:8px}.bf-shore-right{left:auto;right:20px}.bf-cable-label{font-size:8px;right:20px}.bf-water{height:88px}.bf-intro-controls{padding:15px 20px 20px;flex-direction:column;align-items:stretch;gap:18px}.bf-chapters{justify-content:space-between;gap:15px}.bf-intro-play{font-size:11px}.bf-intro-foot{padding:15px 20px;gap:13px;font-size:9px}.bf-intro-foot small{font-size:9px;margin:0;width:100%}.bf-use{padding-top:38px}.bf-use-head{align-items:flex-start}.bf-use-head h2{font-size:23px;line-height:1.5}.bf-text-button{font-size:10px;padding:0}.bf-use-note{font-size:11px}.bf-workbench{grid-template-columns:1fr}.bf-terminal{padding:20px;border-right:0;border-bottom:1px solid #b0b7a6}.bf-book-mini{height:107px}.bf-book-picks,.bf-options{gap:12px}.bf-dock{padding:24px;min-height:440px}.bf-device{width:180px;margin-top:20px}.bf-arrival-stamp{right:22px;bottom:26px}.bf-play-row{gap:17px}.bf-play-row span{margin:0;width:100%;max-width:none}.bf-features{grid-template-columns:1fr;gap:24px}.bf-features article{border-bottom:1px solid #c9cebc;padding-bottom:24px}.bf-features h3{margin:12px 0}.bf-cover-bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.bf-demo *,.bf-cover *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.bf-reduced *{animation:none!important;transition:none!important}.gh-cover{--gh-hue:175;background:hsl(var(--gh-hue) 23% 17%);color:hsl(var(--gh-hue) 30% 89%);min-height:265px;padding:22px;margin-bottom:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.gh-cover small,.gh-cover>span{font-size:9px;letter-spacing:1px;position:relative;z-index:1}.gh-cover strong{font-size:26px;line-height:1.5;position:relative;z-index:1;overflow-wrap:anywhere}.gh-orbits{position:absolute;right:-25px;bottom:-40px;opacity:.45}.gh-orbits i{display:block;width:155px;height:155px;border:1px solid hsl(var(--gh-hue) 40% 70%);border-radius:50%;position:absolute;right:0;bottom:0}.gh-orbits i:nth-child(2){right:25px;bottom:20px}.gh-orbits i:nth-child(3){right:50px;bottom:40px}.gh-layout-1 .gh-orbits i{border-radius:0;transform:rotate(30deg)}.gh-layout-2 .gh-orbits i{border-radius:0;transform:rotate(-12deg);width:220px;height:90px}.gh-demo{margin:42px 0;padding:30px;border:1px solid hsl(var(--gh-hue) 18% 62%);background:hsl(var(--gh-hue) 18% 93%)}.gh-eyebrow{font-size:11px;color:hsl(var(--gh-hue) 30% 35%);letter-spacing:1px}.gh-demo h2{font-weight:500;font-size:30px;margin:18px 0 25px}.gh-tabs{display:flex;gap:20px;flex-wrap:wrap}.gh-tabs button,.gh-play{background:none;color:hsl(var(--gh-hue) 35% 30%);border:0;padding:8px 0;font:11px inherit;cursor:pointer}.gh-tabs button[aria-pressed=true]{border-bottom:2px solid currentColor}.gh-panel{padding:25px 0;min-height:190px;animation:gh-enter .4s ease-out}.gh-panel h3{font-size:22px;font-weight:500}.gh-panel p{font-size:13px;line-height:1.9}.gh-panel small,.gh-demo-note{font-size:11px;color:#6d786e}.gh-panel a{font-size:12px;display:inline-block;margin-top:18px}.gh-demo-note{line-height:1.8;margin-top:20px}.gh-custom-demo{display:block;width:100%;height:850px;border:0;margin:20px 0;background:#fff}.gh-release-links{display:flex;flex-wrap:wrap;gap:12px}.gh-release-meta{font-size:11px;color:#68766b;margin:20px 0}.gh-sync-note{font-size:11px;color:#6e7a70;margin:10px 0 25px;line-height:1.8}@keyframes gh-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:640px){.gh-demo{padding:22px}.gh-tabs{gap:13px}.gh-custom-demo{height:1000px}.gh-demo h2{font-size:25px}.gh-tabs button{font-size:10px}}@media(prefers-reduced-motion:reduce){.gh-panel{animation:none}}.vm-cover{position:relative;height:210px;margin-bottom:24px;overflow:hidden;background:#e9e3d6}.vm-cover img{width:100%;height:100%;object-fit:contain}.vm-cover-play{position:absolute;top:15px;right:12px;background:#fffdf6;padding:3px 8px;color:var(--ink);font:10px var(--font-sans)}.project-demo{margin:var(--s8) 0 var(--s10)}.project-demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.project-demo-eyebrow{color:var(--accent);font:12px var(--font-mono);letter-spacing:.08em}.project-demo-heading h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(22px,3vw,32px);margin:10px 0 0;line-height:1.5}.project-demo-index{color:var(--ink-50);font:12px var(--font-mono);white-space:nowrap}.project-demo-frame{overflow:hidden;border:1px solid var(--ink);border-radius:0;background:#071116}.project-demo-frame video{display:block;width:100%;aspect-ratio:16/9}.project-demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 0 24px;font-size:13px}.project-demo-toolbar button{border:1px solid var(--accent);background:var(--accent);color:var(--paper);border-radius:0;min-height:44px;padding:10px 18px;font:inherit;cursor:pointer}.project-demo-toolbar button:hover{background:var(--accent-deep)}.project-demo-toolbar a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.project-demo-toolbar button:focus-visible,.project-demo-toolbar a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.project-demo-toolbar>span{color:var(--ink-70);margin-left:auto;font-size:12px}.project-demo-steps{list-style:none;padding:24px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}.project-demo-steps li>span{display:block;color:var(--accent);font:12px var(--font-mono);margin-bottom:12px}.project-demo-steps strong{font:500 17px var(--font-serif)}.project-demo-steps p{color:var(--ink-70);font-size:13px;margin:8px 0 0}.project-card-demo{margin:0 0 24px;position:relative;overflow:hidden;border-radius:0;background:#071116}.project-card-demo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-card-demo img{transform:scale(1.025)}.project-card-demo span{position:absolute;right:12px;top:12px;background:#f6f1e7;color:#211d16;padding:4px 9px;font-size:11px;border-radius:0}@media(max-width:600px){.project-demo-heading{gap:12px}.project-demo-index{display:none}.project-demo-toolbar>span{width:100%;margin-left:0}.project-demo-steps{grid-template-columns:1fr;gap:22px}.project-demo-steps li{padding-left:16px;border-left:2px solid var(--line-strong)}}@media(prefers-reduced-motion:reduce){.project-card-demo img{transition:none}.project-card:hover .project-card-demo img{transform:none}}:root{--font-serif: "Noto Serif SC", "Source Han Serif SC", "Source Han Serif CN", "Songti SC", "STSong", "SimSun", Georgia, "Times New Roman", serif;--font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;--paper: #F6F1E7;--paper-deep: #EFE8D9;--surface: #FBF7EE;--ink: #211D16;--ink-70: rgba(33, 29, 22, .72);--ink-50: rgba(33, 29, 22, .55);--ink-30: rgba(33, 29, 22, .32);--line: rgba(33, 29, 22, .18);--line-strong: #C9BFAC;--accent: #B23A22;--accent-deep: #8E2D1B;--accent-soft: rgba(178, 58, 34, .08);--code-bg: #EFE8D9;--dark-section: #211D16;--dark-paper: #EFE8D9;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s8: 48px;--s10: 64px;--s14: 96px;--s20: 128px;--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .2s;--t-mid: .3s;--container: 1160px;--readcol: 720px;--spine-w: 76px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--paper)}.container{width:min(var(--container),100% - var(--s8));margin-inline:auto}.app{padding-left:var(--spine-w)}.spine{position:fixed;left:0;top:0;bottom:0;width:var(--spine-w);z-index:60;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 0}.spine-brand{writing-mode:vertical-rl;font-family:var(--font-serif);font-size:30px;font-weight:700;letter-spacing:.45em;line-height:1;transition:color var(--t-fast) var(--ease)}.spine-brand em{color:var(--accent);font-style:normal}.spine-brand:hover{color:var(--accent)}.spine-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.spine-year{writing-mode:vertical-rl;font-family:var(--font-sans);font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-50)}.masthead{position:sticky;top:0;z-index:50;background:#f6f1e7e6;backdrop-filter:saturate(1.3) blur(10px);-webkit-backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--line)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:66px;padding-block:var(--s3);position:relative}.brand{display:flex;align-items:baseline;gap:var(--s3);font-family:var(--font-serif)}.brand-name{font-size:23px;font-weight:700;letter-spacing:.28em;line-height:1}.brand-name .brand-initial{color:var(--accent)}.brand-sub{font-family:var(--font-sans);font-size:11px;letter-spacing:.32em;color:var(--ink-50)}.nav-links{display:flex;align-items:center;gap:var(--s6)}.nav-link{position:relative;font-size:14px;letter-spacing:.14em;color:var(--ink-70);padding-bottom:4px;transition:color var(--t-fast) var(--ease)}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:0;background:transparent;cursor:pointer;padding:0;position:relative}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{position:absolute;left:10px;width:18px;height:1.5px;background:var(--ink);transition:transform var(--t-mid) var(--ease),top var(--t-mid) var(--ease)}.nav-toggle span{top:19px}.nav-toggle span:before{content:"";top:-6px;left:0}.nav-toggle span:after{content:"";top:6px;left:0}.nav-toggle.open span{background:transparent}.nav-toggle.open span:before{top:0;transform:rotate(45deg)}.nav-toggle.open span:after{top:0;transform:rotate(-45deg)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page{min-height:62vh;padding-block:0 var(--s14);animation:pageIn .3s var(--ease) both}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.reveal-in{opacity:1;transform:none}.hero{padding-block:var(--s14) var(--s10);border-bottom:1px solid var(--line)}.hero-eyebrow{display:flex;align-items:center;gap:var(--s4);font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--s6)}.hero-eyebrow:before{content:"";width:72px;height:1px;background:var(--accent)}.hero-title{font-family:var(--font-serif);font-size:clamp(46px,7.8vw,96px);font-weight:700;line-height:1.14;letter-spacing:.02em;margin:0;max-width:14em}.hero-title em{font-style:normal;color:var(--accent);border-bottom:5px solid var(--accent)}.hero-sub{margin:var(--s5) 0 0;font-size:16.5px;color:var(--ink-70);max-width:34em;line-height:2.05}.hero-rule{display:flex;margin-top:var(--s8);padding-top:var(--s5);padding-bottom:var(--s5);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-50);letter-spacing:.22em;width:max-content}.hero-rule>div{padding-right:40px}.hero-rule>div+div{padding-left:40px;border-left:1px solid var(--line)}.hero-rule strong{display:block;font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--ink);margin-bottom:var(--s1)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.section-title{font-family:var(--font-serif);font-size:clamp(24px,3vw,30px);font-weight:700;margin:0;display:flex;align-items:baseline;gap:var(--s3);letter-spacing:.06em}.section-title small{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:.34em;text-transform:uppercase;color:var(--accent)}.section-link{font-size:13px;color:var(--ink-50);letter-spacing:.1em;white-space:nowrap;transition:color var(--t-fast) var(--ease)}.section-link:hover{color:var(--accent)}.home-section{margin-top:var(--s10);padding-top:var(--s10);border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:120px 1fr;gap:var(--s6);padding-block:var(--s5);border-bottom:1px solid var(--line);transition:background var(--t-fast) var(--ease);position:relative;align-items:baseline}.article-row:first-of-type{border-top:1px solid var(--line)}.article-row:hover{background:var(--paper-deep)}.article-row:hover .article-row-title{color:var(--accent)}.article-date{font-family:var(--font-sans);font-size:12px;letter-spacing:.2em;color:var(--ink-50);text-align:right;border-right:1px solid var(--line);padding-right:28px;line-height:1.5;padding-top:var(--s1)}.article-date .article-day{display:block;font-family:var(--font-serif);font-size:52px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:4px}.article-row-title{font-family:var(--font-serif);font-size:clamp(19px,2.4vw,23px);font-weight:700;line-height:1.4;margin:0 0 var(--s2);transition:color var(--t-fast) var(--ease)}.article-excerpt{margin:0 0 var(--s2);font-size:14.5px;color:var(--ink-70);line-height:1.9;max-width:46em}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);font-size:12px;color:var(--ink-50);letter-spacing:.1em}.article-meta .sep{color:var(--ink-30)}.business-journal{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s8);padding:var(--s6);margin-bottom:var(--s8);border:1px solid var(--ink);background:var(--paper-deep)}.business-journal-kicker{color:var(--accent);font-size:11px;letter-spacing:.16em}.business-journal h2{font-family:var(--font-serif);font-size:clamp(30px,4vw,42px);margin:var(--s3) 0}.business-journal-heading p{font-size:15px;line-height:1.9;color:var(--ink-70);max-width:27em}.business-journal-all{display:inline-block;margin-top:var(--s3);color:var(--accent);font-size:13px}.business-topic{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:14px}.business-topic span:last-child{color:var(--ink-50);white-space:nowrap;font-size:12px}.business-topic i{font-style:normal;padding-left:var(--s3);color:var(--accent)}.business-topic:hover,.business-journal-latest:hover{color:var(--accent)}.business-journal-latest{display:block;margin-top:var(--s5);font-family:var(--font-serif);font-size:18px;line-height:1.6}.business-journal-latest span{display:block;font-family:var(--font-sans);color:var(--ink-50);font-size:11px;margin-bottom:var(--s2)}.article-search{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.article-search label{font-size:12px;color:var(--ink-70)}.article-search input{min-width:0;flex:1;border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 16px;font:inherit;font-size:14px;border-radius:0}.article-search input:focus{outline:1px solid var(--accent);outline-offset:2px}.article-search>span{font-size:12px;color:var(--ink-50);white-space:nowrap}.article-search-reset{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit}.article-date-note{display:block;margin-top:6px;font-size:10px;letter-spacing:.06em}.post-lead{padding:var(--s5) var(--s5);margin-bottom:var(--s8);border-left:3px solid var(--accent);background:var(--paper-deep)}.post-lead-label{color:var(--accent);font-size:11px;letter-spacing:.2em}.post-lead p{font-family:var(--font-serif);font-size:18px;line-height:1.85;margin:var(--s3) 0}.post-lead small{display:block;font-size:12px;color:var(--ink-70);line-height:1.9}.post-body [id^=ref-]{scroll-margin-top:120px}@media(max-width:700px){.business-journal{grid-template-columns:1fr;gap:var(--s4);padding:var(--s5) var(--s4)}.article-search{flex-wrap:wrap}.article-search label{width:100%}.post-lead{padding:var(--s4)}.post-lead p{font-size:16px}}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6)}.tag-chip{font-family:var(--font-sans);font-size:12.5px;letter-spacing:.1em;padding:7px 18px;border:1px solid var(--line);border-radius:0;background:transparent;cursor:pointer;color:var(--ink-70);transition:all var(--t-fast) var(--ease)}.tag-chip:hover{border-color:var(--accent);color:var(--accent)}.tag-chip.on{background:var(--accent);border-color:var(--accent);color:var(--paper)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s5)}.project-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);background:var(--paper);border:1px solid var(--ink);border-radius:0;position:relative;height:100%;transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}.project-card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--accent)}.project-card-kind{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.project-card-name{font-family:var(--font-serif);font-size:27px;font-weight:700;margin:var(--s1) 0 0;line-height:1.2}.project-card-tagline{font-size:13px;color:var(--ink-50);letter-spacing:.08em;margin:0}.project-card-summary{font-size:14px;color:var(--ink-70);line-height:1.95;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:auto;padding-top:var(--s3)}.project-tech span{font-family:var(--font-sans);font-size:11.5px;letter-spacing:.06em;color:var(--ink-50);background:transparent;border:1px solid var(--line);padding:4px 12px;border-radius:0}.page-head{padding-top:var(--s10);margin-bottom:var(--s8)}.page-head h1{font-family:var(--font-serif);font-size:clamp(38px,5.6vw,60px);font-weight:700;line-height:1.2;letter-spacing:.04em;margin:0 0 var(--s3)}.page-head .page-desc{font-size:15px;color:var(--ink-70);max-width:40em;margin:0;line-height:1.95}.post{max-width:var(--readcol);margin-inline:auto;padding-top:var(--s10)}.post-eyebrow{display:flex;align-items:center;gap:var(--s3);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s4)}.post-title{font-family:var(--font-serif);font-size:clamp(30px,4.6vw,44px);font-weight:700;line-height:1.32;margin:0 0 var(--s4)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);font-size:12.5px;color:var(--ink-50);letter-spacing:.16em;padding-bottom:var(--s6);border-bottom:1px solid var(--line);margin-bottom:var(--s8)}.post-body{font-family:var(--font-sans);font-size:16px;line-height:2.1;color:#211d16db}.markdown-body h2{font-family:var(--font-serif);font-size:25px;font-weight:700;margin:var(--s10) 0 var(--s4);line-height:1.4;padding-left:16px;border-left:4px solid var(--accent)}.markdown-body h3{font-family:var(--font-serif);font-size:20px;font-weight:700;margin:var(--s8) 0 var(--s3)}.markdown-body p{margin:0 0 1.6em}.markdown-body a{color:var(--accent);border-bottom:1px solid rgba(178,58,34,.35);transition:border-color var(--t-fast) var(--ease)}.markdown-body a:hover{border-color:var(--accent)}.markdown-body blockquote{margin:var(--s8) 0;padding:var(--s5) var(--s6);border-left:4px solid var(--accent);background:var(--paper-deep);color:var(--ink);font-family:var(--font-serif);font-size:17px;line-height:2;font-style:normal}.markdown-body code{font-family:var(--font-mono);font-size:.86em;background:var(--code-bg);padding:2px 7px;border-radius:0}.markdown-body pre{background:var(--dark-section);color:var(--dark-paper);padding:var(--s4) var(--s5);border-radius:0;overflow-x:auto;line-height:1.7}.markdown-body pre code{background:transparent;padding:0;font-size:13.5px}.markdown-body ul,.markdown-body ol{padding-left:1.6em;margin:0 0 1.6em}.markdown-body li{margin-bottom:.5em}.markdown-body strong{color:var(--ink)}.markdown-body img{margin:var(--s6) auto;border-radius:0}.markdown-body hr{border:none;border-top:1px solid var(--line);margin:var(--s10) 0;text-align:center}.markdown-body hr:after{content:"※";color:var(--accent);font-size:16px;display:block;margin-top:-34px}.markdown-body table{width:100%;border-collapse:collapse;font-size:14.5px;font-family:var(--font-sans);margin:var(--s6) 0}.markdown-body th,.markdown-body td{border-bottom:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left}.markdown-body th{font-family:var(--font-serif);font-weight:700;border-bottom:1.5px solid var(--ink)}.post-foot{margin-top:var(--s10);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap}.back-link{font-size:13.5px;letter-spacing:.06em;color:var(--ink-70);transition:color var(--t-fast) var(--ease)}.back-link:hover{color:var(--accent)}.project-detail{max-width:920px;margin-inline:auto}.pd-head{margin-bottom:var(--s8);padding-top:var(--s10)}.pd-kind{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s3)}.pd-title{font-family:var(--font-serif);font-size:clamp(32px,5vw,52px);font-weight:700;margin:0 0 var(--s3);line-height:1.2}.pd-summary{font-size:15.5px;color:var(--ink-70);line-height:2;max-width:42em;margin:0 0 var(--s5)}.pd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:0;overflow:hidden;margin:0}.pd-fact{background:var(--paper);padding:var(--s4) var(--s5)}.pd-fact dt{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-50);margin:0 0 var(--s1)}.pd-fact dd{margin:0;font-family:var(--font-serif);font-size:17px;font-weight:700}.pd-links{display:flex;flex-wrap:wrap;gap:var(--s3);margin:0 0 var(--s6)}.pd-link{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);font-family:var(--font-sans);font-size:13.5px;letter-spacing:.08em;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:0;text-decoration:none;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.pd-link span{color:var(--ink-50);font-size:12px}.pd-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.pd-link:hover span{color:var(--accent)}.pd-link-primary{color:var(--paper);background:var(--accent);border-color:var(--accent)}.pd-link-primary span{color:#f6f1e7bf}.pd-link-primary:hover{color:var(--paper);background:var(--accent-deep);border-color:var(--accent-deep)}.pd-link-primary:hover span{color:#f6f1e7bf}.pd-steps{margin:0;padding:0;list-style:none;counter-reset:pdstep;max-width:48em}.pd-steps li{counter-increment:pdstep;position:relative;padding:0 0 var(--s5) var(--s8);font-size:14.5px;line-height:1.95;color:var(--ink-70)}.pd-steps li:last-child{padding-bottom:0}.pd-steps li:before{content:counter(pdstep);position:absolute;left:0;top:2px;width:24px;height:24px;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--paper);background:var(--accent);border-radius:0}.pd-steps strong{color:var(--ink);font-weight:600}.pd-section{margin-top:var(--s10);padding-top:var(--s8);border-top:1px solid var(--line)}.pd-section>h2{font-family:var(--font-serif);font-size:24px;font-weight:700;margin:0 0 var(--s3);display:flex;align-items:baseline;gap:var(--s3)}.pd-section>h2 small{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.pd-note{font-size:14px;color:var(--ink-70);margin:0 0 var(--s5);line-height:2;max-width:46em}.pd-note code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:2px 7px}.filetree{background:var(--paper-deep);border:1px solid var(--line);border-radius:0;padding:var(--s4) 0;font-family:var(--font-mono);font-size:13px}.ft-node{-webkit-user-select:none;user-select:none}.ft-row{display:flex;align-items:center;gap:var(--s2);padding:4px var(--s4);cursor:pointer;transition:background var(--t-fast) var(--ease)}.ft-row:hover{background:var(--surface)}.ft-caret{width:12px;color:var(--ink-50);font-size:10px;transition:transform var(--t-fast) var(--ease);flex-shrink:0}.ft-caret.open{transform:rotate(90deg)}.ft-caret.leaf{visibility:hidden}.ft-icon{width:18px;text-align:center;font-size:11px;flex-shrink:0;color:var(--ink-50)}.ft-row.dir .ft-icon{color:var(--accent)}.ft-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.ft-row.file .ft-name{color:var(--ink-70)}.ft-size{color:var(--ink-50);font-size:11.5px;flex-shrink:0}.ft-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s var(--ease)}.ft-children.open{grid-template-rows:1fr}.ft-children>div{overflow:hidden}.doc-tabs{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s5);border-bottom:1px solid var(--line);padding-bottom:var(--s3)}.doc-tab{font-family:var(--font-mono);font-size:12.5px;padding:6px 16px;border:1px solid transparent;border-radius:0;color:var(--ink-50);background:transparent;cursor:pointer;transition:all var(--t-fast) var(--ease)}.doc-tab:hover{color:var(--ink)}.doc-tab.on{color:var(--accent);background:var(--accent-soft);border-color:#b23a224d}.doc-body{background:var(--paper);border:1px solid var(--ink);border-radius:0;padding:var(--s6)}.doc-plain{font-family:var(--font-mono);font-size:13px;line-height:1.8;white-space:pre-wrap;word-break:break-word;color:var(--ink-70);margin:0}.about-facts{margin:var(--s8) 0 var(--s4);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);padding:14px 4px;border-bottom:1px solid var(--line);font-size:13.5px}.about-facts div:last-child{border-bottom:none}.about-facts span{color:var(--ink-50);letter-spacing:.08em}.about-facts b{font-weight:600;text-align:right}.about-facts b a{color:var(--accent);border-bottom:1px solid transparent;transition:border-color var(--t-fast) var(--ease)}.about-facts b a:hover{border-bottom-color:var(--accent)}.about-body{max-width:var(--readcol);margin-inline:auto;padding-top:var(--s10);font-family:var(--font-sans);font-size:16px;line-height:2.1;color:#211d16db}.about-body strong{font-family:var(--font-serif);font-size:19px;color:var(--ink)}.about-sign{margin-top:var(--s8);font-family:var(--font-serif);font-size:30px;font-weight:700}.about-sign em{color:var(--accent);font-style:normal}.about-sign small{display:block;font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-50);margin-top:var(--s1)}.notfound{text-align:center;padding-block:var(--s14)}.notfound-code{font-family:var(--font-serif);font-size:clamp(80px,16vw,160px);font-weight:700;line-height:1;color:var(--ink-30);margin:0}.notfound-msg{font-family:var(--font-serif);font-size:20px;margin:var(--s4) 0 var(--s6)}.empty{text-align:center;color:var(--ink-50);padding-block:var(--s10);font-size:15px}.empty a{color:var(--accent)}.empty code{font-family:var(--font-mono);background:var(--code-bg);padding:2px 8px;font-size:12.5px}.footer{background:transparent;border-top:1px solid var(--line);margin-top:var(--s14)}.footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding-block:var(--s8)}.footer-brand{font-family:var(--font-serif);font-size:24px;font-weight:700}.footer-brand em{color:var(--accent);font-style:normal}.footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s4);font-size:12px;letter-spacing:.08em;color:var(--ink-50)}.footer-icp,.footer-rss{color:inherit;text-decoration:none;padding-bottom:1px;border-bottom:1px solid var(--line);transition:color .2s ease,border-color .2s ease}.footer-icp:hover,.footer-rss:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:1023px){.article-row{grid-template-columns:96px 1fr;gap:var(--s4)}.article-date{padding-right:var(--s4)}}@media(max-width:900px){.app{padding-left:0}.spine{display:none}}@media(max-width:768px){.nav-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:0 var(--s4) var(--s4);transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform var(--t-mid) var(--ease),opacity var(--t-mid) var(--ease)}.nav-links.open{transform:none;opacity:1;pointer-events:auto}.nav-link{display:block;padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);font-size:15px}.nav-link:last-child{border-bottom:none}.nav-link:after{display:none}.nav-link.active{color:var(--accent)}.hero-rule{width:auto;flex-direction:column;gap:var(--s3)}.hero-rule>div{padding-right:0}.hero-rule>div+div{padding-left:0;border-left:none;border-top:1px solid var(--line);padding-top:var(--s3)}.article-row{grid-template-columns:1fr;gap:var(--s2)}.article-date{display:flex;align-items:baseline;gap:var(--s2);border-right:none;padding-right:0;text-align:left}.article-date .article-day{display:inline;font-size:22px}.page-head,.post,.about-body,.pd-head{padding-top:var(--s8)}.page{padding-block:0 var(--s10)}.doc-body{padding:var(--s4)}.pd-facts{grid-template-columns:1fr 1fr}}@media(max-width:480px){.brand-name{font-size:20px}.brand-sub{display:none}.pd-facts,.projects-grid{grid-template-columns:1fr}.ft-size{display:none}.hero-title em{border-bottom-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.read-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:55;pointer-events:none}.read-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center}.post-layout{display:block}.post-toc{display:none}@media(min-width:1200px){.post-layout{display:grid;grid-template-columns:1fr minmax(0,var(--readcol)) 1fr;align-items:start}.post-layout .post{grid-column:2}.post-toc{display:block;grid-column:3;position:sticky;top:96px;margin-left:var(--s8);max-height:calc(100vh - 160px);overflow-y:auto;padding-left:var(--s4);border-left:1px solid var(--line);font-size:13px}}.toc-heading{font-size:11px;letter-spacing:.32em;color:var(--ink-50);margin-bottom:var(--s3)}.toc-list{list-style:none;margin:0;padding:0}.toc-item a{display:block;padding:5px 0 5px 12px;margin-left:-13px;border-left:2px solid transparent;color:var(--ink-50);line-height:1.55;background-color:transparent;transition:color .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease),padding-left .3s var(--ease)}.toc-item.lv3 a{padding-left:26px}.toc-item a:hover{color:var(--ink);background-color:#211d160d}.toc-item.on a{color:var(--accent);border-left-color:var(--accent);background-color:var(--accent-soft);padding-left:16px}.toc-item.lv3.on a{padding-left:30px}.markdown-body h2,.markdown-body h3{scroll-margin-top:96px}.rss-strip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3) var(--s4);background:var(--paper-deep);border:1px solid var(--line);padding:var(--s3) var(--s4);margin-bottom:var(--s6)}.rss-strip-label{font-family:var(--font-serif);font-weight:700;font-size:14px;color:var(--accent);letter-spacing:.24em;flex-shrink:0}.rss-strip-desc{font-size:12.5px;color:var(--ink-70);line-height:1.7;flex:1 1 240px;margin:0}.rss-strip-url{font-family:var(--font-mono);font-size:12px;color:var(--ink-70);background:var(--surface);border:1px dashed var(--line-strong);padding:4px 10px;white-space:nowrap}.rss-strip-btn{flex-shrink:0;font-family:var(--font-sans);font-size:12.5px;letter-spacing:.08em;color:var(--ink);background:transparent;border:1px solid var(--line-strong);padding:6px 14px;cursor:pointer;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.rss-strip-btn:hover{color:var(--accent);border-color:var(--accent)}.rss-strip-btn.copied{color:var(--paper);background:var(--accent);border-color:var(--accent)}@media(max-width:768px){.rss-strip{flex-direction:column;align-items:stretch}.rss-strip-url{white-space:normal;word-break:break-all}}.archive-group{display:grid;grid-template-columns:150px 1fr;gap:var(--s6);padding:var(--s6) 0;border-top:1px solid var(--line)}.archive-year{font-family:var(--font-serif);font-size:46px;font-weight:700;line-height:1}.archive-year small{display:block;margin-top:10px;font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:.28em;color:var(--ink-50)}.archive-list{list-style:none;margin:0;padding:0}.archive-item{display:grid;grid-template-columns:88px 1fr auto;gap:var(--s4);align-items:baseline;padding:12px 0}.archive-item+.archive-item{border-top:1px dashed var(--line)}.archive-item-date{font-size:12.5px;letter-spacing:.08em;color:var(--ink-50)}.archive-item-title{font-family:var(--font-serif);font-size:17px;font-weight:700;transition:color var(--t-fast) var(--ease)}.archive-item a:hover .archive-item-title{color:var(--accent)}.archive-item-tags{font-size:11.5px;letter-spacing:.12em;color:var(--ink-50);text-align:right}@media(max-width:768px){.archive-group{grid-template-columns:1fr;gap:var(--s4)}.archive-year{font-size:36px}.archive-item{grid-template-columns:1fr;gap:4px;padding:var(--s3) 0}.archive-item-tags{text-align:left}}.category-eyebrow{display:block;margin-bottom:12px;color:var(--accent);font-size:11px;letter-spacing:.18em}.category-breadcrumb{display:inline-block;margin-bottom:26px;color:var(--ink-70);font-size:12px}.category-breadcrumb:hover{color:var(--accent)}.article-reading-room .page-head{animation:readingHeadingIn .45s var(--ease) both}@keyframes readingHeadingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:36px}.category-tile{display:grid;grid-template-columns:1fr auto;gap:12px;padding:23px;border:1px solid var(--line);position:relative;background:var(--surface);transition:transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s}.category-tile-symbol{font-size:27px;color:var(--accent);line-height:1;transition:transform .35s var(--ease);grid-column:1 / -1}.category-tile-name{font-family:var(--font-serif);font-size:21px;font-weight:600;grid-column:1 / -1}.category-tile-description{font-size:12px;line-height:1.9;color:var(--ink-70);grid-column:1 / -1}.category-tile-count{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-70);grid-column:1 / -1}.category-tile-count i{color:var(--accent);font-style:normal;display:inline-block;transition:transform .3s}.category-tile-all{background:var(--paper-deep)}.category-tile.selected{border-color:var(--accent);background:var(--accent-soft)}.category-tile:hover,.category-tile:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 16px #211d160d}.category-tile:hover .category-tile-symbol{transform:translate(4px) rotate(-8deg)}.category-tile:hover .category-tile-count i{transform:translate(3px,-3px)}.category-tile:active{transform:translateY(-1px)}.category-nav-compact{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.category-nav-compact .category-tile{display:flex;align-items:center;gap:10px;padding:10px 15px}.category-nav-compact .category-tile-symbol{font-size:18px}.category-nav-compact .category-tile-name{font-family:var(--font-sans);font-size:13px;font-weight:500}.category-nav-compact .category-tile-count{font-size:11px;gap:5px;white-space:nowrap}.category-nav-compact .category-tile-count i{display:none}.business-topic{transition:padding .25s var(--ease),color .25s,background .25s}.business-topic i{display:inline-block;transition:transform .25s}.business-topic:hover{padding-left:8px;background:var(--accent-soft)}.business-topic:hover i{transform:translate(4px)}.article-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--ink);margin-top:28px;padding-top:20px;margin-bottom:22px}.article-results-heading h2{font-family:var(--font-serif);font-size:24px;margin:0}.article-results-heading>span{font-size:11px;letter-spacing:.06em;color:var(--ink-70)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.article-grid>.reveal{height:100%}.article-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--line);background:var(--surface);transition:border-color .3s,transform .35s var(--ease),box-shadow .35s}.article-card-image{overflow:hidden;flex-shrink:0;position:relative;aspect-ratio:5 / 3;background:var(--paper-deep)}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.article-card-category{position:absolute;top:15px;right:15px;background:var(--surface);padding:5px 10px;border:1px solid var(--line);color:var(--ink-70);font-size:11px}.article-card-open{display:grid;place-items:center;position:absolute;bottom:16px;right:16px;width:36px;height:36px;border-radius:50%;color:var(--surface);background:var(--accent);transform:translate(-8px,8px);opacity:0;transition:opacity .3s,transform .3s}.article-card-copy{padding:23px 25px 24px;flex:1;display:flex;flex-direction:column}.article-card-date{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--ink-70);letter-spacing:.08em;margin-bottom:14px}.article-card h3{font-family:var(--font-serif);font-size:clamp(19px,2vw,24px);line-height:1.55;margin:0 0 12px;transition:color .25s}.article-card p{font-size:13px;line-height:1.95;margin:0 0 22px;color:var(--ink-70)}.article-card-read{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--accent)}.article-card-read>span{transition:transform .3s}.article-card:hover,.article-card:focus-visible{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 12px 24px #211d160f}.article-card:hover img,.article-card:focus-visible img{transform:scale(1.035)}.article-card:hover h3,.article-card:focus-visible h3{color:var(--accent)}.article-card:hover .article-card-open,.article-card:focus-visible .article-card-open{transform:translate(0);opacity:1}.article-card:hover .article-card-read>span{transform:translate(6px)}.article-card:active{transform:translateY(-1px)}.home-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-article-grid .article-card-copy{padding:20px}.home-article-grid h3{font-size:20px}.post-illustration{margin:0 0 36px}.post-illustration img{width:100%;height:auto;border:1px solid var(--line)}.post-illustration figcaption{margin-top:10px;color:var(--ink-70);font-size:11px;letter-spacing:.03em;line-height:1.8}.post .post-meta{margin-bottom:30px}.post-eyebrow{flex-wrap:wrap;letter-spacing:.12em}.post-related{margin-top:48px}.post-related .article-card h3{font-size:19px}.post-related .article-card-copy{padding:20px}.rss-details{margin-top:52px;border-top:1px solid var(--line)}.rss-details summary{padding:20px 0;color:var(--ink-70);cursor:pointer;font-size:13px}.rss-details summary span{float:right;color:var(--accent)}.rss-details[open] summary span{transform:rotate(45deg)}.rss-details .rss-strip{margin-top:12px}.back-to-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:24px;width:48px;height:58px;border:1px solid var(--line-strong);background:var(--surface);color:var(--accent);z-index:49;cursor:pointer;opacity:0;transform:translateY(18px);pointer-events:none;transition:transform .3s,opacity .3s,background .25s}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top span:first-child{font-size:20px;line-height:1}.back-to-top span:last-child{font-size:10px}.back-to-top:hover{background:var(--paper-deep);transform:translateY(-4px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:1000px){.home-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-article-grid .article-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.home-article-grid .article-card:last-child .article-card-image{height:100%;aspect-ratio:auto}}@media(max-width:768px){.category-page-head{padding-top:32px;margin-bottom:28px}.category-page-head .category-breadcrumb{margin-bottom:18px}.category-nav:not(.category-nav-compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{padding:17px;gap:9px}.category-tile-name{font-size:18px}.category-tile-description{font-size:11px}.category-nav-compact{gap:7px}.category-nav-compact .category-tile{padding:9px 11px;gap:7px}.category-nav-compact .category-tile-symbol{display:none}.article-grid,.home-article-grid{grid-template-columns:minmax(0,1fr);gap:24px}.home-article-grid .article-card:last-child{display:flex;grid-column:auto}.home-article-grid .article-card:last-child .article-card-image{height:auto;aspect-ratio:5 / 3}.article-card-copy{padding:21px}.article-card h3{font-size:21px}.article-card-category{top:10px;right:10px;padding:3px 8px;font-size:10px}.article-results-heading h2{font-size:21px}.back-to-top{right:12px;bottom:max(16px,env(safe-area-inset-bottom));width:42px;height:50px}.post-illustration{margin-bottom:28px}.post-related{margin-top:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card:hover,.article-card:focus-visible,.category-tile:hover,.category-tile:focus-visible,.back-to-top:hover{transform:none}.article-card:hover img,.article-card:focus-visible img,.category-tile:hover .category-tile-symbol,.article-card:hover .article-card-read>span{transform:none}}