:root{--paper:#f7f2ea;--ink:#292925;--muted:#77736b;--accent:#b95c31;--line:#dcd3c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{font:inherit;color:inherit}header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:5}.brand{font-size:15px;letter-spacing:.16em;display:flex;align-items:center;gap:19px;white-space:nowrap}.brand:before{content:'';width:30px;height:2px;background:var(--accent)}nav{display:flex;gap:32px;font-size:13px}nav a[aria-current=page]{color:var(--accent)}.home{min-height:100svh;display:flex;flex-direction:column}.hero{position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;flex:1;min-height:540px;padding:0 5%}.intro{z-index:2;padding-bottom:45px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.06;letter-spacing:-.045em;margin:26px 0 28px}h1 span{display:block}.intro p{font-size:17px;line-height:1.7;margin:0}.accent-rule{width:34px;height:2px;background:var(--accent);margin-top:35px}.scene{height:550px;position:relative;isolation:isolate;--progress:0}.technical{position:absolute;inset:0;pointer-events:none}.sheet{position:absolute;width:275px;height:152px;padding:16px 19px;border:1px solid #b7a99344;border-radius:3px;background:linear-gradient(135deg,#fffdf8b0,#f8f3e930);box-shadow:0 8px 25px #5a493506;transform-origin:center;will-change:transform,opacity;color:#4e4b43}.sheet-title{font-size:9px;letter-spacing:.14em;color:var(--accent);margin-bottom:13px}.sheet-content{position:absolute;inset:41px 19px 12px;font-size:12px;line-height:1.8}.sheet-content.simple{opacity:0}.sheet-content pre{font-family:monospace;font-size:11px;line-height:1.65;margin:0}.sheet table{width:100%;border-collapse:collapse;font-size:11px}.sheet td{border-bottom:1px solid #ad9d872e;padding:3px 0}.sheet td:last-child{text-align:right}.sheet strong{font:29px Georgia;display:block;margin:2px 0}.sheet small{font-size:11px}.books{left:0;top:36px;z-index:3}.code{right:-7px;top:149px;z-index:2}.signal{left:12px;top:278px;z-index:4}.schedule{right:-15px;top:382px;z-index:1}.wave{width:100%;height:85px;overflow:visible}.wave path{fill:none;stroke-width:1.5;stroke:var(--accent)}.wave .secondary{stroke:#78746b;opacity:.65}.schedule-lines{display:flex;gap:8px;align-items:center}.schedule-lines span{border:1px solid #a99b8740;padding:3px 6px}.dial-wrap{position:absolute;width:310px;height:230px;left:50%;top:305px;transform:translateX(-40%);opacity:0;z-index:6;will-change:transform,opacity}.dial-shadow{position:absolute;inset:76px 7px 2px;background:#57462e35;border-radius:50%;filter:blur(20px)}.dial-side{position:absolute;inset:32px 0 0;border-radius:50%;background:linear-gradient(110deg,#d8d1c4,#eee8dd 48%,#bdb6aa);box-shadow:inset 2px -2px 4px #8d806544}.dial-face{position:absolute;inset:0 0 40px;border-radius:50%;background:radial-gradient(ellipse at 38% 25%,#fffdf8,#f0eade 72%,#dfd6c6);border:1px solid #a99e8a;box-shadow:inset 0 3px 4px #fff,inset 0 -2px 3px #8d806533}.dial-ring{position:absolute;inset:9px 10px;border-radius:50%;border:1px solid #686052a8}.dial-rotor{position:absolute;width:100%;height:100%;border-radius:50%}.indicator{position:absolute;width:5px;height:24px;left:calc(50% - 2px);top:9px;background:var(--accent);border-radius:1px;box-shadow:0 1px 1px #6b301822}.home-bottom{padding:22px 5% 25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:105px}.latest{max-width:65%;display:flex;gap:23px;align-items:center}.latest:before{content:'';height:30px;width:2px;background:var(--accent)}.latest .eyebrow{display:block;margin-bottom:8px}.latest-title{font-family:Georgia,serif;font-size:18px}.latest-placeholder{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:5px}.footer-note{font-size:10px;color:var(--muted);letter-spacing:.03em;text-align:right;line-height:1.9}.page{max-width:940px;margin:50px auto 100px;padding:0 30px;min-height:60vh}.page h1{font-size:64px;margin:23px 0 30px}.page .lead{font:24px/1.5 Georgia,serif;max-width:710px}.page p{font-size:16px;line-height:1.85;max-width:700px;color:#57554e}.page h2{font-size:31px;margin:45px 0 17px}.page .text-link{display:inline-block;border-bottom:1px solid var(--accent);padding:8px 0;margin-top:14px}.post-card{display:block;border-top:1px solid var(--line);padding:26px 0}.post-card h2{margin:12px 0;font-size:30px}.post-card p{margin:0}.empty{border-top:1px solid var(--line);padding-top:28px;margin-top:42px}.empty h2{margin-top:0}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:25px}.page-footer{margin:0 5%;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--paper);padding:10px}.skip:focus{top:10px}.noscript{font-size:12px;color:var(--muted)}
@media(min-width:1600px){.hero{padding:0 max(5%,calc((100vw - 1450px)/2))}.scene{max-width:740px}}@media(max-width:1000px){header{height:90px}.brand{font-size:12px;letter-spacing:.09em}nav{gap:18px}.hero{grid-template-columns:42% 58%;padding:0 4%;min-height:530px}.sheet{width:230px;font-size:11px}.dial-wrap{width:270px;height:210px}.intro p{font-size:15px}.scene{transform:scale(.92);transform-origin:center right}.page h1{font-size:52px}}@media(max-width:700px){header{padding:24px 6%;height:auto;align-items:flex-start;flex-direction:column;gap:23px}nav{width:100%;justify-content:space-between;gap:15px;font-size:12px}.brand{font-size:13px}.hero{display:block;padding:25px 6% 0}.intro{padding-bottom:0}.intro .eyebrow{font-size:9px}h1{font-size:57px;margin:19px 0 20px}.intro p{font-size:15px}.accent-rule{margin-top:24px}.scene{height:500px;width:100%;max-width:480px;margin:0 auto;transform:none}.sheet{width:220px;height:138px;padding:12px}.sheet-content{inset:35px 12px 10px;font-size:11px}.books{top:30px;left:0}.code{top:125px;right:-5px}.signal{top:238px;left:0}.schedule{top:335px;right:-5px}.dial-wrap{width:240px;height:185px;top:285px;left:45%}.dial-face{bottom:32px}.dial-side{top:26px}.home-bottom{padding:24px 6%;align-items:flex-start;flex-direction:column;gap:26px}.latest{max-width:100%}.footer-note{text-align:left}.page{margin-top:35px;padding:0 6%}.page h1{font-size:48px}.page .lead{font-size:22px}.page-footer{gap:20px}.sheet-content pre{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sheet,.dial-wrap{will-change:auto}}
#latest-slot{max-width:65%}#latest-slot .latest{max-width:100%}@media(max-width:700px){#latest-slot{max-width:100%}}

/* The composition fits the available viewport, in both dimensions. */
.scene{min-width:0;transform:none;overflow:visible}
.scene-stage{position:absolute;width:600px;height:550px;left:50%;top:50%;transform-origin:center}
.scene-stage .sheet{width:275px;height:152px;padding:16px 19px}
.scene-stage .sheet-content{inset:41px 19px 12px;font-size:12px}
.scene-stage .sheet-content pre{font-size:11px}
.scene-stage .books{left:0;top:36px}
.scene-stage .code{right:0;top:149px}
.scene-stage .signal{left:12px;top:278px}
.scene-stage .schedule{right:0;top:382px}
.scene-stage .dial-wrap{width:310px;height:230px;left:50%;top:305px}
.scene-stage .dial-face{bottom:40px}
.scene-stage .dial-side{top:32px}
@media(min-width:901px){
.home{height:100svh;min-height:480px}
.home header{height:clamp(68px,13svh,112px);flex-shrink:0}
.home .hero{min-height:0;grid-template-columns:43% 57%;padding:0 5%;align-items:center}
.home .intro{padding-bottom:0;min-width:0}
.home h1{font-size:clamp(36px,min(5.8vw,10svh),88px);margin:clamp(12px,3svh,26px) 0}
.home .intro p{font-size:clamp(14px,2.4svh,17px)}
.home .accent-rule{margin-top:clamp(14px,4svh,35px)}
.home .scene{height:100%;width:100%;max-width:none;min-height:0;margin:0}
.home .home-bottom{flex-shrink:0;min-height:72px;padding:16px 5% 20px}
}
@media(max-width:900px){
.home header{padding:24px 6%;height:auto;align-items:flex-start;flex-direction:column;gap:22px}
.home nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}
.home .hero{display:block;min-height:0;padding:25px 6% 0}
.home .intro{padding-bottom:0}
.home h1{font-size:clamp(36px,8vw,64px)}
.home .scene{width:100%;height:auto;aspect-ratio:620/580;max-width:620px;margin:8px auto 0}
.home .home-bottom{padding:20px 6%;align-items:flex-start;flex-direction:column;gap:20px}
.home .footer-note{text-align:left}
}