/* =========================================================
   huse-wire — Obsidian layer
   Techno-brutalism × Swiss editorial discipline.
   Loads after main.css; selectors are prefixed with html[class]
   so they outrank the legacy cascade and WPBakery inline styles.
   ========================================================= */

/* ---------- 1. Tokens ---------- */
html{
	/* Paper (light) */
	--hx-bg:#ffffff;
	--hx-surface:#eef0f3;
	--hx-card:#ffffff;
	--hx-text:#0c0c0d;
	--hx-body:#3d3f44;
	--hx-muted:#6b6e75;
	--hx-faint:#a4a6ab;
	--hx-rule:#dde0e6;
	--hx-hairline:rgba(0,0,0,.08);
	--hx-accent:#002fa7;
	--hx-signal:#002fa7;
	--hx-glow:rgba(0,47,167,.35);
	--hx-img:transparent;
	--hx-dot:rgba(0,0,0,.09);

	--hx-f-nav:'podium-soft-variable','Barlow Condensed','Arial Narrow',sans-serif;
	--hx-f-logo:baudot,'Barlow Condensed',sans-serif;
	--hx-f-head:'Space Grotesk',system-ui,sans-serif;
	--hx-f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
	--hx-f-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;

	--hx-ease:cubic-bezier(.16,1,.3,1);
	--hx-t-fast:.35s;
	--hx-t:.6s;

	--hx-gutter:clamp(20px,2.6vw,40px);
	--hx-gap:clamp(12px,1.4vw,20px);
	--hx-topbar-h:48px;
	--hx-admin-offset:0px;
}
html.header-dark{
	/* Obsidian */
	--hx-bg:#0a0a0b;
	--hx-surface:#121316;
	--hx-card:#16171b;
	--hx-text:#f3f4f6;
	--hx-body:#b9bcc4;
	--hx-muted:#8b8e96;
	--hx-faint:#4a4d55;
	--hx-rule:#1e2025;
	--hx-hairline:rgba(255,255,255,.08);
	--hx-accent:#2e72d3;
	--hx-signal:#55b6e0;
	--hx-glow:rgba(85,182,224,.55);
	--hx-img:transparent;
	--hx-dot:rgba(255,255,255,.07);
	color-scheme:dark;
}
/* Legacy tokens follow the new system */
html[class]{
	--bg:var(--hx-bg);
	--text:var(--hx-text);
	--muted:var(--hx-muted);
	--border:var(--hx-rule);
	--surface:var(--hx-surface);
	--heading:var(--hx-text);
	--menu:var(--hx-text);
	--menu-active:var(--hx-accent);
}
body.admin-bar{--hx-admin-offset:32px}
@media (max-width:782px){body.admin-bar{--hx-admin-offset:46px}}

/* ---------- 2. Base ---------- */
html[class] body{
	background:var(--hx-bg);
	color:var(--hx-text);
	font-family:var(--hx-f-body);
	-webkit-font-smoothing:antialiased;
	transition:background-color var(--hx-t) var(--hx-ease),color var(--hx-t) var(--hx-ease);
}
html[class] ::selection{background:var(--hx-accent);color:#fff}
html[class] :where(a,button,input,select,textarea,summary):focus-visible{outline:1px solid var(--hx-signal);outline-offset:3px}

html[class] .site-main :is(h1,h2,h3,h5,h6){font-family:var(--hx-f-head);color:var(--hx-text);letter-spacing:-.02em}
html[class] .site-main h4{font-family:var(--hx-f-head);font-weight:500;color:var(--hx-muted)}
html[class] .site-main p{color:var(--hx-body);font-weight:400}
html[class] .site-main .entry-content :is(p,ul,ol,pre,blockquote),
html[class] .site-main .hw-case-copy__panel p{margin:0 0 .75rem}
html[class] .site-main .hw-case-copy__panel p:last-child{margin-bottom:0}
html[class] .site-main a,
html[class] .site-main a:visited{color:inherit}
html[class] .site-main .entry-content :is(p,li) a:not(.vc_btn3):not(.hw-case-cta):not(.hw-li-card):not(.vc_gitem-link),
html[class] .site-main .hw-case-copy__panel a{
	color:var(--hx-text) !important;
	text-decoration:underline;
	text-decoration-color:var(--hx-accent);
	text-decoration-thickness:1px;
	text-underline-offset:3px;
	transition:color var(--hx-t-fast) var(--hx-ease),text-decoration-color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .entry-content :is(p,li) a:not(.vc_btn3):not(.hw-case-cta):not(.hw-li-card):not(.vc_gitem-link):hover,
html[class] .site-main .hw-case-copy__panel a:hover{color:var(--hx-signal) !important;text-decoration-color:var(--hx-signal)}

.hx-kicker,
html[class] .hx-mono{font:400 11px/1.4 var(--hx-f-mono);letter-spacing:.06em;text-transform:uppercase}

/* ---------- 3. Shell ---------- */
html[class] .site-sidebar{
	background:var(--hx-surface);
	color:var(--hx-text);
	border-right:1px solid var(--hx-rule);
	transition:background-color var(--hx-t) var(--hx-ease),border-color var(--hx-t) var(--hx-ease);
}
html[class] .site-main{padding:0 var(--hx-gutter);min-height:100vh}

/* ---------- 4. Sidebar ---------- */
html[class] .site-sidebar__inner{
	gap:0;
	padding:28px 28px 22px;
	scrollbar-width:none;
}
html[class] .site-sidebar__inner::-webkit-scrollbar{display:none}

html[class] .site-branding{display:block}
html[class] .site-sidebar .site-title{
	display:block;
	max-width:100%;
	font-family:var(--hx-f-logo);
	font-weight:700;
	font-synthesis:none;
	font-size:68px;
	line-height:1.12;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--hx-signal);
	transition:color var(--hx-t-fast) var(--hx-ease),opacity var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-sidebar .site-title:hover{color:var(--hx-signal);opacity:.75}
html[class] .site-sidebar .site-title:focus{text-decoration:none}
.hx-discipline{
	margin:14px 0 0;
	font:500 11px/1.4 var(--hx-f-mono);
	letter-spacing:.14em;
	white-space:nowrap;
	text-transform:uppercase;
	color:var(--hx-muted);
}
.hx-rule{flex:none;height:1px;background:var(--hx-rule);margin:22px 0}
.hx-side-bottom .hx-rule{margin:16px 0}

/* Signature menu — Podium Soft, ultra-condensed */
html[class] .site-sidebar .primary-nav .menu{gap:0}
html[class] .site-sidebar .primary-nav .menu > li{position:relative}
html[class] .site-sidebar .primary-nav .menu > li.menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:12px}
html[class] .site-sidebar .primary-nav .menu > li > a{
	position:relative;
	display:inline-block;
	padding:0;
	font-family:var(--hx-f-logo);
	font-weight:700;
	font-synthesis:none;
	font-size:56px;
	line-height:1.05;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--hx-text);
	text-decoration:none;
	transform:none;
	transition:transform var(--hx-t-fast) var(--hx-ease),color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-sidebar .primary-nav .menu > li > a:hover,
html[class] .site-sidebar .primary-nav .menu > li > a:focus-visible{transform:translateX(4px);color:var(--hx-signal);text-decoration:none;outline:none}
html[class] .site-sidebar .primary-nav .menu > li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent) > a{color:var(--hx-signal)}

