:root {
  --bg: #f5f1e9;
  --ink: #161b19;
  --muted: #68706c;
  --accent: #b84d2b;
  --accent-soft: #f1d2c4;
  --dark: #161b19;
  --line: rgba(22, 27, 25, .15);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, Arial, sans-serif;
  color-scheme: light;
}

[hidden] {
  display: none !important;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font: 16px/1.55 var(--sans); }
a { color: inherit; }
img { display: block; width: 100%; }
.shell { width: min(calc(100% - 40px), 1180px); margin: 0 auto; }
.brand-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(18px); }
.brand-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-lockup svg { width: 44px; height: 44px; color: var(--accent); }
.brand-lockup .brand-mark { width: 30px; height: 44px; flex: 0 0 auto; object-fit: contain; }
.brand-lockup strong { display: block; font-size: 17px; letter-spacing: .04em; }
.brand-lockup small { display: block; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.brand-links { display: flex; align-items: center; gap: 24px; }
.brand-links a { color: var(--muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.lang-switch { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 999px; }
.lang-switch button { width: 38px; height: 32px; border: 0; border-radius: 999px; color: var(--muted); background: transparent; font-weight: 800; cursor: pointer; }
.lang-switch button.is-active { color: var(--bg); background: var(--dark); }
[data-lang='en'] [data-lang-copy='nl'], [data-lang='nl'] [data-lang-copy='en'] { display: none !important; }
.hero { min-height: 720px; display: grid; align-items: end; position: relative; overflow: hidden; color: #fff; background: var(--dark); }
.hero::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,10,9,.84) 0%, rgba(5,10,9,.36) 50%, rgba(5,10,9,.06) 82%); content: ''; }
.hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-content { position: relative; z-index: 1; max-width: 720px; padding: 150px 0 76px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; color: color-mix(in srgb, var(--accent-soft) 80%, white); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow::before { width: 32px; height: 1px; background: currentColor; content: ''; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; font: 500 clamp(58px, 8vw, 108px)/.88 var(--serif); letter-spacing: -.055em; }
.hero-copy { max-width: 620px; color: rgba(255,255,255,.78); font-size: clamp(18px,2vw,24px); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { position:relative; isolation:isolate; overflow:hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 999px; color: var(--dark); background: var(--accent-soft); font-size: 13px; font-weight: 800; text-decoration: none; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.button::after { position:absolute; z-index:-1; inset:-2px auto -2px -42%; width:38%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent); content:''; transform:skewX(-18deg); transition:left .55s ease; }
.button:hover { transform:translateY(-3px); box-shadow:0 16px 34px rgba(0,0,0,.16); }
.button:hover::after { left:112%; }
.button.is-ghost { color: #fff; border-color: rgba(255,255,255,.35); background: transparent; }
.section { padding: 105px 0; border-bottom: 1px solid var(--line); }
.section-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; margin-bottom: 52px; }
.section-head h2 { max-width: 760px; margin-bottom: 0; font: 500 clamp(42px,6vw,76px)/.95 var(--serif); letter-spacing: -.045em; }
.section-head > p { margin-bottom: 7px; color: var(--muted); font-size: 18px; }
.menu-grid, .service-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.menu-card, .service-card { min-height: 300px; padding: 34px; background: var(--bg); }
.menu-card h3, .service-card h3 { margin-bottom: 25px; color: var(--accent); font: 500 30px/1 var(--serif); }
.menu-list { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; }
.menu-list li { display: grid; grid-template-columns: 1fr auto; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.menu-list strong { display: block; font-size: 15px; }
.menu-list small { display: block; margin-top: 4px; color: var(--muted); }
.menu-list b { color: var(--accent); font-variant-numeric: tabular-nums; }
.facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.fact { min-height: 210px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; }
.fact span { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.fact h3 { margin: 38px 0 12px; font: 500 28px/1 var(--serif); }
.fact p { color: var(--muted); }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.split > div { min-height: 420px; padding: clamp(34px,6vw,74px); background: var(--bg); }
.split h2 { font: 500 clamp(38px,5vw,66px)/.95 var(--serif); letter-spacing: -.04em; }
.hours { display: grid; gap: 10px; margin: 30px 0 0; padding: 0; list-style: none; }
.hours li { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.hours span { color: var(--muted); }
.brand-footer { padding: 55px 0; color: rgba(255,255,255,.72); background: var(--dark); }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; }
.footer-grid strong { color: #fff; font: 500 28px var(--serif); }
.footer-grid p, .footer-grid a { color: rgba(255,255,255,.62); font-size: 13px; text-decoration: none; }
.footer-brand-lockup { display: inline-flex; align-items: center; gap: 15px; text-decoration: none; }
.footer-brand-lockup .serein-mark { width: 30px; height: 48px; flex: 0 0 auto; object-fit: contain; }
.footer-brand-lockup span { display: block; }
.footer-brand-lockup small { display: block; margin-top: 5px; color: rgba(255,255,255,.62); font: 13px/1.4 var(--sans); }
.demo-note { margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.4); font-size: 11px; }
body[data-brand='maren'] { --bg:#f4eee5; --ink:#24170f; --muted:#76665b; --accent:#c65b32; --accent-soft:#ffba78; --dark:#27150e; --pointer-glow:rgba(214,105,57,.28); }
body[data-brand='serein'] { --bg:#f5f0f4; --ink:#241e30; --muted:#726a7c; --accent:#7d62c9; --accent-soft:#dfc2ef; --dark:#241e30; --pointer-glow:rgba(181,138,72,.24); }
body[data-brand='kader'] { --bg:#eff2ec; --ink:#13342f; --muted:#60736f; --accent:#167f73; --accent-soft:#81e2cf; --dark:#12312c; --pointer-glow:rgba(240,198,68,.28); }
body[data-brand='volta'] { --bg:#eef3f7; --ink:#122633; --muted:#627681; --accent:#1872a8; --accent-soft:#65d6e4; --dark:#10242f; --pointer-glow:rgba(85,214,255,.2); }

/* Maren: editorial dining journal */
body[data-brand='maren'] .hero::after { background: linear-gradient(90deg, rgba(39,21,14,.91), rgba(39,21,14,.35) 58%, rgba(39,21,14,.05)); }
body[data-brand='maren'] .hero-content { max-width: 690px; }
body[data-brand='maren'] h1 { font-style: italic; font-weight: 400; }
body[data-brand='maren'] .button { border-radius: 2px; }
body[data-brand='maren'] .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); border-color: #d8c2aa; background: #d8c2aa; }
body[data-brand='maren'] .menu-card { background: #fff8e8; }
body[data-brand='maren'] .menu-card:nth-child(3) { color:#fff8e8; background:#3a1c21; }
body[data-brand='maren'] .menu-card:nth-child(3) small { color:rgba(255,248,232,.65); }
body[data-brand='maren'] .menu-card:nth-child(3) li { border-color:rgba(255,248,232,.18); }
body[data-brand='maren'] .fact { position:relative; overflow:hidden; border-radius:2px; border-color:#cfb89f; transition:transform .25s ease,box-shadow .25s ease; }
body[data-brand='maren'] .fact::after { position:absolute; right:-34px; bottom:-48px; width:126px; height:126px; border:1px solid currentColor; border-radius:50%; opacity:.14; content:''; }
body[data-brand='maren'] .fact:hover { transform:translateY(-7px); box-shadow:0 22px 50px rgba(58,28,33,.16); }
body[data-brand='maren'] .maren-pillars .fact:nth-child(1) { color:#fff8e8; border-color:#3a1c21; background:#3a1c21; }
body[data-brand='maren'] .maren-pillars .fact:nth-child(1) p { color:rgba(255,248,232,.72); }
body[data-brand='maren'] .maren-pillars .fact:nth-child(2) { color:#2b170f; border-color:#cf6b3d; background:#cf6b3d; }
body[data-brand='maren'] .maren-pillars .fact:nth-child(2) span { color:#fff8e8; }
body[data-brand='maren'] .maren-pillars .fact:nth-child(2) p { color:#3a1c21; }
body[data-brand='maren'] .maren-pillars .fact:nth-child(3) { color:#3a1c21; border-color:#d1a95f; background:#f1d59d; }
body[data-brand='maren'] .maren-pillars .fact:nth-child(3) span { color:#9b3e28; }
body[data-brand='maren'] .split > div:first-child { background:#fff8e8; }
body[data-brand='maren'] .split > div:last-child { color:#fff8e8; background:#3a1c21; }
body[data-brand='maren'] .split > div:last-child .eyebrow { color:#ffba78; }
body[data-brand='maren'] .split > div:last-child p { color:rgba(255,248,232,.72); }

/* Studio Serein: soft salon atelier */
body[data-brand='serein'] { font-family:'Segoe UI',Arial,sans-serif; background:#fbf7f1; }
body[data-brand='serein'] .brand-header { background:rgba(251,247,241,.92); }
body[data-brand='serein'] .hero { min-height:720px; grid-template-columns:minmax(24px,1fr) minmax(0,500px) minmax(0,650px) minmax(24px,1fr); gap:42px; align-items:center; color:#51324f; background:#fbf7f1; }
body[data-brand='serein'] .hero::before { position:absolute; top:-180px; left:-120px; width:520px; height:520px; border-radius:50%; background:#eee3f2; content:''; }
body[data-brand='serein'] .hero::after { display:none; }
body[data-brand='serein'] .hero-media { position:relative; inset:auto; grid-column:3; grid-row:1; width:100%; height:590px; border-radius:180px 18px 180px 18px; }
body[data-brand='serein'] .hero-content { grid-column:2; grid-row:1; width:100%; max-width:500px; margin:0; padding:105px 0 70px; }
body[data-brand='serein'] h1 { font:300 clamp(58px,7vw,94px)/.9 'Segoe UI',Arial,sans-serif; letter-spacing:-.065em; }
body[data-brand='serein'] .hero-copy { color:#726a7c; }
body[data-brand='serein'] .button { color:#fff; background:#7d62c9; }
body[data-brand='serein'] .button.is-ghost { color:#51324f; border-color:#b797d2; }
body[data-brand='serein'] .section { border:0; }
body[data-brand='serein'] .section:nth-of-type(2) { background:#eee7f0; }
body[data-brand='serein'] .section-head h2,
body[data-brand='serein'] .split h2 { font-family:'Segoe UI',Arial,sans-serif; font-weight:300; }
body[data-brand='serein'] .service-grid { gap:18px; border:0; background:transparent; }
body[data-brand='serein'] .service-card { border-radius:44px; background:#eee4f2; }
body[data-brand='serein'] .service-card:nth-child(2) { background:#f4e4e3; }
body[data-brand='serein'] .service-card:nth-child(3) { background:#e5eee8; }
body[data-brand='serein'] .service-card:nth-child(4) { background:#eee8df; }
body[data-brand='serein'] .service-card h3 { font-family:'Segoe UI',Arial,sans-serif; font-weight:300; }
body[data-brand='serein'] .fact { border:0; border-radius:48px 12px; background:#fbf7f1; }
body[data-brand='serein'] .split { gap:18px; border:0; background:transparent; }
body[data-brand='serein'] .split > div { border-radius:50px 12px; background:#eee4f2; }
body[data-brand='serein'] .team-grid { align-items:stretch; }
body[data-brand='serein'] .team-card { overflow:hidden; min-height:0; padding:0; }
body[data-brand='serein'] .team-card img { height:330px; object-fit:cover; object-position:center 25%; }
body[data-brand='serein'] .team-card-copy { padding:28px 30px 32px; }
body[data-brand='serein'] .team-card .number { margin-bottom:22px; }

/* Kader: technical field sheet */
body[data-brand='kader'] { font-family:Consolas,'Courier New',monospace; background-color:#ebe7dc; background-image:linear-gradient(rgba(19,52,47,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(19,52,47,.08) 1px,transparent 1px); background-size:40px 40px; }
body[data-brand='kader'] .brand-header { color:#f6f2e7; background:#12312c; }
body[data-brand='kader'] .brand-links a,
body[data-brand='kader'] .brand-lockup small { color:rgba(246,242,231,.7); }
body[data-brand='kader'] .brand-lockup svg { color:#f0c644; }
body[data-brand='kader'] .lang-switch button.is-active { color:#12312c; background:#f0c644; }
body[data-brand='kader'] .hero { min-height:690px; grid-template-columns:minmax(20px,1fr) minmax(0,410px) minmax(0,730px) minmax(20px,1fr); gap:38px; align-items:center; color:#13342f; background:transparent; }
body[data-brand='kader'] .hero::after { display:none; }
body[data-brand='kader'] .hero-media { position:relative; inset:auto; grid-column:3; grid-row:1; width:100%; height:520px; border:4px solid #13342f; box-shadow:14px 14px 0 #f0c644; }
body[data-brand='kader'] .hero-content { grid-column:2; grid-row:1; width:100%; max-width:410px; margin:0; padding:100px 0 70px; }
body[data-brand='kader'] .hero h1 { font-size:clamp(50px,5.1vw,70px); line-height:.88; }
body[data-brand='kader'] h1,
body[data-brand='kader'] .section-head h2,
body[data-brand='kader'] .split h2 { font-family:Impact,'Arial Black',sans-serif; font-weight:400; letter-spacing:.01em; text-transform:uppercase; }
body[data-brand='kader'] .hero-copy { color:#475e59; font-family:Arial,sans-serif; }
body[data-brand='kader'] .button { border-radius:0; color:#13342f; background:#f0c644; box-shadow:5px 5px 0 #13342f; }
body[data-brand='kader'] .button.is-ghost { color:#13342f; border:2px solid #13342f; background:#ebe7dc; }
body[data-brand='kader'] .section { border-color:rgba(19,52,47,.22); }
body[data-brand='kader'] .menu-grid,
body[data-brand='kader'] .service-grid { gap:28px; border:0; background:transparent; }
body[data-brand='kader'] .menu-card,
body[data-brand='kader'] .service-card { border:3px solid #13342f; background:#f6f2e7; box-shadow:10px 10px 0 #168f87; }
body[data-brand='kader'] .service-card:nth-child(2) { box-shadow:10px 10px 0 #f0c644; }
body[data-brand='kader'] .menu-card h3,
body[data-brand='kader'] .service-card h3,
body[data-brand='kader'] .fact h3 { font-family:Impact,'Arial Black',sans-serif; text-transform:uppercase; }
body[data-brand='kader'] .facts { counter-reset:kader-step; }
body[data-brand='kader'] .fact { border:3px solid #13342f; border-radius:0; color:#13342f; background:#f6f2e7; box-shadow:8px 8px 0 #13342f; transition:transform .2s ease,box-shadow .2s ease; }
body[data-brand='kader'] .fact:nth-child(1) { background:#f0c644; }
body[data-brand='kader'] .fact:nth-child(2) { color:#f6f2e7; background:#168f87; }
body[data-brand='kader'] .fact:nth-child(2) span,body[data-brand='kader'] .fact:nth-child(2) p { color:#f6f2e7; }
body[data-brand='kader'] .fact:hover,body[data-brand='kader'] .detail-card:hover { transform:translate(-4px,-4px); box-shadow:14px 14px 0 #13342f; }
body[data-brand='kader'] .split { border:3px solid #13342f; background:#13342f; }
body[data-brand='kader'] .split > div { background:#f6f2e7; }
body[data-brand='kader'] .split > div:first-child { background:#f0c644; }
body[data-brand='kader'] .split > div:last-child { color:#f6f2e7; background:#168f87; }
body[data-brand='kader'] .split > div:last-child .eyebrow,body[data-brand='kader'] .split > div:last-child p { color:#f6f2e7; }
body[data-brand='kader'] .eyebrow { color:#087368; }
body[data-brand='kader'] .price-table { overflow:hidden; border:3px solid #13342f; background:#f8f3e7; box-shadow:12px 12px 0 #f0c644; }
body[data-brand='kader'] .price-row { border-color:rgba(19,52,47,.2); }
body[data-brand='kader'] .price-row:nth-child(even) { background:#e2eee7; }
body[data-brand='kader'] .price-row:hover { background:#f4d868; }
body[data-brand='kader'] .contact-panel > div:first-child { color:#13342f; background:#f0c644; }
body[data-brand='kader'] .contact-panel .eyebrow { color:#13342f; }
body[data-brand='kader'] .contact-panel .route-list li { color:#294e47; border-color:rgba(19,52,47,.28); }

/* Volta: dark EV diagnostics interface */
body[data-brand='volta'] { color:#f3fbfd; background-color:#061923; background-image:radial-gradient(circle at 15% 12%,rgba(85,214,255,.08),transparent 28%),radial-gradient(circle at 88% 62%,rgba(141,232,137,.055),transparent 24%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 1px,transparent 1px 7px); background-attachment:fixed; font-family:'Segoe UI',Arial,sans-serif; }
body[data-brand='volta'] .brand-header { border-color:#173b49; background:rgba(6,25,35,.94); }
body[data-brand='volta'] .brand-lockup svg { color:#55d6ff; }
body[data-brand='volta'] .brand-links a,
body[data-brand='volta'] .brand-lockup small { color:#8da8b2; }
body[data-brand='volta'] .lang-switch { border-color:#28505f; }
body[data-brand='volta'] .lang-switch button.is-active { color:#061923; background:#55d6ff; }

/* Multipage brand routes */
.brand-links a[aria-current='page'] { color:var(--ink); text-decoration:underline; text-underline-offset:7px; }
body[data-brand='volta'] .brand-links a[aria-current='page'],
body[data-brand='kader'] .brand-links a[aria-current='page'] { color:#fff; }
.page-hero { position:relative; min-height:610px; display:grid; align-items:center; overflow:hidden; border-bottom:1px solid var(--line); }
.page-hero .shell { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr); gap:70px; align-items:center; padding:90px 0; }
.page-hero-copy { max-width:580px; }
.page-hero h1 { color:var(--ink); font-size:clamp(54px,7vw,94px); }
.page-hero p { color:var(--muted); font-size:18px; }
.page-hero-media { width:100%; height:460px; object-fit:cover; border-radius:28px; }
.image-mosaic { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }
.image-mosaic figure { margin:0; overflow:hidden; min-height:470px; background:var(--dark); }
.image-mosaic figure + figure { min-height:470px; }
.image-mosaic img { width:100%; height:100%; object-fit:cover; }
.image-mosaic figcaption { position:absolute; }
.image-mosaic.is-single { grid-template-columns:1fr; }
.image-mosaic.is-single figure { min-height:clamp(520px,68vw,780px); }
.image-mosaic.is-single.is-terrace img { object-position:center 58%; }
.image-mosaic.is-single.is-service img { object-position:center 42%; }
.detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.detail-card { min-height:280px; padding:34px; border:1px solid var(--line); background:color-mix(in srgb,var(--bg) 90%,white); transition:transform .2s ease,box-shadow .2s ease; }
.section-actions { margin-top:28px; }
.detail-card .number { display:block; margin-bottom:70px; color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.16em; }
.detail-card h3 { font:500 30px/1.05 var(--serif); }
.detail-card p { color:var(--muted); }
.price-table { display:grid; border:1px solid var(--line); }
.price-row { display:grid; grid-template-columns:1.2fr .7fr auto; gap:24px; align-items:center; min-height:82px; padding:17px 24px; border-bottom:1px solid var(--line); }
.price-row:last-child { border-bottom:0; }
.price-row small { color:var(--muted); }
.price-row b { color:var(--accent); }
.contact-panel { display:grid; grid-template-columns:1fr 1fr; min-height:480px; }
.contact-panel > div { padding:clamp(34px,6vw,80px); background:var(--bg); }
.contact-panel .contact-image { min-height:480px; padding:0; }
.contact-panel img { height:100%; object-fit:cover; }
.route-list { display:grid; gap:14px; margin:32px 0; padding:0; list-style:none; }
.route-list li { padding-bottom:14px; border-bottom:1px solid var(--line); color:var(--muted); }
.route-list strong { display:block; color:var(--ink); }
body[data-brand='maren'] .page-hero { color:#fff; background:#3a1c21; }
body[data-brand='maren'] .page-hero h1, body[data-brand='maren'] .page-hero p { color:#fff8e8; }
body[data-brand='maren'] .page-hero-media { border-radius:0; box-shadow:14px 14px 0 #cf6b3d; }
body[data-brand='maren'] .detail-card { background:#fff8e8; }
body[data-brand='serein'] .page-hero { background:#eee7f0; }
body[data-brand='serein'] .page-hero-media { border-radius:180px 18px 180px 18px; }
body[data-brand='serein'] .detail-card { border:0; border-radius:46px 12px; background:#eee4f2; }
body[data-brand='serein'] .detail-card:nth-child(2) { background:#f4e4e3; }
body[data-brand='serein'] .detail-card:nth-child(3) { background:#e5eee8; }
body[data-brand='kader'] .page-hero-media { border:4px solid #13342f; border-radius:0; box-shadow:14px 14px 0 #f0c644; }
body[data-brand='kader'] .detail-card { border:3px solid #13342f; box-shadow:8px 8px 0 #168f87; }
body[data-brand='kader'] .page-hero h1, body[data-brand='kader'] .detail-card h3 { font-family:Impact,'Arial Black',sans-serif; text-transform:uppercase; }
body[data-brand='volta'] .page-hero { background:#061923; }
body[data-brand='volta'] .page-hero h1 { color:#f3fbfd; }
body[data-brand='volta'] .page-hero p { color:#8da8b2; }
body[data-brand='volta'] .page-hero-media { border:1px solid #28505f; border-radius:4px; box-shadow:0 0 60px rgba(71,204,245,.12); }
body[data-brand='volta'] .detail-card { border-color:#214654; background:#0d3442; }
body[data-brand='volta'] .detail-card h3 { color:#f3fbfd; }
body[data-brand='volta'] .detail-card,body[data-brand='volta'] .fact,body[data-brand='volta'] .service-card { position:relative; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 55px rgba(0,0,0,.18); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
body[data-brand='volta'] .detail-card::before,body[data-brand='volta'] .fact::before,body[data-brand='volta'] .service-card::before { position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,transparent,#55d6ff,#8de889,transparent); content:''; }
body[data-brand='volta'] .detail-card:hover,body[data-brand='volta'] .fact:hover,body[data-brand='volta'] .service-card:hover { transform:translateY(-7px); border-color:#55d6ff; box-shadow:0 0 0 1px rgba(85,214,255,.18),0 24px 70px rgba(42,180,224,.18); }
body[data-brand='volta'] .contact-panel > div:first-child { color:#10242f; background:linear-gradient(145deg,#edf5f8,#dceaf0); }
body[data-brand='volta'] .contact-panel h2,body[data-brand='volta'] .contact-panel .route-list strong { color:#10242f; }
body[data-brand='volta'] .contact-panel .eyebrow { color:#1872a8; }
body[data-brand='volta'] .contact-panel .route-list li { color:#49636f; border-color:#bfd0d8; }
body[data-brand='volta'] .brand-footer .footer-grid > div:first-child > strong { display:flex; align-items:center; gap:12px; font:700 21px/1 'Segoe UI',Arial,sans-serif; letter-spacing:.1em; }
body[data-brand='volta'] .brand-footer .footer-grid > div:first-child > strong::before { width:21px; height:31px; background:#55d6ff; clip-path:polygon(58% 0,15% 53%,49% 53%,34% 100%,88% 39%,56% 39%); content:''; filter:drop-shadow(0 0 8px rgba(85,214,255,.55)); }
.footer-lockup { display:inline-flex; align-items:center; gap:12px; }
.footer-lockup svg { width:34px; height:42px; color:#55d6ff; }
.footer-lockup span strong { color:#f3fbfd; font:700 20px/1 'Segoe UI',Arial,sans-serif; letter-spacing:.08em; }
.footer-lockup span small { display:block; color:#8da8b2; font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }

/* Showcase-grade interaction system */
.brand-progress { position:fixed; z-index:80; top:0; left:0; width:100%; height:2px; pointer-events:none; background:linear-gradient(90deg,var(--accent),var(--accent-soft)); transform:scaleX(0); transform-origin:left center; }
.brand-signature { position:absolute; z-index:3; right:clamp(20px,4vw,70px); bottom:26px; display:flex; gap:7px; align-items:center; color:rgba(255,255,255,.68); font-size:9px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; pointer-events:none; }
.brand-signature span { display:flex; gap:7px; align-items:center; }
.brand-signature i { font-style:normal; }
.brand-signature span + span::before { width:18px; height:1px; background:currentColor; content:''; opacity:.55; }
.page-hero .brand-signature { color:var(--accent); }
.js-reveal { opacity:0; transform:translateY(24px); transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.2,1); }
.js-reveal.is-visible { opacity:1; transform:none; }
.service-card,.menu-card,.fact,.detail-card,.price-table,.contact-panel,.image-mosaic figure { --glow-x:50%; --glow-y:50%; }
.service-card,.menu-card,.fact,.detail-card { position:relative; isolation:isolate; overflow:hidden; }
.service-card::after,.menu-card::after,.fact::before,.detail-card::after { position:absolute; inset:0; pointer-events:none; content:''; opacity:0; background:radial-gradient(circle at var(--glow-x) var(--glow-y),var(--pointer-glow,rgba(120,120,120,.16)),transparent 34%); transition:opacity .25s ease; }
.service-card:hover::after,.menu-card:hover::after,.fact:hover::before,.detail-card:hover::after { opacity:1; }
.image-mosaic figure,.contact-image { position:relative; overflow:hidden; }
.image-mosaic img,.contact-image img,.team-card img { transition:transform .75s cubic-bezier(.2,.78,.2,1),filter .5s ease; }
.image-mosaic figure:hover img,.contact-image:hover img,.team-card:hover img { transform:scale(1.035); }

/* Rich brand narratives */
.brand-story-section { position:relative; overflow:hidden; }
.brand-story { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(34px,6vw,86px); align-items:stretch; }
.story-copy { align-self:center; padding:clamp(28px,4vw,58px); }
.story-copy h2,.quote-scene h2 { margin-bottom:26px; font:500 clamp(44px,6vw,78px)/.92 var(--serif); letter-spacing:-.05em; }
.story-copy > p:not(.eyebrow),.quote-scene-copy > p:not(.eyebrow) { color:var(--muted); font-size:clamp(17px,1.7vw,20px); }
.story-copy blockquote { position:relative; margin:34px 0 0; padding:22px 0 0 34px; border-top:1px solid var(--line); font:italic 500 clamp(23px,3vw,36px)/1.18 var(--serif); }
.story-copy blockquote::before { position:absolute; top:18px; left:0; color:var(--accent); font:500 38px/1 var(--serif); content:'“'; }
.story-media { position:relative; min-height:570px; overflow:hidden; background:var(--dark); }
.story-media img { width:100%; height:100%; min-height:570px; object-fit:cover; transition:transform 1s cubic-bezier(.2,.78,.2,1); }
.brand-story:hover .story-media img { transform:scale(1.025); }
.brand-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:38px; border:1px solid var(--line); background:var(--line); }
.brand-stats > span { min-height:112px; display:flex; flex-direction:column; justify-content:center; padding:18px; background:var(--bg); }
.brand-stats b { color:var(--accent); font:600 clamp(26px,3vw,40px)/1 var(--serif); }
.brand-stats small { margin-top:9px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.story-note { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); font-style:italic; }
.story-list { display:grid; gap:0; margin:32px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.story-list li { position:relative; padding:15px 14px 15px 28px; border-bottom:1px solid var(--line); }
.story-list li::before { position:absolute; left:4px; color:var(--accent-soft); content:'↗'; }
.quote-scene { position:relative; min-height:720px; display:flex; align-items:flex-end; overflow:hidden; color:#fff; background:var(--dark); }
.quote-scene > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.78,.2,1); }
.quote-scene::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(20,10,7,.88),rgba(20,10,7,.36) 60%,rgba(20,10,7,.04)); content:''; }
.quote-scene:hover > img { transform:scale(1.025); }
.quote-scene-copy { position:relative; z-index:1; width:min(650px,100%); padding:clamp(38px,7vw,92px); }
.quote-scene-copy > p:not(.eyebrow) { color:rgba(255,255,255,.78); }

/* Maren: culinary theatre */
body[data-brand='maren'] .brand-header { border-color:rgba(190,143,77,.3); }
body[data-brand='maren'] .hero::before { position:absolute; z-index:1; inset:0; pointer-events:none; background:repeating-linear-gradient(100deg,transparent 0 110px,rgba(255,222,164,.025) 111px 112px); content:''; }
body[data-brand='maren'] .hero-media { animation:maren-breathe 16s ease-in-out infinite alternate; }
body[data-brand='maren'] .eyebrow { color:#e4bd74; }
body[data-brand='maren'] .section-head h2::after { display:block; width:72px; height:1px; margin-top:25px; background:#c8954d; content:''; }
body[data-brand='maren'] .menu-card { position:relative; overflow:hidden; transition:transform .3s ease,box-shadow .3s ease; }
body[data-brand='maren'] .menu-card:hover { z-index:2; transform:translateY(-8px); box-shadow:0 26px 70px rgba(58,28,33,.18); }
body[data-brand='maren'] .page-hero-media { transition:transform .7s ease,box-shadow .3s ease; }
body[data-brand='maren'] .page-hero-media:hover { transform:translate(-4px,-4px); box-shadow:20px 20px 0 #cf6b3d; }
body[data-brand='maren'] .price-row { transition:padding .25s ease,background .25s ease; }
body[data-brand='maren'] .price-row:hover { padding-left:32px; background:#fff8e8; }
body[data-brand='maren'] .maren-founder-story { color:#fff8e8; background:#32171b; }
body[data-brand='maren'] .maren-founder-story .brand-story { gap:0; border:1px solid #9a5939; background:#3a1c21; box-shadow:0 34px 90px rgba(58,28,33,.24); }
body[data-brand='maren'] .maren-founder-story .story-media { min-height:650px; }
body[data-brand='maren'] .maren-founder-story .story-copy > p:not(.eyebrow) { color:rgba(255,248,232,.72); }
body[data-brand='maren'] .maren-founder-story blockquote { color:#f0d7ad; border-color:rgba(255,186,120,.32); }
body[data-brand='maren'] .maren-founder-story .brand-stats { border-color:#6f382c; background:#6f382c; }
body[data-brand='maren'] .maren-founder-story .brand-stats > span { background:#2e1519; }
body[data-brand='maren'] .maren-founder-story .brand-stats b { color:#ffba78; }
body[data-brand='maren'] .maren-founder-story .brand-stats small { color:rgba(255,248,232,.62); }
body[data-brand='maren'] .maren-dish-story .brand-story { gap:0; border:1px solid #d8c2aa; background:#fff8e8; }
body[data-brand='maren'] .maren-dish-story .story-copy { order:2; }
body[data-brand='maren'] .maren-dish-story .story-media { order:1; }
body[data-brand='maren'] .maren-night-section { background:#27150e; }
body[data-brand='maren'] .quote-scene { border:1px solid #9a5939; box-shadow:0 38px 110px rgba(0,0,0,.3); }
@keyframes maren-breathe { to { transform:scale(1.035); } }

/* Studio Serein: lilac, satin and champagne gold */
body[data-brand='serein'] { --accent:#8b6bd3; --accent-soft:#eadbf1; --gold:#b58a48; --gold-light:#e6c98d; background:radial-gradient(circle at 88% 12%,rgba(221,198,236,.35),transparent 28rem),#fbf7f1; }
body[data-brand='serein']::before { position:fixed; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(202,162,95,.045) 50%,transparent 80%); content:''; }
body[data-brand='serein'] .brand-header { border-color:rgba(181,138,72,.28); box-shadow:0 8px 30px rgba(54,36,63,.045); }
body[data-brand='serein'] .brand-lockup svg, body[data-brand='serein'] .brand-lockup .serein-mark { color:var(--gold); filter:drop-shadow(0 5px 12px rgba(181,138,72,.18)); }
body[data-brand='serein'] .brand-lockup strong { letter-spacing:.1em; }
body[data-brand='serein'] .brand-links a[aria-current='page'] { color:#51324f; text-decoration-color:var(--gold); }
body[data-brand='serein'] .hero::before { background:radial-gradient(circle at 42% 42%,#f3eaf5 0 44%,transparent 45%); }
body[data-brand='serein'] .hero::after { display:block; inset:0; background:linear-gradient(110deg,transparent 45%,rgba(181,138,72,.12)); }
body[data-brand='serein'] .hero-media { z-index:1; outline:1px solid rgba(181,138,72,.42); outline-offset:10px; box-shadow:0 35px 90px rgba(66,42,69,.16); }
body[data-brand='serein'] h1,body[data-brand='serein'] .section-head h2,body[data-brand='serein'] .split h2,body[data-brand='serein'] .page-hero h1 { font-family:'Iowan Old Style','Baskerville',Georgia,serif; font-weight:400; }
body[data-brand='serein'] h1 { color:#4a304c; }
body[data-brand='serein'] .eyebrow { color:var(--gold); }
body[data-brand='serein'] .button { border:1px solid rgba(255,255,255,.3); background:linear-gradient(135deg,#9a79dd,#7654bd); box-shadow:0 12px 28px rgba(100,70,143,.18); }
body[data-brand='serein'] .button.is-ghost { color:#51324f; border-color:rgba(181,138,72,.55); background:rgba(255,255,255,.28); box-shadow:none; }
body[data-brand='serein'] .service-grid { counter-reset:serein-service; }
body[data-brand='serein'] .service-card { --pointer-glow:rgba(181,138,72,.2); position:relative; isolation:isolate; overflow:hidden; border:1px solid rgba(181,138,72,.3); background-image:linear-gradient(145deg,rgba(255,255,255,.34),transparent 48%),linear-gradient(110deg,transparent 65%,rgba(181,138,72,.075)); box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 24px 70px rgba(67,42,70,.09); transition:transform .36s ease,box-shadow .36s ease,border-color .36s ease; counter-increment:serein-service; }
body[data-brand='serein'] .service-card::before { position:absolute; top:24px; right:28px; color:rgba(181,138,72,.6); font:600 10px/1 'Segoe UI',sans-serif; letter-spacing:.2em; content:'RITUAL 0' counter(serein-service); }
body[data-brand='serein'] .service-card:hover { transform:translateY(-10px); border-color:rgba(181,138,72,.66); box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 35px 90px rgba(67,42,70,.15),0 0 0 6px rgba(181,138,72,.045); }
body[data-brand='serein'] .service-card h3 { width:max-content; padding-bottom:10px; color:#573a5b; border-bottom:1px solid var(--gold); font-family:'Iowan Old Style','Baskerville',Georgia,serif; font-size:34px; }
body[data-brand='serein'] .menu-list b,body[data-brand='serein'] .price-row b { color:var(--gold); }
body[data-brand='serein'] .menu-list li { transition:transform .22s ease,border-color .22s ease; }
body[data-brand='serein'] .menu-list li:hover { transform:translateX(7px); border-color:rgba(181,138,72,.55); }
body[data-brand='serein'] .fact { --pointer-glow:rgba(181,138,72,.18); position:relative; border:1px solid rgba(181,138,72,.24); background-image:linear-gradient(145deg,rgba(255,255,255,.62),rgba(238,228,242,.3)); box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 22px 65px rgba(68,46,73,.075); transition:transform .32s ease,box-shadow .32s ease; }
body[data-brand='serein'] .fact:hover { transform:translateY(-8px) rotate(-.35deg); box-shadow:0 32px 75px rgba(68,46,73,.13); }
body[data-brand='serein'] .fact h3 { color:#4d3653; font-family:'Iowan Old Style','Baskerville',Georgia,serif; }
body[data-brand='serein'] .split > div { border:1px solid rgba(181,138,72,.26); box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 25px 70px rgba(68,46,73,.09); }
body[data-brand='serein'] .page-hero { background:linear-gradient(135deg,#f1e8f2,#fbf7f1 62%); }
body[data-brand='serein'] .page-hero::before { position:absolute; right:-12%; bottom:-58%; width:620px; height:620px; border:1px solid rgba(181,138,72,.28); border-radius:50%; content:''; }
body[data-brand='serein'] .page-hero-media { outline:1px solid rgba(181,138,72,.4); outline-offset:9px; box-shadow:0 30px 80px rgba(68,46,73,.15); }
body[data-brand='serein'] .price-table { overflow:hidden; border:1px solid rgba(181,138,72,.35); border-radius:32px 8px; background:rgba(255,255,255,.38); box-shadow:0 30px 90px rgba(68,46,73,.09); }
body[data-brand='serein'] .price-row { min-height:94px; padding-inline:30px; transition:background .25s ease,padding .25s ease; }
body[data-brand='serein'] .price-row:hover { padding-left:40px; background:linear-gradient(90deg,rgba(226,207,237,.52),rgba(244,231,213,.5)); }
body[data-brand='serein'] .price-row strong { font-family:'Iowan Old Style','Baskerville',Georgia,serif; font-size:18px; }
body[data-brand='serein'] .serein-ritual-section { background:linear-gradient(180deg,#fbf7f1,#f0e6f0); }
body[data-brand='serein'] .serein-mosaic { grid-template-columns:.9fr 1.1fr; gap:24px; }
body[data-brand='serein'] .serein-mosaic figure { min-height:560px; border-radius:92px 12px; box-shadow:0 26px 80px rgba(68,46,73,.14); }
body[data-brand='serein'] .serein-mosaic figure + figure { min-height:560px; border-radius:12px 92px; }
body[data-brand='serein'] .serein-mosaic figcaption { z-index:2; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:20px 44px 20px 28px; border-top:1px solid rgba(255,255,255,.34); border-radius:0 0 80px 10px; color:#fff; background:linear-gradient(90deg,rgba(50,37,53,.82),rgba(39,28,45,.66)); backdrop-filter:blur(16px); }
body[data-brand='serein'] .serein-mosaic figure + figure figcaption { padding-right:28px; padding-left:44px; border-radius:0 0 10px 80px; }
body[data-brand='serein'] .serein-mosaic figcaption small { color:var(--gold-light); letter-spacing:.16em; }
body[data-brand='serein'] .serein-mosaic figcaption strong { font-family:'Iowan Old Style','Baskerville',Georgia,serif; font-size:18px; }
body[data-brand='serein'] .team-card { --pointer-glow:rgba(181,138,72,.2); border:1px solid rgba(181,138,72,.3); box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 25px 70px rgba(68,46,73,.1); transition:transform .32s ease,box-shadow .32s ease; }
body[data-brand='serein'] .team-card:hover { transform:translateY(-9px); box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 35px 85px rgba(68,46,73,.16),0 0 0 5px rgba(181,138,72,.045); }
body[data-brand='serein'] .contact-panel { overflow:hidden; border-radius:70px 12px; box-shadow:0 32px 90px rgba(68,46,73,.12); }
body[data-brand='serein'] .serein-founder-story { background:linear-gradient(125deg,#f0e6f2 0 52%,#fbf7f1 52%); }
body[data-brand='serein'] .serein-founder-story .brand-story { gap:0; border:1px solid rgba(181,138,72,.28); border-radius:92px 14px; background:rgba(255,255,255,.34); box-shadow:0 36px 100px rgba(68,46,73,.1); }
body[data-brand='serein'] .serein-founder-story .story-media { border-radius:92px 12px 92px 12px; }
body[data-brand='serein'] .serein-founder-story blockquote { color:#51324f; border-color:rgba(181,138,72,.35); }
body[data-brand='serein'] .team-card:nth-child(1) img { object-position:center 20%; }
body[data-brand='serein'] .team-card:nth-child(2) img,
body[data-brand='serein'] .team-card:nth-child(3) img { object-position:center 14%; }
body[data-brand='serein'] .serein-visit-section { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(90deg,rgba(44,31,47,.54),rgba(44,31,47,.14)),url('../shared/serein-oudegracht-exterior-v1.png') center 50%/cover no-repeat; }
body[data-brand='serein'] .serein-visit-section::before { position:absolute; z-index:-1; inset:0; background:linear-gradient(135deg,rgba(251,247,241,.68),rgba(240,230,240,.18) 46%,rgba(43,32,47,.22)); backdrop-filter:saturate(.9); content:''; }
body[data-brand='serein'] .serein-visit { position:relative; z-index:1; grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); gap:22px; border:0; background:transparent; }
body[data-brand='serein'] .serein-hours-card { border:1px solid rgba(255,255,255,.7); background:linear-gradient(145deg,rgba(248,239,250,.94),rgba(239,226,242,.86)); box-shadow:0 28px 70px rgba(42,29,45,.18); backdrop-filter:blur(16px); }
body[data-brand='serein'] .serein-location-card { display:flex; align-items:center; min-height:590px; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-radius:14px 82px 14px 82px; color:#2b202f; background:linear-gradient(145deg,rgba(249,241,249,.94),rgba(238,223,239,.92)); box-shadow:0 28px 70px rgba(42,29,45,.18); backdrop-filter:blur(18px); }
body[data-brand='serein'] .serein-location-card__content { width:100%; padding:clamp(34px,5vw,64px); }
body[data-brand='serein'] .serein-location-card__content h2 { max-width:560px; margin:0 0 18px; color:#342238; }
body[data-brand='serein'] .serein-location-card__content p:not(.eyebrow) { color:#6d6172; }
body[data-brand='serein'] .serein-location-card .button.is-ghost { color:#51324f; border-color:rgba(81,50,79,.35); background:rgba(255,255,255,.42); }
body[data-brand='serein'] .serein-location-section { background:linear-gradient(160deg,#f0e6f0,#fbf7f1 52%,#efe4d4); }
body[data-brand='serein'] .serein-contact-panel { grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); min-height:640px; border:1px solid rgba(181,138,72,.34); background:#342539; }
body[data-brand='serein'] .serein-contact-panel > div:first-child { position:relative; z-index:2; background:linear-gradient(145deg,rgba(253,249,245,.98),rgba(239,226,242,.96)); }
body[data-brand='serein'] .serein-location-intro { max-width:42ch; color:#6d6172; }
body[data-brand='serein'] .serein-location-image { min-height:640px; }
body[data-brand='serein'] .serein-location-image::after { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(38,24,41,.78)); content:''; }
body[data-brand='serein'] .serein-location-image img { width:100%; height:100%; object-fit:cover; }
body[data-brand='serein'] .serein-location-image__caption { position:absolute; z-index:2; right:34px; bottom:34px; left:34px; display:flex; align-items:end; justify-content:space-between; gap:28px; padding-top:24px; border-top:1px solid rgba(255,255,255,.45); color:#fffaf2; }
body[data-brand='serein'] .serein-location-image__caption small { color:var(--gold-light); font-size:10px; font-weight:800; letter-spacing:.18em; }
body[data-brand='serein'] .serein-location-image__caption strong { text-align:right; font:400 clamp(24px,2.7vw,38px)/1 'Iowan Old Style','Baskerville',Georgia,serif; }

/* Kader: measured craft */
body[data-brand='kader'] main > .section { position:relative; }
body[data-brand='kader'] main > .section::before { position:absolute; top:18px; left:calc(50% - min(590px,calc(50% - 20px))); color:rgba(19,52,47,.45); font-size:9px; letter-spacing:.18em; content:'PROJECT / FIELD SYSTEM'; }
body[data-brand='kader'] .section-head { padding-bottom:28px; border-bottom:3px solid #13342f; }
body[data-brand='kader'] .section-head::after { width:120px; height:12px; align-self:end; background:repeating-linear-gradient(90deg,#13342f 0 2px,transparent 2px 12px); content:''; }
body[data-brand='kader'] .service-card,body[data-brand='kader'] .menu-card { position:relative; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease; }
body[data-brand='kader'] .service-card::before,body[data-brand='kader'] .menu-card::before { position:absolute; right:15px; bottom:12px; color:rgba(19,52,47,.28); font-size:9px; letter-spacing:.1em; content:'SURFACE / SPEC / 01'; }
body[data-brand='kader'] .service-card:hover,body[data-brand='kader'] .menu-card:hover { transform:translate(-6px,-6px); box-shadow:16px 16px 0 #13342f; }
body[data-brand='kader'] .page-hero::before { position:absolute; inset:18px; border:1px dashed rgba(19,52,47,.32); content:''; pointer-events:none; }
body[data-brand='kader'] .page-hero-media { transition:transform .3s ease,box-shadow .3s ease; }
body[data-brand='kader'] .page-hero-media:hover { transform:translate(-5px,-5px); box-shadow:20px 20px 0 #168f87; }
body[data-brand='kader'] .button:hover { transform:translate(-3px,-3px); box-shadow:9px 9px 0 #13342f; }
body[data-brand='kader'] .kader-founder-story .brand-story { gap:0; border:4px solid #13342f; background:#f6f2e7; box-shadow:16px 16px 0 #f0c644; }
body[data-brand='kader'] .kader-founder-story .story-copy { border-right:3px solid #13342f; }
body[data-brand='kader'] .kader-founder-story .story-media { min-height:620px; }
body[data-brand='kader'] .kader-founder-story .brand-stats { border:2px solid #13342f; background:#13342f; }
body[data-brand='kader'] .kader-founder-story .brand-stats > span { background:#e7eee7; }
body[data-brand='kader'] .kader-founder-story .brand-stats > span:nth-child(2) { background:#f0c644; }
body[data-brand='kader'] .kader-founder-story .brand-stats b { color:#13342f; font-family:Impact,'Arial Black',sans-serif; }
body[data-brand='kader'] .kader-founder-story .brand-stats small { color:#294e47; }
body[data-brand='kader'] .kader-project-gallery figure { border:3px solid #13342f; box-shadow:10px 10px 0 #168f87; }
body[data-brand='kader'] .kader-project-gallery figure + figure { box-shadow:10px 10px 0 #f0c644; }
body[data-brand='kader'] .kader-project-gallery figcaption { z-index:2; right:0; bottom:0; left:0; display:flex; align-items:center; min-height:58px; padding:16px 20px; border-top:3px solid #13342f; color:#13342f; background:#f0c644; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
body[data-brand='kader'] .kader-project-gallery figure + figure figcaption { color:#f6f2e7; background:#168f87; }

/* Volta: quiet electric intelligence */
body[data-brand='volta'] .hero::before { position:absolute; z-index:1; inset:0; background:linear-gradient(rgba(85,214,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(85,214,255,.045) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:linear-gradient(90deg,#000,transparent 76%); mask-image:linear-gradient(90deg,#000,transparent 76%); content:''; }
body[data-brand='volta'] .hero-media { animation:volta-drift 18s ease-in-out infinite alternate; }
body[data-brand='volta'] .hero-content::after { display:block; width:min(420px,70vw); height:2px; margin-top:38px; background:linear-gradient(90deg,#55d6ff 0 32%,rgba(85,214,255,.15) 32% 100%); box-shadow:0 0 16px rgba(85,214,255,.45); content:''; }
body[data-brand='volta'] .section-head { padding-bottom:24px; border-bottom:1px solid #28505f; }
body[data-brand='volta'] .section-head::after { align-self:end; color:#8de889; font-size:10px; font-weight:800; letter-spacing:.15em; content:'SYSTEM / READY'; }
body[data-brand='volta'] .page-hero::before { position:absolute; inset:0; background:linear-gradient(110deg,transparent 38%,rgba(85,214,255,.08) 50%,transparent 62%); content:''; animation:volta-scan 6s ease-in-out infinite; }
body[data-brand='volta'] .page-hero-media { filter:saturate(.9) contrast(1.06); }
body[data-brand='volta'] .price-table { overflow:hidden; border:1px solid #28505f; border-radius:18px; background:#09232e; box-shadow:0 30px 90px rgba(0,0,0,.25); }
body[data-brand='volta'] .price-row { border-color:#214654; transition:background .25s ease,padding .25s ease; }
body[data-brand='volta'] .price-row:hover { padding-left:34px; background:linear-gradient(90deg,rgba(85,214,255,.12),rgba(141,232,137,.04)); }
body[data-brand='volta'] .price-row b { color:#8de889; }
body[data-brand='volta'] .brand-signature { color:#8de889; text-shadow:0 0 16px rgba(141,232,137,.5); }
body[data-brand='volta'] .volta-visual-sequence .image-mosaic { grid-template-columns:1.08fr .92fr; }
body[data-brand='volta'] .volta-visual-sequence figure { position:relative; min-height:520px; border:1px solid #28505f; border-radius:4px; box-shadow:0 28px 80px rgba(0,0,0,.28); }
body[data-brand='volta'] .volta-visual-sequence figcaption { z-index:2; right:18px; bottom:18px; left:18px; display:flex; padding:13px 15px; border:1px solid rgba(85,214,255,.22); color:#f3fbfd; background:rgba(4,18,25,.72); backdrop-filter:blur(12px); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
body[data-brand='volta'] .volta-network-story .brand-story,
body[data-brand='volta'] .volta-lab-story .brand-story { gap:0; border:1px solid #28505f; border-radius:22px; background:#0d2a36; box-shadow:0 32px 100px rgba(0,0,0,.28); }
body[data-brand='volta'] .volta-network-story .story-media,
body[data-brand='volta'] .volta-lab-story .story-media { min-height:640px; border-right:1px solid #28505f; }
body[data-brand='volta'] .volta-lab-story .story-media { border-right:0; border-left:1px solid #28505f; }
body[data-brand='volta'] .story-copy h2 { color:#f3fbfd; font-family:Bahnschrift,'Arial Narrow',sans-serif; }
body[data-brand='volta'] .story-copy > p:not(.eyebrow) { color:#9bb1ba; }
body[data-brand='volta'] .brand-stats { border-color:#28505f; background:#28505f; }
body[data-brand='volta'] .brand-stats > span { background:#09232e; }
body[data-brand='volta'] .brand-stats b { color:#55d6ff; font-family:Bahnschrift,'Arial Narrow',sans-serif; }
body[data-brand='volta'] .brand-stats small { color:#8da8b2; }
body[data-brand='volta'] .story-list { border-color:#28505f; }
body[data-brand='volta'] .story-list li { color:#d6e5ea; border-color:#28505f; }
@keyframes volta-drift { to { transform:scale(1.04) translateX(-1%); } }
@keyframes volta-scan { 0%,20% { transform:translateX(-70%); opacity:0; } 50% { opacity:1; } 80%,100% { transform:translateX(70%); opacity:0; } }

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .js-reveal { opacity:1; transform:none; }
}

@media (max-width:800px) {
  .brand-links { gap:12px; }
  .brand-links > a:first-of-type { display:none; }
  .page-hero .shell { grid-template-columns:1fr; gap:30px; padding:58px 0; }
  .page-hero-media { height:330px; }
  .image-mosaic, .detail-grid, .contact-panel { grid-template-columns:1fr; }
  .image-mosaic figure, .image-mosaic figure + figure { min-height:320px; }
  .price-row { grid-template-columns:1fr auto; }
  .price-row small { grid-column:1/-1; }
  body[data-brand='serein'] .team-card img { height:280px; }
  .brand-story { grid-template-columns:1fr; gap:0; }
  .story-copy { padding:34px 26px; }
  .story-media,.story-media img { min-height:390px; }
  .brand-stats { grid-template-columns:1fr; }
  .brand-stats > span { min-height:88px; }
  .quote-scene { min-height:620px; }
  .quote-scene-copy { padding:38px 26px; }
  body[data-brand='serein'] .serein-founder-story .brand-story { border-radius:44px 8px; }
  body[data-brand='serein'] .serein-founder-story .story-media { border-radius:44px 8px; }
  body[data-brand='serein'] .serein-visit,
  body[data-brand='serein'] .serein-contact-panel { grid-template-columns:1fr; }
  body[data-brand='serein'] .serein-location-card { min-height:410px; border-radius:10px 48px; }
  body[data-brand='serein'] .serein-location-card__content { padding:30px 24px; }
  body[data-brand='serein'] .serein-location-card__content .actions { gap:10px; }
  body[data-brand='serein'] .serein-location-image { min-height:440px; }
  body[data-brand='serein'] .serein-location-image__caption { right:22px; bottom:22px; left:22px; display:grid; gap:12px; }
  body[data-brand='serein'] .serein-location-image__caption strong { text-align:left; }
  body[data-brand='kader'] .kader-founder-story .story-copy { border-right:0; border-bottom:3px solid #13342f; }
  body[data-brand='volta'] .volta-network-story .story-media,
  body[data-brand='volta'] .volta-lab-story .story-media { min-height:420px; border-right:0; border-left:0; border-bottom:1px solid #28505f; }
}
body[data-brand='volta'] .hero { min-height:760px; background:#061923; }
body[data-brand='volta'] .hero::after { background:linear-gradient(0deg,#061923 0%,rgba(6,25,35,.7) 42%,rgba(6,25,35,.08) 82%); }
body[data-brand='volta'] .hero-content { max-width:820px; }
body[data-brand='volta'] h1,
body[data-brand='volta'] .section-head h2,
body[data-brand='volta'] .split h2 { font-family:Bahnschrift,'Arial Narrow',sans-serif; font-weight:500; letter-spacing:-.045em; }
body[data-brand='volta'] .button { color:#061923; background:#55d6ff; }
body[data-brand='volta'] .button.is-ghost { color:#f3fbfd; border-color:#55d6ff; }
body[data-brand='volta'] .section { border-color:#173b49; background:#061923; }
body[data-brand='volta'] .section:nth-of-type(3) { background:#081f2a; }
body[data-brand='volta'] .section-head > p,
body[data-brand='volta'] .menu-list small,
body[data-brand='volta'] .fact p,
body[data-brand='volta'] .hours span { color:#8da8b2; }
body[data-brand='volta'] .service-grid { gap:16px; border:0; background:transparent; }
body[data-brand='volta'] .service-card { border:1px solid #28505f; border-radius:22px; background:#0d2a36; }
body[data-brand='volta'] .service-card h3 { color:#55d6ff; font-family:Bahnschrift,'Arial Narrow',sans-serif; }
body[data-brand='volta'] .menu-list li { border-color:#28505f; }
body[data-brand='volta'] .menu-list b { color:#55d6ff; }
body[data-brand='volta'] .fact { border-color:#28505f; background:#0d2a36; }
body[data-brand='volta'] .fact span { color:#8de889; }
body[data-brand='volta'] .split { border-color:#28505f; background:#28505f; }
body[data-brand='volta'] .split > div { background:#0d2a36; }
body[data-brand='volta'] .brand-footer { border-top:1px solid #28505f; background:#041219; }
@media (max-width: 760px) {
  .shell { width: min(calc(100% - 28px), 1180px); }
  .brand-nav { min-height: 68px; }
  .brand-links > a { display: none; }
  .hero { min-height: 650px; }
  .hero::after { background: linear-gradient(0deg, rgba(5,10,9,.88) 0%, rgba(5,10,9,.18) 78%); }
  .hero-content { padding: 150px 0 48px; }
  .section { padding: 72px 0; }
  .section-head, .split, .footer-grid { grid-template-columns: 1fr; gap: 26px; }
  body[data-brand] .menu-grid,
  body[data-brand] .service-grid,
  .facts { grid-template-columns: 1fr; }
  .menu-card, .service-card { min-height: auto; padding: 26px; }
  .split > div { min-height: auto; padding: 32px 24px; }
  body[data-brand='serein'] .hero,
  body[data-brand='kader'] .hero { align-items:end; color:#fff; background:var(--dark); }
  body[data-brand='kader'] .hero { grid-template-columns:1fr; gap:0; }
  body[data-brand='serein'] .hero::before { display:none; }
  body[data-brand='serein'] .hero::after,
  body[data-brand='kader'] .hero::after { display:block; inset:0; background:linear-gradient(0deg,rgba(20,14,22,.9),rgba(20,14,22,.1) 80%); }
  body[data-brand='serein'] .hero-media,
  body[data-brand='kader'] .hero-media { position:absolute; inset:0; grid-column:1; width:100%; height:100%; border:0; border-radius:0; box-shadow:none; }
  body[data-brand='serein'] .hero-content,
  body[data-brand='kader'] .hero-content { grid-column:1; width:min(calc(100% - 28px),1180px); max-width:100%; margin:0 auto; }
  body[data-brand='serein'] .hero-copy,
  body[data-brand='kader'] .hero-copy { color:rgba(255,255,255,.78); }
  body[data-brand='serein'] .button.is-ghost,
  body[data-brand='kader'] .button.is-ghost { color:#fff; border-color:rgba(255,255,255,.5); background:transparent; box-shadow:none; }
}

@media (max-width:800px) {
  .brand-signature { right:20px; bottom:14px; max-width:58%; flex-wrap:wrap; justify-content:flex-end; }
  body[data-brand='serein'] .serein-mosaic,
  body[data-brand='volta'] .volta-visual-sequence .image-mosaic { grid-template-columns:1fr; }
  body[data-brand='serein'] .serein-mosaic figure,
  body[data-brand='serein'] .serein-mosaic figure + figure,
  body[data-brand='volta'] .volta-visual-sequence figure { min-height:360px; border-radius:34px 8px; }
  body[data-brand='serein'] .serein-mosaic figcaption { min-height:64px; padding:16px 26px; border-radius:0 0 30px 7px; }
  body[data-brand='serein'] .serein-mosaic figure:first-child figcaption { padding-right:26px; }
  body[data-brand='serein'] .serein-mosaic figure + figure figcaption { padding-left:26px; border-radius:0 0 7px 30px; }
  body[data-brand='serein'] .price-row { min-height:84px; padding-inline:22px; }
  body[data-brand='serein'] .price-row:hover { padding-left:22px; }
  body[data-brand='kader'] .section-head::after,
  body[data-brand='volta'] .section-head::after { display:none; }
}