/* Option 9: Armanello Home 2 Classic Heritage CSS */
:root {
  --her-gold: #b98a5f;
  --her-gold-dim: #8b6342;
  --her-bg: #0e0e0e;
  --her-surface: #151515;
  --her-card: #1c1c1c;
  --her-text: #f0f0f0;
  --her-muted: #a8a8a8;
  --her-border: rgba(185, 138, 95, 0.28);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body.armanello-heritage-theme {
  background: var(--her-bg);
  color: var(--her-text);
  font-family: 'Urbanist', sans-serif;
  line-height: 1.7;
}

.container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
a { color: inherit; text-decoration: none; transition: 0.3s; }
h1, h2, h3, h4 { font-family: 'Baskervville', serif; font-weight: 400; line-height: 1.25; }
em { font-style: italic; color: var(--her-gold); }

/* Header with Crest */
.her-header {
  background: var(--her-bg);
  border-bottom: 2px solid var(--her-border);
  padding: 24px 0 16px;
  position: sticky;
  top: 0;
  z-index: 100;
}
.her-crest-header { text-align: center; margin-bottom: 16px; }
.her-crest-seal { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--her-gold); margin-bottom: 4px; }
.her-logo img { height: 38px; filter: brightness(1.25); }
.her-tagline { font-size: 11px; text-transform: uppercase; letter-spacing: 0.15em; color: var(--her-muted); }

