@font-face{font-family:Barlow Condensed;src:url('fonts/display.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url('fonts/display-italic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:DM Sans;src:url('fonts/body.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('fonts/body-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('fonts/mono.woff2') format('woff2');font-weight:400;font-display:swap}

:root {
  color-scheme: dark;
  --ink: #101014;
  --charcoal: #19151c;
  --red: #e12b38;
  --hot: #ff5963;
  --crimson: #8e1423;
  --white: #f5f2f2;
  --muted: #aaa4aa;
  --line: #383037;
  --header: 72px;
  --display: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
  --body: 'DM Sans', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 23px); }
body { margin: 0; background: var(--ink); color: var(--white); font: 400 1rem/1.65 var(--body); }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
img { display: block; max-width: 100%; height: auto; }
h1,h2,h3,p,figure,blockquote { margin: 0; }
h1,h2 { font: 900 clamp(3.5rem, 7.55vw, 7.75rem)/.84 var(--display); letter-spacing: -.025em; }
h1 em,h2 em { color: var(--hot); font-weight: inherit; }
:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
::selection { background: var(--red); color: #080608; }
.wrap { width: min(100% - 80px, 1264px); margin-inline: auto; }
.skip { position:absolute; z-index:99; inset: 10px auto auto 12px; background: var(--white); color: var(--ink); padding: 8px 12px; transform:translateY(-160%); }
.skip:focus { transform:none; }
.section { padding-block: clamp(78px, 10vw, 152px); }
.section-head { margin-bottom: clamp(36px, 5vw, 66px); }
.section-deck { font-size: clamp(1rem, 1.5vw, 1.2rem); color: var(--muted); max-width: 52ch; margin-top: 24px; }
.eyebrow { display:flex; align-items:center; gap:10px; color: var(--hot); font: 400 .72rem/1.35 var(--mono); letter-spacing:.13em; text-transform:uppercase; }
.eyebrow > span:first-child:empty { display:inline-block; height:1px; width:24px; background:currentColor; flex:none; }
.section-head > .eyebrow,.final-inner > .eyebrow { margin-bottom: 19px; }
.actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.button { min-height:48px; padding:0 18px; display:inline-flex; gap:10px; align-items:center; justify-content:center; background:none; border:1px solid transparent; border-radius:4px; cursor:pointer; line-height:1.15; font:700 .82rem/1.2 var(--body); white-space:nowrap; transition:background-color .18s,color .18s,border-color .18s,transform .18s; }
.button.primary { color:#10080a; background:#f34451; border-color:#f34451; }
.button.outline { border-color:#5e5059; background:#141016a8; color:var(--white); }
.button.icon-button { padding:0; width:44px; min-height:44px; border-color:var(--line); }
.button:hover:not(:disabled):not(.status-button) { border-color:#ff8189; background:#ff6270; color:#10080a; }
.button:active:not(:disabled):not(.status-button) { transform:translateY(1px); }
.button:disabled { cursor:default; color:#b9aeb3; border-color:#51454d; }
.button.status-button { border-color:#6c333c; background:#2a1117; color:#ff969b; cursor:default; }
.signal { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--hot); box-shadow:0 0 12px #ff5963c0; flex:none; }
.site-header { position:sticky; top:0; z-index:20; background:#101014f4; border-bottom:1px solid #32252c; min-height:var(--header); }
.header-inner { width:min(100% - 54px, 1430px); height:calc(var(--header) - 1px); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; align-items:center; flex:none; }
.brand img { width:151px; height:auto; }
.desktop-nav,.header-actions { display:flex; align-items:center; }
.desktop-nav { gap:clamp(12px, 1.55vw, 27px); color:#c8bcc3; font-size:.82rem; white-space:nowrap; }
.desktop-nav a:hover,.mobile-nav a:hover { color:var(--hot); }
.header-actions { gap:9px; }
.header-launch { border-color:#68333a; min-height:39px; color:#ff9096; padding-inline:12px; }
.menu-toggle,.mobile-nav { display:none !important; }

.hero { position:relative; min-height:calc(min(860px, 100svh) - var(--header)); display:flex; flex-direction:column; justify-content:center; isolation:isolate; background:#130c11; overflow:hidden; }
.hero-art,.hero-art img,.hero::before,.hero-fog { position:absolute; inset:0; width:100%; height:100%; }
.hero-art { z-index:-4; }
.hero-art img { object-fit:cover; object-position:62% 47%; }
.hero::before { content:''; z-index:-2; background:linear-gradient(90deg,#100b10 0%,#100b10ee 12%,#100b10cf 30%,#100b1045 55%,transparent 80%),linear-gradient(0deg,#100b10 0%,transparent 24%); }
.hero-fog { z-index:-1; background:radial-gradient(ellipse at 87% 105%,#e12b3825,transparent 57%); pointer-events:none; animation:breathe 13s ease-in-out 2 alternate; }
@keyframes breathe { from { opacity:.28; } to { opacity:1; } }
.hero-content { padding-block:clamp(90px, 12vh, 145px) clamp(110px, 15vh, 160px); }
.hero-meta { display:flex; align-items:center; gap:17px; margin-bottom:23px; }
.hero-ticker { color:#ff929a; }
.hero-ticker span:first-child:empty { width:14px; }
.flag { display:inline-flex; align-items:center; gap:7px; border:1px solid #863d45; background:#2a1218e0; color:#ffc0c5; padding:6px 9px; border-radius:3px; font:400 .66rem/1 var(--mono); letter-spacing:.04em; }
.hero h1 { font-size:clamp(6rem, 11.7vw, 12.8rem); line-height:.76; letter-spacing:-.033em; text-shadow:0 7px 30px #10090966; }
.hero h1 em { display:inline-block; padding-right:.07em; }
.hero-tagline { font:900 clamp(1.4rem, 2.45vw, 2.6rem)/1.05 var(--display); letter-spacing:.05em; margin-top:27px; }
.hero-copy { font-size:clamp(.95rem,1.45vw,1.14rem); color:#d4c4ca; max-width:39ch; margin-block:15px 27px; }
.hero-foot { position:absolute; bottom:29px; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; font:400 .68rem/1 var(--mono); letter-spacing:.12em; color:#bba8ae; }
.hero-foot a,.hero-foot span { display:flex; gap:9px; align-items:center; }
.hero-foot a:hover { color:var(--white); }
.hero-foot i { display:inline-block; width:23px; height:1px; background:var(--red); }
.tag-strip { min-height:53px; background:var(--red); color:#11070a; display:flex; justify-content:space-evenly; align-items:center; gap:15px; padding:10px 20px; }
.tag-strip span { display:inline-flex; align-items:center; gap:10px; font:900 clamp(.83rem, 1.65vw, 1.25rem)/1.1 var(--display); letter-spacing:.075em; }
.tag-strip svg { flex:none; }
.story-section { background:radial-gradient(ellipse at 100% 8%,#211118 1%,var(--ink) 41%); }
.chapter-nav { display:flex; flex-wrap:wrap; gap:8px; margin-top:29px; }
.chapter-nav a { border:1px solid var(--line); padding:7px 10px; font:.72rem/1.25 var(--mono); color:var(--hot); transition:border-color .2s; }
.chapter-nav a span { color:#d2c6cb; margin-left:4px; }
.chapter-nav a:hover { border-color:var(--hot); }
.chapter-list { display:grid; gap:42px; }
.chapter { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:clamp(25px,5vw,78px); padding-top:31px; border-top:1px solid var(--line); }
.chapter:nth-child(even) .chapter-frame { order:2; }
.chapter-frame { position:relative; overflow:hidden; border:1px solid #4c2b34; border-radius:4px; background:#261219; }
.chapter-frame img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.chapter-copy h3 { font:900 clamp(2.35rem,5vw,4.9rem)/.88 var(--display); text-transform:uppercase; margin:8px 0 17px; }
.story-copy { color:#c4b8be; }
.story-copy p + p,.story-copy p + blockquote,.story-copy blockquote + p { margin-top:12px; }
.story-copy blockquote { color:#ff7f89; font:900 italic clamp(1.7rem,3.6vw,3.1rem)/.94 var(--display); border-left:2px solid var(--red); padding-left:14px; }
.chapter-finale { align-items:start; }
.chapter-finale .chapter-frame { position:sticky; top:calc(var(--header) + 22px); }
.bubbles { position:absolute; inset:8% auto auto 6%; display:grid; justify-items:start; gap:7px; max-width:54%; }
.bubbles span { color:#171017; background:var(--white); border-radius:2px 3px 3px 7px; padding:5px 10px; font:900 clamp(.62rem,1.5vw,1.03rem)/1.02 var(--display); box-shadow:3px 4px 0 #8e1423; transform:rotate(-4deg); }
.bubbles span + span { margin-left:15px; transform:rotate(4deg); }
.mascot-section { background:radial-gradient(ellipse at 74% 30%,#401720,#19151c 53%); border-block:1px solid #3a2530; overflow:hidden; }
.mascot-lead { display:grid; grid-template-columns:1.05fr 1fr; gap:32px; align-items:center; }
.mascot-lead .section-head { margin-bottom:30px; }
.mascot-cutout { display:grid; place-items:center; }
.mascot-cutout img { width:min(100%,535px); filter:drop-shadow(0 28px 30px #03030678); }
.blame-box { margin-top:25px; min-height:89px; }
.cat-reply { margin-top:7px; color:#ff9ca4; font:900 italic 1.24rem/1.2 var(--display); letter-spacing:.05em; }
.faces { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.face-card { border:1px solid #4b323b; background:#151016; border-radius:5px; overflow:hidden; }
.face-card img { width:100%; aspect-ratio:4/3; object-fit:cover; object-position:50% 44%; }
.face-card > div { padding:16px 18px 19px; }
.face-card h3,.case-file h3,.step-grid h3 { font:900 clamp(1.45rem,2.6vw,2.2rem)/.98 var(--display); text-transform:uppercase; }
.face-card p,.step-grid li > p:last-child { margin-top:7px; color:var(--muted); font-size:.92rem; line-height:1.5; }
.files-section { background:linear-gradient(130deg,#121016,#160f16); }
.case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:start; }
.case-file { min-width:0; border:1px solid #4b343c; border-radius:5px; background:#181219; transition:border-color .18s; }
.case-file:hover,.case-file[open] { border-color:#ad5762; }
.case-file summary { padding:18px 44px 19px 17px; position:relative; display:grid; gap:8px; cursor:pointer; list-style:none; }
.case-file summary::-webkit-details-marker { display:none; }
.case-label { color:var(--hot); font:.69rem/1 var(--mono); letter-spacing:.1em; }
.case-plus { position:absolute; right:15px; top:50%; transform:translateY(-50%); color:var(--hot); display:grid; place-items:center; }
.case-file[open] .case-plus { transform:translateY(-50%) rotate(45deg); }
.case-body { display:flex; align-items:center; gap:13px; border-top:1px solid #4b343c; padding:12px; }
.case-body img { width:64px; height:64px; object-fit:cover; border-radius:4px; flex:none; }
.case-body p { font-size:.83rem; color:var(--muted); }
.case-body blockquote { margin-top:4px; color:#ff8b95; font:900 1.15rem/1 var(--display); }
.meter { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:16px 18px; margin-top:24px; border:1px solid #52323c; border-radius:4px; background:linear-gradient(90deg,#35161f,#181219); }
#meter-answer { font:900 1.72rem/1 var(--display); margin-top:5px; }
.memes-section { background:radial-gradient(ellipse at 42% 0%,#2c111b 1%,#101014 66%); border-top:1px solid #39252e; }
.meme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.meme-card { border:1px solid #402e36; border-radius:5px; overflow:hidden; background:#181219; min-width:0; }
.meme-open { display:block; position:relative; overflow:hidden; background:#1d1219; }
.meme-open img { width:100%; height:auto; aspect-ratio:6/5; transition:transform .35s; }
.meme-open:hover img { transform:scale(1.03); }
.open-icon { position:absolute; top:8px; right:8px; display:grid; place-items:center; height:35px; width:35px; border:1px solid #b5787c; background:#171018da; border-radius:4px; }
.meme-meta { display:flex; align-items:center; justify-content:space-between; padding:3px 8px 3px 13px; gap:6px; }
.meme-meta h3 { font-size:.9rem; line-height:1.1; }
.meme-download { display:grid; flex:none; place-items:center; height:44px; width:44px; color:#ff939c; border-radius:4px; }
.meme-download:hover { background:#37252e; }
.meme-dialog { max-width:min(850px, calc(100vw - 20px)); width:100%; max-height:calc(100dvh - 22px); overflow:auto; padding:0; color:var(--white); border:1px solid #74515d; border-radius:7px; background:#181219; }
.meme-dialog::backdrop { background:#080509dd; }
.dialog-inner { padding:12px; }
.dialog-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:9px; }
.dialog-head h2 { font-size:clamp(1.7rem,5vw,2.5rem); }
#large-meme { width:100%; height:min(66vh,680px); object-fit:contain; background:#0e0a0e; }
.dialog-actions { margin-top:12px; }
body:has(.meme-dialog[open]) { overflow:hidden; }
.token-section { background:#19131a; border-block:1px solid #422c36; }
.token-grid { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:clamp(24px,6vw,90px); }
.token-grid .section-head { margin-bottom:0; }
.token-grid .section-head .button { margin-top:22px; }
.token-panel { padding:17px 22px; background:#100d12; border:1px solid #553741; border-radius:5px; min-width:0; }
.token-panel dl { margin:0; }
.token-panel dl > div { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:11px; border-bottom:1px solid #382632; }
.token-panel dt,.address-row span { color:#bdb1b8; font-size:.86rem; }
.token-panel dd { margin:0; text-align:right; font-weight:700; overflow-wrap:anywhere; }
.address-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:15px; }
.address-row code { display:block; color:#ff9ca4; font:.8rem/1.4 var(--mono); overflow-wrap:anywhere; }
.copy-button { flex:none; }
#copy-status { color:#ff9ca4; font-size:.82rem; }
.buy-section { background:#110f15; }
.step-grid { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.step-grid li { padding:22px 15px; min-width:0; border:1px solid #48343d; border-radius:5px; background:#19131a; }
.step-icon { display:grid; place-items:center; width:49px; height:49px; color:#ff8791; border:1px solid #61434e; border-radius:4px; margin-bottom:20px; }
.step-grid .eyebrow { margin-bottom:6px; }
.buy-end { margin-top:23px; display:flex; justify-content:space-between; align-items:center; gap:17px; }
.buy-end p { color:#c4b6bd; font-size:.88rem; max-width:67ch; }
.community-section { position:relative; isolation:isolate; background:#1a1118 url('art/background.webp') center 52%/cover; }
.community-section::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#170e15,#170e15e5 54%,#170e1575); }
.community-inner .section-head { margin-bottom:28px; }
.final-section { position:relative; isolation:isolate; background:#1a1118 url('art/final.webp') 65% 58%/cover; min-height: min(810px, 78svh); display:grid; align-items:center; }
.final-section::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#100b11 0%,#100b118f 52%,#100b1113 78%),linear-gradient(0deg,#100b11 0%,transparent 34%); }
.final-inner { padding-block:93px; }
.final-inner .actions { margin-block:22px 15px; }
.final-tag { color:#f4a1a7; font:400 .76rem/1.3 var(--mono); letter-spacing:.08em; }
.site-footer { border-top:1px solid #412c36; background:#100e13; padding:25px 0; }
.footer-inner { display:grid; align-items:center; grid-template-columns:auto 1fr auto; gap:15px 20px; }
.footer-token { color:#ddcdd3; font:.73rem/1.3 var(--mono); }
.footer-token span { color:var(--hot); }
.footer-actions { display:flex; align-items:center; gap:8px; }
.footer-disclaimer { grid-column:1/-1; border-top:1px solid #392a32; padding-top:15px; color:#b3a8af; font-size:.82rem; max-width:90ch; }
.copyright,.paw-reply { color:#b3a8af; font-size:.76rem; }
.paw-reply { grid-column:span 2; text-align:right; }
#paw-button { color:#e88b96; }
.reveal-ready [data-reveal]:not(.seen) { transform:translateY(12px); }
.reveal-ready [data-reveal].seen { transform:translateY(0); transition:transform .5s ease-out; }

@media(max-width:1100px) {
  .header-inner { width:calc(100% - 34px); }
  .header-inner .brand img { width:131px; }
}
@media(max-width:1000px) {
  :root { --header:62px; }
  .desktop-nav { display:none; }
  .js .menu-toggle { display:inline-flex !important; }
  .js .mobile-nav:not([hidden]) { display:grid !important; position:absolute; top:100%; left:0; right:0; padding:8px 18px 14px; background:#181219; border-bottom:1px solid #48323b; max-height:calc(100dvh - var(--header)); overflow:auto; }
  .mobile-nav a { padding:9px 12px; border-bottom:1px solid #392a31; }
  .case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wrap { width:calc(100% - 44px); }
}
@media(max-width:700px) {
  .section { padding-block:71px; }
  .chapter,.mascot-lead,.token-grid { grid-template-columns:1fr; }
  .chapter:nth-child(even) .chapter-frame { order:initial; }
  .chapter-finale .chapter-frame { position:relative; top:auto; }
  .chapter { gap:19px; padding-top:20px; }
  .chapter-list { gap:30px; }
  .meme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .step-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mascot-lead { gap:0; }
  .mascot-cutout img { max-width:370px; }
  .faces { margin-top:15px; gap:8px; }
  .face-card > div { padding:9px; }
  .face-card p { font-size:.8rem; }
  .face-card h3 { font-size:1.25rem; }
  .token-panel { padding-inline:15px; }
}
@media(max-width:640px) {
  .wrap { width:calc(100% - 34px); }
  .hero { min-height:0; justify-content:end; }
  .hero-art img { object-position:center 27%; }
  .hero::before { background:linear-gradient(0deg,#100b10 2%,#100b10f3 26%,#100b10bb 43%,#100b1012 70%),linear-gradient(90deg,#100b1025,transparent 75%); }
  .hero-content { padding-block:clamp(255px, 47vh, 440px) 73px; }
  .hero h1 { font-size:clamp(5rem, 18.1vw, 8rem); }
  .hero-meta { gap:10px; margin-bottom:18px; }
  .hero-tagline { margin-top:21px; }
  .hero-copy { margin-block:12px 20px; }
  .hero-foot { bottom:20px; font-size:.58rem; }
  .hero-foot i { width:10px; }
  .hero-foot a,.hero-foot span { gap:4px; }
  .tag-strip span:nth-child(3) { display:none; }
  .tag-strip { justify-content:space-between; gap:8px; min-height:40px; padding:8px 17px; }
  .tag-strip span { letter-spacing:.04em; gap:4px; }
  .tag-strip svg { width:15px; height:15px; }
  h2 { font-size:clamp(3.05rem, 12.4vw, 5.7rem); }
  .wide-only { display:none; }
  .section-deck { margin-top:17px; }
  .final-section { background-position:66% center; min-height:620px; align-items:end; }
  .final-section::before { background:linear-gradient(0deg,#100b11,#100b11ee 24%,#100b1132 75%),linear-gradient(90deg,#100b1160,transparent); }
  .final-inner { padding-block:220px 53px; }
}
@media(max-width:395px) {
  .header-inner { width:calc(100% - 22px); gap:7px; }
  .header-inner .brand img { width:112px; }
  .header-actions { gap:5px; }
  .header-launch { padding-inline:8px; }
  .wrap { width:calc(100% - 28px); }
  .actions { gap:7px; }
  .button:not(.icon-button) { padding-inline:11px; }
  .case-grid { grid-template-columns:1fr; }
  .meter,.buy-end { align-items:start; flex-direction:column; }
  .faces { grid-template-columns:1fr; }
  .face-card { display:grid; grid-template-columns:110px 1fr; align-items:center; }
  .face-card img { aspect-ratio:1; }
  .meme-meta { padding-left:7px; }
  .meme-meta h3 { font-size:.81rem; }
  .footer-inner { gap:10px; }
  .footer-inner .brand img { width:106px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; transform:none !important; }
  .hero-foot { left:0; right:0; margin-inline:auto; }
  .skip:not(:focus) { top:-100px; }
}
@media(max-width:1000px) {
  html:not(.js) .site-header { position:relative; }
  html:not(.js) .desktop-nav { display:flex; flex-wrap:wrap; justify-content:space-between; padding:12px 0; gap:12px; }
  html:not(.js) .header-inner { height:auto; padding:12px 0; flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
  .case-file[open] .case-plus { transform:translateY(-50%) rotate(45deg) !important; }
  .case-file:not([open]) .case-plus { transform:translateY(-50%) !important; }
  .bubbles span:first-child { transform:rotate(-4deg) !important; }
  .bubbles span + span { transform:rotate(4deg) !important; }
}
.hero-art img { transform:scale(1.035) translateY(var(--parallax-offset,0px)); }
.hero-sparks { position:absolute; z-index:-1; inset:10% 3% 6% 48%; pointer-events:none; }
.hero-sparks i { position:absolute; left:var(--x); bottom:var(--y); width:3px; height:3px; border-radius:50%; background:#fb6d77; opacity:.35; box-shadow:0 0 7px #ff5660; animation:drift 12s var(--delay) 2 ease-in-out; }
.hero-sparks i:nth-child(1) { --x:33%; --y:23%; --delay:0s; }
.hero-sparks i:nth-child(2) { --x:81%; --y:30%; --delay:-4s; }
.hero-sparks i:nth-child(3) { --x:42%; --y:12%; --delay:-8s; }
.hero-sparks i:nth-child(4) { --x:96%; --y:8%; --delay:-2s; }
@keyframes drift { 0%,100% { transform:translate(0,0); opacity:.3; } 55% { transform:translate(10px,-25px); opacity:.7; } }
@media (max-width:640px) { .hero-art img { transform:none; } }
@media (prefers-reduced-motion:no-preference) {
  #paw-button:hover svg { animation:toe-step .35s ease-out; }
}
@keyframes toe-step { 50% { transform:translateY(-3px) rotate(-9deg); } }
@media(max-width:350px) {
  .header-inner .brand img { width:93px; }
  .header-inner .header-launch { font-size:.75rem; padding-inline:7px; gap:5px; }
  .header-actions .icon-button { width:40px; min-height:40px; }
  .footer-inner .brand img { width:91px; }
}

@media(max-width:395px) { .header-actions a.icon-button { display:none; } }