/* Direction C — pilgrimage-first */
.light{color:#fff !important}
.eyebrow.light{color:rgba(255,255,255,.8) !important}
.hdr{position:sticky;top:0;z-index:100;background:rgba(247,245,239,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{text-decoration:none;color:var(--navy);display:flex;align-items:center;gap:12px;line-height:1}
.brand-mark{width:36px;height:36px}
.brand>span{display:flex;flex-direction:column}
.wordmark{font-family:var(--serif);font-size:1.5rem;font-weight:500}
.brand-sub{font-size:.64rem;letter-spacing:.06em;color:var(--ink-2);margin-top:4px}
.nav{display:flex;gap:1.5rem;align-items:center}
.nav a{color:var(--navy);text-decoration:none;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.nav a.on{color:var(--sage-d)}
.nav-cta{background:var(--indigo);color:#fff !important;padding:.6rem 1.1rem;border-radius:var(--r)}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger i{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}
@media(max-width:1100px){
  .nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:1.2rem 24px 1.6rem;gap:1rem;box-shadow:0 12px 24px rgba(0,0,0,.1)}
  body.nav-open .nav{display:flex}
  .burger{display:block}
  .brand-sub{display:none}
}

.hero{position:relative;min-height:88vh;display:flex;align-items:center;padding:4rem 0}
.hero-art{position:absolute;inset:0;background-size:cover;background-position:22% 50%}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,239,0) 45%,rgba(247,245,239,.3) 100%)}
.hero-in{position:relative;display:flex;justify-content:flex-end;width:100%}
.hero-card{background:rgba(251,250,246,.94);backdrop-filter:blur(4px);max-width:600px;padding:2.6rem 2.6rem 2.2rem;border-radius:var(--r);box-shadow:0 20px 50px rgba(36,56,70,.15);border-top:3px solid var(--indigo)}
.hero-card h1{font-size:clamp(2.2rem,4vw,3.3rem)}
.hero-note{font-size:.85rem;color:var(--ink-2);margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}
@media(max-width:700px){.hero{min-height:0;padding:2rem 0}.hero-card{padding:1.6rem}}

.glance-sec{background:var(--paper);border-bottom:1px solid var(--line)}
.glance-tile{border-top:3px solid var(--sage-l)}

.intro-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
.intro-img{margin:0}
.intro-img img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--r)}
.intro-img figcaption{font-size:.8rem;color:var(--ink-3);margin-top:.5rem}
@media(max-width:900px){.intro-in{grid-template-columns:minmax(0,1fr);gap:28px}.intro-img img{aspect-ratio:16/10}}

.alt{background:var(--bg2)}
.region{margin-bottom:2.6rem}
.region-t{font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--sans);font-weight:700;color:var(--slate);border-bottom:1px solid var(--line);padding-bottom:.5rem;margin-bottom:1.2rem}
.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:18px}
.other-wrap{margin-top:3rem}
.other-wrap h3{margin-bottom:1rem}

.photo-band{position:relative;padding:0;min-height:420px;display:flex;align-items:flex-end;overflow:hidden}
.photo-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,56,70,0) 30%,rgba(36,56,70,.8) 100%)}
.photo-band-txt{position:relative;color:#fff;padding-bottom:3rem;padding-top:8rem;max-width:var(--wrap)}
.photo-band-txt h3{color:#fff}
.photo-band-txt p{max-width:64ch;margin:0}

.how-mini{margin-top:4rem}
.how-mini h3{margin-bottom:1.6rem}

.contact{background:var(--paper)}
.contact-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}
.contact-form{background:var(--bg);border:1px solid var(--line);padding:2rem;border-radius:var(--r)}
.reg-box{margin-top:1.6rem;background:var(--bg2);border-left:3px solid var(--indigo);padding:1rem 1.2rem;font-size:.9rem;line-height:1.6}
@media(max-width:900px){.contact-in{grid-template-columns:minmax(0,1fr)}}

/* about page */
.phero{background-size:cover;background-position:center;position:relative;padding:8rem 0 6rem}
.phero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,56,70,.5),rgba(36,56,70,.65))}
.phero-in{position:relative}
.phero h1{max-width:18ch}
.phero .lead{max-width:60ch}
.svc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.svc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:200px minmax(0,1fr)}
.svc img{width:100%;height:100%;object-fit:cover}
.svc h3{padding:1.2rem 1.4rem 0;font-size:1.35rem}
.svc ul,.svc p{padding:0 1.4rem 1.2rem;font-size:.92rem;margin:0}
.svc p{color:var(--ink-2)}
@media(max-width:900px){.svc-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.svc{grid-template-columns:minmax(0,1fr)}.svc img{aspect-ratio:16/9}}