.her-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 12px;
}
.her-nav a:not(.her-apply-btn) { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; }
.her-nav a:hover { color: var(--her-gold); }
.her-apply-btn {
  display: inline-block;
  padding: 6px 18px;
  border: 1px solid var(--her-gold);
  color: var(--her-gold);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 20px;
}
.her-apply-btn:hover { background: var(--her-gold); color: #000; }

/* Framed Heritage Hero */
.her-hero { padding: 40px 0 60px; }
.her-frame-outer { border: 2px solid var(--her-border); padding: 12px; border-radius: 8px; }
.her-frame-inner {
  border: 1px solid var(--her-border);
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 24px;
}
.her-hero-txt { max-width: 760px; }
.her-ornament { color: var(--her-gold); font-size: 18px; margin-bottom: 12px; }
.her-sub { font-size: 12px; text-transform: uppercase; letter-spacing: 0.25em; color: var(--her-gold); display: block; margin-bottom: 16px; }
.her-hero-title { font-size: clamp(36px, 5vw, 60px); color: #fff; margin-bottom: 20px; }
.her-hero-p { font-size: 18px; color: var(--her-muted); margin-bottom: 30px; }

.btn-her-gold {
  display: inline-block;
  padding: 12px 30px;
  background: var(--her-gold);
  color: #000;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 4px;
}
.btn-her-gold:hover { background: #fff; }
.btn-her-gold.large { padding: 16px 36px; font-size: 14px; }

/* Shared Sections */
section:not(.her-hero) { padding: 80px 0; }
.her-sub { font-size: 12px; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: var(--her-gold); display: block; margin-bottom: 6px; }
.her-section-head { text-align: center; margin-bottom: 50px; }
.her-section-head h2 { font-size: clamp(32px, 3.8vw, 44px); color: #fff; margin-bottom: 10px; }
.her-section-head p { font-size: 16px; color: var(--her-muted); max-width: 580px; margin: 0 auto; }

/* Prologue Dual Column */
.sec-her-about { background: var(--her-surface); }
.her-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.her-col-box { background: var(--her-card); border: 1px solid var(--her-border); padding: 36px; border-radius: 6px; }
.her-col-box h4 { font-size: 22px; color: #fff; margin-bottom: 14px; }
.her-col-box p { font-size: 15px; color: var(--her-muted); margin-bottom: 12px; }

/* Spaces Grid */
.sec-her-spaces { background: var(--her-bg); }
.her-spaces-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.her-space-card { background: var(--her-card); border: 1px solid var(--her-border); border-radius: 6px; overflow: hidden; }
.h-img { height: 210px; background-size: cover; background-position: center; position: relative; }
.h-seal { position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,0.85); color: var(--her-gold); font-size: 11px; padding: 4px 10px; border: 1px solid var(--her-border); }
.h-body { padding: 22px; }
.h-mood { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--her-gold); display: block; margin-bottom: 4px; }
.h-body h3 { font-size: 22px; color: #fff; margin-bottom: 8px; }
.h-body p { font-size: 14px; color: var(--her-muted); margin-bottom: 14px; min-height: 40px; }
.h-meta { border-top: 1px solid var(--her-border); padding-top: 10px; font-size: 12px; color: var(--her-muted); display: flex; flex-direction: column; gap: 4px; }

/* Philosophy */
.sec-her-phil { background: var(--her-surface); text-align: center; }
.her-phil-box { max-width: 860px; margin: 0 auto; border: 1px solid var(--her-border); padding: 50px 30px; border-radius: 6px; background: var(--her-card); }
.her-phil-box h2 { font-size: clamp(24px, 3vw, 36px); color: #fff; margin: 16px 0; font-style: italic; }
.her-p-verse { font-size: 16px; color: var(--her-muted); margin-bottom: 30px; }
.her-discretion-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border-top: 1px solid var(--her-border); padding-top: 24px; }
.hd-item h4 { font-size: 16px; color: var(--her-gold); margin-bottom: 4px; }
.hd-item p { font-size: 13px; color: var(--her-muted); }

/* Cuisine */
.sec-her-cuisine { background: var(--her-bg); }
.her-cuisine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }
.hc-card { background: var(--her-card); border: 1px solid var(--her-border); padding: 24px; border-radius: 6px; }
.hc-card span { font-family: 'Baskervville', serif; font-size: 22px; color: var(--her-gold); display: block; margin-bottom: 4px; }
.hc-card h4 { font-size: 19px; color: #fff; margin-bottom: 6px; }
.hc-card p { font-size: 13px; color: var(--her-muted); }

/* Membership */
.sec-her-membership { background: var(--her-surface); text-align: center; }
.her-membership-panel { max-width: 760px; margin: 0 auto; border: 2px solid var(--her-gold); padding: 50px 30px; border-radius: 6px; background: var(--her-card); }
.her-gold-badge { display: inline-block; background: var(--her-gold); color: #000; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; padding: 4px 12px; margin-bottom: 16px; }
.her-membership-panel h2 { font-size: 32px; color: #fff; margin-bottom: 12px; }
.her-membership-panel p { font-size: 15px; color: var(--her-muted); margin-bottom: 24px; }

/* Policies */
.sec-her-policies { background: var(--her-bg); }
.her-policies-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; }
.h-pol-item { background: var(--her-card); border: 1px solid var(--her-border); padding: 18px; border-radius: 4px; }
.h-pol-item span { font-family: 'Baskervville', serif; font-size: 18px; color: var(--her-gold); margin-bottom: 2px; display: block; }
.h-pol-item strong { font-size: 16px; color: #fff; display: block; margin-bottom: 4px; }
.h-pol-item p { font-size: 13px; color: var(--her-muted); }

/* Footer */
.her-footer { background: #080808; border-top: 2px solid var(--her-border); padding: 40px 0; text-align: center; font-size: 14px; color: var(--her-muted); }
.her-f-logo { height: 34px; margin-bottom: 10px; }

@media (max-width: 850px) {
  .her-nav { display: none; }
  .her-about-grid, .her-discretion-strip { grid-template-columns: 1fr; }
}

/* Home 2 split-canvas hero: photography on the left, quiet paper on the right. */
.her-hero{padding:0;background:#f7f5ef}.her-hero .container{max-width:none;padding:0}.her-frame-outer{border:0;padding:0;border-radius:0}.her-frame-inner{position:relative;min-height:calc(100vh - 166px);justify-content:flex-end;text-align:left;padding:80px 6vw;background-image:none!important;background:#f7f5ef;border:0;border-radius:0;overflow:hidden}.her-frame-inner::before{content:"";position:absolute;inset:0 46% 0 0;background:linear-gradient(rgba(16,12,9,.12),rgba(16,12,9,.2)),url('/static/images/facade.jpg') center/cover}.her-hero-txt{position:relative;z-index:1;width:40%;max-width:none;color:#1a1815}.her-hero-title{color:#1a1815;font-size:clamp(48px,5.2vw,72px);line-height:1.04}.her-hero-p{color:#6e675d}.her-ornament{color:var(--her-gold-dim)}
@media(max-width:850px){.her-frame-inner{min-height:88svh;padding:380px 24px 70px}.her-frame-inner::before{inset:0 0 54%}.her-hero-txt{width:100%}.her-hero-title{font-size:clamp(42px,12vw,62px)}}

/* Final art direction: a single, compact heritage masthead and one coherent
   photographic/paper canvas in the real Varied bronze palette. */
body.armanello-heritage-theme{
  --her-gold:#b98a5f;
  --her-gold-dim:#8b6342;
  --her-bg:#151210;
  --her-surface:#1c1815;
  --her-card:#241e1a;
  --her-muted:#b8aa9d;
  --her-border:rgba(185,138,95,.3);
}
.her-header{position:sticky;top:0;padding:0;background:#151210;border-bottom:1px solid rgba(185,138,95,.28);box-shadow:0 12px 34px rgba(18,12,8,.18)}
.her-header .container{max-width:1460px;min-height:88px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:48px;padding-inline:38px}
.her-crest-header{margin:0;display:flex;align-items:center;text-align:left}.her-crest-seal,.her-tagline{display:none}.her-logo{display:flex;align-items:center}.her-logo img{height:49px;filter:none}
.her-nav{justify-content:flex-end;gap:clamp(15px,1.75vw,31px);padding:0;border:0}.her-nav a:not(.her-apply-btn){font-size:11px;letter-spacing:.14em;color:#eee4da;white-space:nowrap}.her-nav a:hover{color:#d4aa85}.her-apply-btn{padding:10px 22px;border-color:#b98a5f;color:#e3bd9a;border-radius:2px}
.her-hero{background:#f5efe5}.her-frame-inner{min-height:calc(100svh - 88px);padding:80px 6vw;background:#f5efe5!important;align-items:center;overflow:hidden}
.her-frame-inner::before{inset:0 43% 0 0;background:linear-gradient(110deg,rgba(26,18,13,.06),rgba(26,18,13,.2)),url('/static/images/facade.jpg') center/cover;box-shadow:inset -1px 0 rgba(111,79,42,.24)}
.her-frame-inner::after{content:"";position:absolute;right:3.2vw;top:8%;width:clamp(110px,14vw,220px);height:66%;border:1px solid rgba(139,99,66,.16);border-radius:999px 999px 0 0;pointer-events:none}
.her-hero-txt{width:38%;max-width:610px;color:#1c1713}.her-hero-title{font-size:clamp(52px,4.45vw,76px);line-height:.96;color:#1c1713;margin-bottom:26px}.her-hero-title em{display:block;color:#8b6342}.her-hero-p{color:#675c53;font-size:17px;line-height:1.75}.her-sub,.her-ornament{color:#9b704d}.btn-her-gold{background:#1c1713;color:#f5efe5;border-radius:2px;padding:14px 30px}.btn-her-gold:hover{background:#8b6342;color:#fff}
@media(max-width:1050px){.her-nav{display:none}.her-header .container{min-height:74px;padding-inline:24px}.her-logo img{height:43px}.her-frame-inner{min-height:calc(100svh - 74px);padding:54vh 24px 64px}.her-frame-inner::before{inset:0 0 48%}.her-frame-inner::after{display:none}.her-hero-txt{width:100%;max-width:720px}.her-hero-title{font-size:clamp(48px,12vw,72px)}}