:root{
    --ink:#181410; --ink-soft:#211a12;
    --cream:#EEE6D4; --cream-d:#cdc2ab; --cream-dd:#9d937f;
    --gold:#C9A446; --gold-br:#e0bd63; --gold-dim:#9c7e3f;
    --spotify:#1DB954;
    --maxw:1080px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--ink);color:var(--cream);font-family:'Lora',Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:rgba(201,164,70,.3);color:#fff}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
  .eyebrow{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-size:.7rem}

  /* ---------- HERO ---------- */
  .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vh 24px 15vh;overflow:hidden}
  .hero__bg{position:absolute;inset:-4%;background:#000 center/cover no-repeat;background-image:var(--cover);filter:blur(26px) brightness(.5) saturate(1.1);transform:scale(1.12);animation:kenburns 30s ease-in-out infinite alternate}
  @keyframes kenburns{from{transform:scale(1.10)}to{transform:scale(1.2)}}
  .hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,20,16,.55) 0%,rgba(24,20,16,.35) 40%,rgba(24,20,16,.8) 82%,var(--ink) 100%)}
  .grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  #viz{position:absolute;left:0;right:0;bottom:0;width:100%;height:160px;pointer-events:none;z-index:1}

  .hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}

  /* framed album cover with live band name centered at the top */
  .release{position:relative;width:clamp(228px,54vw,300px);margin:0 auto}
  .cover-frame{position:relative;aspect-ratio:1/1;overflow:hidden;border:1.5px solid rgba(201,164,70,.6);
    box-shadow:0 26px 64px rgba(0,0,0,.6);background:var(--cover) center/cover}
  .cover-frame .scrim{position:absolute;top:0;left:0;right:0;height:30%;
    background:linear-gradient(180deg,rgba(20,16,12,.78),rgba(20,16,12,0))}
  .cover-band{position:absolute;top:13px;left:10px;right:10px;text-align:center;white-space:nowrap;overflow:hidden;
    font-family:'Outfit',sans-serif;font-weight:600;text-transform:uppercase;color:var(--gold-br);
    letter-spacing:.34em;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
  .tick{position:absolute;width:13px;height:13px;border:1px solid var(--gold);z-index:3}
  .tick.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}
  .tick.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}
  .tick.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}
  .tick.br{bottom:-1px;right:-1px;border-left:0;border-top:0}

  .scrip{display:flex;align-items:center;gap:.6rem;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:.3em;color:var(--gold-br);font-size:.74rem;text-transform:uppercase;margin:1.5rem 0 1rem}
  .scrip .dia{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
  .epi{font-style:italic;font-size:clamp(1rem,2.3vw,1.22rem);color:var(--cream);max-width:30ch;line-height:1.5;text-shadow:0 1px 14px rgba(0,0,0,.5)}
  .epi cite{display:block;font-style:normal;font-family:'Outfit',sans-serif;letter-spacing:.22em;font-size:.6rem;color:var(--gold-dim);margin-top:.6rem;text-transform:uppercase}
  .style-note{font-family:'Outfit',sans-serif;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dd);font-size:.6rem;margin-top:1.2rem}

  .play-hero{margin-top:2rem;position:relative;width:92px;height:92px;border-radius:50%;
    border:1.5px solid rgba(201,164,70,.55);background:radial-gradient(circle at 50% 38%,rgba(201,164,70,.22),rgba(24,20,16,.35));
    backdrop-filter:blur(3px);cursor:pointer;display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
  .play-hero:hover{transform:scale(1.07);border-color:var(--gold)}
  .play-hero::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(201,164,70,.25);animation:ring 3.4s ease-out infinite}
  @keyframes ring{0%{transform:scale(.92);opacity:.7}70%{opacity:0}100%{transform:scale(1.5);opacity:0}}
  .play-hero.is-playing::before{animation:none;opacity:0}
  .play-hero svg{width:32px;height:32px;fill:var(--gold-br);margin-left:4px;transition:fill .3s}
  .play-hero.is-playing svg{margin-left:0}
  .play-hero:hover svg{fill:#fff}
  .play-label{font-family:'Outfit',sans-serif;letter-spacing:.34em;font-size:.58rem;text-transform:uppercase;color:var(--cream-dd);margin-top:.9rem}

  .scrollcue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;font-family:'Outfit',sans-serif;letter-spacing:.3em;font-size:.54rem;text-transform:uppercase;color:var(--cream-dd);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.8}
  .scrollcue .bar{width:1px;height:32px;background:linear-gradient(var(--gold),transparent);animation:fall 2.2s ease-in-out infinite}
  @keyframes fall{0%,100%{opacity:.2;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}

  /* ---------- LYRICS ---------- */
  .lyrics-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,9vw,104px) 22px 30px}
  .panel{position:relative;border:1px solid rgba(201,164,70,.16);padding:clamp(30px,5vw,64px) clamp(22px,5vw,60px);background:linear-gradient(180deg,rgba(33,26,18,.5),rgba(24,20,16,.2))}
  .panel .tick{width:14px;height:14px;border-color:rgba(201,164,70,.55)}
  .lyric-head{text-align:center;margin-bottom:clamp(26px,5vw,48px)}
  .lyric-head .eyebrow{font-size:.6rem;letter-spacing:.4em}
  .lyric-head h2{font-family:'Gloock',serif;font-weight:400;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--cream);margin:.5rem 0 .2rem}
  .lyric-head .rule{width:46px;height:1px;background:var(--gold);margin:1rem auto 0;position:relative}
  .lyric-head .rule::after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;background:var(--gold);transform:translateX(-50%) rotate(45deg)}
  .sync-hint{font-family:'Outfit',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.54rem;color:var(--gold-dim);margin-top:1rem;opacity:0;transition:opacity .5s}
  .sync-hint.on{opacity:1}

  .cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,76px)}
  @media(max-width:720px){.cols{grid-template-columns:1fr;gap:6px}}
  .section{margin-bottom:30px;opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
  .section.in{opacity:1;transform:none}
  .section .label{font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-size:.66rem;display:inline-block;margin-bottom:11px}
  .section .label::after{content:"";display:block;width:22px;height:1px;background:rgba(201,164,70,.5);margin-top:6px}
  .ln{display:block;font-size:clamp(1.02rem,1.5vw,1.12rem);line-height:1.62;color:var(--cream)}
  /* karaoke sync mode */
  .cols.syncing .ln{opacity:.34;transition:opacity .45s ease,color .45s ease,text-shadow .45s ease}
  .cols.syncing .ln.active{opacity:1;color:var(--gold-br);text-shadow:0 0 20px rgba(201,164,70,.4)}

  .whisper{text-align:center;font-style:italic;color:var(--gold-br);font-size:clamp(1.15rem,2.6vw,1.5rem);margin:clamp(34px,6vw,58px) 0 8px;opacity:0;transform:translateY(16px);transition:opacity 1s,transform 1s}
  .whisper.in{opacity:1;transform:none}

  /* ---------- LISTEN + SHARE ---------- */
  .listen{max-width:var(--maxw);margin:0 auto;padding:18px 22px 8px;text-align:center}
  .listen .eyebrow{font-size:.6rem;letter-spacing:.36em}
  .listen p{color:var(--cream-d);font-style:italic;margin-top:.5rem;font-size:.95rem}
  .cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-top:1.5rem}
  .btn{display:inline-flex;align-items:center;gap:.6rem;font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;border-radius:42px;padding:14px 26px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:transform .25s,box-shadow .3s,background .3s}
  .btn:hover{transform:translateY(-2px)}
  .btn-play{color:var(--ink);background:linear-gradient(180deg,var(--gold-br),var(--gold));box-shadow:0 8px 30px rgba(201,164,70,.25)}
  .btn-play:hover{box-shadow:0 12px 38px rgba(201,164,70,.4)}
  .btn-play svg{width:14px;height:14px;fill:var(--ink)}
  .btn-spotify{color:var(--cream);background:rgba(29,185,84,.12);border-color:rgba(29,185,84,.6)}
  .btn-spotify:hover{background:rgba(29,185,84,.22);box-shadow:0 10px 30px rgba(29,185,84,.25)}
  .btn-spotify svg{width:18px;height:18px;fill:var(--spotify)}

  .share{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:1.7rem}
  .share .lab{font-family:'Outfit',sans-serif;letter-spacing:.28em;text-transform:uppercase;font-size:.56rem;color:var(--gold-dim)}
  .share-icons{display:flex;gap:12px}
  .ic{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,164,70,.4);background:transparent;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,transform .2s;text-decoration:none}
  .ic:hover{background:rgba(201,164,70,.14);border-color:var(--gold);transform:translateY(-2px)}
  .ic svg{width:16px;height:16px;fill:var(--gold-br)}
  .toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%) translateY(20px);background:rgba(24,20,16,.95);border:1px solid rgba(201,164,70,.4);color:var(--cream);font-family:'Outfit',sans-serif;font-size:.72rem;letter-spacing:.1em;padding:10px 18px;border-radius:30px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:60}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

  footer{text-align:center;padding:42px 22px 130px;border-top:1px solid rgba(201,164,70,.12);margin-top:34px}
  footer .mark{font-family:'Gloock',serif;color:var(--cream);font-size:1.1rem}
  footer .sub{font-family:'Outfit',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dim);font-size:.58rem;margin-top:.6rem}

  /* ---------- STICKY PLAYER ---------- */
  .nowbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:14px;padding:11px clamp(14px,4vw,28px);background:rgba(20,16,12,.72);backdrop-filter:blur(16px) saturate(140%);border-top:1px solid rgba(201,164,70,.22);transform:translateY(120%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .nowbar.show{transform:translateY(0)}
  .nb-cover{width:42px;height:42px;border-radius:6px;background:var(--cover) center/cover;flex:0 0 auto;border:1px solid rgba(201,164,70,.4)}
  .nb-meta{flex:0 0 auto;min-width:0;max-width:30vw}
  .nb-title{font-family:'Lora',serif;font-weight:600;color:var(--cream);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nb-band{font-family:'Outfit',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);font-size:.54rem;margin-top:2px}
  .nb-play{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,164,70,.5);background:rgba(201,164,70,.12);cursor:pointer;display:grid;place-items:center;transition:background .25s,transform .2s}
  .nb-play:hover{background:rgba(201,164,70,.25);transform:scale(1.05)}
  .nb-play svg{width:16px;height:16px;fill:var(--gold-br)}
  .nb-prog{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:80px}
  .time{font-family:'Outfit',sans-serif;font-size:.62rem;color:var(--cream-dd);font-variant-numeric:tabular-nums;flex:0 0 auto}
  .track{position:relative;flex:1 1 auto;height:4px;border-radius:4px;background:rgba(238,230,212,.16);cursor:pointer}
  .track .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-br))}
  .track .knob{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:var(--gold-br);transform:translate(-50%,-50%);left:0;box-shadow:0 0 8px rgba(201,164,70,.7);opacity:0;transition:opacity .2s}
  .track:hover .knob{opacity:1}
  .nb-spotify{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(29,185,84,.5);transition:background .25s}
  .nb-spotify:hover{background:rgba(29,185,84,.18)}
  .nb-spotify svg{width:18px;height:18px;fill:var(--spotify)}
  @media(max-width:620px){.nb-meta{display:none}.time.dur{display:none}.nb-spotify{display:none}}

