:root {
  --ink: #171511;
  --charcoal: #24211c;
  --cream: #f6f0e4;
  --paper: #fffaf1;
  --gold: #ad8650;
  --gold-light: #d8bd8a;
  --wine: #5a2f35;
  --sage: #69705a;
  --line: rgba(40, 33, 24, 0.14);
  --shadow: 0 24px 70px rgba(35, 28, 18, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Inter", sans-serif;
  line-height: 1.7;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
.container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 105px 0; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(14px);
  background: rgba(255, 250, 241, 0.88);
  border-bottom: 1px solid var(--line);
}
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.brand-mark { width: 38px; height: 38px; border: 1px solid var(--gold); border-radius: 50%; display: grid; place-items: center; color: var(--gold); }
.brand strong { display: block; font-family: "Cormorant Garamond", serif; font-size: 1.35rem; letter-spacing: .02em; }
.brand small { display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; color: #6d665c; }
.main-nav { display: flex; align-items: center; gap: 26px; }
.main-nav a { text-decoration: none; font-size: .92rem; }
.main-nav a:hover { color: var(--wine); }
.nav-cta { border: 1px solid var(--gold); padding: 10px 16px; border-radius: 999px; }
.menu-toggle { display: none; background: none; border: 0; font-size: 1.5rem; }

.hero {
  min-height: 790px;
  position: relative;
  overflow: hidden;
  display: grid;
  align-items: center;
  background:
    radial-gradient(circle at 82% 28%, rgba(173,134,80,.16), transparent 29%),
    linear-gradient(140deg, #fbf7ed 0%, #f2eadc 54%, #ece1cf 100%);
}
.hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 70px; align-items: center; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 15px; font-size: .76rem; text-transform: uppercase; letter-spacing: .18em; font-weight: 600; color: var(--wine); }
h1,h2,h3 { font-family: "Cormorant Garamond", serif; line-height: 1.03; margin-top: 0; }
h1 { font-size: clamp(4.1rem, 8vw, 7.4rem); margin-bottom: 24px; max-width: 820px; font-weight: 600; letter-spacing: -.035em; }
h2 { font-size: clamp(2.8rem, 5vw, 4.8rem); margin-bottom: 22px; font-weight: 600; letter-spacing: -.025em; }
h3 { font-size: 2rem; margin-bottom: 14px; }
.hero-text { max-width: 700px; font-size: 1.12rem; color: #514a40; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin: 34px 0 20px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 999px; text-decoration: none; font-weight: 600; transition: .2s ease; }
.button-primary { background: var(--ink); color: #fff; }
.button-primary:hover { transform: translateY(-2px); background: var(--wine); }
.button-ghost { border: 1px solid rgba(23,21,17,.28); }
.button-ghost:hover { border-color: var(--ink); transform: translateY(-2px); }
.button-secondary { background: var(--wine); color: #fff; margin-top: 18px; }
.hero-note { color: #746d62; font-size: .9rem; }
.hero-symbol { text-align: center; color: #5f5547; }
.hero-symbol > p { margin-top: 26px; font-family: "Cormorant Garamond", serif; font-size: 1.12rem; letter-spacing: .11em; text-transform: uppercase; }
.sun-disc { width: min(430px, 80vw); aspect-ratio: 1; border-radius: 50%; margin: 0 auto; display: grid; place-items: center; position: relative; border: 1px solid rgba(173,134,80,.5); background: rgba(255,255,255,.32); box-shadow: inset 0 0 0 24px rgba(255,255,255,.2), var(--shadow); }
.sun-ring { position:absolute; inset: 58px; border-radius: 50%; border: 1px solid rgba(173,134,80,.48); }
.sun-center { width: 155px; aspect-ratio: 1; border-radius: 50%; display:grid; place-items:center; font-family:"Cormorant Garamond",serif; font-size:2.5rem; color:var(--wine); border:1px solid var(--gold); background:#f7efe0; }
.ray { position:absolute; width:1px; height:55px; background:var(--gold); left:50%; top:-28px; transform-origin:50% 243px; }
.r2{transform:rotate(45deg)} .r3{transform:rotate(90deg)} .r4{transform:rotate(135deg)} .r5{transform:rotate(180deg)} .r6{transform:rotate(225deg)} .r7{transform:rotate(270deg)} .r8{transform:rotate(315deg)}
.hero-orb { position:absolute; border:1px solid rgba(173,134,80,.19); border-radius:50%; }
.hero-orb-one{width:480px;height:480px;left:-230px;top:120px}.hero-orb-two{width:260px;height:260px;right:60px;bottom:-90px}

.split-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; }
.section-heading p:not(.eyebrow), .prose, .today-copy, .journal-card p, .service-card p { color:#615a50; }
.prose p:first-child { margin-top: 0; }
.text-link { display:inline-block; margin-top:16px; text-decoration:none; font-weight:600; color:var(--wine); }
.centered { text-align:center; max-width:760px; margin:0 auto 46px; }
.card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.service-card { padding:34px 28px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.58); min-height:390px; display:flex; flex-direction:column; box-shadow:0 15px 45px rgba(42,34,25,.04); }
.service-card.featured { background:var(--charcoal); color:#fff; transform:translateY(-12px); }
.service-card.featured p { color:#d9d2c7; }
.service-card a { margin-top:auto; text-decoration:none; font-weight:600; color:var(--wine); }
.service-card.featured a { color:var(--gold-light); }
.card-icon { font-size:2rem; color:var(--gold); margin-bottom:42px; }

.today { padding-top: 35px; }
.today-panel { background:var(--cream); border:1px solid var(--line); border-radius:34px; padding:62px; display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; box-shadow:var(--shadow); }
.today-panel h2 { margin-bottom:0; }

.align-center { align-items:center; }
.event-visual { min-height:500px; border-radius:32px; background:linear-gradient(145deg,#6a393f,#2c2420); display:grid; place-items:center; padding:35px; position:relative; overflow:hidden; }
.event-visual:before { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(255,255,255,.16); border-radius:50%; }
.event-frame { position:relative; z-index:2; border:1px solid rgba(255,255,255,.28); width:100%; height:100%; min-height:420px; padding:35px; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; }
.event-frame span { text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; }
.event-frame strong { font-family:"Cormorant Garamond",serif; font-size:2.8rem; line-height:1.05; margin:8px 0; }
.event-frame small { color:#eadfdd; }

.journal { background:#f2eadf; }
.journal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.journal-card { padding:36px; background:#fffaf2; border:1px solid var(--line); border-radius:24px; min-height:310px; }
.journal-card > span { color:var(--wine); text-transform:uppercase; letter-spacing:.15em; font-size:.7rem; font-weight:600; }
.journal-card h3 { margin-top:26px; }
.journal-card a { text-decoration:none; font-weight:600; color:var(--wine); }
.journal-card-featured { background:var(--charcoal); color:#fff; border-color:var(--charcoal); }
.journal-card-featured p { color:#d9d2c7; }
.journal-card-featured > span, .journal-card-featured a { color:var(--gold-light); }
.journal-archive { margin-top:26px; padding:34px 38px; border:1px solid var(--line); border-radius:24px; background:rgba(255,250,242,.64); display:flex; align-items:center; justify-content:space-between; gap:36px; }
.journal-archive h3 { margin:7px 0 6px; }
.journal-archive p { margin:0; max-width:760px; color:#615a50; }
.archive-kicker { color:var(--wine); text-transform:uppercase; letter-spacing:.15em; font-size:.68rem; font-weight:600; }

.book { background:var(--charcoal); color:#fff; }
.book-panel { max-width:920px; text-align:center; }
.book-panel h2 { font-size:clamp(3rem,6vw,5.5rem); }
.book-panel > p:not(.eyebrow) { color:#d6cfc4; font-size:1.05rem; max-width:780px; margin:0 auto; }
.centered-actions { justify-content:center; }
.button-ghost.light { border-color:rgba(255,255,255,.38); color:#fff; }
.disclaimer { display:block; color:#aaa196; max-width:760px; margin:34px auto 0; }

.site-footer { background:#151310; color:#eee7dc; padding:55px 0 28px; }
.footer-grid { display:grid; grid-template-columns:1.2fr 1fr .6fr; gap:50px; }
.footer-grid strong { font-family:"Cormorant Garamond",serif; font-size:1.8rem; }
.footer-grid p { color:#aaa196; margin:4px 0; }
.footer-links { display:flex; flex-direction:column; gap:8px; }
.footer-links a { text-decoration:none; }
.footer-bottom { margin-top:40px; padding-top:22px; border-top:1px solid rgba(255,255,255,.11); display:flex; justify-content:space-between; gap:20px; color:#877f74; font-size:.84rem; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .main-nav { display:none; position:absolute; left:20px; right:20px; top:78px; background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:22px; flex-direction:column; align-items:flex-start; box-shadow:var(--shadow); }
  .main-nav.open { display:flex; }
  .menu-toggle { display:block; }
  .hero { min-height:auto; padding:95px 0; }
  .hero-grid, .split-grid, .today-panel { grid-template-columns:1fr; gap:45px; }
  .hero-symbol { padding-top:20px; }
  .card-grid { grid-template-columns:repeat(2,1fr); }
  .journal-grid { grid-template-columns:1fr; }
  .journal-archive { flex-direction:column; align-items:flex-start; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 640px) {
  .container { width:min(100% - 28px,1160px); }
  .section { padding:78px 0; }
  .brand small { display:none; }
  h1 { font-size:clamp(3.35rem,17vw,5rem); }
  h2 { font-size:clamp(2.6rem,12vw,4rem); }
  .hero { padding-top:70px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .card-grid { grid-template-columns:1fr; }
  .service-card.featured { transform:none; }
  .today-panel { padding:36px 26px; }
  .event-visual { min-height:410px; }
  .event-frame { min-height:340px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
}


/* Authentic photography update */
.hero-photo { text-align:center; color:#5f5547; }
.hero-photo-frame { position:relative; max-width:480px; margin:0 auto; }
.hero-photo-frame img {
  display:block; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center 38%;
  border-radius:220px 220px 30px 30px; border:1px solid rgba(173,134,80,.55);
  box-shadow:var(--shadow);
}
.hero-photo-frame:before {
  content:""; position:absolute; inset:-18px 18px 18px -18px; border:1px solid rgba(173,134,80,.35);
  border-radius:240px 240px 38px 38px; z-index:-1;
}
.hero-photo-badge {
  position:absolute; right:-26px; bottom:32px; background:rgba(31,27,23,.94); color:#fff;
  padding:18px 22px; border-radius:18px; text-align:left; box-shadow:var(--shadow);
}
.hero-photo-badge span { display:block; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-light); }
.hero-photo-badge strong { display:block; font-family:"Cormorant Garamond",serif; font-size:1.35rem; margin-top:3px; }
.hero-photo > p { margin:25px auto 0; max-width:420px; font-family:"Cormorant Garamond",serif; font-size:1.15rem; }

.legacy-strip { padding:10px 0 95px; }
.legacy-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:24px; }
.legacy-main, .legacy-mini { margin:0; border-radius:28px; overflow:hidden; background:#fffaf2; border:1px solid var(--line); box-shadow:0 15px 45px rgba(42,34,25,.05); }
.legacy-main img { width:100%; height:100%; min-height:430px; object-fit:cover; }
.legacy-main { position:relative; }
.legacy-main figcaption {
  position:absolute; left:24px; right:24px; bottom:22px; background:rgba(26,22,18,.84); color:#fff;
  padding:14px 18px; border-radius:14px; font-family:"Cormorant Garamond",serif; font-size:1.25rem;
}
.legacy-mini { display:flex; flex-direction:column; }
.legacy-mini img { width:100%; height:220px; object-fit:cover; }
.legacy-copy { padding:30px; }
.legacy-copy h3 { margin-bottom:10px; }
.legacy-copy p:last-child { color:#615a50; margin-bottom:0; }

.today-altar { width:100%; max-height:230px; object-fit:cover; border-radius:18px; margin:0 0 22px; border:1px solid var(--line); }

.event-visual-photo { min-height:560px; border-radius:32px; position:relative; overflow:hidden; background:#2c2420; box-shadow:var(--shadow); }
.event-main-img { width:100%; height:560px; object-fit:cover; object-position:center; display:block; }
.event-visual-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(18,14,12,.78),transparent 48%); }
.event-inset-img {
  position:absolute; width:42%; right:24px; top:24px; aspect-ratio:4/3; object-fit:cover; border-radius:18px;
  border:4px solid rgba(255,250,241,.92); z-index:2; box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.event-photo-caption { position:absolute; left:30px; right:30px; bottom:28px; color:#fff; z-index:3; }
.event-photo-caption span { display:block; text-transform:uppercase; letter-spacing:.15em; font-size:.7rem; color:var(--gold-light); }
.event-photo-caption strong { display:block; font-family:"Cormorant Garamond",serif; font-size:2.6rem; line-height:1.02; margin-top:6px; }

@media (max-width:980px){
  .legacy-grid{grid-template-columns:1fr}
  .hero-photo-frame{max-width:430px}
}
@media (max-width:640px){
  .hero-photo-badge{right:10px; bottom:18px}
  .legacy-main img{min-height:320px}
  .event-visual-photo,.event-main-img{height:500px;min-height:500px}
  .event-inset-img{width:48%;right:16px;top:16px}
  .event-photo-caption{left:20px;right:20px;bottom:20px}
  .event-photo-caption strong{font-size:2rem}
}