/* submenu toggle — technical +/− glyph */
.hx-sub-toggle{position:relative;flex:none;width:22px;height:22px;padding:0;border:1px solid var(--hx-rule);background:none;cursor:pointer;transition:border-color var(--hx-t-fast) var(--hx-ease)}
.hx-sub-toggle span,
.hx-sub-toggle::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:1px;background:var(--hx-muted);transform:translate(-50%,-50%);transition:transform var(--hx-t-fast) var(--hx-ease),background-color var(--hx-t-fast) var(--hx-ease)}
.hx-sub-toggle span{transform:translate(-50%,-50%) rotate(90deg)}
.hx-sub-toggle:hover{border-color:var(--hx-signal)}
.hx-sub-toggle:hover span,.hx-sub-toggle:hover::before{background:var(--hx-signal)}
.is-open > .hx-sub-toggle span{transform:translate(-50%,-50%) rotate(0deg)}

html[class] .site-sidebar .primary-nav .menu .sub-menu{
	flex-basis:100%;
	margin:0;
	padding:6px 0 10px 2px;
	overflow:hidden;
	transition:max-height var(--hx-t) var(--hx-ease),padding var(--hx-t) var(--hx-ease),opacity var(--hx-t) var(--hx-ease);
}
html[class] .site-sidebar .primary-nav .menu .hx-sub-ready > .sub-menu{max-height:var(--hx-sub-h,600px)}
html[class] .site-sidebar .primary-nav .menu .hx-sub-ready:not(.is-open) > .sub-menu{max-height:0;padding-top:0;padding-bottom:0;opacity:0}
html[class] .site-sidebar .primary-nav .menu .sub-menu a{
	display:flex;gap:10px;align-items:baseline;
	padding:4px 0 4px 12px;
	border-left:1px solid transparent;
	border-radius:0;
	font:500 13px/1.3 var(--hx-f-head);
	letter-spacing:.01em;
	text-transform:uppercase;
	color:var(--hx-muted);
	text-decoration:none;
	transition:color var(--hx-t-fast) var(--hx-ease),border-color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-sidebar .primary-nav .menu .sub-menu a:hover,
html[class] .site-sidebar .primary-nav .menu .sub-menu a:focus-visible{color:var(--hx-text);text-decoration:none;outline:none}
html[class] .site-sidebar .primary-nav .menu .sub-menu :is(.current-menu-item,.current-menu-parent) > a{
	color:var(--hx-text);
	border-left-color:var(--hx-signal);
	border-radius:0;
}

/* sidebar bottom: status, theme line, socials */
.hx-side-bottom{margin-top:auto;padding-top:24px}
.hx-clocks{display:grid;gap:6px;margin:0;font:400 11px/1.4 var(--hx-f-mono);letter-spacing:.06em;text-transform:uppercase}
.hx-clocks > div{display:flex;justify-content:space-between;gap:12px}
.hx-clocks dt{display:flex;align-items:center;gap:8px;color:var(--hx-muted)}
.hx-clocks dd{margin:0;color:var(--hx-text);font-variant-numeric:tabular-nums}
.hx-dot{width:6px;height:6px;border-radius:50%;background:#36d399;animation:hx-pulse 2.4s var(--hx-ease) infinite}
.hx-side-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}

html[class] .site-sidebar .theme-toggle.hx-theme{
	display:flex;align-items:center;gap:12px;
	width:auto;height:auto;
	margin:0;padding:8px 0;
	border:0;background:none;
	font:400 11px/1 var(--hx-f-mono);
	letter-spacing:.06em;
	color:var(--hx-muted);
	opacity:1;
	cursor:pointer;
}
.hx-theme__line{
	position:relative;
	width:44px;height:2px;
	background:var(--hx-faint);
	transition:background-color var(--hx-t) var(--hx-ease),box-shadow var(--hx-t) var(--hx-ease),width var(--hx-t) var(--hx-ease);
}
.hx-theme__line::after{
	content:"";position:absolute;top:50%;left:0;
	width:8px;height:8px;margin-top:-4px;
	background:var(--hx-text);
	transition:transform var(--hx-t) var(--hx-ease),background-color var(--hx-t) var(--hx-ease),box-shadow var(--hx-t) var(--hx-ease);
}
html.header-dark .hx-theme__line{background:var(--hx-accent);box-shadow:0 0 12px var(--hx-glow)}
html.header-dark .hx-theme__line::after{transform:translateX(36px);background:var(--hx-signal);box-shadow:0 0 10px var(--hx-glow),0 0 22px var(--hx-glow)}
html[class] .site-sidebar .hx-theme:hover .hx-theme__line{width:52px;box-shadow:0 0 18px var(--hx-glow)}
html.header-dark .site-sidebar .hx-theme:hover .hx-theme__line::after{transform:translateX(44px)}
html[class] .site-sidebar .hx-theme:hover{color:var(--hx-text)}

html[class] .site-sidebar .social-links{flex-direction:row;gap:14px;margin:0}
html[class] .site-sidebar .social-links a{
	font:400 11px/1 var(--hx-f-mono);
	letter-spacing:.08em;
	color:var(--hx-muted);
	text-decoration:none;
	transition:color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-sidebar .social-links a:hover{color:var(--hx-signal);text-decoration:none}
html[class] .site-sidebar .social-links a:hover::after{content:none}

/* ---------- 5. Terminal topbar ---------- */
.hx-topbar{
	position:sticky;top:var(--hx-admin-offset);z-index:30;
	display:flex;justify-content:space-between;align-items:center;gap:16px;
	height:var(--hx-topbar-h);
	margin:0 calc(var(--hx-gutter) * -1) clamp(24px,2.5vw,36px);
	padding:0 var(--hx-gutter);
	font:400 11px/1 var(--hx-f-mono);
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--hx-muted);
	background:color-mix(in srgb,var(--hx-bg) 92%,transparent);
	-webkit-backdrop-filter:blur(14px) saturate(140%);
	backdrop-filter:blur(14px) saturate(140%);
	border-bottom:1px solid var(--hx-hairline);
}
.hx-topbar__path{display:flex;align-items:center;min-width:0;flex:1;text-transform:none}
html[class] .site-sidebar :is(.social-links a,.hx-theme,.hx-theme__label){text-transform:uppercase}
html[class] .hx-topbar .breadcrumbs{margin:0;min-width:0;font:inherit;font-style:normal;color:inherit}
html[class] .hx-topbar .breadcrumbs ol{flex-wrap:nowrap;gap:0;min-width:0;overflow:hidden}
html[class] .hx-topbar .breadcrumbs .crumb{flex:none;color:var(--hx-muted);white-space:nowrap}
html[class] .hx-topbar .breadcrumbs .crumb.is-current{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--hx-text);text-decoration:none;border:0;padding:0}
html[class] .hx-topbar .breadcrumbs .crumb:first-child::before{content:"~/";color:var(--hx-faint)}
html[class] .hx-topbar .breadcrumbs .crumb:not(.is-current)::after{content:"/";margin:0 .5em;color:var(--hx-faint)}
html[class] .hx-topbar .breadcrumbs .crumb a{color:inherit;font-weight:400;transition:color var(--hx-t-fast) var(--hx-ease)}
html[class] .hx-topbar .breadcrumbs .crumb a:hover{color:var(--hx-signal)}
.hx-topbar__tags{display:flex;gap:16px;margin:0;padding:0;list-style:none;white-space:nowrap}
html[class] .hx-index-toggle{
	margin:0;padding:6px 0;border:0;background:none;cursor:pointer;
	font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;
	transition:color var(--hx-t-fast) var(--hx-ease);
}
html[class] .hx-index-toggle:hover,
html[class] .hx-index-toggle[aria-expanded="true"]{color:var(--hx-signal)}
html[class] .hx-index-toggle:focus-visible{outline:1px solid var(--hx-signal);outline-offset:4px}