/* ============================================================
   SITE SHELL — nav, library, content pages, forms, footer
   ============================================================ */
.nav{position:absolute;top:0;left:0;right:0;z-index:30}
.nav-wrap{max-width:var(--maxw);margin:0 auto;padding:13px clamp(16px,4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:'Gloock',serif;color:var(--cream);font-size:1.02rem;letter-spacing:.01em;text-decoration:none;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.brand:hover{color:#fff}
.nav-links{display:flex;gap:26px}
.nav-links a{font-family:'Outfit',sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;color:var(--cream-d);text-decoration:none;transition:color .25s;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.nav-links a:hover,.nav-links a.active{color:var(--gold-br)}
.nav-toggle{display:none;background:none;border:0;color:var(--cream);font-size:1.4rem;cursor:pointer;line-height:1}
@media(max-width:680px){
  .nav-toggle{display:block}
  .nav-links{position:absolute;top:100%;right:clamp(16px,4vw,28px);flex-direction:column;gap:14px;background:rgba(20,16,12,.96);border:1px solid rgba(201,164,70,.25);border-radius:12px;padding:18px 22px;display:none;backdrop-filter:blur(12px)}
  .nav-links.open{display:flex}
}

/* generic content page */
.page{max-width:var(--maxw);margin:0 auto;padding:clamp(120px,18vh,170px) clamp(18px,4vw,28px) 60px;min-height:70vh}
.page-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 90% at 50% -10%,rgba(201,164,70,.10),transparent 60%),var(--ink)}
.page-head{text-align:center;margin-bottom:clamp(32px,6vw,60px)}
.page-head .eyebrow{font-size:.62rem;letter-spacing:.4em}
.page-head h1{font-family:'Gloock',serif;font-weight:400;font-size:clamp(2.2rem,6vw,3.4rem);color:var(--cream);margin:.5rem 0 .3rem}
.page-head .lede{color:var(--cream-d);font-style:italic;font-size:clamp(1rem,2.2vw,1.18rem);max-width:46ch;margin:0 auto;line-height:1.5}
.page-head .rule{width:46px;height:1px;background:var(--gold);margin:1.1rem auto 0;position:relative}
.page-head .rule::after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;background:var(--gold);transform:translateX(-50%) rotate(45deg)}

/* prose (about) */
.prose{max-width:60ch;margin:0 auto;color:var(--cream-d);font-size:clamp(1.02rem,1.6vw,1.14rem);line-height:1.75}
.prose p{margin-bottom:1.2rem}
.prose .scripture{font-style:italic;color:var(--gold-br);text-align:center;font-size:1.18rem;margin:2rem auto;max-width:40ch}

/* ---------- LIBRARY ---------- */
.filterbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin-bottom:clamp(28px,5vw,46px)}
.lib-search{font-family:'Outfit',sans-serif;font-size:.82rem;color:var(--cream);background:rgba(238,230,212,.06);border:1px solid rgba(201,164,70,.25);border-radius:30px;padding:10px 18px;min-width:220px;outline:none;transition:border-color .25s}
.lib-search:focus{border-color:var(--gold)}
.lib-search::placeholder{color:var(--cream-dd)}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;color:var(--cream-dd);background:transparent;border:1px solid rgba(201,164,70,.3);border-radius:30px;padding:7px 14px;cursor:pointer;transition:all .25s}
.chip:hover{color:var(--cream)}
.chip.on{color:var(--ink);background:linear-gradient(180deg,var(--gold-br),var(--gold));border-color:transparent}

