/* MAGICO footer — 2026-10-09 owner-directed addition.
   Footer only. Existing hero, adventure cards, and Stage 3 CSS stay unchanged. */
.magico-footer {
  display:block;
  width:100%;
  background:#07382f;
  color:#f9f2e9;
  font-family:Arial,Helvetica,sans-serif;
  border-top:1px solid #c9a65d;
}
.magico-footer-inner {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));
  gap:clamp(30px,6vw,100px);
  max-width:1580px;
  margin:0 auto;
  padding:clamp(44px,5vw,75px) clamp(24px,5vw,74px) 42px;
}
.magico-footer-name {
  display:block;
  color:#f0c86c;
  font:700 clamp(28px,3.3vw,40px)/1.1 Georgia,serif;
  letter-spacing:.08em;
}
.magico-footer-name span{font-size:20px;vertical-align:top}
.magico-footer-brand p {
  max-width:310px;
  color:#e0e9e1;
  margin:16px 0 0;
  font:15px/1.65 Arial,sans-serif;
}
.magico-footer-brand .magico-footer-note {
  color:#a8c1b8;
  font:12px/1.6 Arial,sans-serif;
  margin-top:19px;
}
.magico-footer-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
  min-width:0;
}
.magico-footer-links h2{
  color:#f0c86c;
  font:700 13px/1.5 Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:0 0 8px;
}
.magico-footer-links a,
.magico-footer-bottom a {
  color:#f8f6ef;
  text-decoration:none;
  font:14px/1.5 Arial,sans-serif;
  transition:color .15s ease;
}
.magico-footer-links a:hover,
.magico-footer-bottom a:hover {color:#f0c86c;text-decoration:underline}
.magico-footer a:focus-visible {
  outline:3px solid #edc96b;
  outline-offset:5px;
  border-radius:2px;
}
.magico-footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  max-width:1432px;
  margin:0 auto;
  padding:24px clamp(24px,5vw,74px) 27px;
  color:#b5cbbf;
  border-top:1px solid rgba(244,233,196,.17);
  font:12px/1.6 Arial,sans-serif;
}
.magico-footer-bottom a{font-size:12px}
@media (max-width:760px) {
  .magico-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .magico-footer-brand{grid-column:1 / -1}
}
@media (max-width:410px) {
  .magico-footer-inner{grid-template-columns:1fr;padding:38px 25px 28px}
  .magico-footer-brand{grid-column:auto}
  .magico-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (prefers-reduced-motion:reduce) {
  .magico-footer-links a,
  .magico-footer-bottom a{transition:none}
}