:root{--bone:#F2EFE8;--charcoal:#20201E;--concrete:#B8B5AD;--clay:#A6533D;--olive:#66684F;--white:#FBFAF7}*{box-sizing:border-box}body{margin:0;background:var(--bone);color:var(--charcoal);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;background:rgba(242,239,232,.96);border-bottom:1px solid var(--concrete);z-index:10}.top{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{font-size:1.25rem;font-weight:900;letter-spacing:.12em}.nav{display:flex;gap:30px;font-weight:800;font-size:.9rem}.nav a:hover,.nav a.active{color:var(--clay)}.hero{min-height:58vh;display:grid;place-items:center;text-align:center;border-bottom:1px solid var(--concrete);background:linear-gradient(135deg,var(--bone),#ddd8ce)}.hero-inner{width:min(760px,90%);display:flex;flex-direction:column;align-items:center;gap:26px}.hero-logo{display:block;width:min(700px,100%);height:auto;object-fit:contain;box-shadow:0 18px 50px rgba(32,32,30,.12)}.button{display:inline-block;background:var(--charcoal);color:var(--bone);padding:15px 22px;font-weight:900;letter-spacing:.08em}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;border-bottom:2px solid var(--charcoal);padding-bottom:12px}.section h2{font-size:2rem;margin:0}.section-head a{font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card .image{aspect-ratio:1/1;background:var(--concrete);display:grid;place-items:center;font-weight:900;letter-spacing:.12em;color:#5e5b55;overflow:hidden}.card .image img{width:100%;height:100%;object-fit:cover}.meta{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-weight:800}.art .image{background:var(--olive);color:var(--bone)}.accent .image{background:var(--clay);color:var(--bone)}footer{background:var(--charcoal);color:var(--bone);padding:42px 0}.footer{display:flex;justify-content:space-between;gap:30px;align-items:end}.footer strong{font-size:1.4rem;letter-spacing:.1em}.page-title{padding:70px 0 25px;border-bottom:1px solid var(--concrete)}.page-title h1{font-size:clamp(3rem,8vw,6rem);margin:0;letter-spacing:-.05em}@media(max-width:800px){.top{flex-direction:column;justify-content:center;padding:16px 0}.nav{gap:18px}.grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:48vh}.footer{flex-direction:column;align-items:flex-start}}@media(max-width:460px){.grid{grid-template-columns:1fr 1fr;gap:12px}.nav{font-size:.78rem}.meta{font-size:.8rem}}

/* Preview construction treatment */
.construction-top{position:relative;z-index:30;background:#20201E;color:#F2EFE8;text-align:center;padding:10px 16px;font-weight:900;letter-spacing:.16em;font-size:.78rem;border-bottom:4px solid #D5AD69}
.card .image{position:relative}
.placeholder-label{position:relative;z-index:1}
.construction-tape{position:absolute;left:-18%;top:50%;width:136%;transform:translateY(-50%) rotate(-12deg);background:#D5AD69;color:#20201E;border-top:2px solid #20201E;border-bottom:2px solid #20201E;padding:9px 6px;text-align:center;font-weight:900;font-size:.72rem;letter-spacing:.12em;box-shadow:0 2px 0 rgba(0,0,0,.15);z-index:2}
@media(max-width:460px){.construction-top{font-size:.64rem;letter-spacing:.1em}.construction-tape{font-size:.6rem;padding:7px 4px}}

.construction-message{background:#20201e;color:#f2efe8;text-align:center;padding:16px 18px;border-bottom:3px solid #a6533d;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.35}.construction-message strong{font-size:16px;letter-spacing:.06em}.construction-message span{display:block}@media(max-width:600px){.construction-message{padding:13px 12px;font-size:12px}.construction-message strong{font-size:14px}}
