/* ===========================================================
   Serka Law — SITE-WIDE cinematic chrome  (inner / non-home pages)
   Loaded on EVERY non-homepage front-end page. Styles ONLY the
   injected chrome (cinematic field, fixed header, footer, CTA bar,
   mobile menu). NO universal reset, NO bare section, heading or
   paragraph content rules — inner Elementor content stays untouched.
   Source of truth = skin.css chrome blocks (verbatim; `header`
   rescoped to `#hdr`). Rollback: disable the serka-cinematic plugin.
   =========================================================== */
:root{
  --bg:#0a0705;--bg2:#080604;--gold:#c29a56;--gold-2:#e8ca7b;--gold-3:#d4b178;
  --text:#f5eddf;--muted:rgba(245,237,223,.66);--line:rgba(194,154,86,.22);
  --glass:rgba(16,12,8,.5);--glass-2:rgba(255,255,255,.045);--wa:#25d366;--sig:#3a76f0;--sec-veil:rgba(8,6,4,.34);
  --serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);
}
html.light{--bg:#e6dcc8;--bg2:#dccfb6;--gold:#86641f;--gold-2:#9a7826;--gold-3:#7c5c1c;--text:#241c10;--muted:rgba(36,28,16,.74);--line:rgba(134,100,31,.34);--glass:rgba(255,250,240,.5);--glass-2:rgba(40,30,14,.05);--sec-veil:rgba(230,220,200,.34)}

/* body skinned: clearance for fixed header + bottom CTA bar; reveal the field */
html.serka-skin-root{background:var(--bg)}
body.serka-skinned{background:transparent!important;padding-top:128px!important;padding-bottom:62px!important;overflow-x:hidden}
body.serka-skinned.menu-open{overflow:hidden}
.wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}
#hdr .wrap,#hdr .topbar .wrap,#hdr .mainbar .wrap{min-width:0}
#hdr .brand,#hdr .brand .bt,#hdr .langdd,#hdr .ddtrig{min-width:0}
#hdr .brand .bt{overflow:hidden}
#hdr .brand .bt b,#hdr .brand .bt span{overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* ===== site-wide cinematic background — patterned · moving ===== */
.cbg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(125% 95% at 50% -12%,rgba(46,32,15,.55),transparent 58%),var(--bg)}
.cbg span{position:absolute;inset:-2%;display:block}
.cbg-mesh{background:radial-gradient(34% 40% at 18% 20%,rgba(194,154,86,.2),transparent 60%),radial-gradient(30% 34% at 84% 14%,rgba(232,202,123,.16),transparent 60%),radial-gradient(42% 46% at 72% 80%,rgba(150,110,50,.18),transparent 62%),radial-gradient(34% 38% at 24% 88%,rgba(194,154,86,.14),transparent 60%);filter:blur(10px)}
@keyframes cbgDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2.4%,-1.6%) scale(1.06)}100%{transform:translate(-1.8%,2.2%) scale(1.03)}}
.cbg-grid{background-image:radial-gradient(rgba(194,154,86,.55) .6px,transparent .7px),linear-gradient(rgba(194,154,86,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(194,154,86,.045) 1px,transparent 1px);background-size:48px 48px,48px 48px,48px 48px;opacity:.28;-webkit-mask-image:radial-gradient(150% 140% at 50% 38%,#000 74%,transparent 100%);mask-image:radial-gradient(150% 140% at 50% 38%,#000 74%,transparent 100%)}
@keyframes cbgGrid{to{background-position:48px 48px,48px 48px,48px 48px}}
.cbg-vig{background:radial-gradient(135% 125% at 50% 46%,transparent 50%,rgba(0,0,0,.55));mix-blend-mode:multiply}
html.light .cbg{background:radial-gradient(125% 95% at 50% -12%,rgba(196,170,120,.5),transparent 60%),var(--bg)}
html.light .cbg-mesh{background:radial-gradient(34% 40% at 18% 20%,rgba(150,110,46,.30),transparent 60%),radial-gradient(30% 34% at 84% 14%,rgba(178,140,74,.26),transparent 60%),radial-gradient(42% 46% at 72% 80%,rgba(132,98,40,.30),transparent 62%),radial-gradient(34% 38% at 24% 88%,rgba(150,110,46,.24),transparent 60%)}
html.light .cbg-grid{opacity:.42;background-image:radial-gradient(rgba(150,116,50,.62) .6px,transparent .7px),linear-gradient(rgba(150,116,50,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(150,116,50,.09) 1px,transparent 1px)}
html.light .cbg-vig{background:radial-gradient(135% 125% at 50% 46%,transparent 58%,rgba(120,90,40,.14))}
.cbg-ray{mix-blend-mode:screen;opacity:.42;background:conic-gradient(from 208deg at 80% -6%,transparent 0deg,rgba(232,202,123,.10) 15deg,transparent 32deg),conic-gradient(from 150deg at 16% -8%,transparent 0deg,rgba(194,154,86,.07) 13deg,transparent 28deg)}
@keyframes cbgRay{0%{opacity:.3;transform:translateX(-1.6%)}100%{opacity:.58;transform:translateX(1.6%)}}
.cbg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.72}
html.light .cbg-ray{opacity:.4;background:conic-gradient(from 208deg at 80% -6%,transparent 0deg,rgba(156,122,54,.1) 15deg,transparent 32deg),conic-gradient(from 150deg at 16% -8%,transparent 0deg,rgba(134,100,31,.07) 13deg,transparent 28deg)}
html.light .cbg-fx{opacity:.5}
.grain{display:none}
@keyframes grain{50%{transform:translate(-4px,3px)}}
.spot{display:none}
#prog{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--gold),var(--gold-2));z-index:130;transition:transform .1s linear}

/* ===== fixed header (rescoped header -> #hdr) ===== */
/* SERKA-HEADER-SITEWIDE-POSITION-20260613: fixed chrome uses reserved body padding; sticky must not push a blank rail above it. */
#hdr{position:fixed;top:0;left:0;right:0;z-index:190;transition:background .4s,backdrop-filter .4s;background:rgba(8,6,4,.86);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--line)}
body.admin-bar #hdr{top:32px}
@media(max-width:782px){body.admin-bar #wpadminbar{position:fixed!important;top:0!important}body.admin-bar #hdr{top:46px}}
#hdr.scrolled{background:rgba(8,6,4,.92)}
html.light #hdr,html.light #hdr.scrolled{background:rgba(232,223,205,.93)}
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:12px;min-height:36px;padding:5px 0}
.tlabel{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}
.tlabel .dotg{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}
.langbar{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:flex-end;max-width:76%}
.lang{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 8px 3px 5px;border-radius:999px;background:var(--glass-2);border:1px solid var(--line);color:var(--text);white-space:nowrap;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}
.js .lang{opacity:0;transform:translateY(-6px);animation:chip .5s var(--ease) forwards}
.lang .fl{width:18px;height:13px;object-fit:cover;border-radius:2px;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.lang:hover{border-color:var(--gold);color:var(--gold-2);transform:translateY(-2px) scale(1.07);box-shadow:0 0 14px rgba(194,154,86,.4)}
.lang.active{background:rgba(194,154,86,.16);border-color:var(--gold);color:var(--gold-2)}
@keyframes chip{to{opacity:1;transform:none}}
.langdd{display:none;margin-left:auto;position:relative}
.ddtrig{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--glass-2);border:1px solid var(--line);color:var(--text);font:700 12px var(--sans);cursor:pointer}
.ddtrig .fl{width:20px;height:14px;object-fit:cover;border-radius:2px}.ddtrig svg{width:13px;height:13px;transition:.25s}
.langdd.open .ddtrig svg{transform:rotate(180deg)}
.ddpanel{position:absolute;right:0;top:calc(100% + 8px);width:min(86vw,320px);max-height:60vh;overflow:auto;padding:8px;border-radius:14px;background:rgba(12,9,6,.94);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr 1fr;gap:5px;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.25s var(--ease);z-index:95}
html[dir="rtl"] .ddpanel,.rtl .ddpanel{right:auto;left:0}
@media(max-width:720px){.langdd{margin-left:auto!important;margin-right:0!important;flex:0 0 auto;z-index:104}.ddtrig{height:30px;min-width:66px;justify-content:center;padding:0 9px!important}.tlabel{min-width:0;max-width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis}.ddpanel{position:fixed;left:10px!important;right:10px!important;top:48px;width:auto;max-width:none;max-height:calc(100vh - 72px);grid-template-columns:1fr 1fr}.ddi{min-width:0}.ddi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:782px){body.admin-bar .ddpanel{top:94px;max-height:calc(100vh - 118px)}}
html.light .ddpanel{background:rgba(252,248,240,.96)}
.langdd.open .ddpanel{opacity:1;transform:none;pointer-events:auto}
.ddi{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:13px;color:var(--text);transition:.15s}
.ddi .fl{width:22px;height:15px;object-fit:cover;border-radius:2px;flex:0 0 auto}.ddi b{font-weight:700;font-size:11px;color:var(--gold-2);width:22px}.ddi:hover,.ddi.active{background:rgba(194,154,86,.16)}
.mainbar .wrap{display:flex;align-items:center;gap:18px;min-height:64px;padding:9px 0}
.brand{display:flex;align-items:center;gap:11px}
.brand .logo{width:46px;height:46px;border-radius:13px;border:1px solid rgba(194,154,86,.45);background:rgba(10,7,4,.6);display:grid;place-items:center;overflow:hidden;transition:.3s var(--ease);flex:0 0 auto}
.brand:hover .logo{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 24px rgba(194,154,86,.4)}
.brand .logo img{width:100%;height:100%;object-fit:contain;padding:5px}.brand .logo .mk{font-family:var(--serif);color:var(--gold-2);font-size:20px}
.brand .bt b{display:block;font-family:var(--serif);font-weight:400;font-size:17px;letter-spacing:.08em;line-height:1.05;white-space:nowrap}
.brand .bt span{display:block;font-size:8.5px;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-top:4px;white-space:nowrap}
.mainnav{margin-left:auto;display:flex;align-items:center;gap:24px}
.mainnav a{font-size:12.5px;font-weight:700;color:var(--muted);position:relative;padding:4px 0;transition:color .2s}
.mainnav a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--gold);transition:width .25s var(--ease)}
.mainnav a:hover{color:var(--text)}.mainnav a:hover::after{width:100%}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:inline-flex;align-items:center;gap:5px}
.nav-item>a svg{width:10px;height:10px;opacity:.65;transition:transform .25s}
.nav-item:hover>a svg{transform:rotate(180deg)}
.nav-item:hover>a{color:var(--text)}.nav-item:hover>a::after{width:100%}
.nav-dd{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);min-width:250px;padding:9px;border-radius:14px;background:rgba(12,9,6,.97);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:0 26px 64px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:95}
html.light .nav-dd{background:rgba(244,238,226,.98)}
.nav-dd::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.nav-item:hover .nav-dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dd a{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:.15s}
.nav-dd a::after{display:none}
.nav-dd a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.5;flex:0 0 auto;transition:.15s}
.nav-dd a:hover{background:rgba(194,154,86,.13);color:var(--gold-2);transform:translateX(3px)}
.nav-dd a:hover::before{opacity:1;box-shadow:0 0 8px var(--gold)}
/* blog dropdown: wider, right-anchored (Blog sits near the nav's right edge), wrapping
   article titles clamped to 2 lines + a distinct "all articles" row */
