:root{--paper:#f4e8d9;--light:#fff8ee;--ink:#32251d;--soft:#7d6a60;--red:#a64d38;--gold:#e5b76b;--rust:#5c3029;--line:#d9c6b3;--olive:#374237}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}
button:focus-visible,a:focus-visible{outline:3px solid #eeb357;outline-offset:4px}
::selection{background:#dfaa69;color:#251611}
.page{overflow:hidden;isolation:isolate}
.topnav{position:relative;z-index:10;padding:22px max(5vw,28px) 19px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #cebdac;min-height:105px;background:var(--paper)}
.top-links{display:flex;align-items:center;gap:clamp(15px,2.1vw,35px)}.top-links.right{justify-content:flex-end}
.top-links a:not(.nav-pill){font-size:11px;font-weight:800;letter-spacing:.135em;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.top-links a:hover{color:var(--red)}
.brand{display:flex;flex-direction:column;align-items:center;text-align:center;width:max-content;justify-self:center}
.brand span{font:700 clamp(25px,2.75vw,39px)/.87 Georgia,'Times New Roman',serif;letter-spacing:-.06em}
.brand em{font:700 11px/1.4 Georgia,serif;letter-spacing:.25em;font-style:normal;color:var(--red);margin-top:9px}
.nav-pill{border:1px solid var(--ink);padding:13px 18px;border-radius:999px;letter-spacing:.09em;font-size:10px;font-weight:800;white-space:nowrap;text-transform:uppercase;transition:background .2s,color .2s}
.nav-pill:hover{background:var(--ink);color:#fff}
.mobile-trigger{display:none}
.intro{position:relative;padding:51px 4vw 0;text-align:center}
.intro .overline,.tiny-label{font-weight:800;letter-spacing:.21em;text-transform:uppercase;font-size:11px}
.intro .overline{color:#90513d;display:flex;align-items:center;justify-content:center;gap:13px}
.intro .overline:before,.intro .overline:after{content:'';height:1px;width:34px;background:#b06b4f}
.hero-title{position:relative;z-index:2;font:500 clamp(74px,9.2vw,151px)/.82 Georgia,serif;letter-spacing:-.09em;margin:30px 0 15px}
.hero-title .emphasis{font-style:italic;color:var(--red);font-weight:400}
.hero-blurb{margin:22px auto 10px;max-width:650px;font-size:15px;line-height:1.65;color:#615145}
.editorial-mark{position:absolute;right:max(7vw,35px);top:75px;font:italic 19px/1.1 Georgia,serif;color:#9c6548;transform:rotate(11deg);border:1px solid #aa7557;border-radius:50%;width:136px;height:136px;display:grid;place-items:center;text-align:center;opacity:.85}
.gallery-wrap{max-width:1540px;margin:41px auto 0;padding:0 clamp(16px,4.8vw,80px)}
.gallery{display:grid;grid-template-columns:minmax(0,27fr) minmax(0,46fr) minmax(0,27fr);gap:clamp(8px,1.45vw,23px);align-items:center;height:clamp(350px,31vw,475px)}
.gallery-photo{margin:0;position:relative;overflow:hidden;background:#886453}
.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .25s ease}
.gallery-photo:hover img{transform:scale(1.025)}
.gallery-photo:nth-child(1){height:77%;border-radius:140px 140px 4px 4px;transform:translateY(29px)}
.gallery-photo:nth-child(2){height:100%;border-radius:240px 240px 6px 6px;border:7px solid #efe1ce;box-shadow:0 12px 45px #543a2b22}
.gallery-photo:nth-child(3){height:83%;border-radius:4px 4px 130px 130px;transform:translateY(-21px)}
.gallery-photo:after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,transparent 60%,#1e130e80 100%);pointer-events:none}
.gallery-photo .photo-caption{position:absolute;z-index:1;bottom:16px;left:17px;color:#fffaf2;text-align:left;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 7px #000}
.gallery-controls{max-width:1410px;margin:19px auto 42px;padding:0 max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.gallery-controls .caption{font-family:Georgia,serif;font-size:16px;font-style:italic;color:#6a4d3a}
.gallery-controls .group{display:flex;align-items:center;gap:15px}
.gallery-controls button{width:38px;height:38px;border-radius:50%;background:none;border:1px solid #bba08d;color:#432b1e;font-size:20px;transition:.2s}
.gallery-controls button:hover{background:var(--ink);color:#fff}
.page-counter{font-size:11px;font-weight:800;letter-spacing:.2em;color:#6c5445;min-width:54px;text-align:center}
.welcome-banner{background:#b4543c;color:#fff1da;min-height:75px;display:flex;justify-content:center;align-items:center;gap:24px;padding:20px 14px;text-align:center;font:italic clamp(16px,2.3vw,32px)/1.1 Georgia,serif;letter-spacing:.005em}
.welcome-banner .dot{width:7px;height:7px;border-radius:50%;background:#e8bf78;flex-shrink:0}
.menu-section{background:var(--rust);color:#fff1dc;padding:104px max(7vw,30px) 111px;position:relative}
.menu-section::before{content:'THE COUNTER';position:absolute;right:-20px;top:15px;font:900 clamp(70px,13vw,180px)/1 Arial,sans-serif;color:#ffffff04;letter-spacing:-.07em;pointer-events:none}
.menu-layout{position:relative;z-index:1;max-width:1410px;margin:auto;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);gap:clamp(60px,9vw,170px)}
.menu-intro{position:relative;padding-top:30px}
.menu-intro .tiny-label{color:#ebb878}
.menu-intro h2{font:500 clamp(58px,6.2vw,98px)/.93 Georgia,serif;letter-spacing:-.066em;margin:27px 0 28px}
.menu-intro h2 em{color:#ecc18b}
.menu-intro p{font-size:15px;line-height:1.7;color:#ead0ba;max-width:350px}
.menu-intro .scribble{margin:46px 0 0;font:italic 24px/1.25 Georgia,serif;color:#e9b87f;transform:rotate(-4deg);max-width:260px}
.menu-board{min-width:0}.filterbar{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:23px;border-bottom:1px solid #b08170}
.filterbar button{color:#f8ddc6;border:1px solid #a57161;background:transparent;padding:11px 18px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}
.filterbar button[aria-pressed='true'],.filterbar button:hover{color:#44261e;background:#ecc591;border-color:#ecc591}
.menu-items{margin-top:15px}.menu-row{padding:22px 0 21px;border-bottom:1px solid #9f786c;transition:padding .2s,background .2s}
.menu-row:hover{background:#ffffff08;padding-left:12px;padding-right:12px}
.menu-row .item-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.menu-row h3{font:500 clamp(21px,2.35vw,30px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0}
.menu-row .price{font:500 19px Georgia,serif;white-space:nowrap;color:#edbe86}
.menu-row p{margin:9px 0 0;color:#f2ddce;font-size:16px;line-height:1.65}
.menu-row[hidden]{display:none}
.menu-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;color:#d8baa5;font-size:11px;line-height:1.5}
.menu-foot a{color:#ffda9c;border-bottom:1px solid #e5b06d;padding-bottom:5px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.story-section{background:#f5e8d8;padding:125px max(7vw,30px);position:relative}
.story-shell{max-width:1410px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(65px,11vw,170px);align-items:center}
.story-photo{height:490px;position:relative}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px 210px 2px 2px}
.story-photo:after{content:'MAKE YOURSELF AT HOME';display:grid;place-items:center;position:absolute;right:-40px;bottom:-39px;width:156px;height:156px;border-radius:50%;background:#e2b274;color:#552f25;transform:rotate(-17deg);font-size:13px;font-weight:800;text-align:center;letter-spacing:.1em;padding:18px;border:9px solid #f5e8d8}
.story-text .tiny-label{color:#965441}.story-text h2{font:500 clamp(50px,5.5vw,88px)/.98 Georgia,serif;letter-spacing:-.025em;line-height:1.08;margin:21px 0 25px}.story-text h2 em{color:var(--red)}
.story-text p{font-size:15px;line-height:1.85;color:#574c42;max-width:520px}
.story-text .text-link{display:inline-flex;gap:20px;align-items:center;margin-top:23px;border-bottom:1px solid #8b4535;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-bottom:10px;color:#913d31}
.visit{background:#334039;color:#f7eada;padding:90px max(7vw,30px)}
.visit-content{max-width:1410px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.visit .tiny-label{color:#e8b878}.visit h2{font:500 clamp(55px,6vw,88px)/.93 Georgia,serif;letter-spacing:-.07em;margin:20px 0 0}
.visit .visit-right{border-left:1px solid #758274;padding-left:70px;font-size:16px;line-height:1.9}.visit-right p{margin:0 0 14px}.visit-right strong{color:#f0c38d}
.visit .disclaimer{color:#c0cabe;font-size:11px;line-height:1.5}
.footer{background:#253027;color:#e8d9c3;padding:24px max(5vw,30px);display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.7}
@media(max-width:1050px){.topnav{padding-left:22px;padding-right:22px}.top-links{gap:13px}.top-links a:not(.nav-pill){font-size:10px}.brand span{font-size:28px}.nav-pill{padding:11px 13px}.menu-layout{grid-template-columns:.76fr 1.24fr;gap:55px}.menu-intro h2{font-size:66px}.story-shell{gap:50px}.story-photo{height:390px}}
@media(max-width:760px){.topnav{grid-template-columns:1fr auto;min-height:82px;padding:14px 22px}.brand{justify-self:start;text-align:left;align-items:flex-start}.brand span{font-size:25px}.brand em{font-size:9px;letter-spacing:.22em}.mobile-trigger{display:flex;width:45px;height:43px;flex-direction:column;justify-content:center;gap:5px;align-items:center;background:transparent;border:1px solid #bda793;border-radius:50%;grid-column:2;grid-row:1}.mobile-trigger span{width:19px;height:2px;background:var(--ink)}
.top-links{display:none;grid-column:1/-1;align-items:stretch;flex-direction:column;gap:0;padding:16px 0 0}.topnav.nav-open .top-links{display:flex}.top-links a{padding:14px 9px;border-top:1px solid #decbbc}.top-links.right{justify-content:initial}.nav-pill{border:0;border-radius:0}
.intro{padding-top:42px}.intro .overline{font-size:9px;letter-spacing:.16em}.editorial-mark{display:none}.hero-title{font-size:clamp(55px,12vw,89px);line-height:.91;letter-spacing:-.077em;margin:29px auto 20px}.hero-blurb{font-size:14px;max-width:450px;padding:0 13px}
.gallery-wrap{margin-top:29px;padding:0 11px}.gallery{height:330px;grid-template-columns:1fr 2.3fr 1fr;gap:6px}.gallery-photo:nth-child(1){height:65%;border-radius:80px 80px 2px 2px;transform:translateY(22px)}.gallery-photo:nth-child(2){border-width:3px;border-radius:150px 150px 4px 4px}.gallery-photo:nth-child(3){height:75%;border-radius:2px 2px 80px 80px;transform:translateY(-17px)}.gallery-photo .photo-caption{display:none}.gallery-controls{margin:8px auto 26px}.gallery-controls .caption{font-size:13px}.gallery-controls .group{gap:8px}.gallery-controls button{width:35px;height:35px}
.welcome-banner{font-size:18px;min-height:62px;gap:10px}.welcome-banner .dot{width:5px;height:5px}
.menu-section{padding:64px 25px 75px}.menu-layout{display:block}.menu-intro{padding:0}.menu-intro h2{font-size:63px;margin:19px 0 12px}.menu-intro p{margin:0 0 28px}.menu-intro .scribble{display:none}.filterbar button{font-size:9px;padding:10px 11px}.menu-row h3{font-size:23px}.menu-foot{flex-wrap:wrap}
.story-section{padding:70px 26px 90px}.story-shell{display:flex;flex-direction:column;gap:65px;align-items:stretch}.story-photo{height:370px;max-width:530px;margin-right:30px}.story-photo:after{right:-43px;bottom:-36px;width:128px;height:128px;font-size:11px}.story-text h2{font-size:63px;margin-top:16px}
.visit{padding:70px 26px}.visit-content{display:block}.visit h2{font-size:68px;margin-bottom:36px}.visit .visit-right{border-left:0;border-top:1px solid #758274;padding:27px 0 0}.footer{padding:24px 26px;display:block}
}
@media(max-width:390px){.hero-title{font-size:55px}.gallery{height:280px}.gallery-controls .caption{font-size:12px}.gallery-controls button{width:31px;height:31px}.page-counter{min-width:39px}.menu-intro h2,.story-text h2{font-size:55px}.visit h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Concept B approved foundation. Navigation revised for visibility, not changed to a generic header. */
.skip-link{position:absolute;left:12px;top:-70px;z-index:100;padding:11px 18px;background:#fff;color:#211a16}
.skip-link:focus{top:10px}
.topnav{background:#30221d;border-bottom:4px solid #b65a42;box-shadow:0 7px 18px #2618121c;min-height:119px;padding-top:18px;padding-bottom:18px}
.top-links a:not(.nav-pill){color:#fff2df;font-size:12px;letter-spacing:.11em;padding:10px 0;position:relative}
.top-links a:not(.nav-pill):after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;background:#e6b779;transform:scaleX(0);transition:transform .2s;transform-origin:left}
.top-links a:not(.nav-pill):hover:after,.top-links a[aria-current='page']:after{transform:scaleX(1)}
.top-links a[aria-current='page']{color:#f3bf80}
.top-links a:hover{color:#f3bf80}
.brand{color:#fff2df}
.brand em{color:#eeb779}
.nav-pill{background:#ad4b37;border-color:#d37559;color:#fff8e9;font-size:11px;padding:14px 19px}
.nav-pill:hover{background:#f4d0a4;color:#30221d}
.mobile-trigger{border-color:#c69f81}
.mobile-trigger span{background:#fff4e4}
.inner-lead{background:var(--paper);text-align:center;padding:75px 24px 78px}
.inner-lead .tiny-label{color:#914e3c}
.inner-lead h1{font:500 clamp(58px,8vw,119px)/.92 Georgia,serif;letter-spacing:-.075em;max-width:1100px;margin:25px auto 20px}
.inner-lead h1 em{color:var(--red);font-weight:400}
.inner-lead p{font-size:16px;line-height:1.7;color:#6b5549;max-width:610px;margin:0 auto}
@media(max-width:760px){
 .topnav{min-height:86px;padding:16px 22px}
 .top-links{padding-top:8px}
 .top-links a:not(.nav-pill){font-size:13px;padding:15px 9px;color:#fff2df}
 .top-links a{border-top-color:#6c4b3e}
 .nav-pill{border:1px solid #d37559!important;border-radius:30px!important;margin-top:10px;text-align:center}
 .inner-lead{padding:50px 22px 55px}
 .inner-lead h1{font-size:clamp(48px,13vw,80px)}
 .inner-lead p{font-size:14px}
}

@media(min-width:761px) and (max-width:1150px){.topnav{grid-template-columns:1fr auto 1fr;gap:10px;padding-inline:16px}.brand span{font-size:26px}.top-links{gap:11px}.top-links a:not(.nav-pill){font-size:10px}.nav-pill{padding:11px 13px;font-size:10px}}

/* TF NAV SPACING FIX 01 */
/* Desktop: centered brand above clearly separated navigation. */
@media (min-width: 901px) {
  .topnav {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 22px;
    padding: 22px max(4vw, 28px) 20px;
  }

  .topnav > .brand {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
  }

  .topnav > .top-links {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
    gap: clamp(16px, 2vw, 30px);
    min-width: 0;
  }

  .topnav > .top-links.right {
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-end;
  }

  .topnav .brand span {
    font-size: clamp(28px, 3vw, 37px);
  }

  .topnav .top-links a:not(.nav-pill) {
    font-size: 12px;
    letter-spacing: .08em;
  }
}

/* Narrow desktop: groups get separate rows instead of colliding. */
@media (min-width: 761px) and (max-width: 900px) {
  .topnav {
    grid-template-columns: 1fr;
    row-gap: 12px;
    padding: 20px 24px;
  }

  .topnav > .brand {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
  }

  .topnav > .top-links {
    grid-column: 1;
    grid-row: 2;
    justify-content: center;
    gap: 25px;
  }

  .topnav > .top-links.right {
    grid-column: 1;
    grid-row: 3;
    justify-content: center;
  }

  .topnav .top-links a:not(.nav-pill) {
    font-size: 12px;
  }
}
/* END TF NAV SPACING FIX 01 */



/* TF VISIT PANEL 01 */
.visit .visit-right {
    font-size: 17px;
    line-height: 1.65;
}

.visit-detail {
    margin-bottom: 25px;
}

.visit-detail-label {
    color: #f0c38d;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 7px;
}

.visit-detail address {
    font-style: normal;
}

.visit-detail p {
    margin: 0;
}

.visit-directions {
    margin: 28px 0 22px;
}

.visit-directions-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 13px 22px;
    background: #e2b274;
    color: #30231e;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

.visit-directions-button:hover {
    background: #f1c991;
    transform: translateY(-2px);
}

.visit-directions-button:focus-visible {
    outline: 3px solid #fff3dc;
    outline-offset: 4px;
}

.visit-directions-unavailable {
    display: inline-block;
    border: 1px solid #819186;
    color: #e6dfd1;
    border-radius: 999px;
    padding: 12px 18px;
    font-size: 13px;
}

.visit .disclaimer {
    color: #e0e6da;
    font-size: 14px;
    line-height: 1.6;
    max-width: 490px;
    margin-top: 18px;
}

@media (max-width: 760px) {
    .visit .visit-right {
        font-size: 16px;
    }

    .visit-detail {
        margin-bottom: 22px;
    }

    .visit .disclaimer {
        font-size: 13px;
    }
}
/* END TF VISIT PANEL 01 */

/* TF CAFE FOOTER 01 */

.cc-footer {
    background: #253027;
    color: #f7eada;
    padding: 90px max(5vw, 30px) 28px;
}

.cc-footer-inner {
    max-width: 1410px;
    margin: 0 auto;
}

.cc-footer-top {
    text-align: center;
    padding-bottom: 75px;
}

.cc-footer-eyebrow {
    color: #e2b274;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .19em;
    margin: 0 0 25px;
}

.cc-footer-message {
    font-family: Georgia, serif;
    font-weight: 500;
    font-size: clamp(62px, 8vw, 125px);
    line-height: .99;
    letter-spacing: -.045em;
    margin: 0;
}

.cc-footer-message em {
    color: #e2b274;
    font-weight: 400;
}

.cc-footer-humor {
    font-family: Georgia, serif;
    font-size: clamp(17px, 2vw, 23px);
    font-style: italic;
    color: #e4d6c2;
    margin: 34px auto 0;
    max-width: 580px;
    line-height: 1.5;
}

.cc-footer-rule {
    height: 1px;
    background: rgba(247, 234, 218, .22);
}

.cc-footer-middle {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: 65px;
    padding: 65px 0;
}

.cc-footer-logo {
    display: inline-block;
    font-family: Georgia, serif;
    font-size: clamp(34px, 3.3vw, 52px);
    font-weight: 700;
    line-height: .92;
    letter-spacing: -.055em;
    color: #fff0d9;
    text-decoration: none;
}

.cc-footer-brand p {
    color: #e2b274;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 17px;
    margin: 22px 0;
    line-height: 1.5;
}

.cc-footer-brand span {
    color: #c9baaa;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
}

.cc-footer-nav,
.cc-footer-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.cc-footer-nav h3,
.cc-footer-details h3 {
    font-size: 13px;
    color: #e2b274;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin: 0 0 15px;
}

.cc-footer-nav a,
.cc-footer-details a {
    color: #f7eada;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.6;
}

.cc-footer-nav a:hover,
.cc-footer-details a:hover,
.cc-footer-bottom a:hover {
    color: #e2b274;
}

.cc-footer-details p {
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
}

.cc-footer-hours {
    color: #fff0d9;
    font-weight: 700;
}

.cc-footer-visit {
    margin-top: 15px;
    border-bottom: 1px solid #e2b274;
    padding-bottom: 7px;
    font-weight: 700;
}

.cc-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 28px 0 12px;
}

.cc-footer-bottom p {
    font-size: 12px;
    line-height: 1.6;
    color: #d9ccbc;
    margin: 0;
}

.cc-footer-bottom a {
    color: #e2b274;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.cc-footer-demo {
    font-size: 12px;
    color: #c9baaa;
    line-height: 1.6;
    text-align: center;
    margin: 24px 0 0;
}

.cc-footer a:focus-visible {
    outline: 3px solid #e2b274;
    outline-offset: 5px;
}

@media (max-width: 900px) {
    .cc-footer-middle {
        grid-template-columns: 1fr 1fr;
        gap: 45px;
    }

    .cc-footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .cc-footer {
        padding: 65px 25px 25px;
    }

    .cc-footer-top {
        padding-bottom: 50px;
    }

    .cc-footer-message {
        font-size: clamp(48px, 12vw, 75px);
    }

    .cc-footer-middle {
        grid-template-columns: 1fr;
        gap: 45px;
        padding: 50px 0;
    }

    .cc-footer-brand {
        grid-column: auto;
    }

    .cc-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* END TF CAFE FOOTER 01 */

/* TF HEADER LOGO SIZE 01 */
@media (min-width: 901px) {
    .topnav .brand span {
        font-size: 52px;
        line-height: .93;
    }

    .topnav .brand em {
        font-size: 12px;
        margin-top: 12px;
    }
}
/* END TF HEADER LOGO SIZE 01 */

/* TF CENTERED HEADER CONSOLIDATED 05 */
/* Keep the complete logo + navigation composition centered as a single unit. */
/* The header background remains full width, but links do not stretch on ultrawide. */
@media (min-width: 1250px) {
    .topnav {
        display: grid;
        grid-template-columns: max-content max-content max-content;
        grid-template-rows: auto;
        justify-content: center;
        align-items: center;
        column-gap: clamp(35px, 3vw, 55px);
        row-gap: 0;
        min-height: 155px;
        padding: 20px 24px;
    }

    .topnav > .top-links {
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-end;
        align-self: center;
        min-width: 0;
    }

    .topnav > .brand {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        align-self: center;
        margin: 0;
    }

    .topnav > .top-links.right {
        grid-column: 3;
        grid-row: 1;
        justify-content: flex-start;
        align-self: center;
        min-width: 0;
    }
}
/* END TF CENTERED HEADER CONSOLIDATED 05 */