:root{--desk:#e6e1d2;--paper:#f9f7f1;--ink:#1b1a17;--mut:#6f6b5f;--line:#c9c4b3;--acc:#b3261e;--sh:rgba(40,30,10,.18);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--desk:#0d0c09;--paper:#1a1915;--ink:#efece0;--mut:#9a9585;--line:#3a3830;--acc:#ff6b5c;--sh:rgba(0,0,0,.6)}}:root[data-theme=dark]{--desk:#0d0c09;--paper:#1a1915;--ink:#efece0;--mut:#9a9585;--line:#3a3830;--acc:#ff6b5c;--sh:rgba(0,0,0,.6)}html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0}body{background:var(--desk);color:var(--ink);font:18px/1.75 Georgia,Times New Roman,serif;overflow-x:hidden;padding:24px 12px 40px}.m{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}#book{max-width:1040px;margin:0 auto;position:relative;perspective:2400px}#sheet{position:relative;background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 0 var(--line),4px 5px 0 -1px var(--paper),4px 5px 0 0 var(--line),8px 10px 0 -1px var(--paper),8px 10px 0 0 var(--line),0 30px 60px var(--sh);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%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}#sheet:before{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(90deg,var(--sh),transparent);opacity:.5;pointer-events:none;z-index:3}#sheet:after{content:"";position:absolute;right:0;bottom:0;width:38px;height:38px;background:linear-gradient(315deg,var(--desk) 50%,transparent 50%);box-shadow:-3px -3px 6px var(--sh);z-index:4;pointer-events:none}.top{display:flex;justify-content:space-between;gap:12px;padding:20px 40px 0;flex-wrap:wrap}.name{text-align:center;padding:18px 20px 10px;border-bottom:1px dashed var(--line)}.name a{color:var(--ink);text-decoration:none;font-size:clamp(28px,7vw,64px);letter-spacing:.06em;font-weight:400;line-height:1.1;display:block}.bar{display:flex;justify-content:space-between;align-items:center;padding:10px 40px;border-bottom:1px solid var(--ink);gap:10px}button{font:inherit;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;background:none;color:var(--ink);border:1px solid var(--ink);padding:8px 14px;cursor:pointer;transition:.25s}button:hover{background:var(--ink);color:var(--paper)}#body{position:relative;padding:34px 40px 30px;min-height:520px}.leaf{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);padding:34px 40px 30px;z-index:5;overflow:hidden;transform-origin:left center;backface-visibility:hidden;animation:fF .95s cubic-bezier(.65,.02,.3,1) forwards;box-shadow:12px 0 30px var(--sh)}.leaf.b{transform-origin:right center;animation-name:fB}.leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 60%);opacity:0;animation:sh .95s forwards}@keyframes fF{to{transform:rotateY(-112deg);opacity:.2}}@keyframes fB{to{transform:rotateY(112deg);opacity:.2}}@keyframes sh{60%{opacity:1}to{opacity:1}}.in>*{opacity:0;transform:translateY(18px);animation:up .7s .45s cubic-bezier(.2,.7,.2,1) forwards}.in>*:nth-child(2){animation-delay:.55s}.in>*:nth-child(3){animation-delay:.65s}.in>*:nth-child(4){animation-delay:.75s}.in>*:nth-child(5){animation-delay:.85s}@keyframes up{to{opacity:1;transform:none}}h2{font-size:clamp(32px,6vw,56px);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;margin:8px 0 22px}h3{font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}h4{font:13.5px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px dashed var(--line);padding-bottom:6px;margin:22px 0 10px}p+p{margin-top:12px}.g{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}@media (max-width:780px){.g{grid-template-columns:1fr;gap:24px}.top,.bar,#body,.leaf{padding-left:18px;padding-right:18px}.leaf{padding-top:34px}}.photo{aspect-ratio:4/5;border:1px solid var(--ink);display:grid;place-items:center;font-size:88px;background:repeating-linear-gradient(45deg,transparent 0 7px,var(--line) 7px 8px);position:relative}.photo span{background:var(--paper);padding:0 18px}.q{border-left:2px solid var(--acc);padding-left:14px;font-style:italic;margin:20px 0}.row{display:flex;gap:10px;padding:5px 0;border-bottom:1px dotted var(--line);font-size:16px}.row b{min-width:125px;font:13px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:400;padding-top:3px}.item{border:1px solid var(--line);padding:18px;transition:.3s;background:transparent}.item:hover{border-color:var(--ink);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.item p{font-size:16.5px;margin-top:8px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.t{border:1px solid var(--line);padding:4px 12px;font:13.5px ui-monospace,monospace;letter-spacing:.04em;transition:.2s}.t:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tl{padding:14px 0 14px 22px;border-left:1px solid var(--ink);position:relative;margin-left:4px}.tl:before{content:"";position:absolute;left:-5px;top:20px;width:9px;height:9px;background:var(--acc);border-radius:50%}.lk{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.big{display:flex;justify-content:space-between;color:var(--ink);text-decoration:none;font-size:clamp(20px,4vw,32px);border-bottom:1px dashed var(--line);padding:12px 0;transition:.3s}.big:hover{padding-left:14px;color:var(--acc)}.cur:after{content:"▌";color:var(--acc);animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}.foot{display:flex;justify-content:space-between;align-items:center;padding:14px 40px 22px;border-top:1px solid var(--ink);gap:10px}#toc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--paper);padding:40px;display:flex;flex-direction:column;justify-content:center;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.7,0,.2,1)}#toc.o{clip-path:inset(0)}#toc a{display:flex;gap:16px;align-items:baseline;font-size:clamp(28px,7vw,58px);text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px dashed var(--line);padding:8px 0;transition:.3s}#toc a:hover{padding-left:14px;color:var(--acc)}#toc .x{position:absolute;top:22px;right:22px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border:1px solid var(--ink);margin:34px 0 0}.stat{padding:16px;border-right:1px dashed var(--line);text-align:center}.stat:last-child{border:0}.stat b{display:block;font-size:44px;font-weight:400}.mq{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:26px 0;padding:8px 0;white-space:nowrap}.mq div{display:inline-block;animation:mq 28s linear infinite}.mq span{margin:0 18px}@keyframes mq{to{transform:translate(-50%)}}.sk{margin-top:14px}.trk{height:7px;border:1px solid var(--ink);margin-top:5px;overflow:hidden}.fill{display:block;height:100%;width:var(--w);background:var(--ink);transform-origin:left;transform:scaleX(0);animation:fl 1.3s .7s cubic-bezier(.2,.7,.2,1) forwards}@keyframes fl{to{transform:none}}.wd{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}.sec{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sec span{background:var(--ink);color:var(--paper);padding:5px 11px;font:12.5px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.sec i{flex:1;height:2px;background:var(--ink)}.cg{display:grid;grid-template-columns:1.4fr 1fr;gap:0;margin-top:26px}.cg>div:first-child{padding-right:34px;border-right:1px solid var(--line)}.cg>div:last-child{padding-left:34px}.chs{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ch{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line);transition:.3s}.ch:last-child{border:0}.ch:hover{background:var(--card)}.ic{width:48px;height:48px;border:1px solid var(--ink);display:grid;place-items:center;flex:none;font:700 16px ui-monospace,monospace}.ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ch .tx{flex:1;min-width:0}.ch h3{margin:0;font-size:16px}.ch .sb{font-size:14.5px;color:var(--mut);overflow-wrap:anywhere}.ph{font:700 19px ui-monospace,monospace}.ob{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;padding:10px 14px;font:700 13px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:.25s;border:1px solid var(--ink)}.ob:hover{background:transparent;color:var(--ink)}.qb{border:2px solid var(--ink);background:var(--card);text-align:center;padding:26px 18px;margin-top:22px}.qb b{display:block;font-size:clamp(22px,3.4vw,32px);text-transform:uppercase;letter-spacing:.01em}.qb i{color:var(--mut);font-size:16.5px}.bx{border:2px solid var(--ink);padding:18px 20px;margin-bottom:22px}.bx.cv{background:var(--card)}.bx .hd{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:8px}.bx .hd h3{margin:0}.chip{background:var(--ink);color:var(--paper);padding:3px 9px;font:700 11.5px ui-monospace,monospace;letter-spacing:.1em}.kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:16px}.kv span:first-child{color:var(--mut);text-transform:uppercase;font-size:14px;letter-spacing:.04em}.kv b{text-align:right}@media (max-width:780px){.cg{grid-template-columns:1fr}.cg>div:first-child{padding-right:0;border:0}.cg>div:last-child{padding-left:0;margin-top:26px}.ch{flex-wrap:wrap}.ob{padding:9px 11px}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:2}.tr,.tr *{transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .6s ease!important}#th{min-width:92px}.photo{overflow:hidden;padding:0;display:block}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s}.photo:hover img{transform:scale(1.04)}[data-theme=dark] .photo img{filter:brightness(.92)}.photo img.c{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(0 at var(--x,50%) var(--y,50%));transition:clip-path .9s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.photo:hover img.c,.photo.on img.c{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.photo{cursor:pointer}@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important;transition:none!important}}
