:root{--ink:#302421;--muted:#82736c;--paper:#faf7f2;--accent:#8e3441}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}header{height:105px;margin:0 5%;border-bottom:1px solid #ded5ca;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:var(--accent);font:48px Georgia;letter-spacing:-3px;line-height:.8}.brand span{display:block;font:9px Arial;letter-spacing:5px;margin:12px 0 0 7px}.header-note{font:italic 17px Georgia;color:var(--muted)}.admin{font-size:11px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:0 35px}.intro{display:flex;align-items:center;gap:35px;padding:60px 0 48px}.monogram{width:115px;height:115px;border:1px solid #b98c76;border-radius:50%;display:grid;place-content:center;font:64px Georgia;color:var(--accent);position:relative;background:#efe5db}.monogram span{position:absolute;font-size:20px;right:4px;bottom:8px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent)}h1{font:48px/1.06 Georgia;margin:14px 0}h1 em{font-weight:normal;color:var(--accent)}.sub{font-size:13px;line-height:1.7;color:var(--muted)}.intro-side{margin-left:auto;font:italic 20px/1.5 Georgia;color:var(--muted)}.intro-side span{display:block;font:10px Arial;letter-spacing:1px;margin-top:25px}.toolbar{display:flex;justify-content:space-between;border-top:1px solid #ded5ca;border-bottom:1px solid #ded5ca;padding:15px 0;gap:12px}.filters{display:flex;gap:8px}.filters button{border:0;background:transparent;color:var(--muted);padding:10px 18px;border-radius:25px;cursor:pointer}.filters button.active{background:var(--ink);color:white}.search{display:flex;align-items:center;gap:8px}.search input{border:0;background:transparent;width:180px;padding:8px;color:var(--ink)}.preview-note{font-size:9px;letter-spacing:1px;color:var(--muted);margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{position:relative;display:block;padding:0;border:0;background:#e8ded4;cursor:pointer;aspect-ratio:4/5;overflow:hidden}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.035)}.tile-label{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:35px 18px 18px;background:linear-gradient(transparent,#0008);color:white;font:20px Georgia}.tile-label small{display:block;font:9px Arial;letter-spacing:2px;margin-bottom:8px}.badge{position:absolute;right:12px;top:12px;background:#0007;color:white;padding:8px;border-radius:50%}footer{display:flex;justify-content:space-between;padding:35px 0;font-size:10px;letter-spacing:2px;color:var(--muted)}footer span{font:italic 15px Georgia;letter-spacing:0}dialog{padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:#211c1a;color:white}dialog::backdrop{background:#211c1a}.viewer-bar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:10px;letter-spacing:2px}.viewer-bar button,.arrows button{background:transparent;border:1px solid #ffffff60;color:white;border-radius:20px;padding:8px 14px;cursor:pointer}.feed{height:calc(100dvh - 60px);overflow-y:auto;scroll-snap-type:y proximity}.post{max-width:650px;margin:0 auto 45px;scroll-snap-align:start;padding-bottom:25px}.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#171311;aspect-ratio:4/5}.slides img,.slides video{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:start}.post-info{padding:18px 20px}.post h2{font:27px Georgia;margin:10px 0}.post p{font-size:13px;line-height:1.7;color:#c8bbb2}.post small{color:#d4aaa0;letter-spacing:2px;font-size:10px}.arrows{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c8bbb2}.empty{padding:50px;text-align:center}body:has(dialog[open]){overflow:hidden}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){header{height:86px}.brand{font-size:40px}.header-note{display:none}.admin{font-size:10px}main{padding:0 12px}.intro{gap:18px;padding:35px 8px}.monogram{min-width:72px;width:72px;height:72px;font-size:42px}h1{font-size:34px}.eyebrow{font-size:8px;letter-spacing:2px}.sub{font-size:11px}.intro-side{display:none}.toolbar{flex-wrap:wrap}.filters button{font-size:11px;padding:9px 13px}.search{width:100%}.search input{width:100%}.grid{gap:3px}.tile-label{padding:25px 7px 9px;font-size:12px}.tile-label small{font-size:7px;letter-spacing:1px}.preview-note{font-size:8px;line-height:1.6}.viewer-bar{padding:0 14px;font-size:8px}.post{margin-bottom:20px}.slides{max-height:72dvh}.badge{padding:5px;right:5px;top:5px}}