:root{
  --sak-gold:#c9a564;--sak-gold-hover:#e6ce93;--sak-gold-dark:#a8842f;--sak-dark:#141210;
  --sak-scrollbg:rgba(13,11,8,.92);--sak-border:rgba(230,206,147,.20);--sak-text:#fffaf0;
}
#masthead,#ast-mobile-header,.ast-mobile-header-wrap,.ast-mobile-menu-buttons{display:none !important;}
.sak-hd{position:fixed;inset:0 0 auto 0;z-index:99998;display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;
  gap:clamp(20px,3vw,52px);padding:20px clamp(24px,5vw,90px);
  font-family:"Inter","Work Sans",system-ui,sans-serif;background:transparent;border-bottom:1px solid transparent;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,padding .18s ease;}
.sak-hd::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(13,11,8,.60) 0%,rgba(13,11,8,.28) 45%,rgba(13,11,8,0) 100%);transition:opacity .18s ease;}
.sak-hd.is-scrolled{padding-top:12px;padding-bottom:12px;background:#fff;
  border-bottom-color:rgba(23,19,14,.10);box-shadow:0 8px 24px rgba(23,19,14,.10);}
.sak-hd.is-scrolled::before{opacity:0}
.sak-hd.is-scrolled .sak-hd__logo img{width:clamp(96px,7vw,120px);filter:none}
.sak-hd.is-scrolled .sak-hd__nav a{color:#17130e;text-shadow:none}
.sak-hd.is-scrolled .sak-hd__nav a:hover{color:var(--sak-gold-dark)}
.sak-hd.is-scrolled .sak-hd__burger span,.sak-hd.is-scrolled .sak-hd__burger span::before,.sak-hd.is-scrolled .sak-hd__burger span::after{background:#17130e}
.sak-hd__nav{display:flex;align-items:center;gap:clamp(16px,1.9vw,34px)}
.sak-hd__nav--left{justify-content:flex-start}.sak-hd__nav--right{justify-content:flex-end}
.sak-hd__nav a{color:var(--sak-text);font-family:"Inter",system-ui,sans-serif;font-size:18px;font-weight:400;
  text-transform:none;letter-spacing:normal;line-height:1;text-decoration:none;white-space:nowrap;
  text-shadow:0 1px 10px rgba(0,0,0,.45);transition:color .16s ease;}
.sak-hd__nav a:hover,.sak-hd__nav a:focus-visible{color:var(--sak-gold-hover)}
.sak-hd__has-sub{position:relative;display:inline-flex;align-items:center}
.sak-hd__subtoggle{background:none;border:0;padding:0;margin:0;cursor:pointer;font-family:"Inter",system-ui,sans-serif;
  font-size:18px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1;display:inline-flex;align-items:center;gap:6px;color:var(--sak-text);
  text-shadow:0 1px 10px rgba(0,0,0,.45);transition:color .16s ease;box-shadow:none !important;outline:0;white-space:nowrap}
.sak-hd__subtoggle:hover,.sak-hd__subtoggle:focus-visible{color:var(--sak-gold-hover)}
.sak-hd__caret{font-size:12px;opacity:.85;transition:transform .18s ease}
.sak-hd__has-sub.is-open .sak-hd__caret{transform:rotate(180deg)}
.sak-hd.is-scrolled .sak-hd__subtoggle{color:#17130e;text-shadow:none}
.sak-hd.is-scrolled .sak-hd__subtoggle:hover{color:var(--sak-gold-dark)}
.sak-hd__sub{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:236px;
  background:#fff;border:1px solid rgba(23,19,14,.10);border-radius:10px;box-shadow:0 18px 44px rgba(23,19,14,.18);
  padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;
  transition:opacity .16s ease,transform .16s ease;z-index:100000}
.sak-hd__has-sub{padding-bottom:14px;margin-bottom:-14px}
.sak-hd__sub::before{content:"";position:absolute;left:-10px;right:-10px;top:-18px;height:22px}
.sak-hd__has-sub:hover .sak-hd__sub,.sak-hd__has-sub:focus-within .sak-hd__sub,.sak-hd__has-sub.is-open .sak-hd__sub{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(5px)}
.sak-hd__sub a{color:#17130e !important;text-shadow:none !important;font-size:16px;font-weight:400;padding:10px 14px;
  border-radius:6px;white-space:nowrap;transition:background .14s ease,color .14s ease}
.sak-hd__sub a:hover,.sak-hd__sub a[aria-current="page"]{background:#f6efe0;color:var(--sak-gold-dark) !important}
.sak-drawer__label{color:var(--sak-gold);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  display:block;padding:16px 4px 4px}
.sak-hd__logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.sak-hd__logo img{width:clamp(118px,9vw,150px);height:auto;display:block;filter:drop-shadow(0 3px 14px rgba(0,0,0,.4));transition:width .18s ease}
.sak-hd__burger{display:none;width:46px;height:46px;border:0;background:transparent;cursor:pointer;
  align-items:center;justify-content:center;justify-self:end;box-shadow:none !important;-webkit-appearance:none;appearance:none;border-radius:0;outline:0}
.sak-hd__burger span{position:relative;display:block;width:26px;height:2px;background:var(--sak-text);transition:background .18s ease}
.sak-hd__burger span::before,.sak-hd__burger span::after{content:"";position:absolute;left:0;width:26px;height:2px;background:var(--sak-text)}
.sak-hd__burger span::before{top:-8px}.sak-hd__burger span::after{top:8px}
.sak-drawer{position:fixed;inset:0;z-index:99999;visibility:hidden;pointer-events:none}
.sak-drawer__scrim{position:absolute;inset:0;background:rgba(8,7,5,.55);opacity:0;transition:opacity .28s ease}
.sak-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(86vw,380px);background:var(--sak-dark);
  box-shadow:-20px 0 50px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);
  display:flex;flex-direction:column;padding:26px 26px 34px;overflow-y:auto;border-left:1px solid var(--sak-border)}
.sak-drawer.is-open{visibility:visible;pointer-events:auto}
.sak-drawer.is-open .sak-drawer__scrim{opacity:1}
.sak-drawer.is-open .sak-drawer__panel{transform:translateX(0)}
.sak-drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.sak-drawer__top img{width:120px;height:auto}
.sak-drawer__close{width:44px;height:44px;border:0;background:transparent;cursor:pointer;position:relative}
.sak-drawer__close::before,.sak-drawer__close::after{content:"";position:absolute;left:11px;top:21px;width:22px;height:2px;background:var(--sak-text)}
.sak-drawer__close::before{transform:rotate(45deg)}.sak-drawer__close::after{transform:rotate(-45deg)}
.sak-drawer__nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.sak-drawer__nav a{color:var(--sak-text);font-family:"Inter",system-ui,sans-serif;font-size:18px;font-weight:500;
  letter-spacing:normal;text-decoration:none;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.07);transition:color .15s ease}
.sak-drawer__nav a:hover,.sak-drawer__nav a[aria-current="page"]{color:var(--sak-gold)}
.sak-drawer__group{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.07)}
.sak-drawer__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;
  background:none;border:0;box-shadow:none !important;-webkit-appearance:none;appearance:none;border-radius:0;
  color:var(--sak-text);font-family:"Inter",system-ui,sans-serif;font-size:18px;font-weight:500;
  letter-spacing:normal;text-transform:none;text-align:left;padding:15px 4px;cursor:pointer;transition:color .15s ease}
