:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252a26;background:#f4f1ea;scroll-behavior:smooth;--paper:#f4f1ea;--ink:#252a26;--muted:#858780;--line:#d7d8cd;--orange:#e46b40}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.site{max-width:1460px;margin:auto;padding:0 64px}header{height:106px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-1.1px;font-weight:650}.brand svg{width:28px;height:28px;color:var(--orange)}.brand-dot{color:var(--orange)}.header-note{font-size:11px;color:#8d8e84;letter-spacing:.2px;padding-left:31px;border-left:1px solid var(--line)}.login{margin-left:auto;font-size:12px;font-weight:500;display:flex;gap:27px;align-items:center}.login>span{font-size:19px;color:#5b665c}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:655px;gap:24px}.chapter{font-size:9px;letter-spacing:1.5px;color:#7d827a;font-weight:500;display:flex;gap:17px;align-items:center}.chapter>span{font-family:monospace;font-size:10px;color:#b3b5ab;letter-spacing:0}h1{font-size:clamp(45px,4.5vw,68px);line-height:1.1;letter-spacing:-3.2px;font-weight:550;margin:28px 0 24px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-2.7px;color:#727e67}p{font-size:13px;line-height:1.95;color:#87897f;margin:0}.intro-text p{max-width:430px}.open{display:inline-flex;align-items:center;gap:43px;background:var(--ink);color:#f7f5ee;padding:18px 23px;border-radius:4px;font-size:12px;margin-top:32px;transition:background .2s,transform .2s}.open>span{font-size:19px;color:#e19b76}.open:hover{background:#454e40;transform:translateY(-2px)}.access-note{font-size:9px;color:#96998f;display:flex;align-items:center;gap:7px;margin-top:17px}.access-note svg{width:12px;height:12px;fill:none;stroke:#999e91;stroke-width:1}.illustration{height:410px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e6e7ddaa,transparent 65%)}.illustration-label{position:absolute;top:25px;right:0;font-family:monospace;font-size:7px;letter-spacing:1.1px;color:#b2b5a8}.rack{width:252px;height:225px;position:relative;transform:rotate(-7deg);margin-top:-18px;z-index:2}.rack-front{position:absolute;top:47px;left:0;width:245px;border-radius:3px 3px 5px 5px;border:1px solid #adb4a3;background:linear-gradient(110deg,#d5d9cb,#c2c9b6);padding:10px;box-shadow:inset 2px 0 #e9ecdf}.rack-top{position:absolute;top:2px;left:22px;width:245px;height:46px;background:linear-gradient(160deg,#ebede3,#cdd3c3);border:1px solid #b6bea9;transform:skewX(-44deg);border-radius:3px 4px 0 0}.rack-side{position:absolute;left:245px;top:25px;width:45px;height:175px;background:linear-gradient(90deg,#a9b29d,#919e86);transform:skewY(-45deg);border:1px solid #8f9b84;border-radius:0 3px 5px 0}.rack-unit{height:48px;border:1px solid #9fab91;border-radius:3px;background:linear-gradient(170deg,#d8ddcc,#bec6b0);margin:0 0 6px;position:relative;box-shadow:inset 0 1px #eff1e6,0 1px 1px #95a08744}.rack-unit:last-child{margin-bottom:0}.unit-mark{font-family:monospace;font-size:5px;letter-spacing:1px;position:absolute;left:11px;top:9px;color:#7e8c70}.rack-unit b{position:absolute;left:11px;bottom:8px;font-size:7px;letter-spacing:.4px;font-weight:500;color:#526346}.rack-unit i{position:absolute;right:13px;top:20px;width:5px;height:5px;background:#eaa96d;border-radius:50%;box-shadow:0 0 0 2px #b6bea9}.vents{position:absolute;right:32px;top:14px;width:58px;height:20px;background:repeating-linear-gradient(90deg,#8a967b55 0,#8a967b55 1px,transparent 1px,transparent 5px)}.rack-shadow{position:absolute;left:-4px;top:239px;height:18px;width:280px;background:#8b957a;filter:blur(21px);opacity:.22;transform:rotate(5deg)}.sketch-line{position:absolute;height:110px;width:290px;border-bottom:1px solid #c7cdb9;border-left:1px solid #c7cdb9;left:34px;bottom:31px;transform:skewY(-18deg);opacity:.4}.illustration-caption{position:absolute;bottom:19px;right:1px;display:flex;align-items:center;gap:35px;font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1.5;color:#8c967e}.caption-arrow{font-size:29px;color:var(--orange);font-family:system-ui;font-style:normal}.running-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:10px;color:#7f8777}.running-line>span:not(:first-child){border-left:1px solid var(--line);padding-left:27px}.running-line .running-end{color:#acada2;font-size:9px}.inside{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:83px 0 78px}.inside h2{font-size:36px;letter-spacing:-1.4px;font-weight:500;line-height:1.2;margin:23px 0}.inside-heading p{font-size:12px}.topics article{display:flex;gap:23px;align-items:flex-start;border-top:1px solid var(--line);padding:27px 0}.topics article:last-child{border-bottom:1px solid var(--line)}.topic-num{font-family:monospace;font-size:9px;color:#a4a99a;margin-top:5px}.topic-symbol{font-size:22px;color:#a1a995;margin-left:auto;padding-left:13px}.topics h3{font-size:19px;letter-spacing:-.4px;font-weight:500;margin:0 0 11px}.topics p{font-size:12px;max-width:330px;line-height:1.8}.closing{display:flex;gap:26px;align-items:center;background:#e9e8de;border:1px solid #dfded2;padding:32px;margin-bottom:57px;border-radius:3px}.closing-mark{display:grid;place-items:center;width:51px;height:51px;background:#e9cfb7;border-radius:50%;flex-shrink:0}.closing-mark svg{width:24px;height:24px;color:#b6754f}.closing h2{font-size:24px;font-weight:500;letter-spacing:-.9px;margin:0 0 8px}.closing p{font-size:11px}.closing a{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px;border-bottom:1px solid #9d9f8b;padding:11px 0;white-space:nowrap}.closing a>span{font-size:19px;color:#8d967a}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);height:85px;color:#9c9d94;font-size:9px}.footer-brand{color:#6c7464;font-weight:600;font-size:15px;letter-spacing:-.6px}footer>a:last-child{color:#798570}@media(min-width:1500px){.intro{min-height:690px}}@media(max-width:1050px){.site{padding:0 35px}.intro{min-height:570px;gap:5px}.illustration{transform:scale(.85);transform-origin:center}.inside{gap:36px}h1{font-size:52px}.running-line{font-size:9px;gap:10px}.running-line>span:not(:first-child){padding-left:15px}.running-end{display:none}}@media(max-width:700px){.site{padding:0 23px}header{height:82px;gap:15px}.brand{font-size:21px}.brand svg{height:23px;width:23px}.header-note{display:none}.login{font-size:10px;gap:11px}.login>span{font-size:17px}.intro{grid-template-columns:1fr;gap:0;padding-top:43px;min-height:auto}.chapter{font-size:8px;letter-spacing:1px;gap:13px}h1{font-size:46px;letter-spacing:-2.3px;margin-top:24px}h1 em{letter-spacing:-1.9px}.intro-text p{font-size:12px;line-height:1.9;max-width:350px}.open{margin-top:26px;padding:15px 18px;gap:38px;font-size:11px}.access-note{font-size:8px}.illustration{height:330px;transform:scale(.85);margin-top:18px;margin-bottom:4px}.illustration-label{top:0}.illustration-caption{bottom:0;right:-8px;font-size:16px;gap:21px}.sketch-line{left:4px;bottom:15px}.running-line{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;gap:16px;font-size:8px}.running-line>span:not(:first-child){border:0;padding:0}.running-line>span:nth-child(2){text-align:right}.inside{grid-template-columns:1fr;gap:27px;padding:46px 0}.inside h2{font-size:30px;margin:20px 0 16px}.inside-heading p{font-size:11px}.topics article{padding:24px 0;gap:18px}.topics h3{font-size:18px}.topics p{font-size:11px}.topic-symbol{padding-left:0}.closing{padding:24px;gap:15px;flex-wrap:wrap;margin-bottom:32px}.closing-mark{width:35px;height:35px}.closing-mark svg{width:18px;height:18px}.closing>div{flex:1}.closing h2{font-size:20px;line-height:1.3}.closing p{font-size:10px}.closing a{margin-left:50px;width:calc(100% - 50px);justify-content:space-between}footer{height:auto;padding:23px 0;flex-wrap:wrap;gap:16px;font-size:8px}footer>span{order:3;width:100%}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.open:hover{transform:none}}