.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(20px,3vw,34px)}
.song-card{display:block;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.song-card:hover{transform:translateY(-6px)}
.card-cover{position:relative;aspect-ratio:1/1;overflow:hidden;border:1.5px solid rgba(201,164,70,.5);background:#0f0c09 center/cover;box-shadow:0 18px 44px rgba(0,0,0,.5)}
.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.song-card:hover .card-cover{border-color:var(--gold)}
.card-cover .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.15),rgba(20,16,12,.05) 40%,rgba(20,16,12,.55));opacity:0;transition:opacity .3s;z-index:1}
.song-card:hover .card-cover .scrim{opacity:1}
.card-cover .play-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:54px;height:54px;border-radius:50%;border:1.5px solid var(--gold-br);background:rgba(24,20,16,.5);display:grid;place-items:center;opacity:0;transition:opacity .3s,transform .3s;z-index:2}
.card-cover .play-dot svg{width:18px;height:18px;fill:var(--gold-br);margin-left:3px}
.song-card:hover .play-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}
.card-meta{padding:14px 4px 4px}
.card-title{font-family:'Lora',serif;font-weight:600;color:var(--cream);font-size:1.02rem;line-height:1.25}
.card-scrip{font-family:'Outfit',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);font-size:.58rem;margin-top:5px}
.badge{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-family:'Outfit',sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:.52rem;color:var(--gold-br);background:rgba(20,16,12,.7);border:1px solid rgba(201,164,70,.4);border-radius:30px;padding:5px 12px;backdrop-filter:blur(4px);z-index:2}
.song-card.soon{cursor:default}
.song-card.soon .card-cover{filter:grayscale(.3) brightness(.7)}
.song-card.soon .card-title{color:var(--cream-dd)}
.lib-empty{text-align:center;color:var(--cream-dd);font-style:italic;padding:40px;display:none}

