/* Shared blue footer: the approved Home layout on every main page. */


/* Three stable footer groups share one centre line; links never wrap individually. */
.tumblethorn-footer {
    display: grid;
    grid-template-columns: minmax(14rem, 18rem) minmax(26rem, 1fr) 9rem;
    align-items: center;
    gap: 2rem;
    margin-top: 0;
    padding: 1rem 4.5rem;
    border-radius: var(--radius-lg);
    background: linear-gradient(110deg, #0758a6, #063b89 70%, #082c6b);
    color: #fff;
    text-align: left;
}
.tumblethorn-footer-brand { display: grid; grid-template-columns: 5rem minmax(0, 1fr); align-items: center; gap: 1rem; }
.tumblethorn-footer-brand img { display: block; width: 100%; height: auto; filter: brightness(1.15) saturate(1.12); }
.tumblethorn-footer-brand p { margin: 0; font-size: 0.8rem; line-height: 1.5; }
.tumblethorn-footer-links { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.tumblethorn-footer-links a { display: inline-flex; align-items: center; min-height: 2.75rem; color: #fff; font-size: 0.8rem; font-weight: 700; line-height: 1.5; white-space: nowrap; text-decoration: none; }
.tumblethorn-footer-links a:hover { text-decoration: underline; text-underline-offset: 0.2rem; }
.tumblethorn-footer-copyright { margin: 0; font-size: 0.8rem; line-height: 1.5; white-space: nowrap; }
.tumblethorn-footer a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 1100px) {
    .tumblethorn-footer { grid-template-columns: minmax(0, 1fr) auto; gap: 0.5rem 2rem; }
    .tumblethorn-footer-brand { max-width: 18rem; }
    .tumblethorn-footer-links { grid-column: 1 / -1; grid-row: 2; }
    .tumblethorn-footer-copyright { grid-column: 2; grid-row: 1; }}
@media (max-width: 600px) {
    .tumblethorn-footer { grid-template-columns: minmax(0, 1fr); padding: 1.2rem 1.4rem; gap: 0.75rem; }
    .tumblethorn-footer-brand { grid-template-columns: 5.5rem minmax(0, 1fr); }
    .tumblethorn-footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
    .tumblethorn-footer-copyright { grid-column: 1; grid-row: 3; padding-top: 0.5rem; border-top: 1px solid #ffffff35; }
    .tumblethorn-footer-links a, .tumblethorn-footer-brand p, .tumblethorn-footer-copyright { font-size: 0.9rem; }}

/* Frame the footer with the original lanterns, without the tall crystal vines.
   Show only the bottom of the existing artwork and soften its cropped top. */
.tumblethorn-footer { position: relative; }
.tumblethorn-footer::before,
.tumblethorn-footer::after {
    content: "";
    position: absolute;
    z-index: 6;
    bottom: -0.35rem;
    width: clamp(7rem, 14vw, 11rem);
    height: clamp(7rem, 12vw, 10rem);
    pointer-events: none;
    background: url('../web-assets/home-finale-branch-lantern-v1.webp') center bottom / 100% auto no-repeat;
    mask-image: linear-gradient(to bottom, transparent, #000 22%);
}
.tumblethorn-footer::before { left: clamp(-5rem, -6vw, -3rem); }
.tumblethorn-footer::after { right: clamp(-5rem, -6vw, -3rem); transform: scaleX(-1); }

@media (max-width: 600px) {
    .tumblethorn-footer::before,
    .tumblethorn-footer::after { width: 6rem; height: 5.5rem; bottom: -1rem; }
    .tumblethorn-footer::before { left: -2.7rem; }
    .tumblethorn-footer::after { right: -2.7rem; }
}