/* A friendly sign-off shared by every page. */
.site-footer__social{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:370px;margin:-12px 0 45px;overflow:hidden;border:1px solid rgba(199,229,247,.8);border-radius:22px;background:radial-gradient(circle at 72% 20%,#fff 0,#f2faff 59%,#e5f4ff 100%);box-shadow:0 20px 55px rgba(0,0,0,.16);color:#102b48}
.site-footer__social-copy{position:relative;z-index:1;padding:46px 0 46px clamp(28px,5vw,75px)}
.site-footer__social-kicker{display:block;margin-bottom:12px;color:#0d83c5;font:800 11px/1.4 Arial,sans-serif;letter-spacing:.24em}
.site-footer__social h2{margin:0;color:#0b2947;font-size:clamp(25px,2.4vw,36px);line-height:1.5;letter-spacing:.04em}
.site-footer__social p{margin:15px 0 23px;color:#52708a;font-size:13px;line-height:1.9}
.site-footer__instagram{display:inline-flex;align-items:center;gap:12px;min-width:253px;padding:11px 15px;border-radius:11px;background:linear-gradient(110deg,#623ac8,#d6328b 53%,#f28e45);box-shadow:0 12px 24px rgba(152,43,128,.23);color:#fff;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s,box-shadow .2s}
.site-footer__instagram:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(152,43,128,.32)}
.site-footer__instagram:focus-visible{outline:3px solid #095fa7;outline-offset:4px}
.site-footer__instagram svg{flex:none;width:24px;height:24px}
.site-footer__instagram small{display:block;margin-top:3px;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.03em}
.site-footer__instagram b{margin-left:auto;font-size:19px;font-weight:400}
.site-footer__mascots{display:block;align-self:end;width:100%;height:auto;max-height:370px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
@media(max-width:850px){.site-footer__social{grid-template-columns:1fr;min-height:0;margin:0 0 38px}.site-footer__social-copy{padding:33px 26px 0}.site-footer__social h2{font-size:clamp(25px,6vw,34px)}.site-footer__social p{margin:12px 0 19px}.site-footer__mascots{width:min(100%,640px);max-height:none;margin:0 auto;mix-blend-mode:multiply}}
@media(prefers-reduced-motion:reduce){.site-footer__instagram{transition:none}}

.site-footer__social-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.site-footer__youtube{display:inline-flex;align-items:center;gap:12px;min-width:218px;padding:11px 15px;border-radius:11px;background:#cf2635;box-shadow:0 12px 24px rgba(170,28,41,.2);color:#fff;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s,box-shadow .2s}
.site-footer__youtube:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(170,28,41,.3)}
.site-footer__youtube svg{flex:none;width:27px;height:27px}
.site-footer__youtube small{display:block;margin-top:3px;font:600 11px/1.3 Arial,sans-serif}
.site-footer__youtube b{margin-left:auto;font-size:19px;font-weight:400}
.site-footer__blog{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:18px;padding:8px 12px 8px 8px;border:1px solid #bedbed;border-radius:12px;background:#fff;color:#153957;text-decoration:none;box-shadow:0 8px 20px rgba(30,89,139,.09);transition:transform .2s,box-shadow .2s}
.site-footer__blog:hover{transform:translateY(-3px);box-shadow:0 13px 26px rgba(30,89,139,.17)}
.site-footer__blog img{display:block;width:149px;height:auto;border-radius:5px}
.site-footer__blog span{font-size:13px;font-weight:800}
.site-footer__blog small{color:#117cb7;font-size:11px;font-weight:700;white-space:nowrap}
.site-footer__youtube:focus-visible,.site-footer__blog:focus-visible{outline:3px solid #095fa7;outline-offset:4px}
@media(max-width:550px){.site-footer__social-actions{display:grid}.site-footer__instagram,.site-footer__youtube{min-width:0;width:100%}.site-footer__blog{flex-wrap:wrap;gap:6px 10px}.site-footer__blog img{width:130px}.site-footer__blog span{width:calc(100% - 145px)}.site-footer__blog small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.site-footer__youtube,.site-footer__blog{transition:none}}

/* Company information and social links share one footer panel. */
.site-footer{column-gap:0;row-gap:0}
.site-footer__social{margin:0;min-height:410px}
.site-footer__company{margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #c9e0f1;color:#52708a}
.site-footer__company .site-footer__name{margin:0 0 5px;color:#0b2947;font-size:19px;line-height:1.5}
.site-footer__company p{margin:2px 0;font-size:12px}
.site-footer__company a:hover{text-decoration:underline}
.site-footer__copy{margin-top:32px!important}
@media(max-width:850px){.site-footer__social{min-height:0}.site-footer__company{margin-bottom:19px}}

/* Compact footer strip: company at left, social destinations at right. */
.site-footer{padding:24px max(24px,4vw) 14px}
.site-footer__social{display:flex;align-items:center;gap:18px;min-height:0;margin:0;border-radius:12px;background:#f3faff;box-shadow:none}
.site-footer__social-copy{display:flex;flex:1;align-items:center;gap:18px;min-width:0;padding:13px 12px 13px 22px}
.site-footer__company{flex:1;min-width:215px;margin:0;padding:0;border:0}
.site-footer__company .site-footer__name{margin:0 0 2px;font-size:15px}
.site-footer__company p{margin:0;font-size:10px;line-height:1.55}
.site-footer__social-kicker,.site-footer__social h2,.site-footer__social-copy>p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-footer__social-actions{flex:none;gap:7px}
.site-footer__instagram,.site-footer__youtube{justify-content:center;min-width:0;width:38px;height:38px;padding:6px;border-radius:9px;box-shadow:none}
.site-footer__instagram svg,.site-footer__youtube svg{width:23px;height:23px}
.site-footer__instagram span,.site-footer__youtube span,.site-footer__instagram b,.site-footer__youtube b{display:none}
.site-footer__blog{flex:none;gap:0;margin:0;padding:3px;border-radius:8px;box-shadow:none}
.site-footer__blog img{width:99px;border-radius:5px}
.site-footer__blog span,.site-footer__blog small{display:none}
.site-footer__mascots{flex:none;align-self:center;width:105px;height:64px;max-height:none;margin:0 15px 0 0;object-fit:contain}
.site-footer__copy{margin-top:12px!important;padding-top:9px;font-size:10px}
@media(max-width:850px){.site-footer__social{display:flex;gap:0}.site-footer__social-copy{flex:1;padding:12px;gap:10px}.site-footer__company{min-width:0}.site-footer__mascots{width:78px;height:58px;margin:0 8px 0 0}}
@media(max-width:650px){.site-footer__social{align-items:center}.site-footer__social-copy{flex-wrap:wrap}.site-footer__company{flex-basis:100%}.site-footer__social-actions{display:flex}.site-footer__instagram,.site-footer__youtube{width:36px;height:36px}.site-footer__blog img{width:89px}.site-footer__mascots{width:65px;height:55px;margin-right:6px}}

/* Open layout on the navy footer, with approximately twice the previous height. */
.site-footer{padding:30px max(24px,4vw) 18px}
.site-footer__social{gap:20px;min-height:150px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;overflow:visible}
.site-footer__social-copy{gap:18px;padding:14px 0}
.site-footer__company{color:rgba(255,255,255,.72)}
.site-footer__company .site-footer__name{color:#fff;font-size:20px}
.site-footer__company p{font-size:12px;line-height:1.65}
.site-footer__instagram,.site-footer__youtube{width:49px;height:49px;border-radius:11px}
.site-footer__instagram svg,.site-footer__youtube svg{width:27px;height:27px}
.site-footer__blog{padding:0;border:0;background:transparent}
.site-footer__blog img{width:139px}
.site-footer__mascots{width:210px;height:120px;margin:0;mix-blend-mode:normal;object-fit:contain}
.site-footer__copy{margin-top:6px!important;padding-top:13px}
@media(max-width:850px){.site-footer__social{min-height:140px;gap:12px}.site-footer__social-copy{padding:12px 0}.site-footer__mascots{width:150px;height:100px;margin:0;mix-blend-mode:normal}.site-footer__blog img{width:110px}}
@media(max-width:650px){.site-footer__social{min-height:0;align-items:center;gap:6px}.site-footer__company .site-footer__name{font-size:17px}.site-footer__company p{font-size:10px}.site-footer__social-actions{display:flex}.site-footer__instagram,.site-footer__youtube{width:42px;height:42px}.site-footer__blog img{width:92px}.site-footer__mascots{width:85px;height:82px;margin:0}}

/* Match the product hero's navy-to-blue sweep. */
.site-footer{background:linear-gradient(105deg,#03132d 0%,#04264b 37%,#063864 60%,#085f93 83%,#0768a3 100%)}

.site-footer__company,.site-footer__company p,.site-footer__company a{color:#fff}

.site-footer{background:linear-gradient(90deg,#03132d 0%,#04264b 37%,#063864 60%,#085f93 83%,#0768a3 100%)}
