:root { --navigation-height:100px; }
html { scroll-padding-top:calc(var(--navigation-height) + 16px); }
.story-page,.legal-page { padding-top:var(--navigation-height); }
.elora-nav {
  position:fixed;
  box-sizing:border-box;
  inset:0 0 auto;
  z-index:20;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:var(--navigation-height);
  padding:20px clamp(20px,2.6vw,50px);
  color:#fffdf8;
  background:transparent;
  font:400 16px/1.4 var(--sans);
}
.elora-nav-action {
  display:inline-flex;
  align-items:center;
  gap:8px;
  justify-self:start;
  padding:10px 0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
}
.elora-nav-brand { display:block; }
.elora-nav-brand img { display:block; width:128px; height:auto; filter:brightness(0) invert(1); }
.elora-nav-actions { display:flex; justify-content:flex-end; align-items:center; gap:clamp(22px,3.8vw,74px); }
.elora-nav-search svg { fill:none; stroke:currentColor; stroke-width:1.8; flex-shrink:0; }
.elora-nav-enquire { position:relative; }
.elora-nav-enquire::after { content:""; position:absolute; bottom:4px; left:15%; right:15%; height:1px; background:currentColor; transition:left .2s,right .2s; }
.elora-nav-enquire:hover::after { left:0; right:0; }
.elora-nav-action:hover { opacity:.8; }
.elora-nav :focus-visible,.elora-drawer :focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.elora-navigation-open { overflow:hidden; scrollbar-gutter:stable; }
.elora-drawer {
  position:fixed;
  inset:0 auto 0 0;
  box-sizing:border-box;
  margin:0;
  width:36vw;
  min-width:420px;
  max-width:100vw;
  height:100vh;
  height:100dvh;
  max-height:none;
  padding:0;
  border:0;
  background:#fdfbf8;
  color:#383c24;
  overflow:auto;
  font:400 16px/1.5 var(--sans);
  transform:translateX(-100%);
  transition:transform 350ms cubic-bezier(.22,.61,.36,1);
}
.elora-drawer.is-visible { transform:translateX(0); }
.elora-drawer::backdrop { background:rgba(15,20,10,.4); opacity:0; transition:opacity 350ms; }
.elora-drawer.is-visible::backdrop { opacity:1; }
.elora-drawer-close {
  position:absolute;
  top:35px;
  right:28px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:0;
  background:none;
  color:inherit;
  cursor:pointer;
}
.elora-drawer-close span::before,.elora-drawer-close span::after { content:""; display:block; position:absolute; width:25px; height:1px; background:currentColor; transform:rotate(45deg); }
.elora-drawer-close span::after { transform:rotate(-45deg); }
.elora-drawer-close span { display:grid; place-items:center; }
.elora-drawer-links {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:clamp(20px,3.2vh,38px);
  min-height:100%;
  box-sizing:border-box;
  padding:130px clamp(44px,7.2vw,138px) 80px;
}
.elora-drawer-links a { max-width:100%; font:400 clamp(22px,1.8vw,32px)/1.3 var(--serif); white-space:normal; }
.elora-drawer a { color:inherit; text-decoration:none; }
.elora-drawer a:hover { color:#66733f; }
.elora-drawer a[aria-current] { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:9px; }
.elora-search-content { padding:150px 44px 60px; }
.elora-search-content h2 { margin:0 0 40px; font:400 36px/1.25 var(--serif); }
.elora-search-content label { display:block; margin-bottom:12px; }
.elora-search-content input { box-sizing:border-box; width:100%; padding:12px 0; border:0; border-bottom:1px solid #777e67; border-radius:0; background:transparent; color:inherit; font:inherit; }
.elora-search-status { min-height:24px; margin:16px 0; font-size:14px; }
.elora-search-results { display:flex; flex-direction:column; gap:20px; }
.elora-search-results a { font:400 25px/1.3 var(--serif); }
.elora-search-results a[hidden] { display:none; }
.site-shell { position:relative; }
.site-shell > .hero-image { height:100svh; min-height:480px; aspect-ratio:auto; }
#approach-title,#expert-title,#intro-title,#contact { scroll-margin-top:24px; }
@media(max-width:700px) {
  :root { --navigation-height:82px; }
  .elora-nav { min-height:82px; padding:16px 18px; font-size:11px; }
  .elora-nav-brand img { width:90px; }
  .elora-nav-actions { gap:16px; }
  .elora-nav-search span { display:none; }
  .elora-nav-search { padding:12px 4px; }
  .elora-drawer { width:min(88vw,420px); min-width:0; }
  .elora-drawer-close { top:20px; right:18px; }
  .elora-drawer-links { padding:110px 36px 50px; gap:26px; }
  .elora-search-content { padding:115px 28px 40px; }
}
@media(prefers-reduced-motion:reduce) {
  .elora-drawer,.elora-drawer::backdrop,.elora-nav-enquire::after { transition:none; }
}