.about-page{--focus:#38d9f5;max-width:1050px;margin:45px auto 30px}.about-label{color:#38d9f5;letter-spacing:.08em;margin:0;font:11px/1.6 monospace}.about-opening{padding:20px 0 70px}.about-opening h1{letter-spacing:-.055em;text-wrap:balance;max-width:800px;margin:25px 0 42px;font:400 clamp(48px,7vw,88px)/1.06 Georgia,Times New Roman,serif}.about-introduction{grid-template-columns:minmax(0,650px) 150px;justify-content:space-between;gap:60px;display:grid}.about-introduction>div p{color:var(--muted);white-space:pre-line;margin:0 0 18px;font-size:clamp(19px,2.3vw,25px);line-height:1.65}.about-introduction>div p:first-child{color:var(--ink)}.about-introduction aside{border-left:1px solid var(--line);align-self:start;padding-left:24px}.about-introduction aside>span{color:#ff9b50;font:italic 42px/1 Georgia,serif}.about-introduction aside p{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.7}.about-chapter{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:45px;padding:36px 0 60px;display:grid}.about-page h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px;font:400 clamp(28px,3.5vw,39px)/1.2 Georgia,Times New Roman,serif}.about-specimen{aspect-ratio:1;color:#b8b4a7;background:#20201e;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.about-specimen>span{z-index:1;letter-spacing:.04em;width:fit-content;max-width:100%;font:10px/1.5 monospace;position:relative}.about-illustration{object-fit:contain}.about-carousel[data-illustration=beyond-code] .about-specimen{aspect-ratio:3/4}.about-carousel[data-illustration=beyond-code] .about-specimen>span{background:#20201ee6;padding:3px 6px}.about-rings{position:absolute;inset:22% 12%}.about-rings i{border:1px solid #97b0bc;border-radius:50%;position:absolute;inset:0;transform:rotate(-30deg)}.about-rings i:nth-child(2){border-color:#bc9b7e;inset:0 25%}.about-rings i:nth-child(3){border-color:#b1baa4;inset:25% 0}.about-carousel{border-top:1px solid var(--line);margin:0 0 70px;padding-top:28px}.about-topic-buttons{flex-wrap:wrap;gap:8px 22px;margin-bottom:35px;display:flex}.about-topic-buttons button{min-height:44px;color:var(--muted);background:0 0;border:0;border-bottom:1px solid #0000;padding:8px 0;font-size:15px;transition:color .18s,border-color .18s}.about-topic-buttons button[aria-pressed=true]{color:var(--ink);border-bottom-color:#b8b4a7}.about-topic-buttons button:hover{color:var(--ink)}.about-topic-content{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:55px;display:grid}.about-topic-text h2{color:var(--ink)}.about-topic-text{overflow-wrap:anywhere;align-self:center;min-width:0}.about-topic-text p{color:var(--muted);white-space:pre-line;margin:0;font-size:17px;line-height:1.8}.about-carousel-controls{color:var(--muted);justify-content:space-between;align-items:center;margin-top:24px;font:13px/1.5 monospace;display:flex}.about-carousel-controls>div{gap:10px;display:flex}.about-carousel-controls button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;font-size:22px}.about-carousel-controls button:hover{color:var(--ink)}@media (max-width:760px){.about-topic-content{grid-template-columns:1fr;gap:28px}.about-carousel .about-specimen{width:100%;max-width:380px}.about-carousel{margin-bottom:45px}}.about-entries>a{border-bottom:1px solid var(--line);justify-content:space-between;gap:25px;padding:20px 0;display:flex}.about-entries>a:first-child{padding-top:0}.about-entries h3{margin:0;font-size:19px;font-weight:400}.about-entries p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.7}.about-entries>a>span{color:#ff9b50}.about-entries>a:hover h3,.about-end a:hover{text-underline-offset:5px;text-decoration:underline}.about-end{border-top:1px solid var(--line);padding:40px 0 0}.about-end a{color:#38d9f5;padding:10px 0;font-size:15px;display:inline-block}.about-end p{color:var(--muted);font-size:12px;line-height:1.7}@media (max-width:760px){.about-page{margin:5px auto 20px}.about-opening{padding-bottom:40px}.about-introduction{grid-template-columns:1fr;gap:20px}.about-introduction aside{align-items:center;gap:20px;display:flex}.about-introduction aside p{max-width:160px;margin:0}.about-chapter{grid-template-columns:1fr;gap:20px;padding:25px 0 40px}}