.hx-index{
	position:absolute;top:100%;right:var(--hx-gutter);
	width:min(620px,calc(100% - var(--hx-gutter) * 2));
	max-height:min(70vh,calc(100vh - var(--hx-topbar-h) - 40px));
	overflow-y:auto;overscroll-behavior:contain;
	margin-top:8px;
	background:var(--hx-card);
	border:1px solid var(--hx-rule);
	box-shadow:0 24px 60px -24px rgba(0,0,0,.25);
	text-transform:none;
	animation:hx-index-in var(--hx-t-fast) var(--hx-ease);
}
.hx-index[hidden]{display:none}
@keyframes hx-index-in{from{opacity:0;transform:translateY(-6px)}}
.hx-index__list{margin:0;padding:6px 0;list-style:none}
.hx-index__list li + li{border-top:1px solid var(--hx-hairline)}
html[class] .hx-index__list a{
	display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:baseline;gap:6px 16px;
	padding:12px 20px;
	color:var(--hx-text);text-decoration:none;
	transition:color var(--hx-t-fast) var(--hx-ease),transform var(--hx-t-fast) var(--hx-ease);
}
html[class] .hx-index__list a:hover,
html[class] .hx-index__list a:focus-visible{color:var(--hx-signal);transform:translateX(4px);outline:0}
.hx-index__title{grid-column:1;font:500 15px/1.3 var(--hx-f-head);letter-spacing:-.01em}
.hx-index__meta,
.hx-index__year{font:400 10px/1 var(--hx-f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hx-faint);white-space:nowrap}
.hx-index__meta{grid-column:1;grid-row:2}
.hx-index__year{grid-column:2;grid-row:1;text-align:right}

html[class] .site-main .entry-content > .wpb-content-wrapper > .vc_row:first-child .wpb_wrapper > .vc_empty_space:first-child{height:28px !important}

/* ---------- 6. Category intros (evc dotted band + tabs) ---------- */
html[class] body .site-main .evc-bg{
	position:relative;
	isolation:isolate;
	background-image:none !important;
	border:0 !important;
}
/* dots on their own layer so only they fade out, not the content */
html[class] body .site-main .evc-bg::before{
	content:"";
	position:absolute;inset:0;z-index:-1;
	pointer-events:none;
	background-image:radial-gradient(circle,var(--hx-dot) 1px,transparent 1.4px);
	background-size:8px 8px;
	--hx-fade:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 64px),transparent);
	-webkit-mask-image:var(--hx-fade);
	-webkit-mask-composite:source-in;
	mask-image:var(--hx-fade);
	mask-composite:intersect;
}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs{
	background:var(--hx-card) !important;
	border:1px solid var(--hx-rule) !important;
	transition:background-color var(--hx-t) var(--hx-ease);
}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tabs-list{
	display:inline-flex;
	gap:0;
	margin:0 0 1.5rem;
	border:1px solid var(--hx-rule);
}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tab + .vc_tta-tab{border-left:1px solid var(--hx-rule) !important}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tab > a{
	padding:7px 12px !important;
	font:500 11px/1 var(--hx-f-mono) !important;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--hx-muted) !important;
	transition:color var(--hx-t-fast) var(--hx-ease),background-color var(--hx-t-fast) var(--hx-ease);
}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tab > a .vc_tta-title-text::before,
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tab > a .vc_tta-title-text::after{content:none}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tab > a:hover{color:var(--hx-text) !important}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-tab.vc_active > a{background:var(--hx-text) !important;color:var(--hx-bg) !important}
/* below 768px WPBakery swaps tabs for accordion headings */
@media (max-width:767px){
	html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-heading{background:transparent !important;border:0 !important;margin:0 0 10px !important}
	html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-title{margin:0 !important;font-size:0 !important;line-height:1 !important}
	html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-title > a{
		display:inline-block !important;
		padding:7px 12px !important;
		background:transparent !important;
		border:1px solid var(--hx-rule) !important;
		font:500 11px/1 var(--hx-f-mono) !important;
		letter-spacing:.08em !important;
		text-transform:uppercase !important;
		color:var(--hx-muted) !important;
	}
	html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title > a{background:var(--hx-text) !important;border-color:var(--hx-text) !important;color:var(--hx-bg) !important}
	html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-title > a :is(.vc_tta-controls-icon,i){display:none !important}
}

html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-body :is(p,span,li,div),
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .evc-advanced-text :is(p,span,li,div,strong,b,em,i){
	color:var(--hx-body) !important;
	line-height:1.6 !important;
}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-body :is(h1,h2,h3,h5,h6),
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .evc-advanced-text :is(h1,h2,h3,h5,h6){color:var(--hx-text) !important}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs :is(.vc_tta-panel-body,.evc-advanced-text) :is(h1,h2,h3,h5,h6) :is(span,strong,b,em,i){color:inherit !important}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-body h4{color:var(--hx-muted) !important}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-body a{color:var(--hx-text) !important}
html[class] body:not(.page-id-5819) .site-main .vc_tta.vc_tta-tabs .vc_tta-panel-body a:hover{color:var(--hx-signal) !important}

/* intro headline → display type */
html[class] .site-main .evc-bg .vc_tta-panel-body h2,
html[class] .site-main .vc_tta-panel-body h1{
	margin:0 0 .5em;
	font-family:var(--hx-f-head) !important;
	font-weight:600 !important;
	font-size:clamp(26px,2.6vw,42px) !important;
	line-height:.95 !important;
	letter-spacing:-.045em !important;
}

