:root{--dark:#181a1b;--accent:#d7a84b;--paper:#f7f5f0;--text:#242424;--muted:#737373;--line:#dedbd3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:42px 36px;background:var(--dark);color:#fff;display:flex;flex-direction:column;z-index:10}.logo{color:#fff;text-decoration:none;font:700 25px/1.15 "Playfair Display",serif}.logo span{color:var(--accent)}.author{margin:auto 0}.author img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center 58%;border:4px solid #303335}.author h2{font:700 25px "Playfair Display",serif;margin:18px 0 8px}.author p{color:#a9aaab;font-size:13px;line-height:1.65;max-width:185px}.sidebar small{font-size:10px;color:#707273}header{position:fixed;top:0;right:0;left:270px;height:76px;padding:0 50px;display:flex;align-items:center;justify-content:flex-end;background:rgba(247,245,240,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:9}.mobile-logo{display:none}.menu-button{width:42px;height:42px;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}.menu-button span{display:block;width:25px;height:2px;background:var(--text);transition:.25s}.menu-button span:nth-child(2){width:18px}.menu-button.active span:first-child{transform:translateY(7px) rotate(45deg)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:last-child{transform:translateY(-7px) rotate(-45deg)}.menu{position:fixed;top:76px;right:50px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.08);padding:18px;width:210px;display:flex;flex-direction:column;z-index:20;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.menu.open{opacity:1;visibility:visible;transform:none}.menu a{color:var(--text);text-decoration:none;font-size:14px;padding:12px;border-radius:4px}.menu a:hover{background:#f1eee7;color:#9b7224}main{margin-left:270px;padding-top:76px}.intro{min-height:550px;padding:115px 10vw 90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--line)}.label,.category{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#a17627}.intro h1{font:700 clamp(45px,6vw,76px)/1.1 "Playfair Display",serif;margin:18px 0}.intro-text{font-size:18px;line-height:1.7;color:var(--muted);max-width:620px;margin:0 0 32px}.button{background:var(--dark);color:#fff;text-decoration:none;padding:15px 21px;font-size:13px;font-weight:600;border-radius:3px;transition:.2s}.button:hover{background:#a17627}.posts{padding:90px 10vw}.section-title{display:flex;justify-content:space-between;align-items:end;padding-bottom:25px;border-bottom:2px solid var(--text)}.section-title h2,.about h2{font:700 37px "Playfair Display",serif;margin:0}.section-title span{font-size:11px;color:var(--muted)}.post{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:45px 0;border-bottom:1px solid var(--line)}.post-date{display:flex;flex-direction:column}.post-date strong{font:700 35px "Playfair Display",serif}.post-date span{font-size:9px;color:var(--muted);letter-spacing:1px}.post h3{font:700 26px "Playfair Display",serif;margin:10px 0}.post p{font-size:14px;color:var(--muted);line-height:1.7;max-width:630px}.post a{display:inline-block;margin-top:7px;color:var(--text);font-size:12px;font-weight:600;text-decoration:none}.post a:hover{color:#a17627}.about{background:#ebe7de;padding:90px 10vw}.about h2{margin:15px 0 18px}.about>p:last-child{max-width:650px;color:var(--muted);line-height:1.8}.mobile-logo{font:700 19px "Playfair Display",serif;color:var(--text);text-decoration:none}
@media(max-width:800px){.sidebar{display:none}header{left:0;height:66px;padding:0 20px;justify-content:space-between}.mobile-logo{display:block}.menu{top:66px;right:20px}main{margin-left:0;padding-top:66px}.intro{min-height:500px;padding:80px 24px}.intro h1{font-size:48px}.intro-text{font-size:16px}.posts,.about{padding:65px 24px}.post{grid-template-columns:65px 1fr;gap:20px}.post h3{font-size:23px}}
@media(max-width:480px){.intro h1{font-size:42px}.section-title h2,.about h2{font-size:31px}.post{grid-template-columns:1fr;gap:15px}.post-date{flex-direction:row;align-items:baseline;gap:8px}.post-date strong{font-size:25px}}
.logo>small{display:block;margin-top:9px;color:#8e9091;font:500 10px Inter,sans-serif;letter-spacing:1.2px}.side-email{color:#aaa;font-size:10px;text-decoration:none;margin-bottom:18px}.side-email:hover,.contact-link:hover{color:var(--accent)}.post h3 a{color:inherit;text-decoration:none}.post-thumb{width:150px;height:110px;overflow:hidden;border-radius:3px}.post-thumb img{width:100%;height:100%;object-fit:cover}.post:has(.post-thumb){grid-template-columns:150px 75px 1fr}.contact-link{display:inline-block;margin-top:15px;color:var(--text);font-weight:600}.empty{padding:50px 0;color:var(--muted)}
.single{max-width:850px;margin:0 auto;padding:90px 45px 120px}.back{display:block;color:var(--muted);font-size:11px;text-decoration:none;margin-bottom:60px}.single>h1{font:700 clamp(42px,6vw,72px)/1.08 "Playfair Display",serif;margin:18px 0 42px}.cover,.post-media{display:block;width:100%;max-height:620px;object-fit:cover;margin:30px 0;border-radius:3px}.single-content{font:400 17px/1.95 Inter,sans-serif;overflow-wrap:anywhere}.media-frame{position:relative;padding-top:56.25%;margin:35px 0;background:#000}.media-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.post-audio{width:100%;margin:30px 0}
.admin-body{background:#efede7}.admin-logo{font:700 23px "Playfair Display",serif;color:var(--text);text-decoration:none}.login-box,.editor{width:min(92%,650px);margin:7vh auto;background:#fff;padding:45px;border:1px solid var(--line)}.login-box h1,.editor h1,.admin-main h1{font:700 35px "Playfair Display",serif;margin:28px 0}.login-box label,.editor label{display:block;font-size:12px;font-weight:600;margin:20px 0}.login-box input,.editor input,.editor textarea{display:block;width:100%;margin-top:8px;border:1px solid #ccc;background:#fff;padding:13px;font:14px Inter,sans-serif}.editor textarea{resize:vertical;line-height:1.6}.editor label small{display:block;color:var(--muted);font-weight:400;margin-top:7px}.login-box .button,.editor .button{border:0;cursor:pointer;margin-top:10px}.alert{padding:13px 16px;background:#e3eed8;color:#3f622b;font-size:13px;margin:15px 0}.alert.error{background:#f5dddd;color:#8a3030}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-nav{background:var(--dark);padding:35px 25px;display:flex;flex-direction:column;gap:8px}.admin-nav strong{font:700 21px "Playfair Display",serif;color:#fff;margin-bottom:28px}.admin-nav a{color:#bbb;text-decoration:none;font-size:13px;padding:10px}.admin-nav a:hover{color:var(--accent)}.admin-main{padding:50px;max-width:1100px}.admin-list{background:#fff;border:1px solid var(--line)}.admin-list article{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-list article:last-child{border:0}.admin-list article>div:first-child{display:flex;flex-direction:column;gap:6px}.admin-list small{color:var(--muted);font-size:10px}.admin-list article>div:last-child{display:flex;align-items:center;gap:13px}.admin-list a,.admin-list button{font:600 11px Inter,sans-serif;color:#5d5d5d;background:none;border:0;cursor:pointer;text-decoration:none}.admin-list form{margin:0}.admin-list button{color:#a34545}
@media(max-width:800px){.post:has(.post-thumb){grid-template-columns:90px 1fr}.post:has(.post-thumb) .post-date{display:none}.post-thumb{width:90px;height:90px}.single{padding:70px 24px}.admin-shell{display:block}.admin-nav{position:static;flex-direction:row;flex-wrap:wrap;padding:18px}.admin-nav strong{width:100%;margin:0 0 8px}.admin-main{padding:25px}.admin-list article{align-items:flex-start;flex-direction:column}.login-box,.editor{padding:25px;margin:3vh auto}}
.editor fieldset{border:1px solid var(--line);margin:30px 0;padding:5px 20px 20px}.editor legend{padding:0 10px;font:700 17px "Playfair Display",serif}.content-link{display:inline-block;margin:24px 0;padding:13px 18px;background:var(--dark);color:#fff;text-decoration:none;font-size:13px;font-weight:600;border-radius:3px}.content-link:hover{background:#a17627}
.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:45px}.pagination>div{display:flex;align-items:center;gap:6px}.pagination a{min-width:38px;height:38px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:12px}.pagination a:hover,.pagination a.active{background:var(--dark);border-color:var(--dark);color:#fff}.pagination .page-direction{width:max-content}.pagination>a:last-child{justify-self:end}.pagination>span:last-child{justify-self:end}
@media(max-width:600px){.pagination{grid-template-columns:1fr 1fr}.pagination>div{grid-column:1/-1;grid-row:1;justify-content:center}.pagination .page-direction{grid-row:2}.pagination a{min-width:34px;height:36px}.pagination>span{display:none}}
.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#efede7;border:1px solid #ccc;border-bottom:0}.editor-toolbar button{border:1px solid #d2cec5;background:#fff;padding:8px 11px;font:600 11px Inter,sans-serif;cursor:pointer}.editor-toolbar button:hover{border-color:var(--accent);color:#8b651e}.editor #post-content{margin-top:0;min-height:360px}.hidden-files{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden}.editor-help{color:var(--muted);font-size:11px;line-height:1.5}
.site-footer{padding:38px 10vw;background:#ded9cf;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer>span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#74716c}.visit-counter{display:flex;gap:4px}.visit-counter i{width:27px;height:38px;display:grid;place-items:center;background:#17191a;color:#fff;border-radius:2px;font:600 18px Inter,sans-serif;font-style:normal;box-shadow:inset 0 -2px 0 rgba(255,255,255,.08)}@media(max-width:480px){.site-footer{padding:32px 24px;flex-direction:column;align-items:flex-start}.visit-counter i{width:25px;height:36px}}