/* ============================================================
   Sunday Cascade — site chrome
   Single source of truth for the header, nav, mobile drawer,
   section sub-nav and footer. Every page links this file.
   DO NOT duplicate any of these rules in a page-level <style>;
   that duplication is what caused the v24-v33 nav drift.
   ============================================================ */

/* --- skip link ------------------------------------------------ */
.sc-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#141a24;color:#fff;padding:12px 18px;border-radius:0 0 12px 0;font:600 .95rem/1 Inter,system-ui,-apple-system,sans-serif;text-decoration:none}
.sc-skip:focus{left:0}

/* --- header --------------------------------------------------- */
.sc-head{position:sticky;top:0;z-index:100;background:rgba(251,249,246,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e8e3db}
.sc-head-in{position:relative;max-width:1080px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}

.sc-brand{display:inline-flex;align-items:center;gap:11px;font:800 1.12rem/1 'Bricolage Grotesque',Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#141a24;text-decoration:none}
.sc-brand:hover{color:#141a24}
.sc-brand .sc-mark{width:26px;height:26px;flex:none;display:block}

.sc-nav{display:flex;align-items:center;gap:26px}
.sc-nav a{position:relative;color:#4a5568;font:500 .93rem/1 Inter,system-ui,-apple-system,sans-serif;text-decoration:none;padding:6px 0;transition:color .15s}
.sc-nav a:hover{color:#141a24}
.sc-nav a[aria-current="page"]{color:#141a24;font-weight:600}
.sc-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#1d6a63}
.sc-nav a[href="/photos"][aria-current="page"]::after{background:#e8833a}
.sc-nav a[href="/clips"][aria-current="page"]::after{background:#9c4a68}
.sc-nav a[href="/guides"][aria-current="page"]::after{background:#1d6a63}

.sc-nav .sc-cta{background:#141a24;color:#fff;padding:11px 20px;border-radius:99px;font:600 .9rem/1 Inter,system-ui,-apple-system,sans-serif;transition:background .15s}
.sc-nav .sc-cta::after{content:none}
.sc-nav .sc-cta:hover{background:#2a3444;color:#fff}

/* --- mobile drawer -------------------------------------------- */
.sc-toggle{display:none}
.sc-drawer{display:none}
@media(max-width:900px){
  .sc-nav{display:none}
  .sc-toggle{display:inline-flex;align-items:center;background:#fff;border:1.5px solid #e8e3db;color:#141a24;border-radius:99px;padding:9px 16px;font:600 .9rem/1 Inter,system-ui,-apple-system,sans-serif;cursor:pointer}
  .sc-drawer{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 8px);background:#fff;border:1px solid #e8e3db;border-radius:14px;box-shadow:0 6px 24px rgba(20,26,36,.14);padding:10px;z-index:110}
  .sc-drawer.open{display:block}
  .sc-drawer a{display:block;padding:12px 14px;border-radius:10px;color:#141a24;text-decoration:none;font:600 1rem/1.2 Inter,system-ui,-apple-system,sans-serif}
  .sc-drawer a:active{background:#f1eee9}
  .sc-drawer a[aria-current="page"]{color:#1d6a63}
  .sc-drawer .sc-cta{margin-top:6px;background:#141a24;color:#fff;text-align:center}
}

/* --- footer ---------------------------------------------------- */
.sc-foot{border-top:1px solid #e8e3db;background:#fbf9f6;padding:40px 24px;margin-top:56px}
.sc-foot-in{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}
.sc-foot .sc-brand{font:700 1.05rem/1 'Bricolage Grotesque',Inter,system-ui,sans-serif;gap:9px}
.sc-foot .sc-brand .sc-mark{width:22px;height:22px}
.sc-foot p{color:#4a5568;font:400 .9rem/1.5 Inter,system-ui,-apple-system,sans-serif;margin:8px 0 0}
.sc-foot-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:6px}
.sc-foot-links a{color:#4a5568;text-decoration:none;font:500 .9rem/1.6 Inter,system-ui,-apple-system,sans-serif;transition:color .15s}
.sc-foot-links a:hover{color:#1d6a63}