:root{
 --paper:#f2ead8; --ink:#151515; --blue:#1089b5; --orange:#f1642c;
 --card:#fffaf0; --muted:#625d55; --yellow:#ffd54c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{max-width:100%;display:block} a{color:inherit}
.wrap{width:min(1220px,92vw);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(242,234,216,.96);border-bottom:3px solid #151515;backdrop-filter:blur(8px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 0}
.logo{width:min(360px,48vw);height:auto}
nav{display:flex;flex-wrap:wrap;gap:18px;font-weight:900}
nav a{text-decoration:none} nav a:hover{text-decoration:underline}
.hero{position:relative;min-height:610px;display:flex;align-items:center;border-bottom:3px solid #151515;background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.30) 55%,rgba(0,0,0,.05))}
.hero-copy{position:relative;z-index:2;width:min(680px,88vw);color:white;padding:65px 0}
.kicker{text-transform:uppercase;font-size:.8rem;letter-spacing:.14em;font-weight:900}
h1,h2,h3{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;line-height:1;letter-spacing:.02em}
h1{font-size:clamp(3.5rem,9vw,7rem);margin:.1em 0}
h2{font-size:clamp(2.25rem,5vw,4rem);margin:.1em 0 .35em}
h3{font-size:1.65rem;margin:.1em 0 .45em}
.lead{font-size:clamp(1.1rem,2vw,1.35rem)}
.btn{display:inline-block;margin:8px 8px 0 0;padding:12px 18px;border:3px solid #151515;background:var(--orange);font-weight:900;text-transform:uppercase;text-decoration:none;box-shadow:5px 5px 0 #151515}
.btn.alt{background:var(--card)}
.section{padding:60px 0;border-bottom:3px solid #151515}
.intro{max-width:850px;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.card{background:var(--card);border:3px solid #151515;box-shadow:7px 7px 0 #151515;overflow:hidden;position:relative}
.card img{width:100%;height:315px;object-fit:cover;border-bottom:3px solid #151515}
.card-copy{padding:20px 22px 25px}
.card-copy p{color:var(--muted)}
.status{position:absolute;top:14px;right:14px;background:var(--yellow);border:2px solid #151515;padding:6px 10px;font-weight:900;text-transform:uppercase;box-shadow:3px 3px 0 #151515;z-index:3}
.status.now{background:#bff35a}
.category-hero{border-bottom:3px solid #151515;background:#111}
.category-hero img{width:100%;max-height:680px;object-fit:cover}
.category-body{max-width:880px}
.note{border:3px solid #151515;background:var(--card);padding:22px;box-shadow:6px 6px 0 #151515}
footer{padding:32px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px}
.small{font-size:.88rem;color:var(--muted)}
@media(max-width:820px){.grid{grid-template-columns:1fr}.header-inner{align-items:flex-start}.hero{min-height:520px}.card img{height:250px}.footer-grid{grid-template-columns:1fr}}

/* October photo showcase */
.hero .btn{color:var(--ink)}
.card:has(.status) .card-copy{padding-top:65px}
.card:has(img) .card-copy{padding-top:20px}
.card img{object-fit:contain;background:#191b1c;height:360px}
.category-hero img{object-fit:contain;height:620px}
.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.work-photo{margin:0;background:var(--card);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);overflow:hidden}
.work-photo img{width:100%;height:360px;object-fit:contain;background:#191b1c}
.work-photo figcaption{padding:15px;font-weight:bold}
.about-photo{width:100%;margin:30px 0;border:3px solid var(--ink)}
.gallery-title{font-size:clamp(3rem,7vw,5.5rem)}
@media(max-width:820px){.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{flex-direction:column;gap:8px}.logo{width:240px}nav{gap:12px;font-size:.9rem}.category-hero img{height:440px}}
@media(max-width:540px){.work-gallery{grid-template-columns:1fr}.work-photo img{height:400px}.card img{height:340px}.category-hero img{height:400px}}