/* StackRamen — shared styles (white + maroon) */
:root{
  --cream:#ffffff;
  --cream-2:#f6f1ec;
  --ivory:#ffffff;
  --ink:#1f1412;
  --ink-soft:#4a3a36;
  --muted:#8a7a74;
  --burgundy:#6b1218;
  --burgundy-deep:#4a0a0f;
  --maroon:#6b1218;
  --terracotta:#a8322f;
  --gold:#b8893a;
  --champagne:#f3d7a3;
  --line:rgba(31,20,18,.12);
  --line-soft:rgba(31,20,18,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
.serif{font-family:'Cormorant Garamond',serif}
.display{font-family:'Fraunces',serif;letter-spacing:-.02em}

/* NAV */
nav.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:120px;gap:30px}
.nav-left,.nav-right{display:flex;gap:30px;align-items:center}
.nav-right{justify-content:flex-end}
.nav-inner a.link{font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-soft);font-weight:600;position:relative;padding:6px 0}
.nav-inner a.link::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--maroon);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.nav-inner a.link:hover::after,.nav-inner a.link.active::after{transform:scaleX(1)}
.nav-inner a.link.active{color:var(--maroon)}
.brand{display:flex;align-items:center;line-height:1}
.brand img{height:135px;width:auto;display:block}
.hamburger{display:none;background:none;border:none;color:var(--ink);font-size:22px;cursor:pointer}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--maroon);color:#fff;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:background .3s,transform .3s,box-shadow .3s;border-radius:999px;min-height:52px}
.btn:hover{background:var(--burgundy-deep);transform:translateY(-1px);box-shadow:0 18px 38px rgba(107,18,24,.22)}
.btn.outline{background:transparent;color:var(--ink);border:1px solid rgba(31,20,18,.18);box-shadow:none}
.btn.outline:hover{background:var(--maroon);color:#fff;border-color:var(--maroon)}
.btn.gold{background:var(--champagne);color:var(--burgundy-deep)}
.btn.gold:hover{background:#fff}
.btn.invert{background:#fff;color:var(--maroon)}
.btn.invert:hover{background:var(--champagne);color:var(--burgundy-deep)}

/* SECTION HEADING */
.section-head{position:relative;text-align:center;max-width:760px;margin:0 auto 70px}
.section-head::after{content:"";position:absolute;left:50%;bottom:-24px;width:64px;height:1px;background:var(--maroon);opacity:.35;transform:translateX(-50%)}
.section-head h2{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.03em;margin:18px 0 18px}
.section-head h2 em{font-style:italic;color:var(--maroon);font-weight:400}
.section-head p{color:var(--ink-soft);font-size:16.5px;max-width:620px;margin:0 auto}

/* ORNAMENT */
.ornament{display:inline-flex;align-items:center;gap:14px;font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--maroon);font-size:17px;letter-spacing:3px;text-transform:uppercase;font-weight:500}
.ornament::before,.ornament::after{content:"";width:38px;height:1px;background:var(--maroon);opacity:.55}

/* PAGE BANNER */
.page-banner{position:relative;padding:140px 0 110px;text-align:center;overflow:hidden;border-bottom:1px solid var(--line-soft);background:#fff}
.page-banner h1{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(48px,7vw,96px);line-height:.98;letter-spacing:-.02em;margin:22px 0 14px}
.page-banner h1 em{font-style:italic;color:var(--maroon);font-weight:400}
.page-banner p{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:17px}
.page-banner .crumbs{display:flex;justify-content:center;gap:10px;margin-top:24px;font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}
.page-banner .crumbs a{color:var(--maroon)}

/* SECTION HEAD */
section{padding:130px 0;position:relative}
/* section heading styles are defined earlier for a more refined look */

/* FOOTER */
footer.site{background:var(--burgundy-deep);color:rgba(255,255,255,.72);padding:80px 0 32px}
.foot-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:50px;margin-bottom:50px}
.foot-grid .brand img{height:96px;filter:brightness(0) invert(1)}
.foot-grid h5{font-family:'Fraunces',serif;font-weight:500;font-size:14px;letter-spacing:2.5px;text-transform:uppercase;color:var(--champagne);margin-bottom:18px}
.foot-grid ul{list-style:none;display:grid;gap:10px}
.foot-grid a{font-size:14px;color:rgba(255,255,255,.72);transition:color .3s}
.foot-grid a:hover{color:var(--champagne)}
.foot-grid p{font-size:14px;color:rgba(255,255,255,.72);margin-bottom:12px}
.foot-socials{display:flex;gap:10px;margin-top:14px}
.foot-socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:all .3s}
.foot-socials a:hover{background:var(--champagne);color:var(--burgundy-deep);border-color:var(--champagne)}
.foot-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px;color:rgba(255,255,255,.55);letter-spacing:1px}

/* REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease, transform 1s ease}
.reveal.in{opacity:1;transform:none}

/* RESPONSIVE */
@media (max-width:1024px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media (max-width:760px){
  .nav-inner{grid-template-columns:auto 1fr auto;height:88px}
  .brand img{height:64px}
  .nav-left,.nav-right{display:none}
  .nav-left.mobile-open,.nav-right.mobile-open{display:flex;flex-direction:column;position:absolute;top:88px;left:0;right:0;background:#fff;padding:26px;gap:18px;border-bottom:1px solid var(--line);z-index:49}
  .hamburger{display:block}
  section{padding:80px 0}
  .page-banner{padding:90px 0 70px}
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;text-align:center}
}