/* ---------- 7. Media surface (grid cards + singles) ---------- */
html[class] .site-main .vc_grid-item .vc_gitem-zone-a{
	position:relative;
	overflow:hidden;
	isolation:isolate;
	background-size:0 0 !important;
	background-color:var(--hx-img) !important;
	border:0;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-a .vc_gitem-zone-img{
	visibility:visible !important;
	width:100%;
	transform:scale(1);
	transition:transform 1.1s var(--hx-ease);
}
/* zone-b overlay becomes the wireframe frame */
html[class] .site-main .vc_grid-item .vc_gitem-zone-b{
	background:transparent !important;
	opacity:1 !important;
	transform:none !important;
	z-index:2;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-b::before{
	--c:var(--hx-signal);--l:18px;
	content:"";
	position:absolute;inset:12px;
	pointer-events:none;
	background:
		linear-gradient(var(--c),var(--c)) top left/var(--l) 1px no-repeat,
		linear-gradient(var(--c),var(--c)) top left/1px var(--l) no-repeat,
		linear-gradient(var(--c),var(--c)) top right/var(--l) 1px no-repeat,
		linear-gradient(var(--c),var(--c)) top right/1px var(--l) no-repeat,
		linear-gradient(var(--c),var(--c)) bottom left/var(--l) 1px no-repeat,
		linear-gradient(var(--c),var(--c)) bottom left/1px var(--l) no-repeat,
		linear-gradient(var(--c),var(--c)) bottom right/var(--l) 1px no-repeat,
		linear-gradient(var(--c),var(--c)) bottom right/1px var(--l) no-repeat;
	opacity:0;
	transform:scale(1.03);
	transition:opacity var(--hx-t-fast) var(--hx-ease),transform var(--hx-t) var(--hx-ease);
}
/* film grain */
html[class] .site-main .vc_grid-item .vc_gitem-zone-b::after{
	content:"";
	position:absolute;inset:-50%;
	pointer-events:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	mix-blend-mode:overlay;
	opacity:0;
	transition:opacity var(--hx-t) var(--hx-ease);
}
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-img,
html[class] .site-main .vc_grid-item:focus-within .vc_gitem-zone-img{transform:scale(1.02)}
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-b::before,
html[class] .site-main .vc_grid-item:focus-within .vc_gitem-zone-b::before{opacity:1;transform:none}
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-b::after{opacity:.22;animation:hx-grain .9s steps(6) infinite}

/* caption: title · tag · arrow */
html[class] .site-main .vc_grid-item .vc_gitem-zone-c{
	margin:12px 0 0 !important;
	padding:14px 0 0 !important;
	background:transparent !important;
	border-top:1px solid var(--hx-rule);
	transition:border-color var(--hx-t) var(--hx-ease);
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c > .vc_gitem-zone-mini{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	column-gap:12px;
	padding-right:8px;
	align-items:start;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c > .vc_gitem-zone-mini::after{
	content:"↗";
	font:400 18px/1 var(--hx-f-head);
	color:var(--hx-faint);
	transition:transform var(--hx-t-fast) var(--hx-ease),color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_gitem_row,
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_gitem-col{margin:0 !important;padding:0 !important;width:auto;float:none}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_custom_heading{margin:0}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c p{
	margin:0 !important;
	font:500 clamp(13px,1.05vw,16px)/1.3 var(--hx-f-head) !important;
	letter-spacing:-.01em !important;
	color:var(--hx-text) !important;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c p a{color:inherit !important;font-weight:inherit}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c p::after{
	content:var(--hx-cat,"");
	display:block;
	margin-top:6px;
	font:400 11px/1.4 var(--hx-f-mono);
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--hx-muted);
	transition:color var(--hx-t-fast) var(--hx-ease);
}
/* text-only cards (Notes): title · excerpt, whole card is the link */
html[class] .site-main .vc_grid-item .vc_gitem-zone-c h3{
	margin:0 0 10px !important;
	font:500 clamp(17px,1.3vw,21px)/1.2 var(--hx-f-head) !important;
	letter-spacing:-.015em !important;
	color:var(--hx-text) !important;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_gitem-post-data-source-post_excerpt p{
	font:400 14px/1.55 var(--hx-f-body) !important;
	letter-spacing:0 !important;
	color:var(--hx-muted) !important;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_gitem-post-data-source-post_excerpt p::after{content:none}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c p:empty{display:none}
html[class] .site-main .vc_grid-item:has(.vc_gitem-zone-c .vc_btn3){position:relative}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_btn3-container{margin:0 !important}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_btn3{
	position:absolute !important;inset:0;z-index:3;
	padding:0 !important;
	background:none !important;border:0 !important;box-shadow:none !important;
	color:transparent !important;font-size:0 !important;
}
html[class] .site-main .vc_grid-item .vc_gitem-zone-c .vc_btn3:focus-visible{outline:1px solid var(--hx-signal);outline-offset:6px}
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-c{border-top-color:var(--hx-accent)}
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-c > .vc_gitem-zone-mini::after,
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-c p::after{color:var(--hx-signal)}
html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-c > .vc_gitem-zone-mini::after{transform:translate(3px,-3px)}

body.page-id-6532{--hx-cat:"[CAT: WEB] [SEO: HUSESEO]"}
body.page-id-6546{--hx-cat:"[CAT: PACKAGING / PRODUCT]"}
body.page-id-6554{--hx-cat:"[CAT: MUSIC / PUBLISHING]"}
body.page-id-6559{--hx-cat:"[CAT: ASSETS]"}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item .vc_gitem-zone-c p::after{content:none;display:none;margin:0}

/* ---------- 8. Editorial asymmetric grid (work category pages) ---------- */
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main :is(.vc_grid-container,.vc_pageable-wrapper,.vc_grid.vc_row){
	height:auto !important;
	overflow:visible !important;
}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid.vc_row{margin:0 !important}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper{
	display:grid !important;
	grid-template-columns:repeat(12,minmax(0,1fr));
	gap:clamp(28px,3vw,48px) var(--hx-gap);
	height:auto !important;
	margin:0 !important;
}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper > :not(.vc_grid-item),
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper::before,
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper::after,
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item::before,
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item::after,
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item-mini::before,
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item-mini::after{content:none;display:none}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item > div:not([class]){display:none}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper > .vc_grid-item{
	position:relative !important;
	inset:auto !important;
	left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;
	transform:none !important;
	width:auto !important;
	min-width:0 !important;
	max-width:none !important;
	float:none !important;
	padding:0 !important;
	display:flex !important;
	flex-direction:column;
	grid-column:span 6;
	visibility:visible !important;
}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper > .vc_grid-item:not(.vc_visible-item){
	display:none !important;
}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini{flex:1;display:flex;flex-direction:column;height:auto}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item .vc_gitem-animated-block{flex:1;display:flex;flex-direction:column}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item .vc_gitem-zone-a{flex:1;min-height:240px}
html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item .vc_gitem-zone-a .vc_gitem-zone-img{position:absolute;inset:0;height:100%;object-fit:cover}
html[class] body.page-id-6532 .site-main .vc_grid-item .vc_gitem-zone-a .vc_gitem-zone-img{object-fit:contain;padding:0}

/* homepage: equal 2-col */
html[class] body.page-id-6532 .site-main .vc_pageable-slide-wrapper{align-items:stretch}
html[class] body.page-id-6532 .site-main .vc_pageable-slide-wrapper > .vc_grid-item{
	grid-column:span 6 !important;
	height:auto;
}
html[class] body.page-id-6532 .site-main .vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini{
	display:flex;
	flex-direction:column;
	height:100%;
}
html[class] body.page-id-6532 .site-main .vc_grid-item .vc_gitem-zone-a{
	flex:none;
	min-height:0;
	aspect-ratio:10/7;
}
html[class] body.page-id-6532 .site-main .vc_grid-item .vc_gitem-zone-c{margin-top:auto}

/* rhythm: 7·5 / 12 spread / 5·7 — other work categories */
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+1 of .vc_grid-item){grid-column:span 7}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+2 of .vc_grid-item){grid-column:span 5}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item){grid-column:1 / -1}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+4 of .vc_grid-item){grid-column:span 5}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+5 of .vc_grid-item){grid-column:span 7}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:is(:nth-child(5n+1 of .vc_grid-item),:nth-child(5n+5 of .vc_grid-item)) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:7/4.6}

/* music/publishing: Hakan opens as spread; pair photos bottom-align */
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(1 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:16/9.5}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(1 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 55%}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(2 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:4/5}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(2 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 50%}
html[class] body.page-id-6554 .site-main .vc_grid-item:is(:nth-child(5n+3 of .vc_grid-item),:nth-child(5n+5 of .vc_grid-item)) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:4/5}
html[class] body.page-id-6554 .site-main .vc_grid-item:is(:nth-child(5n+3 of .vc_grid-item),:nth-child(5n+5 of .vc_grid-item)) .vc_gitem-zone-img{object-position:50% 42%}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(5n+4 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:5/4}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(5n+4 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 48%}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(6 of .vc_grid-item) .vc_gitem-zone-a{aspect-ratio:5/4}
html[class] body.page-id-6554 .site-main .vc_grid-item:nth-child(6 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 36%}
html[class] body.page-id-6554 .site-main .vc_pageable-slide-wrapper{align-items:stretch}
html[class] body.page-id-6554 .site-main .vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini,
html[class] body.page-id-6554 .site-main .vc_grid-item .vc_gitem-animated-block{height:100%}
html[class] body.page-id-6554 .site-main .vc_grid-item:not(:nth-child(1 of .vc_grid-item)):not(:nth-child(5n+4 of .vc_grid-item)) .vc_gitem-zone-a{margin-top:auto}
html[class] body.page-id-6554 .site-main .vc_grid-item:not(:nth-child(1 of .vc_grid-item)):not(:nth-child(5n+4 of .vc_grid-item)) .vc_gitem-zone-c{min-height:4.5em}

