@import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');
html{overflow-y:auto;scrollbar-gutter:stable}
.header{display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(16px,4vw,28px);padding-bottom:0;margin-bottom:16px;position:relative;flex-wrap:nowrap}
.brand{display:flex;gap:10px;flex:1;min-width:0}
.brand-text{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.logo{width:110px;height:110px;flex-shrink:0}
#siteName{font-family:'Gruppo',sans-serif;font-size:clamp(20px,5vw,48px);letter-spacing:0.1em;color:var(--accent-text);line-height:1;font-weight:700}
#subtitle{font-family:'Nunito',sans-serif;color:var(--muted);line-height:1;font-weight:400;font-style:italic;font-size:clamp(14px,2.5vw,18px)}
.menu-container{align-self:flex-start;margin-left:auto;position:relative}
.menu-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:20px;cursor:pointer;color:var(--accent-text);font-family:'Barlow',sans-serif;font-weight:900}
.menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:8px;flex-direction:column;gap:8px;min-width:150px;z-index:100}
.menu.open{display:flex}
.menu .btn{display:block;white-space:nowrap}
.menu .active{background:var(--accent);color:#fff;border:none}
.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:6px;font-size:15px;font-family:'Manrope',sans-serif}
.txt{font-family:'Gruppo',system-ui,-apple-system,Segoe UI,Roboto,Arial;fill:var(--fg)}
.apostrophe{font-size:40px;font-weight:100;letter-spacing:0.2px}
.dries{font-size:125px;font-weight:400;letter-spacing:0.3px}
.hof{font-size:125px;font-weight:400;letter-spacing:52px}
.mark{fill:var(--fg)}
.box{fill:none;stroke:var(--fg);stroke-width:1}