@font-face{font-family:Jost;src:url(/assets/jost-latin-300-normal.woff2) format('woff2');font-weight:300}
@font-face{font-family:Jost;src:url(/assets/jost-latin-400-normal.woff2) format('woff2');font-weight:400}
@font-face{font-family:Jost;src:url(/assets/jost-latin-500-normal.woff2) format('woff2');font-weight:500}
:root{--bg:#ece7db;--ink:#222;--dim:#6b6558;--amber:#c77b3a;--mat:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Jost,'Century Gothic',sans-serif;font-weight:300}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:26px 22px 60px}
nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:.3em;font-weight:400}
.brand img{width:26px;height:26px}
.links{font-size:11.5px;color:var(--dim);letter-spacing:.22em;display:flex;gap:18px}
.links a.on,.links a:hover{color:var(--amber)}
.hero{position:relative;margin-top:24px;border-radius:8px;overflow:hidden;border:6px solid var(--mat);box-shadow:0 3px 14px rgba(0,0,0,.18)}
.hero img{width:100%;display:block}
.secline{display:flex;align-items:center;gap:14px;margin:28px 0 16px}
.secline h1,.secline h2{font-weight:400;letter-spacing:.26em;font-size:14px;margin:0;white-space:nowrap}
.secline .rule{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--amber) 0 26px,transparent 26px 36px)}
.secline img{width:16px;height:16px}
.meta{font-size:12px;color:var(--dim);letter-spacing:.14em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.gcard{position:relative;border-radius:8px;overflow:hidden;border:5px solid var(--mat);box-shadow:0 2px 8px rgba(0,0,0,.14);background:#000;aspect-ratio:3/2}
.gcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.gcard:hover img{transform:scale(1.03)}
.gcard .lab{position:absolute;left:0;right:0;bottom:0;padding:20px 12px 9px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:11.5px;letter-spacing:.14em;color:#fff}
.gcard .lab small{display:block;color:#ccc;font-size:10px;margin-top:2px}
.grid{columns:4 230px;column-gap:14px}
.ph{border-radius:6px;overflow:hidden;border:4px solid var(--mat);box-shadow:0 2px 7px rgba(0,0,0,.13);background:#000;cursor:pointer;break-inside:avoid;margin-bottom:14px}
.ph img,.ph video{width:100%;display:block}
footer{margin-top:54px;text-align:center;color:var(--dim);font-size:11px;letter-spacing:.24em}
footer img{width:14px;height:14px;vertical-align:-2px;margin:0 8px}
.linkcard{display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:var(--mat);box-shadow:0 2px 8px rgba(0,0,0,.12);padding:18px 22px;margin-top:14px}
.linkcard .t{font-size:13px;letter-spacing:.2em;font-weight:400}
.linkcard .d{font-size:12.5px;color:var(--dim);margin-top:3px}
.linkcard .arrow{color:var(--amber);font-size:18px}
.about{max-width:640px;font-size:15px;line-height:1.7;color:#3a362e}
/* lightbox */
#lb{position:fixed;inset:0;background:rgba(15,13,10,.94);display:none;z-index:50;flex-direction:column;align-items:center;justify-content:center}
#lb.open{display:flex}
#lb img{max-width:94vw;max-height:86vh;box-shadow:0 6px 40px rgba(0,0,0,.6)}
#lb .cap{color:#cfc9bd;font-size:12px;letter-spacing:.14em;margin-top:12px}
#lb button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#ece7db;font-size:34px;cursor:pointer;padding:18px;font-family:inherit}
#lb .prev{left:6px}#lb .next{right:6px}
#lb .close{top:14px;right:14px;transform:none;font-size:26px;position:absolute}
@media (max-width:640px){.links{gap:12px;font-size:10.5px}.brand{font-size:14px;letter-spacing:.22em}}