/* Header and footer use the live Graphik Studio home layout (21 October 2026). */
.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.topbar{background:#171717;font-size:12px;letter-spacing:0}
.topbar .container{min-height:0;display:flex;justify-content:space-between;align-items:center;padding-block:8px}
.topbar .container>span{display:inline}
.header{background:#fff;backdrop-filter:none;z-index:1000;border-bottom:1px solid #dededb;box-shadow:0 3px 12px #00000008}
.navigation{height:auto;min-height:102px;display:flex;align-items:center;justify-content:flex-start;gap:28px}
.navigation>.brand{margin:0}
.navigation>.brand>.graphiktag-logo{width:230px}
.navigation nav{height:auto;position:static;display:flex;align-items:center;gap:22px;margin-left:auto;margin-right:0;padding:0;border:0;box-shadow:none}
.navigation nav a{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6;white-space:nowrap;text-transform:none;padding:6px 0}
.navigation nav a:hover{color:var(--red)}
.navigation nav a:after{bottom:0}
.nav-cta{display:flex;order:initial;font-size:14px;line-height:1.4;gap:12px;padding:12px 18px;height:auto;white-space:nowrap}
.menu-toggle{display:none}
.skip-link{z-index:1001}
.footer{background:#f3f2ef;padding:62px 0 25px}
.footer-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:55px;font-size:14px;line-height:1.6}
.footer-grid>div{min-width:0}
.footer-grid .brand>.graphiktag-logo{width:205px}
.footer-grid h2{font-size:15px;line-height:1.6;letter-spacing:0;margin:0 0 20px;font-weight:700}
.footer-grid p{color:#666;margin:15px 0}
.footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6}
.footer a:hover{color:var(--red)}
.footer-contact{text-decoration:underline;text-underline-offset:3px}
.footer-contact .icon{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:5px}
.footer .footer-bottom{border-top:1px solid #ddd;margin-top:40px;padding:22px 0 0;color:#666;font-size:12px;display:flex;justify-content:space-between;gap:16px}
@media(max-width:1050px){
  .navigation{gap:18px;flex-wrap:wrap;padding-block:18px;min-height:85px}
  .menu-toggle{display:flex;order:2;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #ddd;background:#fff;padding:11px;flex-shrink:0;margin-left:auto}
  .menu-toggle span{width:18px;height:1.5px;background:#171717;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .nav-cta{order:3}
  .navigation nav{display:none;order:4;flex-basis:100%;margin:0;padding:15px 0 0;border-top:1px solid #ddd;gap:0}
  .navigation nav.open{display:flex;flex-direction:column;align-items:stretch}
  .navigation nav a{padding:12px 0}
  .navigation nav a:after{right:auto;width:28px;bottom:6px}
  .footer-grid{gap:30px}
  .footer .footer-links{grid-template-columns:1fr}
}
@media(max-width:700px){
  .container{width:calc(100% - 36px)}
  .topbar,.topbar a{font-size:10px}
  .navigation{gap:10px}
  .navigation>.brand>.graphiktag-logo{width:160px}
  .nav-cta{padding:10px;height:42px;gap:8px}
  .nav-cta .icon{width:14px;height:14px}
  .footer-grid{grid-template-columns:1fr;gap:35px}
  .footer .footer-links{grid-template-columns:1fr 1fr}
  .footer .footer-bottom{display:block}
  .footer .footer-bottom>a{display:block;margin-top:8px}
}
@media(max-width:380px){
  .navigation>.brand>.graphiktag-logo{width:140px}
  .nav-cta{padding:10px 8px;gap:6px}
  .nav-cta .icon{display:none}
}