:root {
  --ink: #160f12;
  --paper: #fff8ef;
  --muted: #887567;
  --gold: #d6a23d;
  --rose: #8f233d;
  --wine: #35101b;
  --charcoal: #0b0a0a;
  --glass: rgba(255, 248, 239, .1);
  --line: rgba(255,255,255,.16);
  --shadow: 0 24px 80px rgba(16, 10, 10, .18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--paper);
  background:
    radial-gradient(circle at 15% 10%, rgba(214,162,61,.18), transparent 28rem),
    radial-gradient(circle at 85% 20%, rgba(143,35,61,.24), transparent 30rem),
    linear-gradient(135deg, #080707 0%, #1b0d12 48%, #2a160d 100%);
  font-family: 'Manrope', sans-serif;
  min-height: 100vh;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--gold); }
img { max-width: 100%; display: block; }

.glass-nav {
  background: rgba(10, 8, 8, .44);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(20px);
  transition: background .25s ease, padding .25s ease;
}
.glass-nav.scrolled { background: rgba(10, 8, 8, .86); }
.brand-mark {
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  letter-spacing: -.04em;
  font-size: 1.35rem;
}
.brand-mark span { color: var(--gold); }
.nav-link { color: rgba(255,248,239,.8) !important; font-weight: 700; }
.nav-pill { border: 1px solid var(--gold); border-radius: 999px; padding-inline: 1.1rem !important; }

