/* ===== OPTION B redesign (preview). Loaded after style.css only when built with --option-b ===== */
:root{--brass:#c9a36b;--hdr:#1f150e}
/* textured dark header: faint leather grain over deep saddle brown */
.top{position:sticky;top:0;z-index:50;color:#efe4d4;
  background:var(--hdr) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .6 0 0 0 0 .4 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  box-shadow:0 1px 0 rgba(201,163,107,.28)}
.b .util{background:transparent;color:#bba98f;border-bottom:1px solid rgba(201,163,107,.16);transition:max-height .35s,opacity .3s;max-height:70px;overflow:hidden}
.b header{position:static;background:transparent;border:0}
.b .hw{display:flex;align-items:center;justify-content:space-between;gap:14px 30px;flex-wrap:wrap;padding:16px 24px}
.b nav{margin-top:0;gap:26px}
.b nav a{color:#e3d6c4;padding:6px 0;border-bottom:1px solid transparent;letter-spacing:.12em;font-size:12px}
.b nav a:hover{color:#fff}.b nav a.on{color:#fff;border-bottom-color:var(--brass)}
/* wordmark */
.wm{display:inline-flex;align-items:center;gap:14px;color:#f5ebdd}
.wm svg{width:46px;height:46px;color:var(--brass);flex:none}
.wm .wt{display:flex;flex-direction:column}
.wm b{font:600 26px/1 Cinzel,"Trajan Pro",Georgia,serif;letter-spacing:.14em;text-transform:uppercase}
.wm small{font:500 10px/1 Inter,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);margin-top:8px}
.wm.sm svg{width:32px;height:32px}.wm.sm b{font-size:18px}
/* homepage: header floats over the photo, turns solid on scroll */
.top.over{position:fixed;left:0;right:0;background:linear-gradient(to bottom,rgba(15,10,6,.82),rgba(15,10,6,.45) 65%,rgba(15,10,6,0));box-shadow:none;transition:background-color .35s,box-shadow .35s}
.top.over.solid{background:var(--hdr) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .6 0 0 0 0 .4 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:0 1px 0 rgba(201,163,107,.28),0 6px 24px rgba(0,0,0,.25)}
.top.over.solid .util{max-height:0;opacity:0;border-bottom-color:transparent}
.top.over .util{border-bottom-color:rgba(255,255,255,.12)}
/* full-screen hero with slow crossfade and gentle zoom */
.b .hero{height:100vh;min-height:600px;max-height:980px}
.b .slide{transition:opacity 1.6s ease;transform:scale(1.07)}
.b .slide.on{animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1.07)}to{transform:scale(1)}}
.b .slide::after{background:linear-gradient(90deg,rgba(18,11,6,.72) 0%,rgba(18,11,6,.4) 38%,rgba(18,11,6,.05) 68%),linear-gradient(to top,rgba(18,11,6,.45),rgba(18,11,6,0) 35%)}
.b .hcap{justify-content:flex-end;padding-bottom:clamp(70px,12vh,130px)}
.b .hcap .eb{color:var(--brass)}
.b .hcap h1{font-size:clamp(40px,5.2vw,68px);max-width:720px}
.b .dots{bottom:28px}.b .dots i.on{background:var(--brass)}
/* three pillars */
.pillars{max-width:1300px;margin:0 auto;padding:78px 24px 70px}
.pillars .sec-h h2{font-family:Cinzel,Georgia,serif;font-weight:600;letter-spacing:.06em}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pil{position:relative;height:460px;overflow:hidden;border-radius:2px;background:#2a1d14;display:block}
.pil img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.pil:hover img{transform:scale(1.05)}
.pil::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,11,6,.85) 0%,rgba(18,11,6,.2) 55%,rgba(18,11,6,0) 75%)}
.pil span{position:absolute;left:28px;right:28px;bottom:28px;z-index:1;color:#fff;display:flex;flex-direction:column}
.pil small{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);font-weight:600}
.pil b{font:600 34px/1.1 Cinzel,Georgia,serif;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 12px}
.pil i{font-style:normal;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#efe4d4;border-bottom:1px solid var(--brass);align-self:flex-start;padding-bottom:3px}
.pil.soon{background:radial-gradient(ellipse at 30% 25%,#4a3322 0%,#24180f 60%,#170f09 100%)}
.pil.soon::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(60deg,transparent 48%,var(--brass) 49%,var(--brass) 50%,transparent 51%),linear-gradient(-60deg,transparent 48%,var(--brass) 49%,var(--brass) 50%,transparent 51%);background-size:90px 156px}
.pil.soon i{color:var(--brass);border-bottom-color:transparent}
/* footer wordmark */
.b footer{background:var(--hdr)}
.b .fw .wm{color:#f5ebdd}.b .fw .wm svg{color:var(--brass)}
@media(max-width:900px){.pgrid{grid-template-columns:1fr}.pil{height:320px}}
@media(max-width:700px){.b .hw{padding:12px 20px}.wm svg{width:38px;height:38px}.wm b{font-size:20px}.wm small{font-size:9px;letter-spacing:.26em}.b nav{width:100%;gap:18px}.b .hero{min-height:640px}.b .hcap{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.b .slide,.b .slide.on{animation:none;transform:none}.pil img{transition:none}}