:root{color-scheme:dark}*{box-sizing:border-box}
html{background:#0b0c0c}body{margin:0;color:#eae6de;background:#0b0c0c;font-family:system-ui,sans-serif}
a{color:inherit}a:hover{color:#fff} .wrap{max-width:1070px;margin:auto;padding:clamp(24px,5vw,65px)}
header{display:flex;gap:28px;justify-content:space-between;align-items:center;padding-bottom:38px}
.brand{font:400 clamp(23px,3vw,34px) Georgia,serif;letter-spacing:.2em;text-decoration:none}
.nav{display:flex;flex-wrap:wrap;gap:13px 22px}.nav a{text-decoration:none;color:#aaa49d;font-size:12px;letter-spacing:.12em}
.nav a.active{color:#fff;border-bottom:1px solid #b6afa4}
.date-menu{position:relative;color:#aaa49d;font-size:12px;letter-spacing:.12em}
.date-menu>summary{list-style:none;cursor:pointer;user-select:none;border-bottom:1px solid transparent}
.date-menu>summary::-webkit-details-marker{display:none}
.date-menu[open]>summary,.date-menu>summary:focus-visible{color:#eeeae4;border-bottom:1px solid #a9a39a}
.date-panel{position:absolute;z-index:20;right:0;top:calc(100% + 15px);width:min(310px,86vw);max-height:340px;overflow:auto;background:#161717;border:1px solid #48433d;padding:15px 18px;box-shadow:0 18px 40px #0009;letter-spacing:normal}
.date-group{margin:0 0 16px}.date-group:last-child{margin-bottom:0}
.date-group b{display:block;font-weight:400;font-size:12px;letter-spacing:.16em;color:#dfd8ce;margin-bottom:8px}
.date-group a{display:flex;align-items:baseline;justify-content:space-between;text-decoration:none;font-size:13px;line-height:2.1;color:#a9a39c}
.date-group a:hover,.date-group a.active{color:#fff}
.date-group small{font-size:11px;color:#827e77}
.date-menu.is-active>summary{color:#fff}

.pretitle{color:#aaa195;font-size:11px;letter-spacing:.23em} h1{font:400 clamp(3.8rem,11vw,7.6rem)/1.1 Georgia,serif;letter-spacing:.055em;margin:24px 0 54px}
.list{border-top:1px solid #34332f}.entry{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:baseline;padding:28px 0;border-bottom:1px solid #34332f;text-decoration:none}
.entry time{font-size:12px;color:#a7a29d}.entry strong{font:400 clamp(25px,5vw,46px) Georgia,serif;letter-spacing:.05em}
.article{padding-bottom:110px}.blocks{display:flex;flex-direction:column;gap:36px}.blocks p{font:400 clamp(17px,2vw,21px)/1.7 Georgia,serif;white-space:pre-wrap;max-width:770px;margin:0}
.blocks h2{font:400 clamp(26px,4vw,40px) Georgia,serif;margin:16px 0 0}
.blocks img{display:block;max-width:100%;max-height:85vh;object-fit:contain;margin:auto}.blocks figure{margin:0;text-align:center}
.blocks figcaption{color:#a7a19b;font-size:13px;margin-top:11px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gallery img{width:100%;height:100%;max-height:570px;object-fit:cover}
.screen{background:#000;border:1px solid #252525;display:flex;align-items:center;justify-content:center}
video{display:block;width:100%;max-height:80vh;object-fit:contain;background:#000}
.download{text-align:right;margin:20px 0}.download a{font-size:12px;letter-spacing:.15em;text-decoration:none;border-bottom:1px solid #67605a;padding-bottom:5px}
hr{height:1px;border:0;background:#333;margin:22px 0}
.back{display:inline-block;margin-top:65px;color:#a9a39c;font-size:12px;letter-spacing:.14em;text-decoration:none}
@media(max-width:650px){.entry{grid-template-columns:1fr;gap:7px}.wrap{padding:24px}.gallery{grid-template-columns:1fr}h1{margin-bottom:35px}}

body{overflow-wrap:anywhere}header{flex-wrap:wrap}h1{font-size:clamp(2.4rem,10vw,7.6rem)}.blocks p{max-width:65ch}.gallery img{object-fit:contain;height:auto}.date-menu a{display:block;padding:10px}button,input{font:inherit;color:#eae6de;background:#222;border:1px solid #aaa;padding:12px;border-radius:3px}button{cursor:pointer;min-height:44px}label{display:block}input{display:block;width:min(100%,30rem);margin:12px 0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #eed6ac;outline-offset:4px}summary{min-height:44px;padding:12px;cursor:pointer}footer{margin-top:60px;color:#aaa49d;font-size:14px}main>p{max-width:65ch;font:18px/1.7 Georgia,serif}.blocks img{height:auto}form{margin:18px 0}button:disabled{opacity:.65}

.entry-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.entry-modes a,.editor-entry-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #5e5750;border-radius:3px;text-decoration:none}
.entry-modes a[aria-current="true"],.editor-entry-action{background:#222;border-color:#b6afa4}