.nav-dd-blog{min-width:340px;width:340px;left:auto;right:0;transform:translateY(8px)}
.nav-item:hover .nav-dd-blog{transform:translateY(0)}
.nav-dd-blog a{align-items:flex-start;white-space:normal}
.nav-dd-blog .nav-dd-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.32}
.nav-dd-blog a::before{margin-top:.5em}
.nav-dd-blog .nav-dd-all{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:700}
.nav-dd-blog .nav-dd-all::before{display:none}
/* RTL: the Blog item mirrors to the left of the bar — anchor the panel to the left edge */
[dir="rtl"] .nav-dd-blog{right:auto;left:0}
.toggle{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--glass-2);display:grid;place-items:center;cursor:pointer;color:var(--gold-2);transition:.25s;flex:0 0 auto}
.toggle:hover{transform:rotate(40deg);border-color:var(--gold)}.toggle svg{width:17px;height:17px}
.burger{display:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--glass-2);place-items:center;cursor:pointer;color:var(--gold-2);flex:0 0 auto}
.burger svg{transition:.3s}.burger.x svg{transform:rotate(90deg)}
/* SERKA-HEADER-ICON-FIX-20260613: beat legacy kit button padding/accent on inner pages */
body.serka-cine-chrome #hdr .toggle,
body.serka-cine-chrome #hdr .burger{
  width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
  padding:0!important;margin:0!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;
  line-height:1!important;border-radius:11px!important;border:1px solid var(--line)!important;
  background:var(--glass-2)!important;background-image:none!important;color:var(--gold-2)!important;
  box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;
}
body.serka-cine-chrome #hdr .toggle svg,
body.serka-cine-chrome #hdr .burger svg{
  width:18px!important;height:18px!important;display:block!important;margin:0!important;position:static!important;
  color:currentColor!important;stroke:currentColor!important;fill:none;
}
body.serka-cine-chrome #hdr .burger,
body.serka-cine-chrome #hdr .burger:hover,
body.serka-cine-chrome #hdr .burger:focus,
body.serka-cine-chrome #hdr .burger.x{background:var(--glass-2)!important;color:var(--gold-2)!important}
body.serka-cine-chrome #hdr .toggle:hover{border-color:var(--gold)!important}

