:root{--bg:#0d1013;--surface:#191c1f;--gold:#dab064;--gold-muted:#a88752;--white:#efece5;--muted:#959a9d;--line:#353638;font-family:"Avenir Next","PingFang SC","Hiragino Sans GB",sans-serif;color:var(--white);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:74px}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}img{max-width:100%}figure{margin:0}
.header{height:74px;padding:0 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:8;background:#0d1013ed;backdrop-filter:blur(18px)}.brand{font-size:24px;letter-spacing:5px;font-weight:600;white-space:nowrap}.brand b{color:var(--gold);font-weight:700}.brand.small{font-size:18px;letter-spacing:3px}nav{display:flex;gap:32px;margin-left:auto;align-items:center;height:100%}nav a{font-size:13px;letter-spacing:1px;position:relative;padding:24px 0}nav a[aria-current]{color:var(--gold)}nav a[aria-current]:after{content:"";position:absolute;bottom:10px;left:0;right:0;height:2px;background:var(--gold)}nav a:hover{color:var(--gold)}.page-progress{position:absolute;left:0;bottom:-1px;height:1px;width:calc(var(--page-progress,0)*100%);background:var(--gold);transition:width .15s}
.sound-status{display:flex;gap:9px;align-items:center;background:none;border:1px solid #36383a;border-radius:30px;padding:10px 14px;min-height:40px;font-size:11px;color:var(--muted)}.sound-bars{display:flex;gap:3px;height:15px;align-items:center}.sound-bars i{height:4px;width:2px;background:var(--gold);display:block}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:7px}.music-playing .sound-bars i{animation:equalize .9s ease-in-out infinite alternate}.music-playing .sound-bars i:nth-child(2){animation-delay:-.4s}.music-playing .sound-bars i:nth-child(3){animation-delay:-.7s}
main{max-width:1560px;margin:auto}.chapter{scroll-snap-align:start;scroll-margin-top:0;min-height:calc(100svh - 74px);padding:64px 6%;position:relative;border-bottom:1px solid #ffffff16}.chapter-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{display:block;color:#a3a7a3;font-size:10px;letter-spacing:3px}.eyebrow>i{font-style:normal;color:var(--gold);letter-spacing:0;margin-right:10px}.chapter-side-note{font-size:9px;letter-spacing:2px;color:#6c7471}.primary{display:inline-flex;align-items:center;gap:30px;padding:13px 20px;border:1px solid var(--gold);border-radius:5px;background:#dab06406;color:var(--gold);font-size:13px;min-height:46px;transition:transform .2s,background .2s}.primary>span{font-size:19px}.primary:hover{background:#dab06416;transform:translateY(-2px)}.text-link{color:#c3b08c;font-size:12px;display:inline-block;padding:10px 0;border-bottom:1px solid #a68b5644}.secondary{background:transparent;border:1px solid #4d4e46;border-radius:5px;color:#d2cebf;padding:13px 19px;min-height:46px;font-size:13px;display:inline-flex;align-items:center;gap:25px}.secondary:hover{border-color:#b0965d}.secondary[aria-pressed=true]{color:var(--gold);background:#dab06415}
.intro-chapter{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-top:36px;padding-bottom:70px;background:radial-gradient(ellipse at 81% 60%,#8f713024,transparent 42%)}.intro-copy h1{font-size:clamp(44px,5.1vw,78px);line-height:1.17;font-weight:600;letter-spacing:-2px;margin:28px 0}.intro-copy h1>span{color:var(--gold)}.intro-lead{font-size:17px;color:#bfc1b9;line-height:2;letter-spacing:.6px}.intro-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.intro-topics{display:flex;gap:20px;color:#767f79;font-size:10px;margin-top:48px}.intro-topics>span+span:before{content:"/";color:#746348;margin-right:20px}.portrait{display:flex;align-items:center;justify-content:center;gap:26px;min-width:0;position:relative}.portrait:after{content:"";position:absolute;bottom:0;left:5%;width:65%;height:15px;border-radius:50%;background:#0008;filter:blur(13px);z-index:-1}.portrait>img{height:min(65svh,640px);width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(12px 10px 25px #0007)}.portrait figcaption{flex-shrink:0;max-width:120px}.portrait-number{font-size:10px;letter-spacing:3px;color:#75654b}.portrait h2{font-size:31px;letter-spacing:3px;margin:18px 0 8px}.name{font-size:9px;letter-spacing:3px;color:#babbb4;white-space:nowrap}.gold-rule{display:block;width:28px;height:2px;background:var(--gold);margin:22px 0}.portrait figcaption p{font-size:13px;color:#9fa59c;line-height:1.9}.scroll-cue{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;color:#888e84;font-size:10px;letter-spacing:1px}.scroll-cue>span:last-child{color:var(--gold);font-size:20px}
.work-chapter{background:radial-gradient(ellipse at 27% 56%,#79603413,transparent 57%)}.work-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.85fr);gap:5%;align-items:center}.monitor-stage{min-width:0;position:relative}.computer-display{position:relative;width:100%;margin:auto}.computer-display>img{display:block;width:100%;pointer-events:none;filter:drop-shadow(0 20px 20px #0009)}.monitor-plinth{height:9px;background:linear-gradient(#343738,#111);width:92%;margin:-7% auto 0;border-radius:5px;border-bottom:1px solid #8b714344;box-shadow:0 20px 45px #0007}.desktop-status{text-align:center;margin:28px 0 0;font-size:10px;color:#818c81;line-height:1.7;letter-spacing:.3px;min-height:18px}.work-copy h2,.section-copy h2{font-size:clamp(28px,2.9vw,44px);line-height:1.5;font-weight:550;letter-spacing:-.6px;margin:0 0 22px}.work-copy h2>span,.section-copy h2>span{color:#a6aba3}.work-copy p,.section-copy p{font-size:14px;line-height:2;color:#929b91;margin:0 0 25px}.work-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 25px}.interaction-note{display:flex;gap:10px;flex-wrap:wrap;color:#6f796f;font-size:10px;margin-bottom:24px}.interaction-note span+span:before{content:"·";color:#99824e;margin-right:10px}.next-chapter{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#939987;border-top:1px solid #535b4233;margin-top:35px;padding-top:22px;font-size:11px}.next-chapter>span{font-size:20px;color:var(--gold)}
.desktop{position:absolute;left:8.8%;top:12.9%;width:82.4%;height:53.35%;border-radius:2px;overflow:hidden;background:radial-gradient(ellipse at 64% 68%,#73604350,transparent 65%),linear-gradient(140deg,#1b2428,#0e1316);text-align:left;container-type:inline-size;isolation:isolate;color:#e7e5dc}
.desktop-toolbar{height:11%;min-height:21px;position:absolute;left:0;right:0;top:0;padding:0 4%;background:#0a1016a1;display:flex;align-items:center;justify-content:space-between;font-size:clamp(7px,.68vw,11px);letter-spacing:.5px;border-bottom:1px solid #ffffff08;z-index:4}.desktop-toolbar b{color:var(--gold);font-weight:600}.desktop-ready{font-size:6px;color:#8f9b8c;letter-spacing:1.1px}.desktop-ready i{width:4px;height:4px;border-radius:50%;background:#a3b997;display:inline-block;margin-right:5px}.desktop-toolbar button{background:none;border:0;min-width:26px;height:100%;font-size:16px;color:#b3bbaf}
.desktop-wallpaper{position:absolute;inset:0;pointer-events:none;overflow:hidden}.desktop-wallpaper>span{position:absolute;right:4%;bottom:21%;font-size:clamp(30px,6vw,90px);font-weight:600;letter-spacing:-4px;color:#b7a7770b}.desktop-wallpaper i{position:absolute;width:65%;height:80%;right:-20%;top:27%;border:1px solid #b598601c;transform:rotate(-28deg);border-radius:50%}.desktop-wallpaper i:last-child{right:-23%;top:18%;width:69%;height:88%}
.desktop-icons{position:absolute;left:5%;top:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:49%;z-index:1}.desktop-icons>button{background:transparent;border:1px solid transparent;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 3px;color:#d1d7cb;font-size:clamp(8px,.77vw,12px);min-height:62px;transition:background .18s,transform .18s}.desktop-icons>button:hover,.desktop-icons>button:focus-visible{background:#ffffff0b;transform:translateY(-3px);border-color:#d2b37635}.desktop-icons>button[aria-expanded=true]{background:#ccb07712;border-color:#be9e6044}
.folder-icon{display:block;width:42px;height:30px;background:linear-gradient(145deg,#d9b973,#7f663b);border-radius:3px;box-shadow:0 5px 7px #0006;position:relative;border:1px solid #d1b07d55}.folder-icon:before{content:"";position:absolute;top:-5px;left:0;width:18px;height:7px;background:#b59b67;border-radius:3px 3px 0 0}.folder-icon:after{content:"";position:absolute;top:9px;left:0;right:0;height:1px;background:#ecd6a651}.note-folder{background:linear-gradient(145deg,#b7bcb5,#727976);border-color:#bfc1b166}.note-folder:before{background:#9baba0}.skill-folder{background:linear-gradient(145deg,#787b72,#42483f);border-color:#a09d7c88}.skill-folder:before{background:#797e6a}.skill-folder:after{content:"✳";font-size:18px;top:3px;left:11px;width:auto;height:auto;color:#bdb186;background:none}
.desktop-preview{position:absolute;right:5%;top:20%;width:34%;bottom:22%;border:1px solid #b2996644;background:#11181ae8;border-radius:6px;padding:8%;padding:3%;display:flex;flex-direction:column;gap:7px;pointer-events:none}.preview-kicker{font-size:6px;letter-spacing:1.5px;color:#a58e61}.desktop-preview>strong{font-size:clamp(8px,.8vw,13px);font-weight:500;line-height:1.5}.desktop-preview>p{font-size:clamp(6px,.58vw,9px);line-height:1.7;margin:0;color:#8d968b}.desktop-art{min-height:25px;flex:1;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:3px;background:#252c2d}.desktop-art.ai{color:#b99d69;font-size:40px;background:radial-gradient(#8b713133,#151e23)}.desktop-art.content{display:flex;justify-content:center;align-items:flex-end;gap:8px;padding:12px;background:linear-gradient(#454845,#1c2528)}.desktop-art.content i{width:16%;height:40%;background:linear-gradient(#c5bea6,#626a65)}.desktop-art.content i:nth-child(2){height:90%}.desktop-art.content i:nth-child(3){height:65%}.desktop-art.projects i{width:24%;height:47%;position:absolute;top:36%;left:16%;background:linear-gradient(140deg,#8e846b,#283332);border:1px solid #af9d6444;transform:skewY(-22deg)}.desktop-art.projects i:nth-child(2){left:40%;top:15%;height:64%}.desktop-art.projects i:nth-child(3){left:63%;top:40%}
.desktop-window{position:absolute;z-index:3;left:6%;top:15%;width:88%;height:68%;min-width:0;min-height:0;background:#1b2325;border:1px solid #bca26770;border-radius:6px;box-shadow:0 10px 25px #0009;display:flex;flex-direction:column;animation:windowOpen .28s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.desktop-window.maximized{left:2%!important;top:12%!important;width:96%;height:72%;border-radius:3px}.window-titlebar{height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:12px;background:#2b3030;border-bottom:1px solid #45493a;cursor:grab;touch-action:none;user-select:none}.window-titlebar:active{cursor:grabbing}.window-titlebar>strong{font-size:10px;font-weight:500;color:#cbd1c2}.window-drag-hint{font-size:12px;color:#777f71}.window-controls{display:flex;gap:7px}.window-controls>button{padding:0;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;font-size:10px;line-height:1;border:1px solid #8b744c;background:#b89960;color:#312d21}.window-controls>button:nth-child(2){background:#737969;border-color:#89957b;color:#21271e}.window-controls>button:nth-child(3){background:#4d6856;border-color:#82927a;color:#d0d8c7}.window-content{padding:10px 14px;overflow:auto;min-height:0;flex:1;scrollbar-color:#716547 #182023}.window-intro{font-size:8px;color:#959e91;margin:0 0 9px;line-height:1.6}.desktop-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px;background:#232c2c;border:1px solid #44504477;border-radius:4px;color:#e0e5d8;margin:0 0 6px;transition:transform .2s,border-color .2s}.desktop-item:hover{transform:translateX(3px);border-color:#a58d5b}.desktop-item>.item-glyph{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;background:#b6a16a15;color:#c4ad71;font-size:17px;border:1px solid #9e895145;border-radius:4px}.desktop-item>span:nth-child(2){min-width:0;flex:1}.desktop-item strong{display:block;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-item small{display:block;font-size:7px;color:#8e9e8c;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-item>.item-arrow{font-size:12px;color:#ad9663}.desktop-window .window-more{display:block;color:#b9a573;font-size:8px;padding:6px 0 0;width:max-content}.desktop-dock{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#142022bb;border:1px solid #a08b5c44;border-radius:7px;padding:3px;z-index:4;backdrop-filter:blur(10px)}.desktop-dock button{background:none;border:1px solid transparent;border-radius:4px;color:#bdc9b4;padding:5px 7px;white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:8px;transition:background .2s,transform .2s}.desktop-dock button>span{font-size:14px;color:#b8a06a}.desktop-dock button:hover{background:#d0bd7d12;transform:translateY(-2px)}.desktop-dock button.active{border-color:#b3935855;background:#c2a5650f}
.library-chapter{background:radial-gradient(ellipse at 70% 85%,#6e58221a,transparent 50%)}.reading-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.section-copy h2{font-size:32px}.section-copy p{font-size:13px;margin-bottom:16px}.reading-space,.listening-space{min-width:0}.listening-space{padding-left:8%;border-left:1px solid #b39c5630}.book-pair{display:grid;grid-template-columns:1fr 1fr;max-width:380px;margin:0 auto;gap:3px;align-items:end}.book-button{border:0;background:transparent;padding:0;text-align:left;transition:transform .25s;min-width:0}.book-button:hover{transform:translateY(-8px) rotate(-1deg)}.right-book:hover{transform:translateY(-8px) rotate(1deg)}.book-crop{display:block;width:100%;aspect-ratio:1/2;overflow:hidden}.book-crop img{display:block;width:200%;max-width:none;pointer-events:none;filter:drop-shadow(4px 9px 10px #0009)}.right-book .book-crop img{margin-left:-100%}.book-caption{display:flex;align-items:center;justify-content:space-between;margin:0 14% 0;font-size:12px;color:#baa473;min-height:44px;border-bottom:1px solid #b3935844;white-space:nowrap}.book-caption>span{margin-left:8px}
.turntable{position:relative;display:block;width:100%;max-width:440px;background:transparent;border:0;padding:0;margin:36px auto 15px;transition:transform .25s;transform-origin:center 80%}.turntable:hover{transform:translateY(-4px)}.turntable>img{display:block;width:100%;pointer-events:none;filter:drop-shadow(0 15px 17px #0009)}.vinyl-disc{position:absolute;left:15%;top:1%;width:60%;aspect-ratio:1;transform:scaleY(.565);transform-origin:center;pointer-events:none;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 58%,78% 58%,78% 100%,0 100%)}.vinyl-spin{width:100%;height:100%;border-radius:50%;display:block;background:repeating-radial-gradient(circle,#111214 0 1px,#202022 1px 2px,#141517 2px 4px);position:relative;animation:spin 5s linear infinite;animation-play-state:paused;box-shadow:inset 0 0 25px #000,inset 20px 0 12px #6661}.vinyl-spin:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 30deg,#b6b6b61a 75deg,transparent 100deg,transparent 225deg,#eee1 250deg,transparent 310deg)}.vinyl-spin b{position:absolute;left:35%;top:35%;width:30%;height:30%;border-radius:50%;background:radial-gradient(#111 0 3%,#d4ae68 4% 80%,#7d683b);color:#413721;display:grid;place-content:center;line-height:1.35;text-align:center;font-size:7px;letter-spacing:1px;font-weight:500}.music-playing .vinyl-spin{animation-play-state:running}.record-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid #9d89583d;padding-top:18px}.record-caption>button{background:none;border:1px solid #b18e5088;border-radius:5px;color:var(--gold);padding:9px 15px;min-height:44px;font-size:12px}.record-caption>span{font-size:9px;color:#798776}.chapter-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8f805532;margin-top:40px;padding-top:22px;font-size:10px;color:#858e80}.chapter-bottom>a{color:#b79d64}
footer{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:25px 6%;font-size:9px;letter-spacing:2px;color:#747d72}footer>span:nth-child(2){letter-spacing:0;color:#606b61}.has-js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.has-js .reveal.visible{opacity:1;transform:none}.monitor-stage.visible .desktop{animation:screenWake .8s ease both}
#desktop-zoom{width:min(1080px,94vw);height:min(800px,90svh);background:#161e20;overflow:hidden}#desktop-zoom::backdrop{background:#020608cf;backdrop-filter:blur(9px)}.zoom-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #bba06c44;background:#172023}.zoom-bar>span{font-size:12px;letter-spacing:2px;color:#c3ac74}.zoom-bar>button{border:0;background:none;display:flex;align-items:center;gap:20px;color:#aab8a6;min-height:44px;font-size:11px}.zoom-bar>button>span{font-size:24px}#zoom-stage{height:calc(100% - 54px);padding:16px}.desktop.zoomed{position:relative;inset:auto;width:100%;height:100%;border:1px solid #8e805048;border-radius:7px}.desktop.zoomed .desktop-toolbar{font-size:13px;height:40px}.desktop.zoomed .desktop-toolbar button{font-size:23px;min-width:44px}.desktop.zoomed .desktop-ready{font-size:10px}.desktop.zoomed .desktop-icons{left:5%;width:43%;gap:14px}.desktop.zoomed .desktop-icons>button{font-size:13px;min-height:100px;gap:14px}.desktop.zoomed .folder-icon{width:65px;height:47px}.desktop.zoomed .folder-icon:before{width:25px;top:-7px;height:10px}.desktop.zoomed .skill-folder:after{left:21px;top:6px;font-size:25px}.desktop.zoomed .desktop-preview{padding:25px;gap:18px}.desktop.zoomed .preview-kicker{font-size:10px}.desktop.zoomed .desktop-preview>strong{font-size:20px}.desktop.zoomed .desktop-preview>p{font-size:12px}.desktop.zoomed .desktop-window{top:13%;height:70%;left:9%;width:82%;border-radius:8px}.desktop.zoomed .desktop-window.maximized{top:48px!important;height:calc(100% - 118px);width:96%;left:2%!important}.desktop.zoomed .window-titlebar{height:44px;padding:0 18px}.desktop.zoomed .window-titlebar>strong{font-size:14px}.desktop.zoomed .window-controls{gap:12px}.desktop.zoomed .window-controls button{width:20px;height:20px;font-size:15px}.desktop.zoomed .window-content{padding:22px}.desktop.zoomed .window-intro{font-size:12px;margin-bottom:18px}.desktop.zoomed .desktop-item{padding:15px;gap:16px;margin-bottom:12px}.desktop.zoomed .desktop-item>.item-glyph{width:45px;height:45px;font-size:26px}.desktop.zoomed .desktop-item strong{font-size:15px}.desktop.zoomed .desktop-item small{font-size:11px;margin-top:7px}.desktop.zoomed .desktop-item>.item-arrow{font-size:20px}.desktop.zoomed .window-more{font-size:12px;padding-top:12px}.desktop.zoomed .desktop-dock{padding:7px;gap:12px}.desktop.zoomed .desktop-dock button{font-size:12px;padding:9px 12px;gap:9px}.desktop.zoomed .desktop-dock button>span{font-size:22px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes equalize{to{height:15px}}@keyframes windowOpen{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes screenWake{0%{opacity:.2;filter:brightness(.4)}100%{opacity:1;filter:brightness(1)}}@keyframes previewSwap{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes panelIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1050px){.header{padding:0 4%;gap:20px}.brand{font-size:21px;letter-spacing:3px}nav{gap:22px;font-size:12px}.chapter{padding:50px 5%}.intro-chapter{padding-bottom:65px;gap:4%;grid-template-columns:1fr 1fr}.intro-copy h1{font-size:57px}.intro-lead{font-size:14px}.portrait{gap:14px}.portrait>img{height:58svh;max-width:67%}.portrait figcaption{max-width:98px}.portrait h2{font-size:25px}.portrait .name{font-size:8px;letter-spacing:2px}.work-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr);gap:3%}.work-copy h2{font-size:29px}.work-copy p{font-size:12px}.work-actions{gap:10px}.primary,.secondary{padding:10px 15px;font-size:12px;gap:18px}.desktop-icons{gap:3px}.folder-icon{width:33px;height:25px}.folder-icon:before{width:15px}.skill-folder:after{font-size:15px;left:8px}.desktop-preview{gap:4px}.window-titlebar{height:20px;padding:0 8px}.window-content{padding:8px}.desktop-item{padding:5px;gap:6px}.desktop-item>.item-glyph{width:22px;height:22px;font-size:14px}.desktop-item strong{font-size:9px}.desktop-item small{font-size:6px}.desktop-dock{bottom:4%}.desktop-dock button{padding:4px 5px;font-size:7px}.desktop-dock button>span{font-size:12px}.desktop-preview>strong{font-size:9px}.desktop-preview>p{font-size:7px}.reading-layout{gap:7%}.section-copy h2{font-size:28px}.book-pair{max-width:325px}.turntable{margin-top:45px}.record-caption{flex-wrap:wrap;gap:12px}}
@media(max-width:760px){html{scroll-snap-type:none;scroll-padding-top:68px}.header{height:68px;padding:0 5%;gap:12px}.brand{font-size:17px;letter-spacing:2px}nav{gap:14px}nav a{font-size:10px;letter-spacing:0}.sound-status{padding:9px;min-height:34px}.sound-status>span:last-child{display:none}.chapter{min-height:0;padding:42px 6%;scroll-margin-top:0}.intro-chapter{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:74px}.intro-copy h1{font-size:49px;line-height:1.2;letter-spacing:-1px;margin:22px 0}.intro-lead{font-size:14px;line-height:1.9}.intro-links{gap:22px;margin-top:22px}.intro-topics{margin-top:27px;font-size:9px;gap:17px}.intro-topics>span+span:before{margin-right:17px}.portrait{justify-content:flex-end;gap:32px;padding-right:6%}.portrait>img{height:390px;max-width:65%}.portrait figcaption{min-width:95px}.portrait h2{font-size:30px}.scroll-cue{bottom:22px}.chapter-heading{margin-bottom:28px}.chapter-side-note{font-size:7px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:2px}.work-layout{grid-template-columns:1fr;gap:30px}.work-copy{grid-row:1}.work-copy h2{font-size:29px;margin-bottom:15px}.work-copy p{font-size:13px;margin-bottom:20px}.work-actions{margin:20px 0}.interaction-note{margin-bottom:8px}.work-copy>.text-link{font-size:11px}.computer-display{max-width:690px}.desktop-status{font-size:9px;margin-top:23px;letter-spacing:0}.desktop-icons{width:51%;top:21%}.desktop-icons>button{font-size:8px;padding:6px 1px;gap:5px;min-height:48px}.folder-icon{width:29px;height:21px}.folder-icon:before{width:13px;height:5px;top:-4px}.skill-folder:after{font-size:13px;left:7px;top:2px}.desktop-preview{right:4%;width:32%;top:21%;bottom:23%;gap:4px;border-radius:4px;padding:3%}.preview-kicker{font-size:5px;letter-spacing:1px}.desktop-preview>strong{font-size:8px}.desktop-preview>p{font-size:5px;line-height:1.6}.desktop-art{min-height:15px}.desktop-art.ai{font-size:22px}.desktop-toolbar{font-size:6px;min-height:16px}.desktop-toolbar button{font-size:13px;min-width:23px}.desktop-ready{font-size:4px;letter-spacing:.3px}.desktop-window{top:14%;height:70%}.window-titlebar{height:17px;padding:0 5px}.window-titlebar>strong{font-size:7px}.window-controls{gap:5px}.window-controls button{width:9px;height:9px;font-size:8px}.window-content{padding:5px 7px}.window-intro{font-size:6px;margin-bottom:5px}.desktop-item{padding:4px;margin-bottom:4px}.desktop-item>.item-glyph{width:17px;height:17px;font-size:11px}.desktop-item strong{font-size:7px}.desktop-item small{font-size:5px;margin-top:2px}.desktop-item>.item-arrow{font-size:9px}.desktop-window .window-more{font-size:6px;padding-top:2px}.desktop-dock{gap:2px;padding:2px;bottom:4%}.desktop-dock button{font-size:6px;padding:3px 5px;gap:3px}.desktop-dock button>span{font-size:10px}.next-chapter{margin-top:28px;font-size:10px}.reading-layout{grid-template-columns:1fr;gap:55px}.listening-space{padding-left:0;border-left:0;border-top:1px solid #b2996644;padding-top:35px}.section-copy h2{font-size:29px}.section-copy p{font-size:13px}.book-pair{max-width:340px;margin-top:3px}.book-caption{font-size:12px}.turntable{max-width:480px;margin-top:23px}.record-caption{flex-wrap:nowrap}.record-caption>span{font-size:8px}.chapter-bottom{font-size:9px}.chapter-bottom>span{max-width:220px;line-height:1.7}footer{padding:24px 6%;font-size:7px;letter-spacing:1px;flex-wrap:wrap}
#desktop-zoom{width:96vw;height:92svh}.zoom-bar{height:49px;padding:0 15px}.zoom-bar>span{font-size:9px;letter-spacing:1px}.zoom-bar>button{font-size:10px;gap:13px}#zoom-stage{padding:8px;height:calc(100% - 49px)}.desktop.zoomed .desktop-toolbar{font-size:9px;height:35px}.desktop.zoomed .desktop-ready{font-size:7px}.desktop.zoomed .desktop-icons{width:92%;left:4%;top:14%;gap:9px}.desktop.zoomed .desktop-icons>button{font-size:12px;min-height:94px}.desktop.zoomed .folder-icon{width:48px;height:35px}.desktop.zoomed .skill-folder:after{font-size:20px;left:15px;top:3px}.desktop.zoomed .desktop-preview{left:7%;right:auto;top:37%;bottom:18%;width:86%;padding:20px;gap:13px}.desktop.zoomed .desktop-preview>strong{font-size:18px}.desktop.zoomed .desktop-preview>p{font-size:12px}.desktop.zoomed .desktop-window{top:11%;height:74%;left:5%;width:90%}.desktop.zoomed .window-titlebar{height:43px;padding:0 11px}.desktop.zoomed .window-controls{gap:9px}.desktop.zoomed .window-controls button{width:20px;height:20px;font-size:15px}.desktop.zoomed .window-titlebar>strong{font-size:12px}.desktop.zoomed .window-content{padding:15px}.desktop.zoomed .window-intro{font-size:11px}.desktop.zoomed .desktop-item{padding:12px 10px;gap:10px}.desktop.zoomed .desktop-item strong{font-size:12px}.desktop.zoomed .desktop-item small{font-size:9px}.desktop.zoomed .desktop-item>.item-glyph{width:35px;height:35px;font-size:22px}.desktop.zoomed .desktop-dock{padding:6px;gap:5px;bottom:4%}.desktop.zoomed .desktop-dock button{font-size:11px;padding:8px 10px}.desktop.zoomed .desktop-dock button>span{font-size:19px}}
@media(max-width:430px){.header{gap:10px}.brand{font-size:16px;letter-spacing:1.5px}nav{gap:10px}nav a{font-size:9px}.sound-status{padding:8px}.intro-copy h1{font-size:46px}.portrait>img{height:350px}.portrait{gap:24px;padding-right:4%}.intro-topics{gap:14px}.intro-topics>span+span:before{margin-right:14px}.chapter-side-note{max-width:100px;text-align:right;line-height:1.6}.book-pair{max-width:310px}.record-caption{gap:9px}.record-caption>span{max-width:120px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}.has-js .reveal{opacity:1;transform:none}.book-button:hover,.turntable:hover{transform:none}}

.music-player{position:fixed;bottom:65px;right:26px;width:340px;padding:20px;border:1px solid #9b7b444f;border-radius:12px;z-index:10;background:#1b1d20f7;box-shadow:0 15px 60px #000a;backdrop-filter:blur(14px)}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.player-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.player-heading>button{background:none;border:0;width:32px;height:32px;font-size:20px;color:var(--muted)}.track-row{display:flex;align-items:center;gap:12px;margin:12px 0 22px}.track-row>button{width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;background:#dab06412;color:var(--gold);font-size:20px}.track-row>div{flex:1;min-width:0}.track-row strong{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row small{display:block;font-size:9px;margin-top:5px;color:#929794}.track-row>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.volume-label{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}input[type=range]{accent-color:var(--gold);flex:1;min-width:0;height:22px}#audio-error{font-size:11px;color:#d4b16f;margin:10px 0 0}#audio-error:empty{display:none}
dialog{padding:0;border:1px solid #79613d55;width:min(1180px,94vw);height:min(830px,90svh);max-width:none;max-height:none;border-radius:12px;color:var(--white);background:#171a1d;box-shadow:0 20px 100px #000b;overflow:hidden}dialog[open]{animation:panelIn .35s ease both}dialog::backdrop{background:#07090bbf;backdrop-filter:blur(9px)}.panel-shell{height:100%;display:flex;flex-direction:column}.panel-bar{height:65px;flex-shrink:0;border-bottom:1px solid #45443d;display:flex;align-items:center;gap:20px;padding:0 28px;background:#16191c}.panel-bar>#panel-context{margin-left:auto;font-size:9px;letter-spacing:2px;color:#92968e}.panel-bar>button{background:none;border:0;color:#d1cfc6;display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px}.panel-bar kbd{font-size:9px;border:1px solid #45463e;border-radius:4px;padding:3px 5px;color:#8e948f}.panel-bar>button>span{font-size:24px}.panel-content{overflow-y:auto;flex:1;min-height:0;padding:50px 6%;scrollbar-color:#89744f #1d2022}.panel-content h1{font-size:42px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:18px 0}.panel-content h2{font-size:22px;font-weight:550}.lead{font-size:16px;line-height:1.9;color:#b6b8b2;margin:0 0 32px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #3e413f;border-radius:25px;background:transparent;min-height:38px;padding:8px 18px;font-size:12px;color:#a5aaa4}.filters button[aria-pressed=true]{background:#dab0641a;border-color:#b28e4e88;color:var(--gold)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid #383d3e;border-radius:8px;padding:14px;transition:transform .2s,border-color .2s;background:linear-gradient(130deg,#222629,#1a1d20)}.project-card:hover{transform:translateY(-5px);border-color:#987c4e}.project-art{height:170px;border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#24292d;margin-bottom:23px}.project-art.ai{font-size:100px;color:#af9364;background:radial-gradient(ellipse,#5c4b304d,#181d22 72%)}.project-art.content{background:linear-gradient(130deg,#55555755,#1a1e22);gap:14px;align-items:flex-end;padding:35px}.project-art.content i{height:45%;width:28px;max-width:18%;background:linear-gradient(#d0c4a8,#625e58);transform:skewY(-12deg);box-shadow:9px 5px #0d1013}.project-art.content i:nth-child(2){height:100%}.project-art.content i:nth-child(3){height:70%}.project-art.projects i{width:54px;height:72px;position:absolute;left:20%;top:50%;background:linear-gradient(135deg,#605947,#2a3034);border:1px solid #ab956855;transform:skewY(-27deg)}.project-art.projects i:nth-child(2){left:40%;top:20%;height:100px}.project-art.projects i:nth-child(3){left:60%;top:42%}.project-meta{font-size:10px;color:var(--gold);display:flex;gap:10px;justify-content:space-between}.project-meta>span{font-size:9px;color:#909890}.project-card h2{font-size:18px;line-height:1.5;margin:14px 0 10px}.project-card p{font-size:12px;line-height:1.8;color:#9ca39b;min-height:63px}.text-link{font-size:12px;color:var(--gold);display:block;margin:20px 0 8px}.text-link>span{float:right}.content-note{font-size:11px;color:#838981;line-height:1.8;margin-top:30px}.back-link{display:block;font-size:12px;color:#a8a893;margin-bottom:35px;width:max-content}.project-detail{max-width:750px;margin:auto}.project-detail>.project-art{height:260px;margin:35px 0}.project-detail p:not(.lead),.project-detail li{font-size:15px;color:#bcc1b8;line-height:2}.project-detail ol{padding-left:20px}.project-detail>h2{margin-top:35px}
dialog[data-section=library] .panel-content{background:#e8e5dd;color:#282a2a;scrollbar-color:#a89d83 #e8e5dd}dialog[data-section=library] .eyebrow{color:#81765f}dialog[data-section=library] .lead{color:#6d6e65}.book-tabs{display:flex;border-bottom:1px solid #bcb7aa;gap:24px;margin:35px 0 0}.book-tabs button{background:none;border:0;min-height:55px;padding:12px 0;color:#777568;border-bottom:2px solid transparent;font-size:18px}.book-tabs button>span{font-size:8px;letter-spacing:2px;margin-left:12px}.book-tabs button[aria-selected=true]{border-color:#8c6d39;color:#342e21}.library-list>a{display:flex;align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid #c9c5bb;transition:padding .2s}.library-list>a:hover{padding-left:10px}.entry-number{font-size:12px;color:#978774;align-self:flex-start;padding-top:5px}.entry-tag{font-size:10px;color:#8d7955}.library-list h2{font-size:21px;margin:10px 0 9px}.library-list p{font-size:13px;line-height:1.8;color:#727269;margin:0}.entry-arrow{font-size:24px;color:#927b4e;margin-left:auto}.reader{max-width:700px;margin:auto;padding-bottom:15px}.reader .lead{font-size:17px}.reader-rule{height:1px;background:#bdb7a6;margin:35px 0}.reader section{margin:35px 0}.reader h2{font-size:23px;margin:0 0 15px}.reader p:not(.lead){font-size:16px;line-height:2;color:#51564f}.reader .back-link{color:#837658}.reader-end{border-top:1px solid #c4bfae;margin-top:50px;padding-top:22px;color:#95866a;font-size:11px}.skill-steps{counter-reset:step;list-style:none;padding:0;margin:30px 0 40px}.skill-steps li{counter-increment:step;font-size:16px;line-height:1.8;padding:17px 0;display:flex;gap:18px;border-bottom:1px solid #c8c1b2}.skill-steps li:before{content:"0" counter(step);font-size:11px;color:#9a8053;padding-top:5px}.example-box{background:#dcd7cc;border-left:2px solid #987f51;padding:22px;margin-bottom:30px}.example-box p{margin-bottom:0}.reader .primary{color:#715b36;border-color:#9c845b}.about-page{display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:center}.about-page p:not(.lead){font-size:15px;color:#a6afa4;line-height:2;max-width:550px}.about-page>img{width:100%;max-height:590px;object-fit:contain}.about-page .primary{margin-top:30px}
#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,15px);z-index:30;background:#2b2923;border:1px solid #a88f574f;border-radius:25px;padding:11px 23px;color:#e5d3ae;font-size:12px;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}#toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:760px){.music-player{right:4%;bottom:22px;width:92%;max-width:350px;padding:16px}dialog:not(#desktop-zoom){width:96vw;height:94svh;border-radius:9px}.panel-bar{padding:0 15px;height:58px;gap:10px}.brand.small{font-size:14px;letter-spacing:2px}.panel-bar>#panel-context{display:none}.panel-bar>button{margin-left:auto}.panel-bar>#close-panel{margin-left:0}.panel-bar>#close-panel kbd{display:none}.panel-content{padding:28px 6%}.panel-content h1{font-size:30px;margin:17px 0}.lead{font-size:14px}.project-grid{grid-template-columns:1fr}.project-card{padding:18px}.project-art{height:175px}.project-card p{min-height:0;font-size:13px}.filters button{min-height:44px;font-size:11px;padding:9px 15px}.book-tabs{margin-top:23px;gap:28px}.book-tabs button{font-size:17px}.book-tabs button>span{display:none}.library-list>a{gap:14px;padding:24px 0}.library-list h2{font-size:18px;line-height:1.5}.library-list p{font-size:12px}.entry-number{font-size:9px}.entry-arrow{font-size:19px}.reader p:not(.lead){font-size:15px;line-height:2}.reader h2{font-size:21px}.reader .lead{font-size:15px}.about-page{grid-template-columns:1fr;gap:30px}.about-page>img{max-height:350px;max-width:180px;justify-self:center}.skill-steps li{font-size:14px}.back-link{margin-bottom:28px}}
#panel-music{color:var(--gold);font-size:10px;white-space:nowrap}