/* Axeology | Games & Taproom — logo-faithful visual language, 2026 */
:root{--axeology-ivory:#f2e9dc;--axeology-gold:#d3a16b;--axeology-red:#bc2424}
#site-header{background:rgba(12,12,11,.985);border-bottom:2px solid #bb8955}
.nav-wrap{gap:16px}
.nav-brand{min-width:0}
.brand{min-width:0;gap:14px;white-space:nowrap}
.brand-symbol,.footer .brand-symbol{border:0;background:none;border-radius:0;box-shadow:none;overflow:visible;width:87px;height:64px;flex:0 0 87px;display:grid;place-items:center;position:relative;color:var(--axeology-ivory)}
.brand-symbol:after{content:"";position:absolute;right:-5px;top:13px;bottom:13px;width:2px;background:var(--axeology-gold);transform:skewX(-13deg)}
.brand-symbol .axe-emblem,.footer .brand-symbol .axe-emblem{display:block;width:84px;height:62px;max-width:none;max-height:none;object-fit:contain}
.brand-name{min-width:0;align-items:flex-start}
.brand-name strong{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;font-style:italic;letter-spacing:.028em;font-size:36px;line-height:.95;color:var(--axeology-ivory)}
.brand-name small{display:flex;align-items:center;gap:6px;color:var(--axeology-ivory);font-weight:800;font-size:9px;letter-spacing:.15em;margin-top:8px;white-space:nowrap}
.brand-name small:before,.brand-name small:after{content:"";display:block;width:13px;height:2px;background:var(--axeology-red);flex:0 0 13px}
.menu-toggle{border:1px solid var(--axeology-gold);border-radius:9px;color:var(--axeology-gold);font-size:27px;min-width:52px;min-height:54px;line-height:1}
.quick-links{background:#111110;border-bottom:3px solid var(--axeology-gold)}
.quick-links a{font-weight:900;color:var(--axeology-ivory);letter-spacing:.035em}
.quick-links a .activity-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px}
.quick-links a .activity-icon img{width:47px;height:47px;object-fit:contain;display:block}
.quick-links a:hover .activity-icon{transform:scale(1.06);transition:transform .16s ease}
.experience-section{background:#e9ddcd;color:#171512}
.experience-section .axe-section-crest{width:148px;height:148px;margin:0 auto 22px;object-fit:contain;display:block}
.experience-section .section-heading{margin-bottom:42px}
.experience-section .section-heading .eyebrow{color:#171512!important;justify-content:center;letter-spacing:.22em;gap:13px;font-size:13px;margin-bottom:24px}
.experience-section .section-heading .eyebrow:before,.experience-section .section-heading .eyebrow:after{content:"";width:37px;height:3px;background:var(--axeology-red);display:block;flex:0 0 37px}
.experience-section .section-heading h2{font-size:clamp(3.7rem,7vw,7.4rem);line-height:1.02;letter-spacing:-.012em;color:#171512}
.experience-section .section-heading p{color:#514b45;font-size:18px;line-height:1.6}
.axe-league-badge{width:110px;height:110px;object-fit:contain;display:block;margin:0 0 15px}
@media(max-width:1090px){
  .brand{min-width:0}.brand-name strong{font-size:30px}
  .brand-symbol,.footer .brand-symbol{width:75px;height:56px;flex-basis:75px}
  .brand-symbol .axe-emblem,.footer .brand-symbol .axe-emblem{width:74px;height:55px}
}
@media(max-width:800px){
  .nav-wrap{height:84px;width:calc(100% - 28px);gap:10px}
  .brand{gap:11px}
  .brand-symbol,.footer .brand-symbol{width:91px;height:70px;flex-basis:91px}
  .brand-symbol .axe-emblem,.footer .brand-symbol .axe-emblem{width:89px;height:69px}
  .brand-symbol:after{right:-4px;top:14px;bottom:14px}
  .brand-name strong{font-size:35px}
  .brand-name small{font-size:9px;letter-spacing:.16em}
  .mainnav{top:84px}
  .quick-links-inner{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .quick-links a,.quick-links a:nth-child(3),.quick-links a:nth-child(even){min-height:92px;border-right:1px solid #3b3631;border-bottom:1px solid #3b3631;display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:10px clamp(12px,3vw,25px);font:900 17px/1.05 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:.048em}
  .quick-links a:nth-child(even){border-right:0}
  .quick-links a .activity-icon{width:53px;height:53px;flex-basis:53px}
  .quick-links a .activity-icon img{width:52px;height:52px}
  .experience-section{padding:73px 0 70px}
  .experience-section .axe-section-crest{width:143px;height:143px;margin-bottom:20px}
  .experience-section .section-heading h2{font-size:clamp(3.4rem,11vw,5.3rem);line-height:1.02}
  .experience-section .section-heading p{font-size:17px}
  .experience-section .section-heading .eyebrow{font-size:12px;letter-spacing:.17em;gap:9px}
  .experience-section .section-heading .eyebrow:before,.experience-section .section-heading .eyebrow:after{width:24px;flex-basis:24px}
}
@media(max-width:460px){
  .nav-wrap{height:78px;width:calc(100% - 20px);gap:7px}
  .brand{gap:9px}
  .brand-symbol,.footer .brand-symbol{width:77px;height:66px;flex-basis:77px}
  .brand-symbol .axe-emblem,.footer .brand-symbol .axe-emblem{width:77px;height:66px}
  .brand-symbol:after{top:14px;bottom:14px;right:-3px}
  .brand-name strong{font-size:clamp(25px,7.4vw,32px)}
  .brand-name small{font-size:7px;letter-spacing:.08em;gap:4px;margin-top:6px}
  .brand-name small:before,.brand-name small:after{width:9px;flex-basis:9px}
  .menu-toggle{min-width:46px;min-height:51px;padding:0 7px;margin-left:auto;font-size:24px}
  .mainnav{top:78px}
  .quick-links a,.quick-links a:nth-child(3),.quick-links a:nth-child(even){min-height:92px;padding:10px 12px;gap:8px;font-size:clamp(14px,4.1vw,17px)}
  .quick-links a .activity-icon{width:47px;height:47px;flex-basis:47px}
  .quick-links a .activity-icon img{width:46px;height:46px}
  .experience-section .axe-section-crest{width:138px;height:138px}
  .experience-section .section-heading h2{font-size:clamp(3.1rem,12vw,3.8rem)}
  .experience-section .section-heading .eyebrow{font-size:10px;letter-spacing:.14em;gap:7px}
  .experience-section .section-heading .eyebrow:before,.experience-section .section-heading .eyebrow:after{width:19px;flex-basis:19px}
}
@media(max-width:350px){
  .brand-symbol,.footer .brand-symbol{width:64px;flex-basis:64px}
  .brand-symbol .axe-emblem,.footer .brand-symbol .axe-emblem{width:64px}
  .brand-name strong{font-size:25px}.brand-name small{letter-spacing:0}
  .quick-links a{padding-left:7px;padding-right:5px}
}
/* Prevent long headings and grid content from stretching narrow phone layouts. */
@media(max-width:500px){
  .intro-grid,.visit-grid,.location-photo-grid{grid-template-columns:minmax(0,1fr)}
  .intro-grid>*,.visit-grid>*,.location-photo-grid>*{min-width:0;max-width:100%}
  .intro-copy h2,.visit-grid h2,.location-photo-copy h2{font-size:clamp(2.85rem,11vw,4.15rem);overflow-wrap:anywhere}
}