/* ---------- CONTACT FORM ---------- */
.form{max-width:540px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.field label{display:block;font-family:'Outfit',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;color:var(--gold-dim);margin-bottom:7px}
.field input,.field textarea{width:100%;font-family:'Lora',serif;font-size:1rem;color:var(--cream);background:rgba(238,230,212,.05);border:1px solid rgba(201,164,70,.25);border-radius:10px;padding:13px 15px;outline:none;transition:border-color .25s}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.field textarea{min-height:150px;resize:vertical}
.form .btn{align-self:flex-start;border:none;cursor:pointer}
.form-alt{text-align:center;color:var(--cream-dd);font-size:.9rem;margin-top:1.4rem}
.form-alt a{color:var(--gold-br);text-decoration:none}

/* ---------- SUPPORT ---------- */
.support-card{max-width:560px;margin:0 auto;text-align:center;border:1px solid rgba(201,164,70,.2);border-radius:16px;padding:clamp(30px,5vw,52px);background:linear-gradient(180deg,rgba(33,26,18,.5),rgba(24,20,16,.2));position:relative}
.support-card .amount-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:1.6rem 0}
.amount{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:.06em;font-size:.85rem;color:var(--cream);background:rgba(238,230,212,.06);border:1px solid rgba(201,164,70,.3);border-radius:30px;padding:11px 20px;text-decoration:none;transition:all .25s}
.amount:hover{color:var(--ink);background:linear-gradient(180deg,var(--gold-br),var(--gold));border-color:transparent}
.support-note{color:var(--cream-dd);font-size:.85rem;margin-top:1.4rem;line-height:1.6}