.hero-cinema { min-height: 100vh; position: relative; display: grid; align-items: center; overflow: hidden; }
.hero-slideshow, .hero-frame, .hero-overlay { position: absolute; inset: 0; }
.hero-frame { background-size: cover; background-position: center; opacity: 0; animation: cinematicFade 18s infinite; transform: scale(1.05); }
.hero-frame:nth-child(2) { animation-delay: 6s; }
.hero-frame:nth-child(3) { animation-delay: 12s; }
.hero-frame:nth-child(4) { animation-delay: 15s; }
.hero-fallback.one { background: linear-gradient(120deg, #241016, #704225 48%, #11090b); }
.hero-fallback.two { background: radial-gradient(circle at 30% 20%, #d6a23d, transparent 20rem), linear-gradient(120deg, #15100e, #502238); }
.hero-fallback.three { background: linear-gradient(140deg, #100b0b, #301421 45%, #7b4a24); }
.hero-overlay { background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.32), rgba(0,0,0,.62)); }
.hero-content { position: relative; z-index: 2; padding-top: 7rem; max-width: 920px; }
.hero-content h1, .page-hero h1, .section-heading h2, .cta-band h2, .warm-panel h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  letter-spacing: -.045em;
}
.hero-content h1 { font-size: clamp(3.2rem, 8vw, 7.8rem); line-height: .9; max-width: 980px; }
.hero-copy { font-size: clamp(1.05rem, 2vw, 1.35rem); color: rgba(255,248,239,.78); max-width: 660px; margin: 1.6rem 0 2.1rem; }
.eyebrow { text-transform: uppercase; letter-spacing: .22em; color: var(--gold); font-size: .78rem; font-weight: 800; }

.btn { border-radius: 999px; padding: .85rem 1.35rem; font-weight: 800; min-height: 44px; }
.btn-gold { background: linear-gradient(135deg, #f3cc74, #b97920); color: #160f12; border: 0; box-shadow: 0 18px 50px rgba(214,162,61,.25); }
.btn-glass, .btn-dark-luxe { border: 1px solid var(--line); background: rgba(255,255,255,.08); color: var(--paper); backdrop-filter: blur(16px); }
.btn-dark-luxe { background: #130d0d; }

.section-pad { padding: clamp(4rem, 8vw, 7rem) 0; position: relative; }
.atmosphere { padding-top: 2rem; }
.stats-strip { background: rgba(255,255,255,.08); border: 1px solid var(--line); border-radius: 2rem; padding: 1.2rem; backdrop-filter: blur(22px); box-shadow: var(--shadow); }
.stats-strip strong { display: block; font-size: clamp(2rem, 4vw, 3.4rem); font-family: 'Playfair Display', serif; color: var(--gold); }
.stats-strip span { color: rgba(255,248,239,.7); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 2rem; }
.section-heading h2 { max-width: 720px; font-size: clamp(2.2rem, 5vw, 4.2rem); }
.section-heading a { color: var(--gold); font-weight: 800; }

.masonry-grid { columns: 1; column-gap: 1rem; }
.photo-card { break-inside: avoid; position: relative; min-height: 280px; margin-bottom: 1rem; border-radius: 1.8rem; overflow: hidden; background: linear-gradient(135deg, rgba(214,162,61,.2), rgba(143,35,61,.25)); cursor: pointer; box-shadow: var(--shadow); }
.photo-card:nth-child(3n) { min-height: 430px; }
.photo-card img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: transform .6s ease, filter .6s ease; }
.photo-card:hover img { transform: scale(1.06); filter: saturate(1.08); }
.photo-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.82)); }
.photo-card::before { content: 'MauliPhotography'; position: absolute; right: 1rem; top: 1rem; z-index: 2; color: rgba(255,255,255,.42); font-weight: 900; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.photo-card > div { position: absolute; left: 1.2rem; right: 1.2rem; bottom: 1.1rem; z-index: 2; }
.photo-card span, .story-card span, .blog-card span, .video-card span { color: var(--gold); text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 900; }
.photo-card h3 { font-family: 'Playfair Display', serif; font-size: 1.65rem; margin: .25rem 0; }
.photo-card p { color: rgba(255,248,239,.76); margin: 0; }
.placeholder-photo { display: flex; align-items: end; }

.warm-panel { background: linear-gradient(135deg, rgba(255,248,239,.94), rgba(229,193,126,.82)); color: var(--ink); }
.warm-panel .eyebrow { color: var(--rose); }
.warm-panel p { color: #5f4c40; }
.service-stack { display: grid; gap: 1rem; }
.service-stack div { display: flex; gap: 1rem; align-items: center; background: rgba(255,255,255,.55); border: 1px solid rgba(53,16,27,.12); border-radius: 1.3rem; padding: 1.2rem; }
.service-stack strong { color: var(--rose); font-family: 'Playfair Display', serif; font-size: 2rem; }
.service-stack span { font-weight: 900; }

.story-card, .blog-card, .video-card, .quote-card, .booking-aside, .luxe-form, .recent-panel, .admin-card {
  display: block; height: 100%; padding: 1.4rem; border-radius: 1.6rem; background: rgba(255,255,255,.075); border: 1px solid var(--line); backdrop-filter: blur(18px); box-shadow: var(--shadow);
}
.story-card h3, .blog-card h2, .video-card h2 { font-family: 'Playfair Display', serif; font-size: 1.7rem; margin: .5rem 0; }
.story-card p, .blog-card p, .video-card p, .quote-card p, .booking-aside p { color: rgba(255,248,239,.72); }
.blog-card img, .video-card img { width: 100%; height: 220px; object-fit: cover; border-radius: 1.1rem; margin-bottom: 1rem; }
.quote-card footer { font-weight: 900; }
.quote-card footer span { display: block; color: var(--gold); font-size: .9rem; }
.cta-band { padding: 6rem 0; text-align: center; background: radial-gradient(circle at 50% 0%, rgba(214,162,61,.34), transparent 25rem), #100a0b; }
.cta-band h2 { font-size: clamp(2.5rem, 6vw, 5.4rem); max-width: 900px; margin: 0 auto 2rem; }

.page-hero.compact { padding: 10rem 0 4rem; background: radial-gradient(circle at 15% 0, rgba(214,162,61,.26), transparent 22rem), linear-gradient(135deg, #110b0d, #2b111a); }
.page-hero h1 { font-size: clamp(2.5rem, 6vw, 5rem); max-width: 900px; }
.filter-bar { display: grid; grid-template-columns: 1fr; gap: .8rem; margin-bottom: 2rem; }
.form-control, .form-select { border-radius: 1rem; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: var(--paper); min-height: 48px; }
.form-control:focus, .form-select:focus { border-color: var(--gold); box-shadow: 0 0 0 .2rem rgba(214,162,61,.16); background: rgba(255,255,255,.12); color: var(--paper); }
.form-select option { color: var(--ink); }
.form-label { font-weight: 800; color: rgba(255,248,239,.84); }
.form-hint { display: block; margin-top: .45rem; color: rgba(255,248,239,.58); font-weight: 700; }
.narrow-copy { max-width: 860px; }
.blog-cover { border-radius: 2rem; margin-bottom: 2rem; box-shadow: var(--shadow); }
.rich-content { color: rgba(255,248,239,.86); font-size: 1.08rem; line-height: 1.8; }
.share-row { display: flex; gap: 1rem; padding-top: 2rem; color: var(--gold); font-weight: 900; }
.empty-state { padding: 2rem; border: 1px dashed var(--line); border-radius: 1.4rem; color: rgba(255,248,239,.74); }
.pagination-luxe { display: flex; gap: .5rem; margin-top: 2rem; }
.pagination-luxe a { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); }
.pagination-luxe a.active { background: var(--gold); color: var(--ink); }

.lightbox { position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,.9); display: none; place-items: center; padding: 2rem; }
.lightbox.open { display: grid; }
.lightbox img { max-height: 78vh; border-radius: 1.2rem; box-shadow: var(--shadow); }
.lightbox div { max-width: 720px; text-align: center; margin-top: 1rem; }
.lightbox-close { position: absolute; top: 1rem; right: 1rem; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--line); background: rgba(255,255,255,.08); color: white; font-size: 1.4rem; }

.footer-luxe { padding: 3rem 0; border-top: 1px solid var(--line); background: rgba(0,0,0,.28); }
.footer-luxe p { color: rgba(255,248,239,.66); max-width: 560px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; }
.whatsapp-float { position: fixed; right: 1rem; bottom: 1rem; z-index: 1200; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: #24d366; color: #062a14; box-shadow: 0 16px 42px rgba(36,211,102,.32); transition: transform .2s ease, box-shadow .2s ease; }
.whatsapp-float svg { width: 30px; height: 30px; fill: currentColor; }
.whatsapp-float:hover { color: #062a14; transform: translateY(-3px) scale(1.04); box-shadow: 0 20px 54px rgba(36,211,102,.42); }

.admin-shell { background: #090808; }
.admin-shell-nav { display: flex; gap: .7rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.admin-shell-nav a { border: 1px solid var(--line); border-radius: 999px; padding: .65rem 1rem; background: rgba(255,255,255,.06); font-weight: 800; }
.admin-card-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.admin-metrics > div > div { background: rgba(255,255,255,.08); border: 1px solid var(--line); border-radius: 1.4rem; padding: 1.2rem; }
.admin-metrics strong { display: block; color: var(--gold); font-size: 2.3rem; font-family: 'Playfair Display', serif; }
.table { --bs-table-bg: transparent; --bs-table-border-color: rgba(255,255,255,.12); }
.admin-thumb { width: 90px; height: 64px; object-fit: cover; border-radius: .8rem; }
.admin-preview { max-width: 260px; border-radius: 1rem; margin-top: 1rem; }
.drop-zone.dragging { outline: 2px dashed var(--gold); outline-offset: .5rem; }

.reveal-up { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal-up.in-view { opacity: 1; transform: none; }

@keyframes cinematicFade {
  0%, 100% { opacity: 0; transform: scale(1.08); }
  8%, 32% { opacity: 1; transform: scale(1); }
  42% { opacity: 0; transform: scale(1.04); }
}

@media (min-width: 768px) {
  .masonry-grid { columns: 2; }
  .filter-bar { grid-template-columns: 1fr 260px auto; align-items: center; }
}
@media (min-width: 1100px) { .masonry-grid { columns: 3; } }
@media (max-width: 767px) {
  .section-heading { display: block; }
  .hero-content h1 { font-size: 3.4rem; }
  .footer-links { justify-content: flex-start; }
  .admin-card { overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}


/* Admin control room */
.admin-body {
  min-height: 100vh;
  color: var(--paper);
  background:
    radial-gradient(circle at 10% 8%, rgba(214,162,61,.16), transparent 26rem),
    radial-gradient(circle at 92% 18%, rgba(143,35,61,.24), transparent 28rem),
    linear-gradient(135deg, #070606 0%, #160b0f 45%, #27140d 100%);
  overflow-x: hidden;
}
.admin-orb { position: fixed; border-radius: 999px; filter: blur(10px); pointer-events: none; opacity: .55; z-index: 0; }
.admin-orb.one { width: 24rem; height: 24rem; left: -9rem; top: 8rem; background: radial-gradient(circle, rgba(214,162,61,.24), transparent 65%); }
.admin-orb.two { width: 28rem; height: 28rem; right: -12rem; top: 2rem; background: radial-gradient(circle, rgba(143,35,61,.28), transparent 65%); }
.admin-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; }
.admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 1.25rem;
  border-right: 1px solid rgba(255,255,255,.12);
  background: rgba(8,7,7,.68);
  backdrop-filter: blur(24px);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.admin-brand { display: flex; align-items: center; gap: .8rem; padding: .55rem; border-radius: 1.2rem; font-weight: 900; letter-spacing: -.03em; }
.admin-brand > span:last-child { font-family: 'Playfair Display', serif; font-size: 1.45rem; }
.admin-brand > span:last-child span { color: var(--gold); }
.admin-brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 1rem; background: linear-gradient(135deg, #f4cf79, #9a5d1b); color: #160f12; box-shadow: 0 18px 44px rgba(214,162,61,.24); }
.admin-sidebar-card { margin-top: auto; padding: 1rem; border: 1px solid rgba(214,162,61,.26); border-radius: 1.4rem; background: linear-gradient(135deg, rgba(214,162,61,.16), rgba(255,255,255,.05)); }
.admin-sidebar-card span { display: block; color: var(--gold); text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 900; margin-bottom: .5rem; }
.admin-sidebar-card strong { display: block; line-height: 1.35; color: rgba(255,248,239,.82); }
.admin-main { min-width: 0; }
.admin-topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 82px;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: rgba(8,7,7,.58);
  backdrop-filter: blur(22px);
}
.admin-topbar strong { font-family: 'Playfair Display', serif; font-size: 1.45rem; }
.admin-top-actions { display: flex; align-items: center; gap: .75rem; }
.admin-content { padding: 1.5rem; }
.admin-content .page-hero.compact {
  padding: 1.6rem;
  border-radius: 1.8rem;
  background: linear-gradient(135deg, rgba(255,255,255,.11), rgba(214,162,61,.09));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
  margin-bottom: 1.5rem;
}
.admin-content .page-hero .container,
.admin-content .admin-shell .container { max-width: none; padding: 0; }
.admin-content .page-hero h1 { font-size: clamp(2rem, 4vw, 4rem); }
.admin-content .section-pad.admin-shell { padding: 0; background: transparent; }
.admin-content .section-pad { padding: 0; }
.admin-content > .admin-shell { background: transparent; }
.admin-content .admin-shell-nav { display: none; }
.admin-shell-nav { display: grid; gap: .45rem; margin: .5rem 0; }
.admin-shell-nav a {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: .75rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  padding: .8rem .9rem;
  background: transparent;
  color: rgba(255,248,239,.72);
  font-weight: 900;
  transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}
.admin-shell-nav a span { width: 10px; height: 10px; border-radius: 50%; background: rgba(214,162,61,.48); box-shadow: 0 0 0 5px rgba(214,162,61,.08); }
.admin-shell-nav a:hover { color: var(--paper); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); transform: translateX(3px); }
.admin-hero-card {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1.5rem;
  padding: clamp(1.5rem, 4vw, 2.4rem);
  border-radius: 2rem;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 100% 0, rgba(214,162,61,.28), transparent 20rem),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055));
  box-shadow: var(--shadow);
  margin-bottom: 1.5rem;
}
.admin-hero-card h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.4rem, 5vw, 5rem); line-height: .95; max-width: 900px; letter-spacing: -.045em; margin-bottom: .9rem; }
.admin-hero-card p:not(.eyebrow) { color: rgba(255,248,239,.72); max-width: 720px; margin: 0; }
.admin-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.admin-metric-card {
  position: relative;
  overflow: hidden;
  min-height: 170px;
  padding: 1.2rem;
  border-radius: 1.6rem;
  border: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
  box-shadow: var(--shadow);
  transition: transform .2s ease, border-color .2s ease;
}
.admin-metric-card::after { content: ''; position: absolute; right: -3rem; bottom: -3rem; width: 9rem; height: 9rem; border-radius: 50%; background: rgba(214,162,61,.12); }
.admin-metric-card:hover { transform: translateY(-4px); border-color: rgba(214,162,61,.45); color: var(--paper); }
.admin-metric-card span { display: block; color: var(--gold); text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 900; }
.admin-metric-card strong { display: block; font-family: 'Playfair Display', serif; font-size: 4rem; line-height: 1; margin: 1.1rem 0 .3rem; }
.admin-metric-card small { color: rgba(255,248,239,.68); font-weight: 800; }
.admin-metric-card.urgent { background: linear-gradient(145deg, rgba(143,35,61,.24), rgba(214,162,61,.08)); }
.admin-card.admin-card-elevated, .admin-content .admin-card {
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.075);
  box-shadow: var(--shadow);
}
.admin-content .admin-card h2 { font-family: 'Playfair Display', serif; font-size: clamp(1.7rem, 3vw, 2.4rem); letter-spacing: -.03em; }
.admin-table { margin-bottom: 0; color: var(--paper); }
.admin-table thead th, .admin-card .table thead th {
  color: rgba(255,248,239,.55);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  border-bottom-color: rgba(255,255,255,.16);
}
.admin-table td, .admin-card .table td { color: rgba(255,248,239,.8); border-color: rgba(255,255,255,.09); padding: 1rem .75rem; }
.admin-table td span { display: block; color: rgba(255,248,239,.5); font-size: .86rem; }
.admin-card .table small { color: rgba(255,248,239,.5); }
.status-pill { display: inline-flex !important; width: auto; border-radius: 999px; padding: .35rem .7rem; font-size: .78rem !important; font-weight: 900; color: #160f12 !important; background: #d6a23d; }
.status-new { background: #f4cf79; }
.status-contacted { background: #88d7ff; }
.status-confirmed { background: #8de6b1; }
.status-completed { background: #c9c9c9; }
.status-cancelled { background: #ff9d9d; }
.admin-empty-row { text-align: center; color: rgba(255,248,239,.52) !important; padding: 2rem !important; }
.admin-action-list { display: grid; gap: .75rem; margin-top: 1rem; }
.admin-action-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.06);
  padding: .85rem 1rem;
  font-weight: 900;
}
.admin-action-list a::after { content: '>'; color: var(--gold); }
.admin-action-list a:hover { background: rgba(214,162,61,.12); color: var(--paper); }
.admin-content .luxe-form,
.admin-content .form-control,
.admin-content .form-select { color: var(--paper); }
.admin-content .btn-outline-light,
.admin-content .btn-outline-danger { border-radius: 999px; font-weight: 800; }
.admin-content .admin-card-head { margin-bottom: 1.25rem; }
.admin-content .table-responsive { border-radius: 1.2rem; }

@media (max-width: 1100px) {
  .admin-layout { grid-template-columns: 1fr; }
  .admin-sidebar { position: relative; height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .admin-shell-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-sidebar-card { display: none; }
  .admin-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .admin-topbar, .admin-hero-card { align-items: stretch; flex-direction: column; }
  .admin-top-actions { width: 100%; }
  .admin-top-actions .btn, .admin-top-actions form { flex: 1; }
  .admin-top-actions form .btn { width: 100%; }
  .admin-content { padding: 1rem; }
  .admin-shell-nav { grid-template-columns: 1fr; }
  .admin-metric-grid { grid-template-columns: 1fr; }
  .admin-hero-card h1 { font-size: 2.7rem; }
}

.social-icon {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(255,248,239,.86);
  backdrop-filter: blur(14px);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.social-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.social-icon:hover {
  transform: translateY(-2px);
  border-color: rgba(214,162,61,.55);
  background: rgba(214,162,61,.16);
  color: var(--paper);
}
.social-instagram:hover { color: #f7b0d0; }
.social-youtube:hover { color: #ff6f6f; }
.nav-socials {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-left: .35rem;
}
.footer-socials {
  display: flex;
  gap: .65rem;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .nav-socials { margin: .75rem 0 0; }
}



.about-hero {
  position: relative;
  overflow: hidden;
  padding: 11rem 0 5.5rem;
  background:
    radial-gradient(circle at 18% 8%, rgba(214,162,61,.22), transparent 26rem),
    radial-gradient(circle at 84% 12%, rgba(143,35,61,.28), transparent 28rem),
    linear-gradient(135deg, #090707 0%, #2b1018 56%, #3b2110 100%);
}
.about-hero h1,
.about-story-section h2,
.about-process-band h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  letter-spacing: -.045em;
}
.about-hero h1 { font-size: clamp(3rem, 7vw, 6.8rem); line-height: .94; max-width: 980px; }
.about-lead { color: rgba(255,248,239,.74); font-size: clamp(1.05rem, 2vw, 1.28rem); max-width: 760px; margin-top: 1.4rem; }
.about-hero-orb { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(8px); opacity: .7; }
.about-hero-orb.one { width: 20rem; height: 20rem; left: -8rem; top: 6rem; background: radial-gradient(circle, rgba(214,162,61,.25), transparent 64%); }
.about-hero-orb.two { width: 26rem; height: 26rem; right: -10rem; bottom: -6rem; background: radial-gradient(circle, rgba(143,35,61,.32), transparent 64%); }
.about-signature-card,
.about-value-card,
.about-process-list div {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  border-radius: 1.6rem;
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}
.about-signature-card { padding: 1.35rem; }
.about-signature-card span,
.about-value-card span,
.about-process-list span {
  display: block;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .72rem;
  font-weight: 900;
  margin-bottom: .7rem;
}
.about-signature-card strong { display: block; font-family: 'Playfair Display', serif; font-size: 1.85rem; line-height: 1.05; margin-bottom: .8rem; }
.about-signature-card p,
.about-value-card p,
.about-process-list p { color: rgba(255,248,239,.7); margin: 0; }
.about-story-section { background: rgba(0,0,0,.12); }
.about-story-section h2 { font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: .98; margin-bottom: 1rem; }
.about-story-section p { color: rgba(255,248,239,.76); line-height: 1.75; }
.about-frame-stack { position: relative; min-height: 520px; }
.about-frame {
  position: absolute;
  border-radius: 2rem;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.about-frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 25%, rgba(0,0,0,.52)); }
.frame-one { inset: 0 16% 12% 0; background: linear-gradient(135deg, rgba(214,162,61,.34), rgba(143,35,61,.18)), url('/uploads/photos/placeholder.jpg'); }
.frame-two { right: 0; bottom: 0; width: 48%; height: 46%; background: radial-gradient(circle at 30% 20%, rgba(255,248,239,.38), transparent 18rem), linear-gradient(135deg, #2c1118, #8a5b2a); }
.about-frame-caption { position: absolute; left: 1rem; bottom: 1rem; z-index: 2; max-width: 78%; padding: .85rem 1rem; border-radius: 999px; background: rgba(0,0,0,.48); border: 1px solid rgba(255,255,255,.14); color: rgba(255,248,239,.8); font-weight: 900; backdrop-filter: blur(14px); }
.about-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 1.6rem; }
.about-proof-grid div { padding: 1rem; border-radius: 1.2rem; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.about-proof-grid strong { display: block; color: var(--gold); font-family: 'Playfair Display', serif; font-size: 2rem; }
.about-proof-grid span { color: rgba(255,248,239,.74); font-weight: 800; }
.about-values-section { background: linear-gradient(135deg, rgba(255,248,239,.94), rgba(229,193,126,.82)); color: var(--ink); }
.about-values-section .eyebrow { color: var(--rose); }
.about-values-section .section-heading h2 { color: var(--ink); }
.about-value-card { height: 100%; padding: 1.4rem; background: rgba(255,255,255,.54); border-color: rgba(53,16,27,.12); color: var(--ink); }
.about-value-card h3 { font-family: 'Playfair Display', serif; font-size: 1.9rem; }
.about-value-card p { color: #5f4c40; }
.about-process-band { padding: clamp(4rem, 8vw, 6rem) 0; background: radial-gradient(circle at 80% 0, rgba(214,162,61,.24), transparent 24rem), #0d090a; }
.about-process-band h2 { font-size: clamp(2.3rem, 5vw, 4.4rem); }
.about-process-list { display: grid; gap: 1rem; }
.about-process-list div { padding: 1.2rem; }
@media (max-width: 991px) {
  .about-frame-stack { min-height: 420px; }
  .about-proof-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .about-hero { padding-top: 9rem; }
  .about-frame-stack { min-height: 340px; }
  .frame-one { inset: 0 0 14% 0; }
  .frame-two { width: 58%; }
  .about-frame-caption { max-width: 92%; font-size: .84rem; }
}

.about-contact-section { background: rgba(0,0,0,.16); }
.about-contact-card {
  height: 100%;
  padding: clamp(1.4rem, 3vw, 2rem);
  border-radius: 1.8rem;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}
.about-contact-card h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 5vw, 4rem);
  letter-spacing: -.04em;
}
.about-contact-card p:not(.eyebrow) { color: rgba(255,248,239,.78); font-size: 1.08rem; margin-bottom: 0; }
.contact-highlight { background: linear-gradient(135deg, rgba(214,162,61,.18), rgba(143,35,61,.14)); }
.contact-highlight .btn { margin-top: 1rem; }