/* full-width spread: media 8 / caption 4 */
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) > .vc_grid-item-mini{
	display:grid;
	grid-template-columns:minmax(0,8fr) minmax(0,4fr);
	gap:var(--hx-gap);
}
html[class] body.page-id-6559 .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:16/9.5}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-c{
	align-self:end;
	margin:0 !important;
	padding:0 0 0 18px !important;
	border-top:0;
	border-left:1px solid var(--hx-rule);
}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-c p{font-size:clamp(22px,2vw,32px) !important;line-height:1.05 !important}
html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item):hover .vc_gitem-zone-c{border-left-color:var(--hx-accent)}

/* packaging + music: hero first, then 7·5 / 12 / 5·7 */
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(1 of .vc_grid-item){grid-column:1 / -1}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+2 of .vc_grid-item){grid-column:span 7}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item){grid-column:span 5}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+4 of .vc_grid-item){grid-column:1 / -1}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+5 of .vc_grid-item){grid-column:span 5}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+1 of .vc_grid-item):not(:nth-child(1 of .vc_grid-item)){grid-column:span 7}

html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) > .vc_grid-item-mini{
	display:flex;
	grid-template-columns:none;
	gap:0;
}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-c{
	align-self:auto;
	margin:12px 0 0 !important;
	padding:14px 0 0 !important;
	border-left:0;
	border-top:1px solid var(--hx-rule);
}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-c p{font-size:inherit !important;line-height:inherit !important}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item):hover .vc_gitem-zone-c{border-left-color:transparent;border-top-color:var(--hx-accent)}

html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)) > .vc_grid-item-mini{
	display:grid;
	grid-template-columns:minmax(0,8fr) minmax(0,4fr);
	gap:var(--hx-gap);
}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)) .vc_gitem-zone-c{
	align-self:end;
	margin:0 !important;
	padding:0 0 0 18px !important;
	border-top:0;
	border-left:1px solid var(--hx-rule);
}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)) .vc_gitem-zone-c p{font-size:clamp(22px,2vw,32px) !important;line-height:1.05 !important}
html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)):hover .vc_gitem-zone-c{border-left-color:var(--hx-accent)}

html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(1 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:5/4}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(1 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 48%}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+2 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:7/5}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+2 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 46%}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:1/1}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-img{object-position:54% 42%}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+4 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:5/4}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+4 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 50%}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+5 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:4/5}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(5n+5 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 50%}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(6 of .vc_grid-item) .vc_gitem-zone-a{flex:none;min-height:0;aspect-ratio:5/4}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(6 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 50%}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(7 of .vc_grid-item){grid-column:1 / -1}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(7 of .vc_grid-item) .vc_gitem-zone-a{aspect-ratio:2/1}
html[class] body.page-id-6546 .site-main .vc_grid-item:nth-child(7 of .vc_grid-item) .vc_gitem-zone-img{object-position:50% 80%}

/* ---------- 9. Single case study ---------- */
html[class] .hw-case-copy{color:var(--hx-text)}
html[class] .site-main .hw-case-copy__title{
	margin:0;
	font-family:var(--hx-f-head) !important;
	font-weight:600 !important;
	font-size:clamp(26px,2.6vw,42px) !important;
	line-height:.95 !important;
	letter-spacing:-.045em !important;
	color:var(--hx-text) !important;
	text-transform:none;
}
html[class] .site-main .entry-content p.hw-case-copy__kicker,
html[class] .site-main .hw-case-copy p.hw-case-copy__kicker{
	margin:16px 0 0;
	font:400 11px/1.4 var(--hx-f-mono);
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--hx-signal);
}
html[class] .site-main .hw-case-copy__body,
html[class] .site-main .hw-case-copy__panel,
html[class] .site-main .hw-case-copy__panel p{color:var(--hx-body)}
html[class] .site-main .hw-case-copy__footer{border-top-color:var(--hx-rule)}
html[class] .site-main .hw-case-cta,
html[class] .site-main .hw-text-cta,
html[class] .site-main .single .vc_general.vc_btn3,
html[class] .site-main .vc_btn3:not(.vc_grid-btn-load_more),
html[class] .site-main .wpb_btn-std{
	font:500 12px/1 var(--hx-f-mono) !important;
	letter-spacing:.08em !important;
	text-transform:uppercase !important;
	color:var(--hx-text) !important;
	border-bottom:1px solid var(--hx-accent) !important;
	padding:.6rem 0 !important;
	transition:color var(--hx-t-fast) var(--hx-ease),border-color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .hw-case-cta:hover,
html[class] .site-main .hw-text-cta:hover,
html[class] .site-main .vc_btn3:not(.vc_grid-btn-load_more):hover{color:var(--hx-signal) !important;border-bottom-color:var(--hx-signal) !important}
html[class] .site-main .hw-case-cta:hover .hw-case-cta__label{text-decoration:none}

/* grid “Load more” — one outline, no stack */
html[class] .site-main .vc_pageable-load-more-btn{
	display:flex !important;justify-content:center;
	margin:clamp(28px,3vw,48px) 0 0;
	padding:0 0 clamp(56px,7vw,96px);
	border:0;background:none;
}
html[class] .site-main .vc_pageable-load-more-btn:has(.vc_btn3[style*="display: none"]){
	display:none !important;
}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3-container,
html[class] .site-main .vc_pageable-load-more-btn .vc_grid-btn-load_more{
	display:flex !important;justify-content:center;
	margin:0 !important;padding:0 !important;
	border:0 !important;background:none !important;
	box-shadow:none !important;outline:0 !important;
	text-align:center;
}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3{
	display:inline-flex;
	align-items:center;gap:10px;
	margin:0 !important;
	padding:13px 22px !important;
	background:transparent !important;
	border:1px solid var(--hx-rule) !important;
	border-radius:0 !important;
	box-shadow:none !important;
	outline:0 !important;
	font:500 11px/1 var(--hx-f-mono) !important;
	letter-spacing:.12em !important;
	text-transform:uppercase !important;
	color:var(--hx-text) !important;
	transition:color var(--hx-t-fast) var(--hx-ease),border-color var(--hx-t-fast) var(--hx-ease),transform var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3::before,
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3 :is(.vc_btn3-icon,.vc_btn3-icon-right,.vc_btn3-icon-left,.vc_btn3-icon::before,.vc_btn3-icon::after){content:none !important;display:none !important}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3::after{
	content:"↓";
	font:13px/1 var(--hx-f-mono);
	letter-spacing:0;
	color:var(--hx-faint);
	transition:color var(--hx-t-fast) var(--hx-ease),transform var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3:hover{
	color:var(--hx-signal) !important;
	border-color:var(--hx-signal) !important;
	background:transparent !important;
	box-shadow:none !important;
	transform:translateY(3px);
}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3:hover::after{color:var(--hx-signal);transform:translateY(2px)}
html[class] .site-main .vc_pageable-load-more-btn .vc_btn3:focus-visible{outline:1px solid var(--hx-signal) !important;outline-offset:4px}

/* segmented language switches (case copy + FAQ) */
html[class] .site-main :is(.hw-case-copy__lang,.hw-home-faq__lang-switch){display:inline-flex;gap:0;margin-bottom:1.5rem;border:1px solid var(--hx-rule)}
html[class] .site-main :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn){
	padding:7px 12px;
	font:500 11px/1 var(--hx-f-mono);
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--hx-muted);
	transition:color var(--hx-t-fast) var(--hx-ease),background-color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn) + :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn){border-left:1px solid var(--hx-rule)}
