@font-face{font-family:Estedad;src:url('fonts/Estedad-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Estedad;src:url('fonts/Estedad-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#f4f1e9;--ink:#1e3531;--muted:#626c61;--line:#d4d5c8;--accent:#d94c32;--yellow:#edcc6c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Estedad,Tahoma,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:20px;background:var(--ink);color:white;padding:12px;z-index:5}.skip-link:focus{top:12px}.masthead{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:17px;font-weight:800}.masthead-note{font-size:12px;color:var(--muted)}.intro{padding:70px 0 65px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px}.small-star{font-size:29px;color:var(--accent)}h1{font-size:clamp(45px,6.2vw,83px);line-height:1.65;letter-spacing:-2.7px;margin:16px 0 22px;font-weight:800}h1 em{font-style:normal;color:var(--accent)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.intro-bottom p{max-width:560px;line-height:2.2;font-size:15px;margin:0;color:var(--muted)}.index-label{font-family:monospace;font-size:11px;line-height:1.8;color:var(--muted);text-align:left}.section-line{border-top:1px solid var(--ink);padding:24px 0;display:flex;justify-content:space-between;align-items:center}h2{font-size:13px;font-weight:400;margin:0}.section-line>span{font-size:11px;color:var(--muted)}.post-card{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);background:#faf8f1;overflow:hidden}.post-art{min-height:405px;position:relative;background:#e6e8dc;overflow:hidden;display:grid;place-items:center}.art-stamp{position:absolute;left:40px;top:40px;font-size:55px;color:#83927b;font-weight:800;transform:rotate(-9deg)}.art-paper{position:absolute;width:210px;height:200px;padding:23px;box-shadow:0 18px 30px #23372b12;font-size:13px;border:1px solid #a9b29e;background:#f8f6ed}.paper-back{transform:translate(55px,-20px) rotate(12deg);color:var(--muted)}.paper-front{transform:translate(-40px,30px) rotate(-8deg);background:var(--ink);color:#fff5df;border-color:var(--ink)}.art-paper i{display:block;background:currentColor;opacity:.22;height:2px;margin-top:19px}.art-paper i:last-child{width:60%}.art-paper b{display:block;margin:24px 0 18px;font-size:24px;letter-spacing:9px;font-weight:400;color:var(--yellow);white-space:nowrap}.art-loop{position:absolute;bottom:25px;left:55px;font-size:120px;font-family:Georgia,serif;line-height:1;color:var(--accent);transform:rotate(-15deg)}.art-number{position:absolute;top:24px;right:28px;color:#67765f;font-size:12px}.post-content{padding:42px 45px;display:flex;flex-direction:column;align-items:start}.post-meta{display:flex;gap:20px;font-size:11px;color:var(--muted)}.post-meta span:first-child{color:var(--accent)}h3{font-size:30px;line-height:1.8;letter-spacing:-1px;margin:24px 0 14px}h3 a{text-decoration:none}h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.post-content p{font-size:13px;line-height:2.3;margin:0;color:var(--muted)}.post-date{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:22px 0;font-size:11px}.date-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.date-latin{font-size:10px;color:var(--muted);padding-right:10px;border-right:1px solid var(--line);font-family:monospace}.read-post{margin-top:auto;text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0 7px;font-size:12px;display:flex;gap:35px;align-items:center}.read-post span{font-size:22px}.journal-note{display:flex;gap:22px;align-items:start;padding:48px 0 70px}.journal-note>span{font-family:serif;font-size:30px;color:var(--accent)}.journal-note p{font-size:12px;color:var(--muted);line-height:2.2;margin:3px 0}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0;font-size:10px;color:var(--muted)}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{height:85px}.masthead-note{display:none}.intro{padding:40px 0}.intro-bottom{display:block}.index-label{display:none}h1{letter-spacing:-1.6px}.intro-bottom p{font-size:13px}.post-card{grid-template-columns:1fr}.post-art{min-height:310px}.post-content{padding:30px 25px}.post-content h3{font-size:27px}.read-post{margin-top:14px}.footer{gap:20px;line-height:2}.footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.server-index-art{background:#dce3d5}.index-terminal{position:absolute;inset:50px 25px;background:#1e3531;color:#d8e6ce;border-radius:7px;transform:rotate(-3deg);box-shadow:9px 10px 0 #becbb8;overflow:hidden}.index-terminal small{display:block;font:9px/1.8 ui-monospace,monospace;letter-spacing:2px;direction:ltr;padding:14px 18px;border-bottom:1px solid #657568;color:#ebc67e}.index-terminal code{display:block;direction:ltr;text-align:left;padding:22px;font:14px/2.2 ui-monospace,monospace;white-space:nowrap}@media(max-width:600px){.index-terminal{inset:35px 30px}.index-terminal code{font-size:12px;padding:17px}}

.download-post{margin-top:14px;font-size:12px;text-underline-offset:5px;color:var(--accent)}
