:root{--paper:#efefeb;--ink:#292a28;--line:#c6c6bd}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Malgun Gothic,sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #726545}button{background:0 0;border:0}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;padding:0 5vw;display:flex}.brand{letter-spacing:.18em;font-size:24px;font-weight:300}.meta{letter-spacing:.12em;text-transform:uppercase;font-size:10px}.top-actions{letter-spacing:.05em;gap:20px;font-size:11px;display:flex}.home{grid-template-columns:1fr 1fr;align-items:stretch;max-width:1280px;min-height:720px;margin:6vh auto 10vh;padding:0 5vw;display:grid}.machine{background:#121212;width:100%;min-width:0;min-height:690px;position:relative;overflow:hidden}.machine img{object-fit:fill;width:200%;max-width:none;height:128%;position:absolute;top:-14%;left:0}.machine-caption{color:#fff;letter-spacing:.1em;font-size:clamp(12px,1.7vw,23px);font-style:italic;position:absolute;bottom:22px;left:20px}.directory{flex-direction:column;justify-content:center;display:flex}.home-title{letter-spacing:.13em;text-align:center;margin:0;padding:24px 0 27px;font-size:clamp(38px,6vw,82px);font-weight:300}.menu{border-top:1px solid;border-bottom:1px solid;padding:28px 12% 32px}.menu h2{text-align:center;letter-spacing:.04em;margin:0 0 21px;font-size:17px;font-weight:500}.menu h2:not(:first-child){margin-top:32px}.menu a{justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.menu a:after{content:"↗";opacity:0;transition:opacity .2s}.menu a:hover:after{opacity:1}.directory-note{letter-spacing:.13em;text-align:center;color:#77796e;padding:22px 0;font-size:9px;line-height:1.8}footer{border-top:1px solid var(--line);letter-spacing:.07em;color:#777;justify-content:space-between;padding:25px 5vw;font-size:10px;display:flex}.content{max-width:1060px;min-height:74vh;margin:70px auto;padding:0 30px}.eyebrow{letter-spacing:.2em;color:#73756a;font-size:10px}.content h1{letter-spacing:.06em;margin:16px 0 30px;font-size:clamp(32px,5vw,64px);font-weight:300}.section-header{justify-content:space-between;align-items:center;display:flex}.solid{background:var(--ink);color:var(--paper);padding:13px 20px;font-size:12px}.outline{border:1px solid var(--line);padding:10px 16px;font-size:12px}.empty{border-top:1px solid var(--line);text-align:center;color:#777;padding:70px 0;font-size:14px}.post-row{border-top:1px solid var(--line);text-align:left;grid-template-columns:1fr auto;gap:10px;width:100%;padding:24px 0;display:grid}.post-row small{color:#777;margin-top:10px;font-size:11px;display:block}.post-row>span:last-child{align-self:center}.message{white-space:pre-wrap;background:#e4e2d8;padding:16px 20px;font-size:13px;line-height:1.7}.form{max-width:520px}.form label{margin:24px 0 8px;font-size:12px;display:block}.form input,.form textarea,.form select{background:0 0;border:1px solid #aaa99e;border-radius:0;width:100%;padding:13px;display:block}.form textarea{resize:vertical;min-height:180px}.form button{margin-top:24px}.form .switch{margin:20px 0;font-size:12px;text-decoration:underline}.article{white-space:pre-wrap;margin:36px 0;line-height:1.9}.article-meta{color:#777;font-size:12px}.media-stack{gap:18px;display:grid}.media-stack img,.media-stack video{object-fit:contain;background:#dfdfd8;max-width:100%;max-height:700px}.media-stack audio{width:100%}.comments{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.comment{border-bottom:1px solid var(--line);padding:18px 0}.comment p{white-space:pre-wrap;line-height:1.7}.comment small{color:#777}.delete{margin-left:20px;font-size:11px;text-decoration:underline}.member{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.member small{color:#777;margin-top:7px;display:block}.prose{max-width:650px;line-height:2}.back{font-size:12px;text-decoration:underline}.toolbar{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.hint{color:#777;font-size:12px;line-height:1.8}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);max-width:400px;padding:30px}dialog::backdrop{background:#0007}@media (min-width:1500px){.home{padding:0}}@media (max-width:600px){header{height:58px;padding:0 22px}.brand{font-size:18px}.meta{display:none}.top-actions{gap:14px;font-size:10px}.home{grid-template-columns:1fr 1fr;min-height:0;margin:11vh 0 13vh;padding:0}.machine{aspect-ratio:540/1125;min-height:0}.machine img{height:128%;top:-14%}.machine-caption{display:none}.home-title{padding:10px 0 14px;font-size:25px}.menu{padding:12px 14% 14px}.menu h2{letter-spacing:0;white-space:nowrap;margin-bottom:8px;font-size:11px}.menu h2:not(:first-child){margin-top:16px}.menu a{white-space:nowrap;padding:6px 0;font-size:9px}.directory-note{letter-spacing:.08em;padding:12px 8px;font-size:6px}.content{margin:40px auto;padding:0 22px}.content h1{font-size:36px}.section-header{align-items:start;gap:12px}.solid{padding:12px 14px}footer{gap:20px;padding:20px 22px;font-size:8px}.member{flex-direction:column;align-items:start}}:root .home{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.directory{min-width:0}.menu{position:relative}.menu a{min-height:27px}@media (max-width:600px){.menu a{min-height:0}.menu h2{font-size:clamp(8px,2.7vw,12px)}.home-title{font-size:clamp(25px,6vw,38px)}}