html[class] .site-main :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn)::before,
html[class] .site-main :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn)::after{content:none}
html[class] .site-main :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn):hover{color:var(--hx-text)}
html[class] .site-main :is(.hw-case-copy__lang-btn,.hw-home-faq__lang-btn):is(.is-active,[aria-pressed="true"]){background:var(--hx-text);color:var(--hx-bg);font-weight:500}

/* single images sit on the media surface */
html[class] .single .site-main .wpb_single_image .vc_single_image-wrapper{background:var(--hx-img);border:1px solid var(--hx-hairline)}

/* prev / next */
html[class] .site-main .hw-post-nav{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--hx-rule)}
html[class] .site-main .hw-post-nav .nav-links{margin:0;padding:18px 0}
html[class] .site-main .hw-post-nav .nav-links a{font:400 22px/1 var(--hx-f-head);color:var(--hx-muted);transition:color var(--hx-t-fast) var(--hx-ease),transform var(--hx-t-fast) var(--hx-ease)}
html[class] .site-main .hw-post-nav .nav-previous a:hover{color:var(--hx-signal);transform:translateX(-4px)}
html[class] .site-main .hw-post-nav .nav-next a:hover{color:var(--hx-signal);transform:translateX(4px)}

/* ---------- 10. FAQ + newsletter ---------- */
html[class] .site-main .hw-bottom-area{
	margin-top:clamp(56px,7vw,112px);
	padding:clamp(56px,7vw,112px) 0;
	border-top:1px solid var(--hx-rule);
}
html[class] .site-main .hw-bottom-duo{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,4vw,72px);align-items:start}
html[class] .site-main .hw-bottom-duo__cell:has(.hw-bottom-band--newsletter){align-self:end}
html[class] .site-main .hw-home-faq__title{
	margin:0 0 22px;
	font:600 clamp(32px,3.6vw,60px)/.95 var(--hx-f-head);
	letter-spacing:-.04em;
	text-transform:none;
	color:var(--hx-text) !important;
}
html[class] .site-main .hw-bottom-band--newsletter form[id^="sib_signup_form_"]{background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important}
html[class] .site-main .hw-home-faq__list{border-top:1px solid var(--hx-rule);counter-reset:hx-faq}
html[class] .site-main .hw-home-faq__item{border-bottom:1px solid var(--hx-rule);counter-increment:hx-faq;box-shadow:none}
html[class] .site-main .hw-home-faq__q{
	display:grid;
	grid-template-columns:40px minmax(0,1fr) 22px;
	align-items:center;
	gap:12px;
	padding:22px 0;
	font:500 clamp(16px,1.3vw,20px)/1.3 var(--hx-f-head);
	letter-spacing:-.015em;
	color:var(--hx-text);
}
html[class] .site-main .hw-home-faq__q::before{
	content:"Q." counter(hx-faq,decimal-leading-zero);
	font:400 11px/1 var(--hx-f-mono);
	letter-spacing:.06em;
	color:var(--hx-faint);
	transition:color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .hw-home-faq__q::after,
html[class] .site-main .hw-home-faq__item[open] > .hw-home-faq__q::after{
	--c:var(--hx-muted);
	content:"";
	position:static;
	transform:none;
	width:22px;height:22px;
	border:1px solid var(--hx-rule);
	background:
		linear-gradient(var(--c),var(--c)) center/9px 1px no-repeat,
		linear-gradient(var(--c),var(--c)) center/1px 9px no-repeat;
	transition:border-color var(--hx-t-fast) var(--hx-ease),transform var(--hx-t) var(--hx-ease),background-size var(--hx-t) var(--hx-ease);
}
html[class] .site-main .hw-home-faq__q:hover::before,
html[class] .site-main .hw-home-faq__item.is-open .hw-home-faq__q::before{color:var(--hx-signal)}
html[class] .site-main .hw-home-faq__q:hover::after{border-color:var(--hx-signal);--c:var(--hx-signal)}
html[class] .site-main .hw-home-faq__item.is-open > .hw-home-faq__q::after,
html[class] .site-main .hw-home-faq__item[open]:not(.is-closing) > .hw-home-faq__q::after{
	--c:var(--hx-signal);
	border-color:var(--hx-accent);
	transform:rotate(180deg);
	background-size:9px 1px,1px 0;
}
html[class] .site-main .hw-home-faq__a{max-width:68ch;padding:0}
html[class] .site-main .hw-home-faq__a p{margin:0;padding:0 34px 26px 52px;color:var(--hx-body);font-size:15px;line-height:1.65}

html[class] .site-main .hw-bottom-band--newsletter{
	align-self:stretch;
	width:100%;
	padding:24px !important;
	background:var(--hx-card);
	border:1px solid var(--hx-rule);
}
html[class] .site-main .hw-bottom-band--newsletter :is(h1,h2,h3,h4,.sib-form-block__label,.entry-title,strong){
	font:500 11px/1.4 var(--hx-f-mono) !important;
	letter-spacing:.08em !important;
	text-transform:uppercase !important;
	color:var(--hx-signal) !important;
}
html[class] .site-main .hw-bottom-band--newsletter :is(p,.sib-text-form-block){color:var(--hx-body) !important}
html[class] .site-main .hw-bottom-band--newsletter label{font:400 11px/1.4 var(--hx-f-mono) !important;letter-spacing:.06em;text-transform:uppercase;color:var(--hx-muted) !important}
html[class] .site-main .hw-bottom-band--newsletter :is(input[type="email"],input[type="text"],textarea),
html[class] body.page-id-5647 .site-main :is(input[type="email"],input[type="text"],input[type="tel"],textarea,select){
	background:transparent !important;
	color:var(--hx-text) !important;
	border:1px solid var(--hx-rule) !important;
	border-radius:0 !important;
	box-shadow:none !important;
	transition:border-color var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main :is(input[type="email"],input[type="text"],input[type="tel"],textarea,select):focus{border-color:var(--hx-signal) !important;outline:none}
html[class] .site-main .hw-bottom-band--newsletter :is(.sib-default-btn,input[type="submit"],button[type="submit"]),
html[class] body.page-id-5647 .site-main :is(.wpcf7-submit,input.sib-default-btn){
	width:auto !important;
	padding:.75rem 1.1rem !important;
	background:var(--hx-accent) !important;
	border:0 !important;
	border-radius:0 !important;
	color:#fff !important;
	font:500 11px/1 var(--hx-f-mono) !important;
	letter-spacing:.1em !important;
	text-transform:uppercase !important;
	cursor:pointer;
	transition:background-color var(--hx-t-fast) var(--hx-ease),box-shadow var(--hx-t-fast) var(--hx-ease);
}
html[class] .site-main .hw-bottom-band--newsletter :is(.sib-default-btn,input[type="submit"],button[type="submit"]):hover,
html[class] body.page-id-5647 .site-main :is(.wpcf7-submit,input.sib-default-btn):hover{background:#2563c7 !important;box-shadow:0 0 18px var(--hx-glow);opacity:1}

/* ---------- 11. Contact ---------- */
html[class] .site-main .hw-li-card{
	background:var(--hx-card);
	border:1px solid var(--hx-rule);
	color:var(--hx-text) !important;
}
html[class] .site-main .hw-li-card:hover,
html[class] .site-main .hw-li-card:focus-visible{background:var(--hx-card);border-color:var(--hx-signal)}
html[class] .site-main .hw-li-card__name{font-family:var(--hx-f-head);color:var(--hx-text)}
html[class] .site-main .hw-li-card__role{font:400 11px/1.4 var(--hx-f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hx-muted)}
html[class] .site-main .hw-li-card:hover .hw-li-card__arrow{color:var(--hx-signal)}
html[class] body.page-id-5647 .site-main form.wpcf7-form{background:var(--hx-card) !important;border:1px solid var(--hx-rule) !important;border-radius:0 !important;box-shadow:none !important;color:var(--hx-text)}
html[class] body.page-id-5647 .site-main form.wpcf7-form:focus-within{border-color:color-mix(in srgb,var(--hx-signal) 50%,var(--hx-rule)) !important}
html[class] body.page-id-5647 .site-main form.sib_signup_form{background:var(--hx-card);border-color:var(--hx-rule);color:var(--hx-text)}
html[class] body.page-id-5647 .site-main form.sib_signup_form:focus-within{border-color:var(--hx-signal)}
html[class] body.page-id-5647 .site-main form.sib_signup_form .newsletter-intro strong{color:var(--hx-text)}
html[class] body.page-id-5647 .site-main :is(.wpcf7 form label,form.sib_signup_form label){font:400 11px/1.4 var(--hx-f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hx-muted)}

/* ---------- 12. Closing CTA + footer ---------- */
.hx-cta{padding:clamp(56px,7vw,112px) 0 clamp(40px,5vw,72px);border-top:1px solid var(--hx-rule)}
.hx-cta .hx-kicker{margin:0 0 22px;color:var(--hx-muted)}
html[class] .site-main .hx-cta__link{
	display:inline-flex;align-items:baseline;gap:.25em;
	font-family:var(--hx-f-nav);
	font-variation-settings:'wdth' 50;
	font-stretch:50%;
	font-weight:400;
	font-synthesis:none;
	font-size:clamp(72px,11vw,200px);
	line-height:.9;
	text-transform:uppercase;
	color:var(--hx-text);
	transition:color var(--hx-t-fast) var(--hx-ease);
}
.hx-cta__link i{font-style:normal;display:inline-block;transition:transform var(--hx-t) var(--hx-ease)}
html[class] .site-main .hx-cta__link:hover{color:var(--hx-signal)}
.hx-cta__link:hover i{transform:translateX(.18em)}

html[class] .site-footer{
	align-self:end;
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;
	margin:0 var(--hx-gutter);
	padding:22px 0 28px;
	border-top:1px solid var(--hx-rule);
	color:var(--hx-muted);
}
html[class] .site-footer p{margin:0;font:400 11px/1.4 var(--hx-f-mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:inherit}
html[class] .site-footer a{font-style:normal;color:var(--hx-text);transition:color var(--hx-t-fast) var(--hx-ease)}
html[class] .site-footer a:hover{color:var(--hx-signal)}

html[class] .hw-back-top{font:400 18px/1 var(--hx-f-mono);width:40px;height:40px;border:1px solid var(--hx-rule);background:var(--hx-surface);color:var(--hx-muted)}
html[class] .hw-back-top:hover,
html[class] .hw-back-top:focus-visible{color:var(--hx-signal);border-color:var(--hx-signal);text-decoration:none}

/* ---------- 13. Keyframes ---------- */
@keyframes hx-pulse{0%{box-shadow:0 0 0 0 rgba(54,211,153,.55)}70%,100%{box-shadow:0 0 0 7px rgba(54,211,153,0)}}
@keyframes hx-grain{
	0%{transform:translate(0,0)}20%{transform:translate(-8%,4%)}40%{transform:translate(6%,-6%)}
	60%{transform:translate(-4%,8%)}80%{transform:translate(8%,2%)}100%{transform:translate(0,0)}
}

/* ---------- 14. Responsive ---------- */
@media (max-width:1280px){
	:root{--husewire-sidebar-width:320px}
	html[class] .site-sidebar .site-title{font-size:60px}
	html[class] .hx-discipline{font-size:10px}
	html[class] .site-sidebar .primary-nav .menu > li > a{font-size:50px}
}
@media (max-width:1080px){
	html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper > .vc_grid-item{grid-column:span 6 !important}
	html[class] body.page-id-6559 .site-main .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(5n+3 of .vc_grid-item){grid-column:1 / -1 !important}
	html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_pageable-slide-wrapper > .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)){grid-column:1 / -1 !important}
	html[class] body:is(.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_grid-item .vc_gitem-zone-a{flex:none !important;min-height:0 !important;aspect-ratio:4/3 !important}
	html[class] body.page-id-6559 .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) > .vc_grid-item-mini{display:flex}
	html[class] body.page-id-6559 .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-a{aspect-ratio:16/9 !important}
	html[class] body.page-id-6559 .site-main .vc_grid-item:nth-child(5n+3 of .vc_grid-item) .vc_gitem-zone-c{margin:12px 0 0 !important;padding:14px 0 0 !important;border-left:0;border-top:1px solid var(--hx-rule)}
	html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)) > .vc_grid-item-mini{display:flex}
	html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)) .vc_gitem-zone-a{aspect-ratio:16/9 !important}
	html[class] body:is(.page-id-6546,.page-id-6554) .site-main .vc_grid-item:is(:nth-child(1 of .vc_grid-item),:nth-child(5n+4 of .vc_grid-item)) .vc_gitem-zone-c{margin:12px 0 0 !important;padding:14px 0 0 !important;border-left:0;border-top:1px solid var(--hx-rule)}
	html[class] .site-main .hw-bottom-duo{grid-template-columns:1fr}
	.hx-topbar__tags li:nth-child(n+2){display:none}
}
@media (max-width:960px){
	html[class] .site{display:block;min-height:0}
	html[class] .site-sidebar{
		position:sticky;top:0;z-index:1000;
		min-height:0;height:auto;
		background:#101727;
		border-right:0;border-bottom:1px solid rgba(201,207,216,.18);
	}
	html[class] .site-sidebar__inner,
	html[class] body.admin-bar .site-sidebar__inner{
		flex-direction:row;flex-wrap:nowrap;
		align-items:center;justify-content:space-between;
		gap:12px;
		min-height:0;max-height:none;height:auto;
		padding:16px var(--hx-gutter);
		background:#101727;
	}
	html[class] .site-branding,
	html[class] .site-title-wrap{min-width:0;flex:1 1 auto}
	html[class] .site-sidebar .site-title{
		font-size:clamp(18px,5.4vw,24px);
		line-height:1;
		letter-spacing:.08em;
		white-space:nowrap;
		overflow:hidden;text-overflow:ellipsis;
		color:#c9cfd8;
	}
	.hx-discipline,
	.site-sidebar__inner > .hx-rule,
	.hx-side-bottom{display:none}
	html[class] .site-sidebar .menu-toggle{flex:0 0 auto;color:#c9cfd8;gap:10px}
	html[class] .site-sidebar .menu-toggle::before{content:"";width:22px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:0}
	html[class] .site-sidebar .menu-toggle::after{content:"MENU";font:400 11px/1 var(--hx-f-mono);letter-spacing:.08em;text-transform:none}
	html[class] .site-sidebar .primary-nav{background:#101727}
	html[class] .site-sidebar .primary-nav .nav-close{font:300 40px/1 var(--hx-f-head);color:#c9cfd8}
	html[class] .site-sidebar .primary-nav .menu{padding:4.5rem var(--hx-gutter) 2rem}
	html[class] .site-sidebar .primary-nav .menu > li > a{font-size:58px}
	html[class] .site-main{min-height:0}
	.hx-topbar{position:relative;top:auto}
	html[class] .site-footer{margin:0 var(--hx-gutter)}
}
@media (max-width:640px){
	html[class] body:is(.page-id-6532,.page-id-6546,.page-id-6554,.page-id-6559) .site-main .vc_pageable-slide-wrapper > .vc_grid-item{grid-column:1 / -1 !important}
	html[class] .site-main .hw-home-faq__q{grid-template-columns:30px minmax(0,1fr) 22px}
	html[class] .site-main .hw-home-faq__a p{padding:0 0 22px 42px}
	.hx-topbar__tags li:not(:has(.hx-index-toggle)){display:none}
	.hx-index{right:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
	.hx-dot{animation:none}
	html[class] .site-main .vc_grid-item:hover .vc_gitem-zone-b::after{animation:none}
}

/* Light sidebar: navy ground, gray type, Yves Klein on the active item. Dark sidebar is untouched. */
html:not(.header-dark) .site-sidebar{
	--hx-sb-strong:#c9cfd8;
	--hx-sb-text:#b0b6c2;
	--hx-sb-muted:#a8b0bc;
	--hx-sb-line:rgba(201,207,216,.28);
	--hx-sb-active:#3563d4;
	background:#101727;
	color:var(--hx-sb-text);
	border-right-color:rgba(201,207,216,.18);
}
html:not(.header-dark) .site-sidebar .site-title,
html:not(.header-dark) .site-sidebar .site-title:hover{color:var(--hx-sb-strong)}
html:not(.header-dark) .site-sidebar .hx-discipline{color:var(--hx-sb-muted)}
html:not(.header-dark) .site-sidebar .hx-rule{background:var(--hx-sb-line)}
html:not(.header-dark) .site-sidebar .primary-nav .menu > li > a{color:var(--hx-sb-text)}
html:not(.header-dark) .site-sidebar .primary-nav .menu > li > a:hover,
html:not(.header-dark) .site-sidebar .primary-nav .menu > li > a:focus-visible{color:var(--hx-sb-strong)}
html:not(.header-dark) .site-sidebar .primary-nav .menu > li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent) > a{color:var(--hx-sb-active)}
html:not(.header-dark) .site-sidebar .hx-sub-toggle{border-color:var(--hx-sb-line)}
html:not(.header-dark) .site-sidebar .hx-sub-toggle span,
html:not(.header-dark) .site-sidebar .hx-sub-toggle::before{background:var(--hx-sb-muted)}
html:not(.header-dark) .site-sidebar .hx-sub-toggle:hover{border-color:var(--hx-sb-strong)}
html:not(.header-dark) .site-sidebar .hx-sub-toggle:hover span,
html:not(.header-dark) .site-sidebar .hx-sub-toggle:hover::before{background:var(--hx-sb-strong)}
html:not(.header-dark) .site-sidebar .primary-nav .menu .sub-menu a{color:var(--hx-sb-muted)}
html:not(.header-dark) .site-sidebar .primary-nav .menu .sub-menu a:hover,
html:not(.header-dark) .site-sidebar .primary-nav .menu .sub-menu a:focus-visible{color:var(--hx-sb-strong)}
html:not(.header-dark) .site-sidebar .primary-nav .menu .sub-menu :is(.current-menu-item,.current-menu-parent) > a{
	color:var(--hx-sb-active);
	border-left-color:var(--hx-sb-active);
}
html:not(.header-dark) .site-sidebar .hx-clocks dt{color:var(--hx-sb-muted)}
html:not(.header-dark) .site-sidebar .hx-clocks dd{color:var(--hx-sb-text)}
html:not(.header-dark) .site-sidebar .hx-theme,
html:not(.header-dark) .site-sidebar .social-links a{color:var(--hx-sb-muted)}
html:not(.header-dark) .site-sidebar .hx-theme:hover,
html:not(.header-dark) .site-sidebar .social-links a:hover{color:var(--hx-sb-strong)}
html:not(.header-dark) .site-sidebar .hx-theme__line{background:var(--hx-sb-line);box-shadow:none}
html:not(.header-dark) .site-sidebar .hx-theme__line::after{background:var(--hx-sb-strong);box-shadow:none}
html:not(.header-dark) .site-sidebar .hx-theme:hover .hx-theme__line{box-shadow:0 0 16px rgba(201,207,216,.34)}
html:not(.header-dark) .site-sidebar :where(a,button):focus-visible{outline-color:var(--hx-sb-strong)}
@media (max-width:960px){
	html:not(.header-dark) .site-sidebar{border-bottom-color:rgba(201,207,216,.34)}
	html:not(.header-dark) .site-sidebar__inner,
	html:not(.header-dark) .site-sidebar .primary-nav{background:#101727}
	html:not(.header-dark) .site-sidebar .menu-toggle,
	html:not(.header-dark) .site-sidebar .primary-nav .nav-close{color:var(--hx-sb-strong)}
}