.sak-drawer__toggle:hover,.sak-drawer__group.is-open .sak-drawer__toggle{color:var(--sak-gold)}
.sak-drawer__caret{font-size:13px;line-height:1;color:var(--sak-gold);transition:transform .2s ease}
.sak-drawer__group.is-open .sak-drawer__caret{transform:rotate(180deg)}
.sak-drawer__sub{display:none;padding:0 0 10px 14px}
.sak-drawer__group.is-open .sak-drawer__sub{display:flex;flex-direction:column}
.sak-drawer__nav .sak-drawer__sub a{font-size:16px;font-weight:400;padding:12px 4px;border-bottom:0;
  color:rgba(238,232,222,.82)}
.sak-drawer__nav .sak-drawer__sub a:hover,.sak-drawer__nav .sak-drawer__sub a[aria-current="page"]{color:var(--sak-gold)}
body.sak-noscroll{overflow:hidden}

/* WordPressin ylläpitopalkki siirtää sivun sisältöä 32/46 px alaspäin.
   Siirrä myös fixed-headeria sama määrä, jotta kirjautuneen mobiilinäkymään
   ei jää ylläpitopalkin korkuista valkoista rakoa headerin ja heron väliin. */
body.admin-bar .sak-hd{top:32px}
@media (max-width:782px){body.admin-bar .sak-hd{top:46px}}

/* sak-hd-tiivis: valikon vali tiiviimmaksi kapeilla desktop-leveyksilla, jottei
   oikea ryhma (4 kohtaa) mene logon paalle. Lisatty 10.8.2026. */
@media (min-width:1201px) and (max-width:1400px){
  .sak-hd__nav{gap:16px}
  .sak-hd{padding-left:clamp(24px,3vw,60px);padding-right:clamp(24px,3vw,60px)}
}
@media (max-width:1200px){
  .sak-hd{position:fixed;left:0;right:0;top:0;height:86px;box-sizing:border-box;
    display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;
    background:rgba(20,18,16,.97);border-bottom:1px solid var(--sak-border);box-shadow:0 6px 20px rgba(0,0,0,.28)}
  .sak-hd::before{display:none}
  .sak-hd__nav{display:none}
  .sak-hd__logo img{width:auto;height:60px;filter:none}
  .sak-hd__burger{display:inline-flex}
  .sak-hd.is-scrolled{height:86px;padding:0 20px;background:rgba(20,18,16,.97);box-shadow:0 6px 20px rgba(0,0,0,.28)}
  .sak-hd.is-scrolled .sak-hd__logo img{width:auto;height:60px}
  .sak-hd.is-scrolled .sak-hd__burger span,.sak-hd.is-scrolled .sak-hd__burger span::before,.sak-hd.is-scrolled .sak-hd__burger span::after{background:var(--sak-text)}
  body{padding-top:86px}
}