/* mobile slide-in menu */
.mnav{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none;transition:visibility 0s .42s}
.mnav.open{visibility:visible;pointer-events:auto;transition:visibility 0s 0s}
.mnav-scrim{position:absolute;inset:0;background:rgba(4,3,2,.2);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);opacity:0;transition:opacity .42s var(--ease)}
html.light .mnav-scrim{background:rgba(120,90,40,.12)}
.mnav.open .mnav-scrim{opacity:1}
.mnav-panel{position:absolute;top:126px;right:8px;bottom:auto;width:min(300px,72vw);max-height:calc(100dvh - 142px);background:linear-gradient(160deg,rgba(20,14,8,.74),rgba(12,9,6,.62));backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);border:1px solid var(--line);border-radius:20px;box-shadow:-18px 24px 70px rgba(0,0,0,.5),inset 1px 0 0 rgba(232,202,123,.12);transform:translateX(calc(100% + 18px));transition:transform .42s var(--ease);overflow-y:auto}
body.admin-bar .mnav-panel{top:172px;max-height:calc(100dvh - 188px)}
html.light .mnav-panel{background:linear-gradient(160deg,rgba(244,236,220,.46),rgba(236,228,212,.38));box-shadow:-34px 0 90px rgba(120,90,40,.18),inset 1px 0 0 rgba(150,116,50,.18)}
.mnav.open .mnav-panel{transform:none}
.mnav-inner{display:flex;flex-direction:column;padding:24px 22px 22px}
.mnav-inner>*{opacity:0;transform:translateY(16px)}
.mnav.open .mnav-inner>*{animation:mnavin .5s var(--ease) forwards}
.mnav.open .mnav-inner>*:nth-child(1){animation-delay:.08s}.mnav.open .mnav-inner>*:nth-child(2){animation-delay:.14s}.mnav.open .mnav-inner>*:nth-child(3){animation-delay:.2s}.mnav.open .mnav-inner>*:nth-child(4){animation-delay:.26s}.mnav.open .mnav-inner>*:nth-child(5){animation-delay:.32s}.mnav.open .mnav-inner>*:nth-child(6){animation-delay:.38s}
.mnav-main{font-family:var(--serif);font-size:22px;color:var(--text);padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.mnav-main::after{content:"\2192";color:var(--gold);font-size:16px;opacity:.5}
.mnav-group{border-bottom:1px solid var(--line)}
.mnav-group .mnav-head{border-bottom:none;padding-bottom:4px}
.mnav-group .mnav-head::after{content:"\203A";font-size:20px}
.mnav-sub{padding:2px 2px 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
.mnav-sub a{font-size:12px;color:var(--gold-2);font-weight:600;padding:4px 0;display:flex;align-items:center;gap:7px;line-height:1.2}
.mnav-sub a::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.6;flex:0 0 auto}
@keyframes mnavin{to{opacity:1;transform:none}}

/* ===== footer ===== */
.ft{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(6,4,3,.46),rgba(6,4,3,.64));border-top:1px solid var(--line);padding:0 0 24px;margin-top:60px}
html.light .ft{background:linear-gradient(180deg,rgba(224,212,186,.5),rgba(224,212,186,.66))}
.ft-mark{position:absolute;left:50%;bottom:-3.2vw;transform:translateX(-50%);font-family:var(--serif);font-size:18vw;line-height:.8;letter-spacing:.04em;color:rgba(194,154,86,.05);white-space:nowrap;pointer-events:none;user-select:none;z-index:0}
.ft .wrap{position:relative;z-index:1}
.ft-rec{display:flex;flex-direction:column;align-items:center;gap:14px;padding:42px 0 30px;text-align:center}
.rec-label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.badges{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:128px;min-height:128px;padding:16px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);text-align:center;transition:.3s var(--ease)}
.badge:hover{transform:translateY(-6px) scale(1.04);border-color:var(--gold);box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 22px rgba(194,154,86,.2)}
.badge img{max-width:96px;max-height:60px;object-fit:contain}
.badge .l500ic{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.badge .l500ic img{width:68px;height:68px}.badge .l500w{font-family:var(--serif);font-size:25px;letter-spacing:-.06em;color:var(--text)}.badge .cap{font-size:10.5px;letter-spacing:.04em;color:var(--muted)}
.ft-div{height:1px;margin:6px 0 36px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
@keyframes dline{to{background-position:200% 0}}
.ft-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.9fr);gap:34px;margin-bottom:34px}
.fcol h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.fcol a,.fcol p{display:block;color:var(--muted);font-size:13px;padding:4px 0;transition:.2s;width:fit-content}
.fcol a:hover{color:var(--text);transform:translateX(5px)}
.fbrand .ftag{color:var(--muted);font-size:13.5px;margin:12px 0 0;max-width:34ch;padding:0}
.freach b{color:var(--text);font-weight:600}
.ft-bot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}
/* ===== fixed bottom CTA bar ===== */
.ctabar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;gap:8px;padding:8px 10px;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid var(--line)}
.js .ctabar{transform:translateY(110%);animation:barUp .7s 1.2s var(--ease) forwards}
@keyframes barUp{to{transform:translateY(0)}}
.cbtn{position:relative;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:11px;font-weight:800;font-size:12.8px;transition:transform .2s;color:var(--text);text-decoration:none;white-space:nowrap}
.cbtn svg{width:16px;height:16px;flex:0 0 auto}
.cbtn::after{content:none}
@keyframes sweepLoop{0%,70%{left:-120%}100%{left:160%}}
.cbtn:hover{transform:translateY(-2px)}.cb-wa{background:linear-gradient(145deg,#2be070,#1da851);color:#042a14;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.cb-sig{background:linear-gradient(145deg,#5a8cff,#2f63e6);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.cb-mail{background:linear-gradient(145deg,#f0d890,#c69b4d);color:#1a1208;box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}

/* chrome links inherit (defend against inner-theme <a> color bleed) */
#hdr a,.mnav a,.ft a,.ctabar a{text-decoration:none}

@media(max-width:980px){
  body.serka-skinned{padding-top:116px!important}
  .mainnav{display:none}.burger{display:grid}.langbar{display:none}.js .langdd{display:block}
 .ft-main{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:620px){
  #hdr{background:rgba(8,6,4,.62);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid var(--line)}
  html.light #hdr{background:rgba(232,223,205,.7)}
  body.serka-skinned{padding-top:116px!important}
  .topbar .wrap{gap:8px}.tlabel{font-size:10px}
  .mainbar .wrap{min-height:52px;gap:10px}.brand{max-width:calc(100% - 98px)}.brand .logo{width:38px;height:38px}.brand .bt b{font-size:14px;letter-spacing:.05em;max-width:132px}.brand .bt span{font-size:7px;letter-spacing:.18em;max-width:132px}
  .toggle,.burger{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;padding:0!important}
  .mnav-panel{top:122px;right:8px;width:min(288px,74vw);max-height:calc(100dvh - 136px)}
  body.admin-bar .mnav-panel{top:168px;max-height:calc(100dvh - 182px)}
  .mnav-inner{padding:22px 20px}.mnav-main{font-size:22px}.mnav-sub{grid-template-columns:1fr 1fr}
  .ft-rec{padding:34px 0 24px}.ft-main{grid-template-columns:1fr;gap:30px;text-align:center}.fcol{padding-top:22px;border-top:1px solid var(--line)}.fcol.fbrand{border-top:none;padding-top:0}.fcol a,.fcol p,.fbrand .ftag{margin-left:auto;margin-right:auto}.fcol h4{margin-bottom:16px}.fbrand{display:flex;flex-direction:column;align-items:center}.ft-bot{justify-content:center;text-align:center}.ft-mark{font-size:30vw;bottom:-5vw}
  .ctabar{gap:6px;padding:8px 8px}.cbtn{font-size:10.8px;gap:4px;min-height:40px}.cbtn svg{width:15px;height:15px}.spot{display:none}
}
/* ===== hardening: the legacy 144KB Customizer CSS (post 21328) ships shared class names — notably
   .nav-dd{position:relative} — and lands after this file via WP Rocket used-CSS. Out-specify it for the
   STRUCTURAL chrome only (no display overrides, so responsive media queries still win). ===== */
body.serka-cine-chrome .nav-dd{position:absolute!important}
body.serka-cine-chrome .nav-item{position:relative!important}
body.serka-cine-chrome #hdr{background:rgba(8,6,4,.86)!important;border-bottom:1px solid var(--line)!important}
html.light body.serka-cine-chrome #hdr{background:rgba(232,223,205,.93)!important}
body.serka-skinned{background:transparent!important}
html.serka-skin-root{background:#0a0705!important}
html.light.serka-skin-root{background:#e6dcc8!important}
/* lock chrome text colors vs legacy/plugin link-accent bleed */
body.serka-cine-chrome .brand,body.serka-cine-chrome .brand .bt b{color:var(--text)!important}
body.serka-cine-chrome .brand .bt span,body.serka-cine-chrome .lang.active,body.serka-cine-chrome .rec-label,body.serka-cine-chrome .fcol h4,body.serka-cine-chrome .eyebrow{color:var(--gold)!important}
body.serka-cine-chrome .mainnav a,body.serka-cine-chrome .nav-dd a,body.serka-cine-chrome .tlabel,body.serka-cine-chrome .ft a,body.serka-cine-chrome .fcol a,body.serka-cine-chrome .fcol p,body.serka-cine-chrome .ft-bot{color:var(--muted)!important}
body.serka-cine-chrome .mainnav a:hover,body.serka-cine-chrome .ft a:hover,body.serka-cine-chrome .fcol a:hover{color:var(--text)!important}
body.serka-cine-chrome .nav-dd a:hover{color:var(--gold-2)!important}
body.serka-cine-chrome .lang,body.serka-cine-chrome .ddi{color:var(--text)!important}
body.serka-cine-chrome .mnav-sub a{color:var(--gold-2)!important}
/* toggle + burger: defend bg/color/border vs legacy/kit button accent */
body.serka-cine-chrome .toggle,body.serka-cine-chrome .burger{background:var(--glass-2)!important;color:var(--gold-2)!important;border:1px solid var(--line)!important}
body.serka-cine-chrome .toggle:hover{border-color:var(--gold)!important}
body.serka-skinned.serka-cine-chrome:not(.wp-admin){background:transparent!important}

body.fx-idle .cbg-mesh,body.fx-idle .cbg-grid,body.fx-idle .cbg-ray,body.fx-idle .grain,body.fx-idle .htitle .g,body.fx-idle .border-glow,body.fx-idle .editorial-card .glow,body.fx-idle .marq .track,body.fx-idle .tlabel .dotg,body.fx-idle .kicker::before,body.fx-idle .scrollcue i,body.fx-idle .ft-div,body.fx-idle .cbtn::after{animation-play-state:paused!important}
body.fx-idle .grain{display:none}
/* SERKA-STATIC-FX-20260613: remove legacy language accent and stop long-running decorative effects */
body.serka-cine-chrome #hdr .langdd .ddtrig,
body.serka-cine-chrome #hdr .langdd .ddtrig:hover,
body.serka-cine-chrome #hdr .langdd .ddtrig:focus,
body.serka-cine-chrome #hdr .langdd .ddtrig:active,
body.serka-cine-chrome .langdd .serka-lang-trigger,
body.serka-cine-chrome .langdd .serka-lang-trigger:hover,
body.serka-cine-chrome .langdd .serka-lang-trigger:focus,
body.serka-cine-chrome .langdd .serka-lang-trigger:active{
  width:auto!important;min-width:78px!important;height:38px!important;padding:0 13px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:rgba(255,255,255,.045)!important;background-color:rgba(255,255,255,.045)!important;background-image:none!important;
  color:var(--text)!important;border:1px solid var(--line)!important;border-radius:999px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(232,202,123,.12)!important;
  text-shadow:none!important;filter:none!important;transform:none!important;
}
body.serka-cine-chrome #hdr .langdd .ddtrig::before,
body.serka-cine-chrome #hdr .langdd .ddtrig::after,
body.serka-cine-chrome .langdd .serka-lang-trigger::before,
body.serka-cine-chrome .langdd .serka-lang-trigger::after{content:none!important;display:none!important}
body.serka-cine-chrome #hdr .langdd .ddtrig b,
body.serka-cine-chrome .langdd .serka-lang-trigger b{color:var(--text)!important;line-height:1!important}
body.serka-cine-chrome #hdr .langdd .ddtrig svg,
body.serka-cine-chrome .langdd .serka-lang-trigger svg{width:14px!important;height:14px!important;color:var(--gold-2)!important;stroke:currentColor!important;flex:0 0 14px!important}
body.serka-cine-chrome #hdr .langdd .ddtrig .fl,
body.serka-cine-chrome .langdd .serka-lang-trigger .fl{width:22px!important;height:15px!important;flex:0 0 22px!important;object-fit:cover!important}
html.serka-static-fx .cbg-mesh,
html.serka-static-fx .cbg-grid,
html.serka-static-fx .cbg-ray,
html.serka-static-fx .grain,
html.serka-static-fx .htitle .g,
html.serka-static-fx .border-glow,
html.serka-static-fx .editorial-card .glow,
html.serka-static-fx .marq .track,
html.serka-static-fx .tlabel .dotg,
html.serka-static-fx .kicker::before,
html.serka-static-fx .scrollcue i,
html.serka-static-fx .ft-div,
html.serka-static-fx .cbtn::after{animation:none!important;transition-duration:.001ms!important;will-change:auto!important}
html.serka-static-fx #fx,
html.serka-static-fx #cfx,
html.serka-static-fx .spot,
html.serka-static-fx .grain{display:none!important}
@media(max-width:720px){
  body.serka-cine-chrome #hdr .langdd .ddtrig,
  body.serka-cine-chrome .langdd .serka-lang-trigger{min-width:78px!important;height:38px!important;padding:0 12px!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.001ms!important}.cbg-fx,.grain,.spot,.cbg-ray{display:none}}

/* SERKA-CONTACT-CANON-20260613: visible canonical contact layout, no removed-form hiding */
body.serka-cine-chrome .serka-contact-canon{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:stretch;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:32px 0 42px}
body.serka-cine-chrome .serka-contact-map iframe{display:block;width:100%;min-height:420px;border:1px solid rgba(194,154,86,.38);border-radius:18px;filter:saturate(.82) contrast(.92);background:#f3f0ea}
body.serka-cine-chrome .serka-contact-address{border:1px solid rgba(194,154,86,.38);border-radius:18px;padding:28px;background:rgba(10,7,3,.72);box-shadow:0 18px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
body.serka-cine-chrome .serka-contact-eyebrow{display:inline-flex;border:1px solid rgba(194,154,86,.42);border-radius:999px;padding:8px 16px;color:#e8c879;font-weight:800;letter-spacing:.12em;font-size:12px;line-height:1.2;text-transform:uppercase}
body.serka-cine-chrome .serka-contact-canon h1{font-size:clamp(42px,7vw,82px);line-height:.98;margin:22px 0;color:#fff7ea;letter-spacing:0}
body.serka-cine-chrome .serka-contact-canon h2{font-size:22px;color:#fff7ea;margin:0 0 10px;letter-spacing:0}
body.serka-cine-chrome .serka-contact-canon p{color:rgba(255,247,234,.72);font-size:20px;line-height:1.62}
body.serka-cine-chrome .serka-contact-lead{font-size:22px!important}
body.serka-cine-chrome .serka-contact-office{margin:24px 0;padding:20px;border-top:1px solid rgba(194,154,86,.3);border-bottom:1px solid rgba(194,154,86,.3)}
body.serka-cine-chrome .serka-contact-maplink,
body.serka-cine-chrome .serka-contact-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:12px;border:1px solid rgba(194,154,86,.46);border-radius:14px;padding:15px 18px;color:#f3d37e;background:rgba(194,154,86,.1);font-weight:800;text-decoration:none;box-sizing:border-box}
body.serka-cine-chrome .serka-contact-links a:after,
body.serka-cine-chrome .serka-contact-maplink:after{content:"\2192";font-size:20px}
html.light body.serka-cine-chrome .serka-contact-address{background:rgba(245,238,224,.82)}
html.light body.serka-cine-chrome .serka-contact-canon h1,
html.light body.serka-cine-chrome .serka-contact-canon h2{color:#1e1710}
html.light body.serka-cine-chrome .serka-contact-canon p{color:rgba(30,23,16,.74)}
@media(max-width:760px){
  body.serka-cine-chrome .serka-contact-canon{grid-template-columns:1fr;width:min(100% - 32px,680px);padding:18px 0 28px}
  body.serka-cine-chrome .serka-contact-map{order:-1}
  body.serka-cine-chrome .serka-contact-map iframe{min-height:330px}
  body.serka-cine-chrome .serka-contact-address{padding:22px}
  body.serka-cine-chrome .serka-contact-canon p{font-size:18px}
  body.serka-cine-chrome .serka-contact-lead{font-size:19px!important}
}

/* SERKA-MOBILE-UI-FIX-20260613: stable header flow + centered controls */
body.serka-cine-chrome .toggle,
body.serka-cine-chrome .burger,
body.serka-cine-chrome .drawer-close,
body.serka-cine-chrome .cbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important}
body.serka-cine-chrome .toggle svg,
body.serka-cine-chrome .burger svg,
body.serka-cine-chrome .drawer-close svg,
body.serka-cine-chrome .cbtn svg{display:block!important;margin:0!important;flex:0 0 auto!important}
body.serka-cine-chrome .drawer-close{font-size:22px!important;padding:0!important}
html.serka-static-fx body.serka-cine-chrome .hi,
html.serka-static-fx body.serka-cine-chrome .reveal,
html.serka-static-fx body.serka-cine-chrome .sec,
html.serka-static-fx body.serka-cine-chrome .htitle .w,
html.serka-static-fx body.serka-cine-chrome .lang{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
@media(max-width:720px){
  body.serka-cine-chrome #hdr{position:fixed!important;top:0!important;z-index:190!important;background:rgba(8,6,4,.94)!important}
  body.admin-bar.serka-cine-chrome #hdr{top:46px!important}
  html.light body.serka-cine-chrome #hdr{background:rgba(238,231,216,.98)!important}
  body.serka-cine-chrome #hdr .topbar .wrap{min-height:42px!important;padding:6px 14px!important;box-sizing:border-box}
  body.serka-cine-chrome #hdr .mainbar .wrap{min-height:64px!important;padding:8px 14px!important;gap:10px!important;box-sizing:border-box}
  body.serka-cine-chrome #hdr .brand{flex:1 1 auto!important;max-width:none!important;min-width:0!important}
  body.serka-cine-chrome #hdr .brand .bt{min-width:0!important;max-width:calc(100vw - 180px)!important}
  body.serka-cine-chrome #hdr .brand .bt b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body.serka-cine-chrome #hdr .brand .bt span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body.serka-cine-chrome #hdr .langdd{margin-left:auto!important;max-width:170px!important}
  body.serka-cine-chrome #hdr .tlabel{flex:1 1 auto!important;min-width:0!important;max-width:calc(100vw - 154px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.serka-cine-chrome #hdr .toggle,
  body.serka-cine-chrome #hdr .burger{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
}

/* ============================================================
   SERKA GLORY LAYER (chrome / inner pages) · 20260613 — append-only
   Brings the shared cinematic field + chrome back to life on every
   inner page, matching the homepage. GPU-cheap (transform/opacity),
   reduced-motion gated at the end. Rollback: restore prior chrome.css.
   ============================================================ */

/* 1 · living field on inner pages (vibrant warm + a faint sapphire bloom) */
.cbg-mesh{background:
  radial-gradient(34% 40% at 18% 20%,rgba(194,154,86,.20),transparent 60%),
  radial-gradient(30% 34% at 84% 14%,rgba(232,202,123,.16),transparent 60%),
  radial-gradient(48% 52% at 50% 46%,rgba(58,118,240,.06),transparent 66%),
  radial-gradient(42% 46% at 72% 80%,rgba(150,110,50,.18),transparent 62%),
  radial-gradient(34% 38% at 24% 88%,rgba(194,154,86,.14),transparent 60%);
  filter:blur(11px)}
html.serka-static-fx .cbg-mesh{animation:cbgDrift 34s ease-in-out infinite alternate!important;will-change:transform!important}
html.serka-static-fx .cbg-ray{animation:cbgRay 20s ease-in-out infinite alternate!important;will-change:transform,opacity!important}
/* 1b · LIGHT-MODE FIELD FIX: the inner-only legacy Customizer CSS poisons body{--bg} to dark
   (#0c0a08); the cinematic field paints background-color:var(--bg) so light mode rendered dark.
   Home is immune (it strips that CSS). Re-assert the theme-correct field color on inner pages —
   token + literal, theme-split, !important to beat the late legacy used-CSS. */
body.serka-cine-chrome{--bg:#0a0705!important;--bg2:#080604!important}
html.light body.serka-cine-chrome{--bg:#e6dcc8!important;--bg2:#dccfb6!important}
body.serka-cine-chrome .cbg{background-color:#0a0705!important}
html.light body.serka-cine-chrome .cbg{background-color:#e6dcc8!important}

/* 2 · header chrome polish + live status dot */
#hdr.scrolled{box-shadow:0 12px 40px rgba(0,0,0,.34)}
html.light #hdr.scrolled{box-shadow:0 12px 40px rgba(120,90,40,.14)}
html.serka-static-fx .tlabel .dotg{animation:pulse 2.6s ease-in-out infinite!important}

/* 3 · footer divider sweep + luxury badge depth */
.ft-div{background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:200% 100%}
html.serka-static-fx .ft-div{animation:dline 6s linear infinite!important}
.badge{box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(232,202,123,.13)}
html.light .badge{box-shadow:0 14px 40px rgba(120,90,40,.12),inset 0 1px 0 rgba(255,255,255,.5)}

/* 4 · inner content — rim-light depth on cards + gold-dot eyebrows */
body.serka-cine-chrome .sg-card{box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(232,202,123,.12)!important;transition:box-shadow .3s var(--ease),transform .25s var(--ease)}
html.light body.serka-cine-chrome .sg-card{box-shadow:0 14px 40px rgba(120,90,40,.11),inset 0 1px 0 rgba(255,255,255,.5)!important}
body.serka-cine-chrome .sg-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 28px rgba(194,154,86,.18),inset 0 1px 0 rgba(232,202,123,.28)!important}
body.serka-cine-chrome .sg-eyebrow,body.serka-cine-chrome .sg-kicker,body.serka-cine-chrome .eyebrow{display:inline-flex;align-items:center;gap:9px}
body.serka-cine-chrome .sg-eyebrow::before,body.serka-cine-chrome .sg-kicker::before,body.serka-cine-chrome .eyebrow::before{content:"";width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--gold-2),var(--gold) 58%,transparent 72%);box-shadow:0 0 9px rgba(194,154,86,.5);flex:0 0 auto}

/* 5 · final accessibility guard — reduced motion wins last */
@media(prefers-reduced-motion:reduce){
  .cbg-mesh,.cbg-ray,.ft-div,.tlabel .dotg{animation:none!important}
}

/* a11y 20260618: reduced-motion contact bar must stay visible (barUp killed by *{animation:none}) */
@media(prefers-reduced-motion:reduce){.js .ctabar{transform:none!important}}

/* a11y 20260618: focus + in-page anchors clear the fixed header (116px) and bottom CTA bar (57px) for keyboard users (WCAG 2.4.11/2.4.12 focus-not-obscured). scroll-padding mirrors body.serka-skinned padding (128/62). Inner pages only (chrome.css is not enqueued on the front page). Reversible: delete this block. */
html{scroll-padding-top:128px;scroll-padding-bottom:72px}

/* ===== breadcrumb strip (inner pages, directly under the fixed header) =====
   Cinematic gold/cream; token-driven so it adapts dark<->light automatically.
   Aligned to .wrap; flex-wrap + overflow-wrap keep long titles from causing
   horizontal overflow on mobile. Added 20260618 (breadcrumb UX + schema-match). */
.cine-crumb{position:relative;z-index:1;padding:16px 0 0}
.cine-crumb .wrap{min-width:0}
.cine-crumb p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;font-family:var(--sans);font-size:12px;line-height:1.5;letter-spacing:.015em}
.cine-crumb a{color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s var(--ease)}
.cine-crumb a:hover,.cine-crumb a:focus-visible{color:var(--gold-2)}
.cine-crumb .separator{display:inline-flex;align-items:center;color:var(--gold);opacity:.5}
.cine-crumb .crumb-sep{font-size:13px;line-height:1}
.cine-crumb .last{color:var(--text);font-weight:600;min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.cine-crumb{padding:12px 0 0}.cine-crumb p{font-size:11.5px;gap:4px 7px}}