/* ---------- SITE FOOTER ---------- */
.site-footer{text-align:center;padding:50px 22px 120px;border-top:1px solid rgba(201,164,70,.12);margin-top:60px;position:relative;z-index:1}
.site-footer .brand{display:inline-block;margin-bottom:.7rem}
.foot-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}
.foot-links a{font-family:'Outfit',sans-serif;letter-spacing:.18em;text-transform:uppercase;font-size:.58rem;color:var(--gold-dim);text-decoration:none}
.foot-links a:hover{color:var(--gold-br)}
.foot-note{font-family:'Outfit',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dd);font-size:.54rem}

/* ---------- LOGO / BRAND MARK ---------- */
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{height:34px;width:34px;display:block;flex:none;filter:drop-shadow(0 1px 6px rgba(0,0,0,.45))}
.page-head .crest{width:82px;height:82px;display:block;margin:0 auto 18px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}
.site-footer .foot-mark{width:46px;height:46px;display:block;margin:0 auto 14px;opacity:.96}
@media(max-width:680px){ .brand span{font-size:.94rem} .brand-mark{height:30px;width:30px} }

/* full logo lockup in nav */
.brand-logo{height:58px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}
@media(max-width:680px){ .brand-logo{height:46px} }

/* full logo in footer */
.foot-logo{height:72px;width:auto;display:block;margin:0 auto 16px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.5))}
@media(max-width:680px){ .foot-logo{height:60px} }