/* High-contrast editorial magazine */
:root{ --bg:#F6F3EE; --text:#1B1B1B; --muted:#6B7280; --accent:#8B5E3C; --surface:#fff; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}
.container{width:min(1100px,90%);margin:0 auto}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #E9E5DE}
.site-header .container{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.5rem;letter-spacing:.5px}
.site-nav a{margin:0 10px;color:#333}
.hero{padding:44px 0}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,6.6vw,70px);line-height:1.02;letter-spacing:.5px;margin:.2em 0}
.hero p{max-width:680px;color:var(--muted)}
.btn{border:0;padding:10px 14px;border-radius:8px;font-weight:700}
.btn.primary{background:#111;color:#fff}
.btn.ghost{background:transparent;border:2px solid #111;color:#111}
.section{padding:42px 0}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.big{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.08)}
.big img{width:100%;height:100%;object-fit:cover;filter:grayscale(85%);transition:.35s}
.big:hover img{filter:none;transform:scale(1.02)}
.big .cap{position:absolute;bottom:12px;left:12px;background:#fff;padding:10px 12px;border-radius:8px;font-weight:800}
.stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.stack .card{overflow:hidden;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.08)}
.stack .card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:.35s}
.stack .card:hover img{filter:none;transform:scale(1.03)}
.masonry{columns:3;column-gap:18px}
.masonry .tile{break-inside:avoid;background:#fff;border-radius:8px;margin:0 0 18px;box-shadow:0 12px 28px rgba(0,0,0,.06);overflow:hidden}
.masonry .tile img{width:100%;display:block;filter:grayscale(100%)}
.masonry .tile .p{padding:12px}
.small{font-size:.92rem;color:var(--muted)}
.site-footer{margin-top:42px;background:#fff;border-top:1px solid #E9E5DE}
.site-footer .container{padding:22px 0}
@media(max-width:900px){ .grid{grid-template-columns:1fr} .masonry{columns:1} }