:root {
  --ink: #18221f;
  --muted: #65706b;
  --paper: #f7f4ed;
  --cream: #fffdf8;
  --acid: #d4ed63;
  --orange: #dd7251;
  --blue: #567b9e;
  --line: rgba(24, 34, 31, .16);
  --serif: Georgia, "Times New Roman", serif;
  --sans: "Helvetica Neue", Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, monospace;
  --industry-accent: var(--acid);
  --industry-soft: #e4e9db;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.5; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; transform: translateY(-150%); padding: 10px 14px; background: var(--ink); color: var(--cream); }
.skip-link:focus { transform: none; }
.wd-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.wd-eyebrow { font: 700 .68rem/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.wd-serif { font-family: var(--serif); font-weight: 400; }
.wd-muted { color: var(--muted); }
.wd-section { padding: 108px 0; }
.wd-section--compact { padding: 74px 0; }
.wd-section--soft { background: var(--industry-soft); }
.wd-section--dark { background: var(--ink); color: var(--paper); }
.wd-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--orange); }
.wd-kicker::before { content: ""; width: 25px; height: 1px; background: currentColor; }
.wd-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid var(--ink); border-radius: 999px; background: transparent; color: var(--ink); font-size: .84rem; font-weight: 800; transition: transform .2s ease, background .2s ease, color .2s ease; }
.wd-button:hover { transform: translateY(-2px); }
.wd-button--dark { background: var(--ink); color: var(--cream); }
.wd-button--accent { background: var(--industry-accent); color: var(--ink); }
.wd-button--light { border-color: var(--paper); color: var(--paper); }
.wd-button--light:hover { background: var(--paper); color: var(--ink); }
.wd-text-link { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 3px; border-bottom: 1px solid currentColor; font: 700 .72rem var(--mono); letter-spacing: .04em; }

.wd-header { position: sticky; z-index: 40; top: 0; background: color-mix(in srgb, var(--paper) 91%, transparent); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.wd-nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.wd-brand { display: inline-flex; align-items: center; }
.wd-brand img { width: auto; height: 34px; }
.wd-nav-links { display: flex; align-items: center; gap: 25px; font-size: .82rem; }
.wd-nav-links > a:not(.wd-button) { color: var(--muted); }
.wd-nav-links > a:not(.wd-button):hover { color: var(--ink); }
.wd-menu { display: none; width: 43px; height: 43px; border: 1px solid var(--ink); background: transparent; color: var(--ink); font-size: 1.15rem; cursor: pointer; }
.wd-breadcrumb { padding: 18px 0 0; color: var(--muted); font: 700 .65rem/1.4 var(--mono); letter-spacing: .04em; }
.wd-breadcrumb a { border-bottom: 1px solid transparent; }
.wd-breadcrumb a:hover { border-color: currentColor; }

.wd-hero { position: relative; overflow: hidden; padding: 48px 0 94px; }
.wd-hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 72px; align-items: center; }
.wd-hero-copy { padding-top: 45px; }
.wd-hero h1, .wd-index-hero h1 { margin: 20px 0 28px; font: 400 clamp(4rem, 7.8vw, 7.8rem)/.82 var(--serif); letter-spacing: -.085em; }
.wd-hero h1 em, .wd-index-hero h1 em { display: inline; color: var(--orange); font-style: normal; }
.wd-hero-lead { max-width: 660px; color: var(--muted); font-size: 1.08rem; line-height: 1.62; }
.wd-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.wd-hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 47px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.wd-hero-proof span { min-height: 74px; display: flex; align-items: center; padding: 14px 17px 14px 0; border-right: 1px solid var(--line); color: var(--muted); font: 700 .69rem/1.4 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.wd-hero-proof span + span { padding-left: 17px; }
.wd-hero-proof span:last-child { border-right: 0; }

.wd-art { position: relative; min-height: 550px; isolation: isolate; }
.wd-art-back { position: absolute; inset: 4% 0 1% 13%; background: var(--industry-accent); transform: rotate(4deg); }
.wd-art-frame { position: absolute; inset: 8% 10% 7% 0; overflow: hidden; border: 1px solid var(--ink); background: var(--industry-soft); box-shadow: 12px 12px 0 var(--ink); }
.wd-art-frame img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.03); }
.wd-art-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(24, 34, 31, .57)); }
.wd-art-mark { position: absolute; z-index: 2; left: 25px; bottom: 24px; max-width: 80%; color: var(--cream); font: 400 clamp(2.5rem, 5vw, 4.9rem)/.8 var(--serif); letter-spacing: -.075em; }
.wd-art-note { position: absolute; z-index: 4; top: 27%; right: -8px; width: 116px; aspect-ratio: 1; display: grid; place-items: center; padding: 17px; border-radius: 50%; background: var(--orange); color: var(--cream); text-align: center; font: 700 .66rem/1.25 var(--mono); letter-spacing: .05em; transform: rotate(8deg); }
.wd-art:not(.wd-art--photo) .wd-art-frame::after { background: none; }
.wd-art:not(.wd-art--photo) .wd-art-mark { color: var(--ink); }

.wd-art[data-visual="ledger"] .wd-art-frame { background: repeating-linear-gradient(180deg, var(--cream) 0 49px, rgba(24,34,31,.17) 50px 51px); }
.wd-art[data-visual="ledger"] .wd-art-frame::before { content: "01\A02\A03\A04\A05"; white-space: pre; position: absolute; top: 34px; left: 27px; font: 700 12px/51px var(--mono); color: var(--muted); }
.wd-art[data-visual="measure"] .wd-art-frame, .wd-art[data-visual="certificate"] .wd-art-frame, .wd-art[data-visual="circuit"] .wd-art-frame { background-color: var(--industry-soft); background-image: linear-gradient(rgba(24,34,31,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(24,34,31,.12) 1px, transparent 1px); background-size: 42px 42px; }
.wd-art[data-visual="measure"] .wd-art-frame::before { content: "0  20  40  60  80"; position: absolute; top: 24px; left: 24px; font: 700 11px var(--mono); letter-spacing: .2em; }
.wd-art[data-visual="certificate"] .wd-art-frame::before { content: "GEPRÜFT"; position: absolute; inset: 18% 13%; display: grid; place-items: center; border: 2px solid var(--ink); font: 700 14px var(--mono); letter-spacing: .25em; transform: rotate(-4deg); }
.wd-art[data-visual="circuit"] .wd-art-frame::before { content: ""; position: absolute; width: 70%; height: 60%; left: 15%; top: 18%; border: 3px solid var(--ink); border-left-color: transparent; border-radius: 50%; box-shadow: 54px 38px 0 -50px var(--orange), -44px 72px 0 -39px var(--ink); }
.wd-art[data-visual="thermal"] .wd-art-frame { background: radial-gradient(circle at 65% 35%, var(--orange) 0 12%, transparent 13%), radial-gradient(circle at 42% 58%, var(--industry-accent) 0 25%, transparent 26%), var(--industry-soft); }
.wd-art[data-visual="roofline"] .wd-art-frame::before { content: ""; position: absolute; width: 100%; height: 68%; left: 0; bottom: 0; background: var(--ink); clip-path: polygon(0 65%, 43% 8%, 100% 55%, 100% 100%, 0 100%); }
.wd-art[data-visual="layers"] .wd-art-frame::before { content: ""; position: absolute; inset: 18% 15%; border: 1px solid var(--ink); box-shadow: 17px 17px 0 var(--industry-accent), 34px 34px 0 var(--ink); }
.wd-art[data-visual="plate"] .wd-art-frame::before { content: ""; position: absolute; width: 64%; aspect-ratio: 1; left: 18%; top: 15%; border: 2px solid var(--industry-accent); border-radius: 50%; box-shadow: inset 0 0 0 34px rgba(24,34,31,.1); }
.wd-art[data-visual="room"] .wd-art-frame::before { content: ""; position: absolute; inset: 14% 24% 0; border: 2px solid var(--ink); border-bottom: 0; box-shadow: inset 20px 0 0 rgba(255,255,255,.28); }
.wd-art[data-visual="smile"] .wd-art-frame::before { content: ""; position: absolute; width: 72%; height: 52%; left: 14%; top: 18%; border: 3px solid var(--ink); border-top-color: transparent; border-left-color: transparent; border-radius: 50%; transform: rotate(12deg); }
.wd-art[data-visual="motion"] .wd-art-frame::before { content: ""; position: absolute; width: 74%; aspect-ratio: 1; left: 13%; top: 12%; border: 1px solid var(--ink); border-radius: 50%; box-shadow: 34px 23px 0 -2px transparent, 34px 23px 0 0 var(--industry-accent), -26px 48px 0 -6px var(--ink); }
.wd-art[data-visual="carepath"] .wd-art-frame::before { content: ""; position: absolute; width: 115%; height: 52%; left: -8%; top: 28%; border: 3px solid var(--ink); border-left-color: transparent; border-right-color: transparent; border-radius: 50%; transform: rotate(-17deg); }
.wd-art[data-visual="horizon"] .wd-art-frame::before { content: ""; position: absolute; width: 80%; height: 1px; left: 10%; top: 52%; background: var(--ink); box-shadow: 0 28px 0 rgba(24,34,31,.2); }
.wd-art[data-visual="cut"] .wd-art-frame::before { content: ""; position: absolute; width: 1px; height: 120%; left: 50%; top: -10%; background: var(--ink); box-shadow: 65px 0 0 var(--industry-accent), -65px 0 0 var(--orange); transform: rotate(16deg); }
.wd-art[data-visual="ritual"] .wd-art-frame::before { content: ""; position: absolute; width: 58%; height: 78%; left: 21%; top: 11%; border: 1px solid var(--ink); border-radius: 50% 50% 12% 12%; box-shadow: inset 0 0 0 22px rgba(255,255,255,.2); }

.archetype-technical .wd-hero { background: linear-gradient(90deg, var(--paper) 0 68%, var(--industry-soft) 68%); }
.archetype-craft .wd-hero { background: var(--ink); color: var(--paper); }
.archetype-craft .wd-hero-lead, .archetype-craft .wd-hero-proof span { color: #c2cec8; }
.archetype-craft .wd-hero-proof { border-color: rgba(247,244,237,.25); }
.archetype-property .wd-art-frame { box-shadow: 12px 12px 0 var(--industry-accent); }
.archetype-hospitality .wd-hero { background: #241f1b; color: var(--paper); }
.archetype-hospitality .wd-hero-lead, .archetype-hospitality .wd-hero-proof span { color: #d4c9ba; }
.archetype-hospitality .wd-hero-proof { border-color: rgba(247,244,237,.28); }
.archetype-care .wd-hero { background: var(--industry-soft); }
.archetype-ceremonial .wd-hero { background: linear-gradient(180deg, var(--industry-soft), var(--paper)); }
.archetype-ceremonial .wd-hero h1 { max-width: 820px; }
.archetype-beauty .wd-hero { background: linear-gradient(105deg, var(--paper) 0 62%, var(--industry-soft) 62%); }

.wd-section-head { display: grid; grid-template-columns: 1fr .75fr; gap: 70px; align-items: end; margin-bottom: 42px; }
.wd-section-head h2 { max-width: 820px; margin: 14px 0 0; font: 400 clamp(3rem, 5.3vw, 5.5rem)/.88 var(--serif); letter-spacing: -.075em; }
.wd-section-head p { max-width: 500px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.wd-problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.wd-problem-card { min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; border: 1px solid var(--ink); background: var(--cream); }
.wd-problem-card:nth-child(2) { background: var(--industry-soft); }
.wd-problem-card:nth-child(3) { background: var(--industry-accent); }
.wd-problem-card span { font: 700 .68rem var(--mono); letter-spacing: .08em; }
.wd-problem-card h3 { margin: 42px 0 12px; font: 400 2rem/.98 var(--serif); letter-spacing: -.045em; }
.wd-problem-card p { margin: 0; color: #4e5a55; font-size: .88rem; line-height: 1.55; }

.wd-benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid rgba(247,244,237,.28); background: rgba(247,244,237,.28); }
.wd-benefit { min-height: 225px; padding: 28px; background: var(--ink); }
.wd-benefit span { color: var(--industry-accent); font: 700 .66rem var(--mono); }
.wd-benefit h3 { margin: 45px 0 10px; font: 400 2rem/.98 var(--serif); letter-spacing: -.045em; }
.wd-benefit p { max-width: 460px; margin: 0; color: #bbc8c2; font-size: .88rem; line-height: 1.55; }

.wd-function-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.wd-function { min-height: 215px; padding: 24px; border-top: 4px solid var(--industry-accent); background: var(--cream); }
.wd-function b { display: block; color: var(--muted); font: 700 .65rem var(--mono); }
.wd-function h3 { margin: 42px 0 9px; font-size: 1.08rem; }
.wd-function p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.52; }

.wd-spotlight { display: grid; grid-template-columns: .85fr 1.15fr; gap: 0; border: 1px solid var(--ink); }
.wd-spotlight-copy { min-height: 420px; display: flex; flex-direction: column; justify-content: space-between; padding: 34px; background: var(--industry-accent); }
.wd-spotlight-copy h2 { max-width: 550px; margin: 18px 0 22px; font: 400 clamp(2.8rem, 4.6vw, 5rem)/.86 var(--serif); letter-spacing: -.075em; }
.wd-spotlight-copy p { max-width: 520px; margin: 0; font-size: .95rem; line-height: 1.6; }
.wd-spotlight-list { display: grid; grid-template-columns: 1fr 1fr; background: var(--ink); }
.wd-spotlight-item { min-height: 210px; display: flex; align-items: flex-end; padding: 25px; border: 1px solid rgba(247,244,237,.18); color: var(--paper); font: 400 1.65rem/1.05 var(--serif); }
.wd-spotlight-item::before { content: ""; align-self: flex-start; margin-right: auto; color: var(--industry-accent); font-family: var(--sans); font-size: 1rem; }

.wd-faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 75px; }
.wd-faq-layout h2 { margin: 14px 0 0; font: 400 clamp(2.8rem, 4.4vw, 4.8rem)/.88 var(--serif); letter-spacing: -.07em; }
.wd-faq details { padding: 18px 0; border-top: 1px solid var(--line); }
.wd-faq details:last-child { border-bottom: 1px solid var(--line); }
.wd-faq summary { display: flex; justify-content: space-between; gap: 25px; cursor: pointer; list-style: none; font-weight: 800; }
.wd-faq summary::-webkit-details-marker { display: none; }
.wd-faq summary::after { content: "+"; flex: 0 0 auto; color: var(--orange); font: 400 1.5rem var(--serif); }
.wd-faq details[open] summary::after { content: "−"; }
.wd-faq p { max-width: 720px; margin: 13px 0 0; color: var(--muted); font-size: .9rem; line-height: 1.6; }

.wd-related { display: grid; grid-template-columns: .6fr 1.4fr; gap: 48px; align-items: start; }
.wd-related h2 { margin: 12px 0 0; font: 400 2.5rem/.94 var(--serif); letter-spacing: -.055em; }
.wd-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wd-related-card { min-height: 155px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px solid var(--ink); background: var(--cream); }
.wd-related-card:hover { background: var(--industry-soft); }
.wd-related-card span { color: var(--muted); font: 700 .62rem var(--mono); text-transform: uppercase; }
.wd-related-card strong { font: 400 1.45rem/.98 var(--serif); }

.wd-final-cta { padding: 72px 0; background: var(--ink); color: var(--paper); }
.wd-cta-grid { display: grid; grid-template-columns: 1fr .65fr; gap: 75px; align-items: end; }
.wd-final-cta h2 { max-width: 850px; margin: 16px 0 0; font: 400 clamp(3.4rem, 6.6vw, 7rem)/.83 var(--serif); letter-spacing: -.08em; }
.wd-final-cta h2 em { color: var(--industry-accent); font-style: normal; }
.wd-cta-side p { margin: 0 0 24px; color: #bcc7c2; line-height: 1.6; }

.wd-index-hero { padding: 95px 0 88px; overflow: hidden; }
.wd-index-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }
.wd-index-hero h1 { max-width: 820px; }
.wd-index-hero p { max-width: 620px; color: var(--muted); font-size: 1.08rem; line-height: 1.62; }
.wd-index-manifest { position: relative; min-height: 510px; padding: 28px; overflow: hidden; border: 1px solid var(--ink); background: var(--acid); box-shadow: 12px 12px 0 var(--ink); }
.wd-index-manifest::before { content: ""; position: absolute; width: 76%; aspect-ratio: 1; right: -12%; bottom: -24%; border: 2px solid var(--ink); border-radius: 50%; box-shadow: -42px -32px 0 -39px var(--orange), -82px -68px 0 -78px var(--ink); }
.wd-index-manifest b { position: relative; z-index: 1; display: block; font: 400 clamp(3rem, 5vw, 5.2rem)/.78 var(--serif); letter-spacing: -.08em; }
.wd-index-manifest p { position: absolute; z-index: 2; right: 27px; bottom: 25px; max-width: 220px; margin: 0; color: var(--ink); font: 700 .71rem/1.5 var(--mono); }
.wd-pillbar { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 32px; }
.wd-filter { min-height: 42px; padding: 0 15px; border: 1px solid var(--ink); border-radius: 999px; background: transparent; color: var(--ink); cursor: pointer; font-size: .76rem; font-weight: 800; }
.wd-filter[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.wd-group { margin-top: 54px; }
.wd-group[hidden], .wd-branch-card[hidden] { display: none; }
.wd-group-head { display: grid; grid-template-columns: .7fr 1.3fr; gap: 35px; align-items: end; padding-bottom: 18px; border-bottom: 1px solid var(--ink); }
.wd-group-head h2 { margin: 0; font: 400 clamp(2.5rem, 4vw, 4.2rem)/.9 var(--serif); letter-spacing: -.07em; }
.wd-group-head p { max-width: 550px; margin: 0; color: var(--muted); }
.wd-branch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-top: 12px; }
.wd-branch-card { position: relative; min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; overflow: hidden; border: 1px solid var(--ink); background: var(--cream); }
.wd-branch-card::after { content: ""; position: absolute; width: 120px; aspect-ratio: 1; top: -58px; right: -45px; border-radius: 50%; background: var(--card-accent); transition: transform .25s ease; }
.wd-branch-card:hover::after { transform: scale(1.28); }
.wd-branch-card .wd-card-top { position: relative; z-index: 1; display: flex; justify-content: space-between; font: 700 .64rem var(--mono); text-transform: uppercase; }
.wd-branch-card h3 { max-width: 280px; margin: 38px 0 11px; font: 400 2.1rem/.94 var(--serif); letter-spacing: -.055em; }
.wd-branch-card p { max-width: 310px; margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.wd-branch-card strong { font: 700 .68rem var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.wd-system-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.wd-system-card { min-height: 240px; padding: 24px; border: 1px solid var(--ink); background: var(--cream); }
.wd-system-card:nth-child(2) { background: var(--acid); }
.wd-system-card:nth-child(3) { background: #d9e4e7; }
.wd-system-card:nth-child(4) { background: var(--orange); color: var(--cream); }
.wd-system-card span { font: 700 .66rem var(--mono); }
.wd-system-card h3 { margin: 54px 0 10px; font: 400 1.85rem/.98 var(--serif); letter-spacing: -.045em; }
.wd-system-card p { margin: 0; font-size: .84rem; line-height: 1.52; }
.wd-price-band { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; align-items: center; padding: 40px; background: var(--blue); color: var(--paper); }
.wd-price-band h2 { margin: 12px 0 0; font: 400 clamp(2.8rem, 4.6vw, 5rem)/.86 var(--serif); letter-spacing: -.07em; }
.wd-price-list { border-top: 1px solid rgba(247,244,237,.45); }
.wd-price-row { display: flex; justify-content: space-between; gap: 22px; padding: 15px 0; border-bottom: 1px solid rgba(247,244,237,.45); }
.wd-price-row strong { color: var(--acid); font: 400 1.25rem var(--serif); }

.wd-footer { padding: 30px 0; background: var(--ink); color: #bac5bf; font-size: .73rem; }
.wd-footer-row { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.wd-footer a { color: var(--paper); }
.wd-mobile-cta { display: none; }

.js .reveal { opacity: 1; transform: none; transition: transform .5s ease; }
.js .reveal.is-visible { opacity: 1; transform: none; }

@starting-style {
  .js .reveal { transform: translateY(14px); }
}

@media (max-width: 930px) {
  .wd-nav-links { display: none; position: absolute; top: 76px; left: 16px; right: 16px; padding: 20px; flex-direction: column; align-items: stretch; border: 1px solid var(--ink); background: var(--paper); box-shadow: 6px 6px 0 var(--ink); }
  .wd-nav-links.is-open { display: flex; }
  .wd-menu { display: block; }
  .wd-hero-grid, .wd-index-hero-grid, .wd-section-head, .wd-spotlight, .wd-faq-layout, .wd-related, .wd-cta-grid, .wd-price-band { grid-template-columns: 1fr; gap: 38px; }
  .wd-hero { padding-bottom: 72px; }
  .wd-hero-copy { padding-top: 25px; }
  .wd-art { min-height: 450px; }
  .wd-problem-grid, .wd-function-grid, .wd-branch-grid { grid-template-columns: 1fr 1fr; }
  .wd-system-grid { grid-template-columns: 1fr 1fr; }
  .wd-related-grid { grid-template-columns: repeat(3, 1fr); }
  .wd-section-head p { max-width: 650px; }
  .wd-group-head { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 600px) {
  .wd-wrap { width: min(100% - 32px, 680px); }
  .wd-section { padding: 76px 0; }
  .wd-section--compact { padding: 56px 0; }
  .wd-breadcrumb { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .wd-hero, .wd-index-hero { padding-top: 34px; }
  .wd-hero h1, .wd-index-hero h1 { font-size: clamp(3.35rem, 16vw, 5rem); }
  .wd-hero-lead, .wd-index-hero p { font-size: 1rem; }
  .wd-hero-proof { grid-template-columns: 1fr; }
  .wd-hero-proof span { min-height: auto; padding: 12px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .wd-hero-proof span + span { padding-left: 0; }
  .wd-hero-proof span:last-child { border-bottom: 0; }
  .wd-art { min-height: 355px; }
  .wd-art-frame { inset: 7% 9% 8% 0; box-shadow: 8px 8px 0 var(--ink); }
  .wd-art-note { right: 0; width: 90px; }
  .wd-art-mark { font-size: 2.65rem; }
  .wd-problem-grid, .wd-benefit-grid, .wd-function-grid, .wd-spotlight-list, .wd-related-grid, .wd-branch-grid, .wd-system-grid { grid-template-columns: 1fr; }
  .wd-problem-card, .wd-benefit, .wd-function, .wd-branch-card { min-height: auto; }
  .wd-problem-card h3, .wd-benefit h3, .wd-function h3 { margin-top: 28px; }
  .wd-spotlight-copy { min-height: 350px; padding: 25px; }
  .wd-spotlight-item { min-height: 125px; }
  .wd-related-card { min-height: 130px; }
  .wd-index-manifest { min-height: 380px; }
  .wd-price-band { padding: 25px; }
  .wd-price-row { display: grid; gap: 4px; }
  .wd-mobile-cta { position: fixed; z-index: 45; left: 12px; right: 12px; bottom: 12px; display: flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid var(--ink); border-radius: 999px; background: var(--acid); color: var(--ink); box-shadow: 4px 4px 0 var(--ink); font-size: .78rem; font-weight: 800; }
  .wd-footer { padding-bottom: 85px; }
  body .avog-cookie-settings { bottom: 76px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
  .wd-button, .wd-branch-card::after { transition: none; }
}

/* Branchenlayouts V2: gemeinsame Marke, bewusst unterschiedliche Seitenrhythmen */
.wd-industry .wd-hero { padding: 28px 0 54px; background: var(--paper); color: var(--ink); }
.wd-industry .wd-breadcrumb { margin-bottom: 22px; }
.wd-hero-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(360px, .97fr); gap: clamp(34px, 5vw, 74px); align-items: center; }
.wd-industry .wd-hero-copy { position: relative; z-index: 3; min-width: 0; padding: 24px 0; }
.wd-industry .wd-hero h1 { max-width: 760px; margin: 18px 0 24px; font-size: clamp(3.65rem, 6.2vw, 6.7rem); line-height: .86; letter-spacing: -.075em; text-wrap: balance; }
.wd-industry .wd-hero h1 em { color: var(--orange); }
.wd-industry .wd-hero-lead { max-width: 620px; margin: 0; color: var(--muted); font-size: 1.02rem; line-height: 1.62; }
.wd-hero-media { position: relative; min-width: 0; height: 520px; margin: 0; overflow: hidden; background: var(--industry-soft); }
.wd-hero-media::before { content: ""; position: absolute; z-index: 2; inset: 0; border: 1px solid rgba(24,34,31,.4); pointer-events: none; }
.wd-hero-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.02); }
.wd-hero-media figcaption { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; gap: 20px; align-items: end; padding: 16px 18px; background: linear-gradient(180deg, transparent, rgba(15,22,20,.78)); color: var(--paper); }
.wd-hero-media figcaption span { font: 700 .59rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.wd-hero-media figcaption strong { font: 400 1.45rem var(--serif); }
.wd-industry .wd-hero-proof { margin-top: 34px; }
.wd-industry .wd-hero-proof span { gap: 13px; color: var(--ink); font-family: var(--sans); font-size: .76rem; letter-spacing: 0; text-transform: none; }
.wd-industry .wd-hero-proof span b { color: var(--orange); font: 700 .62rem var(--mono); }

.wd-content-block--benefits .wd-section-head p { color: #bdc9c3; }
.wd-content-block--benefits .wd-eyebrow { color: var(--industry-accent); }
.wd-industry h1, .wd-industry h2, .wd-industry h3 { overflow-wrap: break-word; hyphens: auto; }
.wd-faq-layout > *, .wd-section-head > *, .wd-cta-grid > * { min-width: 0; }
.wd-spotlight-item { position: relative; gap: 10px; }
.wd-spotlight-item::before { display: none; }
.wd-spotlight-item span { align-self: flex-start; margin-right: auto; color: var(--industry-accent); font: 700 .62rem var(--mono); }

.wd-image-story { padding: 26px 0 84px; background: var(--paper); }
.wd-image-story-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; padding: 0 0 16px; border-bottom: 1px solid var(--ink); }
.wd-image-story-head span { font: 700 .66rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.wd-image-story-head p { max-width: 460px; margin: 0; color: var(--muted); font-size: .82rem; }
.wd-image-grid { display: grid; grid-template-columns: 1.45fr .8fr 1fr; gap: 10px; padding-top: 10px; }
.wd-image-grid[data-count="2"] { grid-template-columns: 1.45fr .85fr; }
.wd-image-grid figure { position: relative; min-height: 410px; margin: 0; overflow: hidden; background: var(--industry-soft); }
.wd-image-grid figure:nth-child(2) { min-height: 330px; margin-top: 70px; }
.wd-image-grid figure:nth-child(3) { min-height: 360px; margin-top: 24px; }
.wd-image-grid img { width: 100%; height: 100%; object-fit: cover; }
.wd-image-grid figcaption { position: absolute; right: 12px; bottom: 10px; padding: 6px 8px; background: var(--paper); font: 700 .62rem var(--mono); }

/* 01 Kanzleien: ruhiges Dossier */
.layout-dossier .wd-hero-shell { grid-template-columns: 1.1fr .9fr; }
.layout-dossier .wd-hero-media { height: 580px; border-left: 10px solid var(--industry-accent); }
.layout-dossier .wd-problem-grid { grid-template-columns: 1.25fr .85fr .85fr; }
.layout-dossier .wd-problem-card:first-child { min-height: 310px; }
.layout-dossier .wd-function-grid { grid-template-columns: repeat(2, 1fr); }
.layout-dossier .wd-function { min-height: 165px; display: grid; grid-template-columns: 45px 1fr; column-gap: 15px; }
.layout-dossier .wd-function h3 { margin: 0 0 8px; }
.layout-dossier .wd-function p { grid-column: 2; }

/* 02 Steuerberater: überlagerte Arbeitsfläche */
.layout-ledger .wd-hero { background: var(--industry-soft); }
.layout-ledger .wd-hero-shell { grid-template-columns: .82fr 1.18fr; gap: 0; }
.layout-ledger .wd-hero-media { height: 610px; }
.layout-ledger .wd-hero-copy { z-index: 4; margin-right: -74px; padding: 42px; border: 1px solid var(--ink); background: var(--paper); box-shadow: 10px 10px 0 var(--industry-accent); }
.layout-ledger .wd-hero h1 { font-size: clamp(3.3rem, 5.2vw, 5.7rem); }
.layout-ledger .wd-problem-grid { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--ink); }
.layout-ledger .wd-problem-card { min-height: 0; display: grid; grid-template-columns: 70px .7fr 1fr; gap: 20px; align-items: center; border-width: 0 0 1px; background: transparent !important; }
.layout-ledger .wd-problem-card h3 { margin: 0; }

/* 03 Sachverständige: technische Spezifikation */
.layout-spec-sheet .wd-hero { background: linear-gradient(90deg, var(--paper) 0 53%, var(--industry-soft) 53%); }
.layout-spec-sheet .wd-hero-shell { grid-template-columns: .9fr 1.1fr; gap: 0; align-items: end; }
.layout-spec-sheet .wd-hero-copy { margin-right: -92px; padding: 34px 40px 34px 0; background: var(--paper); }
.layout-spec-sheet .wd-hero-media { height: 640px; clip-path: polygon(9% 0,100% 0,100% 100%,0 100%); }
.layout-spec-sheet .wd-spotlight { grid-template-columns: 1.15fr .85fr; }
.layout-spec-sheet .wd-function-grid { grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--ink); }
.layout-spec-sheet .wd-function { min-height: 150px; border: 0; border-bottom: 1px solid var(--line); background: var(--paper); }

/* 04 Brandschutz: kontrastreiche Sicherheitsachse */
.layout-safety .wd-hero { background: #151b19; color: var(--paper); }
.layout-safety .wd-hero-shell { grid-template-columns: .85fr 1.15fr; }
.layout-safety .wd-hero-copy { padding-left: 28px; border-left: 5px solid var(--industry-accent); }
.layout-safety .wd-hero h1 { font-size: clamp(3.5rem, 5.7vw, 6.1rem); }
.layout-safety .wd-hero-lead, .layout-safety .wd-breadcrumb, .layout-safety .wd-hero-proof span { color: #c6cfcb; }
.layout-safety .wd-hero-proof { border-color: rgba(247,244,237,.28); }
.layout-safety .wd-hero-proof span { border-color: rgba(247,244,237,.28); }
.layout-safety .wd-button--dark, .layout-workshop .wd-button--dark, .layout-menu .wd-button--dark, .layout-stay .wd-button--dark { border-color: var(--industry-accent); background: var(--industry-accent); color: var(--ink); }
.layout-safety .wd-hero-actions .wd-button:not(.wd-button--dark), .layout-workshop .wd-hero-actions .wd-button:not(.wd-button--dark), .layout-menu .wd-hero-actions .wd-button:not(.wd-button--dark), .layout-stay .wd-hero-actions .wd-button:not(.wd-button--dark) { border-color: var(--paper); color: var(--paper); }
.layout-safety .wd-benefit-grid { grid-template-columns: 1fr; }
.layout-safety .wd-benefit { min-height: 0; display: grid; grid-template-columns: 55px .6fr 1fr; gap: 22px; align-items: center; }
.layout-safety .wd-benefit h3 { margin: 0; }

/* 05 Elektriker: klare Schaltlogik */
.layout-circuit .wd-hero-shell { grid-template-columns: .72fr 1.28fr; }
.layout-circuit .wd-hero-media { height: 590px; box-shadow: -18px 18px 0 var(--industry-accent); }
.layout-circuit .wd-hero h1 { font-size: clamp(3.4rem, 5.4vw, 5.8rem); }
.layout-circuit .wd-function-grid { grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid var(--ink); background: var(--ink); }
.layout-circuit .wd-function { min-height: 170px; border: 0; }
.layout-circuit .wd-function:nth-child(3n) { background: var(--industry-accent); }

/* 06 SHK: umgedrehter Fluss */
.layout-flow .wd-hero-shell { grid-template-columns: 1.08fr .92fr; }
.layout-flow .wd-hero-media { order: -1; height: 570px; border-radius: 48% 48% 0 0; }
.layout-flow .wd-hero-copy { padding-left: 14px; }
.layout-flow .wd-problem-grid { grid-template-columns: 1fr; gap: 10px; }
.layout-flow .wd-problem-card { min-height: 0; display: grid; grid-template-columns: 52px 1fr; }
.layout-flow .wd-problem-card h3 { margin: 0 0 8px; }

/* 07 Dachdecker: Bildpanorama */
.layout-roofline .wd-hero { background: var(--ink); color: var(--paper); }
.layout-roofline .wd-hero-shell { display: grid; grid-template-columns: 1fr; }
.layout-roofline .wd-hero-shell > * { grid-area: 1 / 1; }
.layout-roofline .wd-hero-media { height: 650px; }
.layout-roofline .wd-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(10,15,14,.88),rgba(10,15,14,.3) 58%,transparent); }
.layout-roofline .wd-hero-copy { align-self: center; max-width: 660px; padding: 42px; }
.layout-roofline .wd-hero h1 { font-size: clamp(3.5rem, 5.7vw, 6.2rem); }
.layout-roofline .wd-hero-lead, .layout-roofline .wd-breadcrumb, .layout-roofline .wd-hero-proof span { color: #d5ddd9; }
.layout-roofline .wd-hero-proof { border-color: rgba(247,244,237,.28); }
.layout-roofline .wd-hero-proof span { border-color: rgba(247,244,237,.28); }
.layout-roofline .wd-button--dark { background: var(--industry-accent); color: var(--ink); }
.layout-roofline .wd-hero-actions .wd-button:not(.wd-button--dark) { border-color: var(--paper); color: var(--paper); }

/* 08 Handwerk: Werkstatt-Raster */
.layout-workshop .wd-hero { background: var(--ink); color: var(--paper); }
.layout-workshop .wd-hero-shell { padding: 20px; border: 1px solid rgba(247,244,237,.25); }
.layout-workshop .wd-hero-media { height: 540px; }
.layout-workshop .wd-hero-lead, .layout-workshop .wd-breadcrumb, .layout-workshop .wd-hero-proof span { color: #c6d0cc; }
.layout-workshop .wd-hero-proof { border-color: rgba(247,244,237,.26); }
.layout-workshop .wd-hero-proof span { border-color: rgba(247,244,237,.26); }
.layout-workshop .wd-benefit-grid { grid-template-columns: repeat(4, 1fr); }
.layout-workshop .wd-benefit { min-height: 300px; }

/* 09 Immobilienmakler: Objektgalerie */
.layout-property-gallery .wd-hero-shell { grid-template-columns: .88fr 1.12fr; align-items: end; }
.layout-property-gallery .wd-hero-media { height: 630px; box-shadow: 18px 18px 0 var(--industry-accent); }
.layout-property-gallery .wd-hero-copy { padding-bottom: 72px; }
.layout-property-gallery .wd-spotlight-copy { background: var(--paper); }
.layout-property-gallery .wd-spotlight-list { background: var(--industry-soft); }
.layout-property-gallery .wd-spotlight-item { color: var(--ink); border-color: var(--line); }

/* 10 Hausverwaltung: Serviceportal statt Plakat */
.layout-service-portal .wd-hero { background: var(--industry-soft); }
.layout-service-portal .wd-hero-shell { grid-template-columns: 1fr; gap: 24px; }
.layout-service-portal .wd-hero-copy { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px 60px; align-items: end; padding: 10px 0; }
.layout-service-portal .wd-kicker, .layout-service-portal .wd-hero-actions { grid-column: 1; }
.layout-service-portal .wd-hero h1 { grid-column: 1; margin-bottom: 4px; font-size: clamp(3.5rem, 6vw, 6.4rem); }
.layout-service-portal .wd-hero-lead { grid-column: 2; grid-row: 2 / span 2; align-self: end; }
.layout-service-portal .wd-hero-media { height: 480px; }
.layout-service-portal .wd-hero-proof { margin-top: 18px; background: var(--paper); }
.layout-service-portal .wd-function-grid { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--ink); }
.layout-service-portal .wd-function { min-height: 0; display: grid; grid-template-columns: 50px .75fr 1.25fr; gap: 20px; align-items: center; border: 0; border-bottom: 1px solid var(--ink); background: transparent; }
.layout-service-portal .wd-function h3 { margin: 0; }

/* 11 Restaurant: Speisekarten-Editorial */
.layout-menu .wd-hero { background: #211d19; color: var(--paper); }
.layout-menu .wd-hero-shell { grid-template-columns: 1.08fr .92fr; }
.layout-menu .wd-hero-media { order: -1; height: 640px; }
.layout-menu .wd-hero-media img { filter: saturate(1.05) contrast(1.03); }
.layout-menu .wd-hero-copy { padding-left: 20px; }
.layout-menu .wd-hero-lead, .layout-menu .wd-breadcrumb, .layout-menu .wd-hero-proof span { color: #d6ccc0; }
.layout-menu .wd-hero-proof { border-color: rgba(247,244,237,.25); }
.layout-menu .wd-hero-proof span { border-color: rgba(247,244,237,.25); }
.layout-menu .wd-function-grid { grid-template-columns: 1fr; gap: 0; }
.layout-menu .wd-function { min-height: 0; display: grid; grid-template-columns: 50px 1fr 1.3fr; align-items: center; gap: 18px; border-width: 0 0 1px; border-color: var(--ink); background: transparent; }
.layout-menu .wd-function h3 { margin: 0; font-family: var(--serif); font-size: 1.6rem; }

/* 12 Hotel: immersive Ankunft */
.layout-stay .wd-hero { min-height: 760px; background: #1f1c19; color: var(--paper); }
.layout-stay .wd-hero-shell { display: grid; grid-template-columns: 1fr; }
.layout-stay .wd-hero-shell > * { grid-area: 1 / 1; }
.layout-stay .wd-hero-media { height: 650px; }
.layout-stay .wd-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(15,14,12,.83),transparent 68%); }
.layout-stay .wd-hero-copy { align-self: center; max-width: 840px; padding: 42px; }
.layout-stay .wd-hero-lead, .layout-stay .wd-breadcrumb, .layout-stay .wd-hero-proof span { color: #ded5ca; }
.layout-stay .wd-hero-proof { border-color: rgba(247,244,237,.25); }
.layout-stay .wd-hero-proof span { border-color: rgba(247,244,237,.25); }
.layout-stay .wd-benefit-grid { grid-template-columns: repeat(4, 1fr); }
.layout-stay .wd-benefit { min-height: 300px; }

/* 13 Zahnarzt: ruhige klinische Klarheit */
.layout-clinic .wd-hero { background: var(--industry-soft); }
.layout-clinic .wd-hero-shell { grid-template-columns: 1fr 1fr; }
.layout-clinic .wd-hero-media { height: 540px; border-radius: 260px 260px 18px 18px; }
.layout-clinic .wd-hero h1 { font-size: clamp(3.45rem, 5.5vw, 5.9rem); }
.layout-clinic .wd-problem-card { border-radius: 18px; }
.layout-clinic .wd-function { border-radius: 0 0 18px 18px; }

/* 14 Physiotherapie: horizontale Bewegung */
.layout-movement .wd-hero-shell { grid-template-columns: 1fr; gap: 22px; }
.layout-movement .wd-hero-copy { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px 55px; align-items: end; }
.layout-movement .wd-kicker, .layout-movement .wd-hero-actions { grid-column: 1; }
.layout-movement .wd-hero h1 { grid-column: 1; font-size: clamp(3.7rem, 6vw, 6.5rem); }
.layout-movement .wd-hero-lead { grid-column: 2; grid-row: 2 / span 2; }
.layout-movement .wd-hero-media { height: 460px; clip-path: polygon(0 8%,100% 0,96% 92%,3% 100%); }
.layout-movement .wd-spotlight { transform: rotate(-1deg); }

/* 15 Pflegedienst: menschliche Nähe */
.layout-care .wd-hero-shell { grid-template-columns: 1.03fr .97fr; }
.layout-care .wd-hero-media { height: 560px; border-radius: 50% 50% 8px 8px; }
.layout-care .wd-hero-copy { padding-right: 20px; }
.layout-care .wd-benefit-grid { grid-template-columns: 1fr; }
.layout-care .wd-benefit { min-height: 0; display: grid; grid-template-columns: 50px .7fr 1.3fr; align-items: center; gap: 20px; }
.layout-care .wd-benefit h3 { margin: 0; }

/* 16 Bestatter: leiser, zentrierter Weg */
.layout-quiet .wd-hero { background: linear-gradient(180deg,var(--industry-soft),var(--paper)); }
.layout-quiet .wd-hero-shell { grid-template-columns: 1fr; text-align: center; }
.layout-quiet .wd-hero-copy { max-width: 880px; margin: 0 auto; }
.layout-quiet .wd-hero h1, .layout-quiet .wd-hero-lead { margin-right: auto; margin-left: auto; }
.layout-quiet .wd-hero-actions { justify-content: center; }
.layout-quiet .wd-hero-media { height: 470px; }
.layout-quiet .wd-section-head { grid-template-columns: 1fr; max-width: 850px; margin-right: auto; margin-left: auto; text-align: center; }
.layout-quiet .wd-section-head p { margin: 0 auto; }
.layout-quiet .wd-spotlight { max-width: 980px; margin: 0 auto; }

/* 17 Friseur: Lookbook */
.layout-lookbook .wd-hero { background: linear-gradient(90deg,var(--industry-soft) 0 44%,var(--paper) 44%); }
.layout-lookbook .wd-hero-shell { grid-template-columns: .8fr 1.2fr; }
.layout-lookbook .wd-hero-media { order: -1; height: 670px; }
.layout-lookbook .wd-hero-copy { padding-left: 32px; }
.layout-lookbook .wd-hero h1 { font-size: clamp(4rem, 6.7vw, 7.1rem); }
.layout-lookbook .wd-benefit-grid { grid-template-columns: repeat(4, 1fr); }
.layout-lookbook .wd-benefit { min-height: 310px; }

/* 18 Kosmetik: ruhiges Magazinraster */
.layout-ritual .wd-hero-shell { grid-template-columns: 1.2fr .8fr; align-items: end; }
.layout-ritual .wd-hero-media { height: 590px; border-radius: 48% 48% 0 0; }
.layout-ritual .wd-hero-copy { padding: 48px 0 20px 36px; border-left: 1px solid var(--ink); }
.layout-ritual .wd-function-grid { grid-template-columns: 1fr 1fr; }
.layout-ritual .wd-function:nth-child(even) { margin-top: 36px; }

/* Bildkarten auf der zentralen Branchenübersicht */
.wd-branch-card { min-height: 430px; padding: 0; display: grid; grid-template-rows: 190px 1fr; }
.wd-branch-card::after { display: none; }
.wd-card-image { overflow: hidden; background: var(--card-accent); }
.wd-card-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78); transition: transform .45s ease, filter .45s ease; }
.wd-branch-card:hover .wd-card-image img { transform: scale(1.035); filter: saturate(1); }
.wd-card-body { display: flex; flex-direction: column; justify-content: space-between; padding: 22px; }
.wd-branch-card h3 { margin-top: 24px; }

@media (max-width: 930px) {
  .wd-hero-shell, .layout-dossier .wd-hero-shell, .layout-ledger .wd-hero-shell, .layout-spec-sheet .wd-hero-shell, .layout-safety .wd-hero-shell, .layout-circuit .wd-hero-shell, .layout-flow .wd-hero-shell, .layout-workshop .wd-hero-shell, .layout-property-gallery .wd-hero-shell, .layout-menu .wd-hero-shell, .layout-clinic .wd-hero-shell, .layout-care .wd-hero-shell, .layout-lookbook .wd-hero-shell, .layout-ritual .wd-hero-shell { grid-template-columns: 1fr; gap: 30px; }
  .layout-ledger .wd-hero-copy, .layout-spec-sheet .wd-hero-copy { margin-right: 0; }
  .layout-spec-sheet .wd-hero-media { clip-path: none; }
  .layout-flow .wd-hero-media, .layout-menu .wd-hero-media, .layout-lookbook .wd-hero-media { order: 0; }
  .layout-service-portal .wd-hero-copy, .layout-movement .wd-hero-copy { grid-template-columns: 1fr; }
  .layout-service-portal .wd-hero-lead, .layout-movement .wd-hero-lead { grid-column: 1; grid-row: auto; }
  .layout-roofline .wd-hero-shell, .layout-stay .wd-hero-shell { display: grid; }
  .layout-workshop .wd-benefit-grid, .layout-stay .wd-benefit-grid, .layout-lookbook .wd-benefit-grid { grid-template-columns: 1fr 1fr; }
  .wd-image-grid { grid-template-columns: 1.2fr .8fr; }
  .wd-image-grid figure:nth-child(3) { grid-column: 1 / -1; min-height: 320px; margin-top: 0; }
}

@media (max-width: 600px) {
  .wd-industry .wd-hero { padding-top: 18px; padding-bottom: 40px; }
  .wd-industry .wd-breadcrumb { margin-bottom: 12px; }
  .wd-industry .wd-hero h1, .layout-ledger .wd-hero h1, .layout-safety .wd-hero h1, .layout-circuit .wd-hero h1, .layout-roofline .wd-hero h1, .layout-service-portal .wd-hero h1, .layout-movement .wd-hero h1, .layout-lookbook .wd-hero h1 { font-size: clamp(2.9rem, 13vw, 4.2rem); line-height: .9; }
  .wd-industry .wd-hero-copy, .layout-ledger .wd-hero-copy, .layout-roofline .wd-hero-copy, .layout-stay .wd-hero-copy, .layout-ritual .wd-hero-copy { padding: 18px 0; border-left: 0; box-shadow: none; }
  .wd-hero-media, .layout-dossier .wd-hero-media, .layout-ledger .wd-hero-media, .layout-spec-sheet .wd-hero-media, .layout-safety .wd-hero-media, .layout-circuit .wd-hero-media, .layout-flow .wd-hero-media, .layout-roofline .wd-hero-media, .layout-workshop .wd-hero-media, .layout-property-gallery .wd-hero-media, .layout-service-portal .wd-hero-media, .layout-menu .wd-hero-media, .layout-stay .wd-hero-media, .layout-clinic .wd-hero-media, .layout-movement .wd-hero-media, .layout-care .wd-hero-media, .layout-quiet .wd-hero-media, .layout-lookbook .wd-hero-media, .layout-ritual .wd-hero-media { height: 330px; min-height: 0; border-radius: 0; clip-path: none; box-shadow: none; }
  .layout-roofline .wd-hero-shell > *, .layout-stay .wd-hero-shell > * { grid-area: auto; }
  .layout-roofline .wd-hero-media::after, .layout-stay .wd-hero-media::after { display: none; }
  .layout-roofline .wd-hero-copy, .layout-stay .wd-hero-copy { max-width: none; }
  .layout-stay .wd-hero { min-height: 0; }
  .wd-industry .wd-hero-proof { margin-top: 22px; }
  .wd-industry .wd-hero-proof span { gap: 10px; }
  .layout-ledger .wd-problem-card, .layout-safety .wd-benefit, .layout-service-portal .wd-function, .layout-menu .wd-function, .layout-care .wd-benefit { grid-template-columns: 36px 1fr; gap: 12px; }
  .layout-ledger .wd-problem-card p, .layout-safety .wd-benefit p, .layout-service-portal .wd-function p, .layout-menu .wd-function p, .layout-care .wd-benefit p { grid-column: 2; }
  .layout-workshop .wd-benefit-grid, .layout-stay .wd-benefit-grid, .layout-lookbook .wd-benefit-grid, .layout-dossier .wd-function-grid, .layout-spec-sheet .wd-function-grid, .layout-circuit .wd-function-grid, .layout-ritual .wd-function-grid { grid-template-columns: 1fr; }
  .layout-dossier .wd-problem-grid, .layout-spec-sheet .wd-spotlight { grid-template-columns: 1fr; }
  .layout-ritual .wd-function:nth-child(even) { margin-top: 0; }
  .wd-image-story { padding: 8px 0 64px; }
  .wd-image-story-head { display: grid; gap: 8px; }
  .wd-image-grid, .wd-image-grid[data-count="2"] { grid-template-columns: 1fr; }
  .wd-image-grid figure, .wd-image-grid figure:nth-child(2), .wd-image-grid figure:nth-child(3) { grid-column: auto; min-height: 260px; margin-top: 0; }
  .wd-branch-card { min-height: 390px; grid-template-rows: 170px 1fr; }
}

/* V3: eigenständige Branchenpersönlichkeiten */
.layout-dossier { --ink:#172235; --paper:#f3f0e9; --cream:#fffdf8; --muted:#626b78; --section-dark:#172235; --accent-contrast:#fff; --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif; }
.layout-ledger { --ink:#263a36; --paper:#f2f4ef; --cream:#fbfcf8; --muted:#65736e; --section-dark:#304b44; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-spec-sheet { --ink:#252a2c; --paper:#f1f0ec; --cream:#faf9f5; --muted:#666c6d; --section-dark:#2f3435; --accent-contrast:#fff; --serif:"Helvetica Neue",Arial,sans-serif; }
.layout-safety { --ink:#202826; --paper:#f3f1eb; --cream:#fcfaf5; --muted:#68716e; --section-dark:#18201e; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-circuit { --ink:#17202a; --paper:#f4f2e9; --cream:#fffdf7; --muted:#66707a; --section-dark:#17202a; --accent-contrast:#17202a; --serif:"Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-flow { --ink:#17333a; --paper:#eef4f3; --cream:#f9fcfb; --muted:#60767a; --section-dark:#214650; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-roofline { --ink:#282824; --paper:#f2eee7; --cream:#fbf8f2; --muted:#6e6a62; --section-dark:#282824; --accent-contrast:#fff; --serif:"Arial Narrow","Avenir Next Condensed","Helvetica Neue",Arial,sans-serif; }
.layout-workshop { --ink:#242722; --paper:#efeee9; --cream:#faf8f2; --muted:#6e7069; --section-dark:#242722; --accent-contrast:#fff; --serif:"Avenir Next Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif; }
.layout-property-gallery { --ink:#1c292a; --paper:#f2efe8; --cream:#fffdf8; --muted:#6a716e; --section-dark:#243536; --accent-contrast:#fff; --serif:"Iowan Old Style",Georgia,serif; }
.layout-service-portal { --ink:#24353a; --paper:#f0f3f1; --cream:#fbfcfa; --muted:#66777a; --section-dark:#2d464c; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-menu { --ink:#302a22; --paper:#f3ede3; --cream:#fffaf0; --muted:#746a5c; --section-dark:#29342d; --accent-contrast:#fff; --serif:"Bodoni 72",Didot,"Iowan Old Style",Georgia,serif; }
.layout-stay { --ink:#29312f; --paper:#f1ede6; --cream:#fbf8f2; --muted:#6d726d; --section-dark:#2c3b38; --accent-contrast:#fff; --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif; }
.layout-clinic { --ink:#244247; --paper:#f2f7f5; --cream:#fbfefd; --muted:#647b7e; --section-dark:#3e7075; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-movement { --ink:#263b32; --paper:#f1f5ef; --cream:#fbfdf9; --muted:#697970; --section-dark:#456553; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-care { --ink:#30433e; --paper:#f3f5f1; --cream:#fdfefb; --muted:#6c7a75; --section-dark:#4d6f67; --accent-contrast:#fff; --serif:"Avenir Next","Helvetica Neue",Arial,sans-serif; }
.layout-quiet { --ink:#393733; --paper:#f5f1ea; --cream:#fdfbf7; --muted:#79746c; --section-dark:#494640; --accent-contrast:#fff; --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif; }
.layout-lookbook { --ink:#282228; --paper:#f6f1f2; --cream:#fffafb; --muted:#766c73; --section-dark:#312a30; --accent-contrast:#fff; --serif:"Bodoni 72",Didot,Georgia,serif; }
.layout-ritual { --ink:#403834; --paper:#f6f1ed; --cream:#fffaf7; --muted:#786e68; --section-dark:#554944; --accent-contrast:#fff; --serif:"Bodoni 72",Didot,"Iowan Old Style",Georgia,serif; }

.wd-industry .wd-section--dark { background:var(--section-dark,var(--ink)); }
.wd-industry .wd-button--accent { color:var(--accent-contrast,var(--ink)); }
.wd-industry .wd-mobile-cta { background:var(--industry-accent); color:var(--accent-contrast,var(--ink)); }
.wd-industry .wd-hero h1 em { color:var(--industry-accent); }
.wd-industry .wd-content-block { position:relative; }

/* Die Inhaltsmodule folgen nicht mehr derselben Kartenlogik. */
.layout-dossier .wd-problem-card:nth-child(n), .layout-dossier .wd-function { background:transparent; border-color:rgba(23,34,53,.35); }
.layout-dossier .wd-problem-card:nth-child(2) { background:#e7e1d5; }
.layout-dossier .wd-problem-card:nth-child(3) { background:#172235; color:#fff; }
.layout-dossier .wd-problem-card:nth-child(3) p { color:#c8ced7; }
.layout-dossier .wd-section-head h2 { max-width:720px; }
.layout-ledger .wd-section-head h2, .layout-spec-sheet .wd-section-head h2, .layout-safety .wd-section-head h2, .layout-circuit .wd-section-head h2, .layout-flow .wd-section-head h2, .layout-roofline .wd-section-head h2, .layout-workshop .wd-section-head h2, .layout-service-portal .wd-section-head h2, .layout-clinic .wd-section-head h2, .layout-movement .wd-section-head h2, .layout-care .wd-section-head h2 { letter-spacing:-.06em; line-height:.94; }
.layout-spec-sheet .wd-problem-card, .layout-spec-sheet .wd-function { border-radius:0; box-shadow:inset 0 0 0 1px rgba(37,42,44,.1); }
.layout-spec-sheet .wd-problem-card:nth-child(n) { background:var(--cream); }
.layout-safety .wd-content-block--functions { background:#202826; color:#f6f2e9; }
.layout-safety .wd-content-block--functions .wd-section-head p, .layout-safety .wd-content-block--functions .wd-function p { color:#b8c2be; }
.layout-safety .wd-content-block--functions .wd-function { background:#18201e; border-color:var(--industry-accent); }
.layout-safety .wd-problem-card:nth-child(3) { background:var(--industry-accent); color:#fff; }
.layout-circuit .wd-problem-grid { gap:0; border-top:1px solid var(--ink); }
.layout-circuit .wd-problem-card:nth-child(n) { min-height:210px; border-width:0 0 1px; background:transparent; }
.layout-circuit .wd-problem-card:nth-child(2) { border-right:1px solid var(--ink); border-left:1px solid var(--ink); }
.layout-flow .wd-section--soft { background:#dce9eb; }
.layout-flow .wd-function { border:0; border-radius:24px; background:#f9fcfb; box-shadow:0 12px 34px rgba(23,51,58,.08); }
.layout-flow .wd-spotlight { overflow:hidden; border-radius:28px; border:0; }
.layout-roofline .wd-function { min-height:180px; border:0; border-left:4px solid var(--industry-accent); }
.layout-roofline .wd-problem-card:nth-child(n) { background:transparent; border-width:1px 0 0; }
.layout-workshop .wd-section-head { align-items:start; }
.layout-workshop .wd-function { background:#ddd9d0; border:0; }
.layout-workshop .wd-function:nth-child(even) { background:#f8f5ef; }
.layout-property-gallery .wd-problem-card { border:0; background:#fff; box-shadow:0 18px 45px rgba(28,41,42,.08); }
.layout-property-gallery .wd-problem-card:nth-child(2), .layout-property-gallery .wd-problem-card:nth-child(3) { background:#fff; }
.layout-service-portal .wd-problem-card { min-height:210px; border-radius:14px; border-color:rgba(36,53,58,.22); }
.layout-service-portal .wd-problem-card:nth-child(n) { background:#fbfcfa; }
.layout-menu .wd-section-head { grid-template-columns:.9fr 1.1fr; }
.layout-menu .wd-section-head h2 { font-style:italic; letter-spacing:-.055em; }
.layout-menu .wd-function { color:var(--ink); }
.layout-menu .wd-problem-grid { grid-template-columns:1fr; gap:0; border-top:1px solid rgba(48,42,34,.45); }
.layout-menu .wd-problem-card:nth-child(n) { min-height:0; display:grid; grid-template-columns:60px .65fr 1fr; gap:24px; align-items:center; padding:24px 0; border-width:0 0 1px; background:transparent; }
.layout-menu .wd-problem-card h3 { margin:0; }
.layout-menu .wd-benefit-grid { border:0; background:transparent; gap:20px; }
.layout-menu .wd-benefit { background:#29342d; border-radius:50% 50% 12px 12px; padding:38px 30px; }
.layout-menu .wd-spotlight { border:0; }
.layout-menu .wd-spotlight-copy { background:#c8a574; }
.layout-stay .wd-section { padding-top:128px; padding-bottom:128px; }
.layout-stay .wd-section-head { grid-template-columns:1.15fr .55fr; }
.layout-stay .wd-benefit-grid { gap:14px; border:0; background:transparent; }
.layout-stay .wd-benefit { background:#314440; border-radius:160px 160px 8px 8px; padding:38px 27px; }
.layout-stay .wd-problem-card:nth-child(n) { border:0; background:#fbf8f2; box-shadow:0 16px 45px rgba(41,49,47,.08); }
.layout-clinic .wd-problem-card, .layout-clinic .wd-function { border:0; border-radius:24px; box-shadow:0 12px 36px rgba(36,66,71,.07); }
.layout-clinic .wd-problem-card:nth-child(n) { background:#fbfefd; }
.layout-movement .wd-problem-grid { transform:rotate(.5deg); }
.layout-movement .wd-problem-card { border:0; border-radius:34px 6px 34px 6px; }
.layout-care .wd-problem-card { border:0; border-radius:20px; }
.layout-care .wd-problem-card:nth-child(n) { background:#fff; }
.layout-quiet .wd-content-block--problems, .layout-quiet .wd-content-block--functions { background:#f5f1ea; }
.layout-quiet .wd-problem-grid { max-width:980px; margin:0 auto; }
.layout-quiet .wd-problem-card:nth-child(n) { min-height:230px; border-width:1px 0 0; background:transparent; text-align:center; }
.layout-quiet .wd-function { border:0; background:#ece6dc; text-align:center; }
.layout-lookbook .wd-section-head h2, .layout-ritual .wd-section-head h2 { font-style:italic; }
.layout-lookbook .wd-problem-card { border:0; background:#fff; }
.layout-lookbook .wd-problem-card:nth-child(2) { transform:translateY(30px); background:#e8d9de; }
.layout-lookbook .wd-problem-card:nth-child(3) { background:#312a30; color:#fff; }
.layout-lookbook .wd-problem-card:nth-child(3) p { color:#cbc3c9; }
.layout-ritual .wd-function { border:0; border-radius:120px 120px 8px 8px; background:#fffaf7; text-align:center; }
.layout-ritual .wd-problem-card:nth-child(n) { background:transparent; border-width:0 0 1px; }

/* Beispielmodule: sichtbar unterschiedliche Kunden-Websites. */
.wd-experience { padding:110px 0; background:var(--cream); }
.wd-experience-intro { display:grid; grid-template-columns:1.2fr .65fr; gap:70px; align-items:end; margin-bottom:40px; }
.wd-experience-intro h2 { max-width:880px; margin:14px 0 0; font:400 clamp(2.8rem,5vw,5.3rem)/.9 var(--serif); letter-spacing:-.065em; }
.wd-experience-intro p { max-width:520px; margin:0; color:var(--muted); line-height:1.7; }
.wd-demo-stage { position:relative; min-width:0; overflow:hidden; }
.wd-demo-stage img { width:100%; height:100%; object-fit:cover; }
.wd-demo-stage span, .wd-demo-stage small { font-family:var(--mono); }
.demo-label { display:block; margin-bottom:18px; color:var(--industry-accent); font:700 .64rem var(--mono); letter-spacing:.1em; text-transform:uppercase; }

.demo-dossier { border:1px solid #172235; background:#fff; }
.demo-dossier-bar { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:0 30px; border-bottom:1px solid #172235; color:#172235; }
.demo-dossier-bar strong { font:400 1.2rem var(--serif); letter-spacing:.08em; }
.demo-dossier-bar span { font-size:.66rem; }
.demo-dossier-body { min-height:520px; display:grid; grid-template-columns:.55fr 1.2fr .8fr; }
.demo-dossier-body aside { display:flex; flex-direction:column; gap:15px; padding:34px 25px; border-right:1px solid #172235; background:#e8e3d9; }
.demo-dossier-body aside span { margin-bottom:20px; font-size:.62rem; letter-spacing:.12em; }
.demo-dossier-body aside b { padding-bottom:11px; border-bottom:1px solid rgba(23,34,53,.22); font:400 1.15rem var(--serif); }
.demo-dossier-body > div { display:flex; flex-direction:column; justify-content:center; padding:42px; }
.demo-dossier-body h3 { margin:0 0 20px; font:400 clamp(2.4rem,4vw,4.6rem)/.9 var(--serif); letter-spacing:-.06em; }
.demo-dossier-body p { color:#626b78; }
.demo-dossier-body a { align-self:flex-start; margin-top:20px; padding-bottom:4px; border-bottom:1px solid; font-weight:800; }
.demo-dossier-body figure { position:relative; min-height:520px; margin:0; overflow:hidden; }
.demo-dossier-body figcaption { position:absolute; right:0; bottom:0; left:0; padding:25px; background:linear-gradient(transparent,rgba(14,21,33,.9)); color:#fff; font:400 1.35rem var(--serif); }

.demo-ledger { padding:32px; border:1px solid #263a36; background:#f7faf6; box-shadow:12px 12px 0 #58786f; }
.demo-ledger-head { display:flex; justify-content:space-between; gap:30px; padding-bottom:24px; border-bottom:3px double #263a36; }
.demo-ledger-head span { font-size:.66rem; letter-spacing:.12em; }
.demo-ledger-head strong { font-size:1.1rem; }
.demo-ledger-grid { display:grid; grid-template-columns:repeat(3,1fr) .9fr; min-height:380px; }
.demo-ledger-number { display:flex; flex-direction:column; justify-content:space-between; padding:28px; border-right:1px solid rgba(38,58,54,.28); }
.demo-ledger-number b { color:#58786f; font:400 4.6rem/.9 var(--serif); }
.demo-ledger-number span { max-width:160px; font-size:.75rem; line-height:1.5; }
.demo-ledger-grid aside { align-self:end; margin:20px; padding:24px; background:#263a36; color:#fff; }
.demo-ledger-grid aside span, .demo-ledger-grid aside small { display:block; color:#c9d8d3; font-size:.62rem; }
.demo-ledger-grid aside strong { display:block; margin:28px 0 8px; font:400 1.7rem var(--serif); }

.demo-spec { display:grid; grid-template-columns:1.15fr .85fr; min-height:560px; background:#252a2c; color:#fff; }
.demo-spec-image { position:relative; min-height:560px; clip-path:polygon(0 0,100% 0,91% 100%,0 100%); }
.demo-spec-image span { position:absolute; left:24px; bottom:22px; padding:8px 10px; background:#f1f0ec; color:#252a2c; font-size:.62rem; }
.demo-spec-sheet { padding:48px 38px 38px 18px; }
.demo-spec-sheet > span { color:#d69a80; font-size:.62rem; letter-spacing:.15em; }
.demo-spec-sheet h3 { margin:75px 0 30px; font:700 clamp(2rem,3.5vw,3.7rem)/.95 var(--serif); }
.demo-spec-sheet dl { border-top:1px solid rgba(255,255,255,.35); }
.demo-spec-sheet dl div { display:grid; grid-template-columns:.7fr 1.3fr; gap:20px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.demo-spec-sheet dt { color:#b9c0bf; font:700 .62rem var(--mono); text-transform:uppercase; }
.demo-spec-sheet dd { margin:0; font-size:.85rem; }

.demo-safety { background:#18201e; color:#fff; border-top:6px solid #d4513a; }
.demo-safety-top { min-height:80px; display:flex; align-items:center; justify-content:space-between; padding:0 30px; border-bottom:1px solid rgba(255,255,255,.2); }
.demo-safety-top strong { letter-spacing:.14em; }
.demo-safety-top span { color:#bdc7c3; font-size:.66rem; }
.demo-safety-grid { display:grid; grid-template-columns:repeat(3,1fr) 1.1fr; min-height:360px; }
.demo-safety-grid > div { display:flex; flex-direction:column; padding:30px; border-right:1px solid rgba(255,255,255,.16); }
.status-dot { width:11px; height:11px; border-radius:50%; background:#6fb584; box-shadow:0 0 0 5px rgba(111,181,132,.14); }
.demo-safety-grid b { margin-top:auto; font-size:1.15rem; }
.demo-safety-grid small { margin-top:8px; color:#b7c1bd; font-size:.61rem; line-height:1.5; }
.demo-safety-grid aside { display:flex; flex-direction:column; justify-content:center; padding:35px; background:#d4513a; }
.demo-safety-grid aside span { font-size:.62rem; letter-spacing:.12em; }
.demo-safety-grid aside strong { margin:40px 0 12px; font:700 2rem/.95 var(--serif); }
.demo-safety-grid aside em { font-style:normal; font-size:.78rem; }

.demo-circuit { border:2px solid #17202a; background:#fffdf7; }
.demo-circuit-alert { display:grid; grid-template-columns:.45fr 1.15fr .7fr; align-items:center; gap:25px; min-height:100px; padding:20px 28px; background:#d8b544; color:#17202a; }
.demo-circuit-alert span { font-size:.68rem; letter-spacing:.16em; }
.demo-circuit-alert strong { font:800 1.65rem var(--serif); }
.demo-circuit-alert b { justify-self:end; padding:10px 15px; border:1px solid; font-size:.72rem; }
.demo-circuit-services { display:grid; grid-template-columns:repeat(3,1fr); }
.demo-circuit-services article { min-height:330px; display:flex; flex-direction:column; padding:30px; border-right:1px solid #17202a; }
.demo-circuit-services article:last-child { border-right:0; }
.demo-circuit-services span { font-size:.65rem; }
.demo-circuit-services h3 { margin:auto 0 12px; font:800 2rem/.95 var(--serif); }
.demo-circuit-services p { max-width:230px; margin:0; color:#66707a; }

.demo-flow { padding:20px; border-radius:36px; background:#214650; color:#fff; }
.demo-flow-nav { display:flex; justify-content:flex-end; gap:30px; padding:8px 8px 25px; color:#bfd2d5; }
.demo-flow-nav span { font-size:.62rem; letter-spacing:.12em; }
.demo-flow-main { display:grid; grid-template-columns:1.15fr .85fr; overflow:hidden; border-radius:25px; background:#eef4f3; color:#17333a; }
.demo-flow-main > div:first-child { min-height:480px; }
.demo-flow-main > div:last-child { display:flex; flex-direction:column; justify-content:center; padding:44px; }
.demo-flow-main span { color:#3e7f8b; font-size:.62rem; letter-spacing:.12em; }
.demo-flow-main h3 { margin:25px 0; font:700 clamp(2rem,3.8vw,4rem)/.95 var(--serif); }
.demo-flow-main ul { display:grid; gap:12px; margin:0 0 30px; padding:0; list-style:none; }
.demo-flow-main li { padding-bottom:10px; border-bottom:1px solid rgba(23,51,58,.2); }

.demo-roof { display:grid; grid-template-columns:1.4fr .6fr; min-height:540px; background:#282824; color:#fff; }
.demo-roof figure { position:relative; min-height:540px; margin:0; }
.demo-roof figure::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(26,26,23,.65),transparent 55%); }
.demo-roof figcaption { position:absolute; z-index:2; left:26px; bottom:22px; font:700 .68rem var(--mono); letter-spacing:.1em; }
.demo-roof-facts { display:flex; flex-direction:column; justify-content:center; padding:35px; border-left:8px solid #a86443; }
.demo-roof-facts div { padding:24px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.demo-roof-facts span { display:block; color:#c9c4bb; font-size:.6rem; text-transform:uppercase; }
.demo-roof-facts b { display:block; margin-top:9px; font-size:1rem; }

.demo-workshop { display:grid; grid-template-columns:.9fr .8fr .55fr; min-height:530px; background:#242722; color:#fff; }
.demo-workshop-image, .demo-workshop figure { min-height:530px; margin:0; }
.demo-workshop-copy { display:flex; flex-direction:column; justify-content:center; padding:38px; }
.demo-workshop-copy > span { color:#d0b18c; font-size:.62rem; letter-spacing:.12em; }
.demo-workshop-copy h3 { margin:42px 0 18px; font:800 clamp(2.2rem,3.7vw,4rem)/.9 var(--serif); text-transform:uppercase; }
.demo-workshop-copy p { color:#bdc2b9; }
.demo-workshop-copy div { display:grid; gap:10px; margin-top:35px; }
.demo-workshop-copy b { padding:10px 0; border-top:1px solid rgba(255,255,255,.2); font-size:.75rem; }

.demo-property { padding:25px; background:#243536; color:#fff; }
.demo-property-head { display:flex; align-items:center; justify-content:space-between; padding:10px 4px 24px; }
.demo-property-head strong { font:400 1.5rem var(--serif); }
.demo-property-head span { font-size:.62rem; }
.demo-property-grid { display:grid; grid-template-columns:1fr 1fr .65fr; gap:10px; }
.demo-property-grid article { background:#f2efe8; color:#1c292a; }
.demo-property-grid article img { height:300px; }
.demo-property-grid article div { padding:20px; }
.demo-property-grid article span, .demo-property-grid article small { font-size:.6rem; text-transform:uppercase; }
.demo-property-grid article h3 { margin:38px 0 9px; font:400 1.8rem/.95 var(--serif); }
.demo-property-grid aside { display:flex; flex-direction:column; justify-content:flex-end; padding:25px; background:#a88352; color:#fff; }
.demo-property-grid aside span { font-size:.62rem; }
.demo-property-grid aside strong { margin:auto 0 20px; font:400 2rem/.95 var(--serif); }
.demo-property-grid aside b { font-size:.74rem; }

.demo-portal { display:grid; grid-template-columns:240px 1fr; min-height:500px; border:1px solid #24353a; border-radius:18px; background:#f8faf8; box-shadow:0 24px 70px rgba(36,53,58,.12); }
.demo-portal > aside { display:flex; flex-direction:column; gap:8px; padding:28px 18px; border-right:1px solid rgba(36,53,58,.18); background:#2d464c; color:#fff; }
.demo-portal > aside strong { margin-bottom:45px; font-size:.72rem; letter-spacing:.12em; }
.demo-portal > aside span { padding:12px; color:#c6d3d5; font-size:.68rem; }
.demo-portal > aside .active { border-radius:8px; background:#f0f3f1; color:#24353a; }
.demo-portal-main { padding:38px; }
.demo-portal-welcome span { color:#66777a; font-size:.62rem; }
.demo-portal-welcome h3 { margin:8px 0 45px; font:700 clamp(2.3rem,4vw,4.4rem)/.95 var(--serif); }
.demo-portal-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.demo-portal-actions article { min-height:235px; display:flex; flex-direction:column; padding:22px; border:1px solid rgba(36,53,58,.2); border-radius:12px; background:#fff; }
.demo-portal-actions article b { color:#4f7681; font-size:.68rem; }
.demo-portal-actions strong { margin:auto 0 9px; }
.demo-portal-actions small { color:#66777a; font-size:.62rem; line-height:1.5; }

.demo-menu { display:grid; grid-template-columns:.7fr 1.15fr .85fr; grid-template-rows:390px 260px; background:#29342d; color:#f8f1e7; }
.demo-menu-brand { display:flex; flex-direction:column; padding:34px; background:#b58a50; color:#fffaf0; }
.demo-menu-brand span { font-size:.6rem; letter-spacing:.15em; }
.demo-menu-brand strong { margin:auto 0; font:400 clamp(2.8rem,4vw,4.6rem)/.82 var(--serif); letter-spacing:-.05em; }
.demo-menu-brand a { align-self:flex-start; padding-bottom:3px; border-bottom:1px solid; font-size:.78rem; font-weight:800; }
.demo-menu-photo { grid-column:2 / 4; }
.demo-menu-list { grid-column:1 / 3; display:grid; grid-template-columns:.5fr 1fr 1fr 1fr; gap:22px; align-items:center; padding:28px 34px; }
.demo-menu-list > span { font-size:.6rem; letter-spacing:.13em; }
.demo-menu-list div { padding-left:18px; border-left:1px solid rgba(255,255,255,.2); }
.demo-menu-list b, .demo-menu-list em { display:block; }
.demo-menu-list b { font:400 1.3rem var(--serif); }
.demo-menu-list em { margin-top:8px; color:#c8c3b8; font-size:.7rem; font-style:normal; }
.demo-menu-detail { grid-column:3; grid-row:2; }

.demo-stay { padding:14px; background:#2c3b38; color:#fff; }
.demo-stay-hero { position:relative; min-height:570px; }
.demo-stay-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(25,34,32,.78),transparent 60%); }
.demo-stay-hero > div { position:absolute; z-index:2; left:42px; bottom:38px; }
.demo-stay-hero span { font-size:.62rem; letter-spacing:.14em; }
.demo-stay-hero h3 { max-width:620px; margin:12px 0 0; font:400 clamp(3rem,5.5vw,6rem)/.86 var(--serif); letter-spacing:-.06em; }
.demo-booking { display:grid; grid-template-columns:repeat(3,1fr) 1.25fr; align-items:center; min-height:100px; background:#f1ede6; color:#29312f; }
.demo-booking > span { display:flex; flex-direction:column; padding:18px 24px; border-right:1px solid rgba(41,49,47,.2); }
.demo-booking small { color:#6d726d; font-size:.6rem; text-transform:uppercase; }
.demo-booking b { margin-top:7px; }
.demo-booking > strong { display:grid; align-self:stretch; place-items:center; background:#9b815f; color:#fff; font-size:.78rem; }
.demo-stay-strip { display:grid; grid-template-columns:1fr 1fr .8fr; gap:12px; margin-top:12px; }
.demo-stay-strip figure { position:relative; min-height:280px; margin:0; }
.demo-stay-strip figcaption { position:absolute; left:14px; bottom:12px; padding:6px 9px; background:#f1ede6; color:#29312f; font-size:.65rem; }
.demo-stay-strip article { display:flex; flex-direction:column; padding:30px; background:#9b815f; }
.demo-stay-strip article span { font-size:.6rem; letter-spacing:.13em; }
.demo-stay-strip article b { margin:auto 0; font:400 1.8rem/1 var(--serif); }

.demo-clinic { display:grid; grid-template-columns:.9fr .8fr .8fr; min-height:520px; overflow:hidden; border-radius:160px 20px 20px 20px; background:#fff; box-shadow:0 20px 70px rgba(36,66,71,.1); }
.demo-clinic-copy { display:flex; flex-direction:column; justify-content:center; padding:55px; background:#dceff0; }
.demo-clinic-copy span { color:#4f9195; font-size:.62rem; letter-spacing:.12em; }
.demo-clinic-copy h3 { margin:35px 0 18px; font:700 clamp(2.2rem,3.8vw,4rem)/.95 var(--serif); }
.demo-clinic-copy p { color:#647b7e; }
.demo-clinic-copy b { margin-top:25px; color:#4f9195; }
.demo-clinic-focus { display:flex; flex-direction:column; justify-content:center; padding:35px; }
.demo-clinic-focus article { display:grid; grid-template-columns:36px 1fr; padding:18px 0; border-bottom:1px solid rgba(36,66,71,.16); }
.demo-clinic-focus span { grid-row:1 / 3; color:#4f9195; font-size:.62rem; }
.demo-clinic-focus small { color:#647b7e; font-size:.6rem; }
.demo-clinic figure { min-height:520px; margin:0; }

.demo-movement { display:grid; grid-template-columns:1.1fr .9fr; min-height:520px; background:#456553; color:#fff; border-radius:0 90px 0 90px; }
.demo-movement-image { min-height:520px; clip-path:polygon(0 0,100% 8%,94% 100%,0 92%); }
.demo-movement-path { display:flex; flex-direction:column; justify-content:center; padding:45px; }
.demo-movement-path > span { color:#c8d8cd; font-size:.62rem; letter-spacing:.13em; }
.demo-movement-path h3 { margin:28px 0; font:700 clamp(2.3rem,4vw,4.2rem)/.95 var(--serif); }
.demo-movement-path ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.demo-movement-path li { display:grid; grid-template-columns:45px 1fr; padding:13px 0; border-top:1px solid rgba(255,255,255,.2); }
.demo-movement-path li b { color:#b9d0bf; }

.demo-care { display:grid; grid-template-columns:1.15fr .85fr; min-height:540px; overflow:hidden; border-radius:26px; background:#4d6f67; color:#fff; }
.demo-care-intro { position:relative; min-height:540px; }
.demo-care-intro::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(35,53,49,.72),transparent 55%); }
.demo-care-intro span { position:absolute; z-index:2; left:30px; bottom:25px; font-size:.7rem; letter-spacing:.14em; }
.demo-care-route { display:flex; flex-direction:column; justify-content:center; padding:36px; }
.demo-care-route > span { color:#c8d7d2; font-size:.62rem; letter-spacing:.13em; }
.demo-care-route article { margin-top:22px; padding:25px; border-radius:16px; background:#f3f5f1; color:#30433e; }
.demo-care-route article b, .demo-care-route article small, .demo-care-route article em { display:block; }
.demo-care-route article b { font-size:1.2rem; }
.demo-care-route article small { margin:9px 0 24px; color:#6c7a75; font-size:.62rem; }
.demo-care-route article em { color:#658d84; font-style:normal; font-weight:800; }

.demo-quiet { max-width:980px; margin:0 auto; padding:65px 55px; border:1px solid rgba(57,55,51,.26); background:#f5f1ea; text-align:center; }
.demo-quiet-line { width:1px; height:70px; margin:0 auto 24px; background:#a88b6a; }
.demo-quiet > span { color:#8b755a; font-size:.62rem; letter-spacing:.15em; }
.demo-quiet > h3 { max-width:720px; margin:25px auto 45px; font:400 clamp(2.8rem,5vw,5.3rem)/.9 var(--serif); }
.demo-quiet-options { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.demo-quiet-options article { min-height:240px; display:flex; flex-direction:column; padding:28px; background:#fffdf8; text-align:left; }
.demo-quiet-options small { color:#8b755a; font-size:.62rem; text-transform:uppercase; }
.demo-quiet-options strong { max-width:330px; margin:auto 0 20px; font:400 1.7rem/1 var(--serif); }
.demo-quiet-options b { font-size:.72rem; }
.demo-quiet > p { margin:28px 0 0; color:#79746c; font-size:.75rem; }

.demo-lookbook { display:grid; grid-template-columns:.65fr 1.25fr .75fr .5fr; grid-template-rows:560px; gap:9px; background:#282228; color:#fff; padding:9px; }
.demo-lookbook-title { display:flex; flex-direction:column; padding:30px; background:#c27b91; }
.demo-lookbook-title span { font-size:.62rem; letter-spacing:.14em; }
.demo-lookbook-title strong { margin:auto 0; font:400 clamp(3rem,4.8vw,5.2rem)/.78 var(--serif); font-style:italic; }
.demo-lookbook-title b { font-size:.72rem; }
.demo-lookbook figure { position:relative; min-height:560px; margin:0; }
.demo-lookbook figcaption { position:absolute; left:14px; bottom:13px; padding:7px 9px; background:#f6f1f2; color:#282228; font-size:.65rem; }
.demo-lookbook aside { display:flex; flex-direction:column; justify-content:center; gap:18px; padding:20px; background:#f6f1f2; color:#282228; }
.demo-lookbook aside span { margin-bottom:25px; font-size:.6rem; }
.demo-lookbook aside b { padding-bottom:10px; border-bottom:1px solid rgba(40,34,40,.2); }

.demo-ritual { display:grid; grid-template-columns:.8fr 1.25fr .7fr; min-height:500px; background:#fffaf7; border:1px solid rgba(64,56,52,.35); }
.demo-ritual-head { display:flex; flex-direction:column; justify-content:center; padding:38px; background:#e9ddd7; }
.demo-ritual-head span { color:#a17e72; font-size:.62rem; letter-spacing:.13em; }
.demo-ritual-head h3 { margin:55px 0 0; font:400 clamp(2.6rem,4vw,4.3rem)/.9 var(--serif); font-style:italic; }
.demo-ritual-list { padding:35px; }
.demo-ritual-list article { display:grid; grid-template-columns:1fr auto; gap:25px; padding:24px 0; border-bottom:1px solid rgba(64,56,52,.2); }
.demo-ritual-list b, .demo-ritual-list small { display:block; }
.demo-ritual-list b { font:400 1.4rem var(--serif); }
.demo-ritual-list small { margin-top:8px; color:#786e68; font-size:.6rem; }
.demo-ritual-list span { text-align:right; font-size:.66rem; line-height:1.6; }
.demo-ritual-note { display:flex; flex-direction:column; justify-content:center; padding:28px; background:#554944; color:#fff; }
.demo-ritual-note span { color:#d8c4ba; font-size:.6rem; letter-spacing:.13em; }
.demo-ritual-note p { margin:45px 0 25px; color:#e6ddd8; }
.demo-ritual-note b { font-size:.72rem; }

/* Gastronomie und Hotel: Galerien werden zu echten Bildstrecken. */
.layout-menu .wd-image-story, .layout-stay .wd-image-story { padding:100px 0; background:var(--section-dark); color:#fff; }
.layout-menu .wd-image-story-head, .layout-stay .wd-image-story-head { border-color:rgba(255,255,255,.35); }
.layout-menu .wd-image-story-head p, .layout-stay .wd-image-story-head p { color:#c9c4ba; }
.layout-menu .wd-image-grid { grid-template-columns:1.35fr .8fr .95fr; grid-auto-rows:250px; }
.layout-menu .wd-image-grid figure, .layout-menu .wd-image-grid figure:nth-child(2), .layout-menu .wd-image-grid figure:nth-child(3) { min-height:0; margin:0; }
.layout-menu .wd-image-grid figure:first-child { grid-row:span 2; }
.layout-menu .wd-image-grid figure:nth-child(4) { grid-column:2 / 4; }
.layout-menu .wd-image-grid figure:nth-child(5) { grid-column:1 / 3; }
.layout-stay .wd-image-grid { grid-template-columns:1.35fr .85fr 1fr; }
.layout-stay .wd-image-grid figure:first-child { min-height:560px; }
.layout-stay .wd-image-grid figure:nth-child(2) { min-height:420px; margin-top:80px; }
.layout-stay .wd-image-grid figure:nth-child(3) { min-height:500px; margin-top:20px; }

@media (max-width: 930px) {
  .wd-experience-intro { grid-template-columns:1fr; gap:20px; }
  .layout-menu .wd-section-head, .layout-stay .wd-section-head { grid-template-columns:1fr; gap:30px; }
  .demo-dossier-body { grid-template-columns:.55fr 1.1fr; }
  .demo-dossier-body figure { display:none; }
  .demo-ledger-grid { grid-template-columns:repeat(3,1fr); }
  .demo-ledger-grid aside { grid-column:1 / -1; }
  .demo-safety-grid { grid-template-columns:repeat(3,1fr); }
  .demo-safety-grid aside { grid-column:1 / -1; min-height:190px; }
  .demo-workshop { grid-template-columns:1fr 1fr; }
  .demo-workshop figure { display:none; }
  .demo-property-grid { grid-template-columns:1fr 1fr; }
  .demo-property-grid aside { grid-column:1 / -1; min-height:220px; }
  .demo-menu { grid-template-columns:.8fr 1.2fr; grid-template-rows:360px 320px 240px; }
  .demo-menu-photo { grid-column:2; }
  .demo-menu-list { grid-column:1 / 3; grid-template-columns:.5fr 1fr 1fr 1fr; }
  .demo-menu-detail { grid-column:1 / 3; grid-row:3; }
  .demo-clinic { grid-template-columns:1fr 1fr; }
  .demo-clinic figure { grid-column:1 / -1; min-height:320px; }
  .demo-lookbook { grid-template-columns:.7fr 1.3fr .8fr; }
  .demo-lookbook aside { display:none; }
  .demo-ritual { grid-template-columns:.75fr 1.25fr; }
  .demo-ritual-note { grid-column:1 / -1; min-height:220px; }
}

@media (max-width: 600px) {
  .wd-experience { padding:72px 0; }
  .wd-experience-intro h2 { font-size:clamp(2.35rem,11vw,3.55rem); }
  .wd-demo-stage { border-radius:0; box-shadow:none; }
  .demo-dossier-bar, .demo-ledger-head, .demo-safety-top, .demo-property-head { align-items:flex-start; flex-direction:column; justify-content:center; }
  .demo-dossier-body, .demo-spec, .demo-flow-main, .demo-roof, .demo-workshop, .demo-portal, .demo-clinic, .demo-movement, .demo-care, .demo-ritual { grid-template-columns:1fr; }
  .demo-dossier-body aside { border-right:0; border-bottom:1px solid #172235; }
  .demo-dossier-body > div { padding:32px 24px; }
  .demo-ledger { padding:18px; box-shadow:6px 6px 0 #58786f; }
  .demo-ledger-grid { grid-template-columns:1fr; }
  .demo-ledger-number { min-height:180px; border-right:0; border-bottom:1px solid rgba(38,58,54,.28); }
  .demo-ledger-grid aside { grid-column:auto; }
  .demo-spec-image { min-height:330px; clip-path:none; }
  .demo-spec-sheet { padding:30px 24px; }
  .demo-spec-sheet h3 { margin-top:45px; }
  .demo-safety-grid, .demo-circuit-services, .demo-property-grid, .demo-portal-actions, .demo-booking, .demo-stay-strip, .demo-quiet-options { grid-template-columns:1fr; }
  .demo-safety-grid > div { min-height:170px; border-right:0; border-bottom:1px solid rgba(255,255,255,.16); }
  .demo-circuit-alert { grid-template-columns:1fr; }
  .demo-circuit-alert b { justify-self:start; }
  .demo-circuit-services article { min-height:220px; border-right:0; border-bottom:1px solid #17202a; }
  .demo-flow { padding:8px; }
  .demo-flow-nav { justify-content:center; }
  .demo-flow-main > div:first-child, .demo-roof figure, .demo-workshop-image, .demo-workshop figure, .demo-movement-image, .demo-care-intro { min-height:330px; }
  .demo-flow-main > div:last-child, .demo-workshop-copy, .demo-movement-path { padding:28px 24px; }
  .demo-roof-facts { border-left:0; border-top:6px solid #a86443; }
  .demo-property-grid aside { grid-column:auto; }
  .demo-property-grid article img { height:250px; }
  .demo-portal > aside { display:none; }
  .demo-portal-main { padding:24px; }
  .demo-menu { display:grid; grid-template-columns:1fr; grid-template-rows:auto; }
  .demo-menu-brand, .demo-menu-photo, .demo-menu-list, .demo-menu-detail { grid-column:auto; grid-row:auto; }
  .demo-menu-brand { min-height:320px; }
  .demo-menu-photo, .demo-menu-detail { min-height:300px; }
  .demo-menu-list { grid-template-columns:1fr; }
  .demo-menu-list div { padding:16px 0; border-left:0; border-top:1px solid rgba(255,255,255,.2); }
  .demo-stay { padding:7px; }
  .demo-stay-hero { min-height:430px; }
  .demo-stay-hero > div { left:22px; right:18px; bottom:24px; }
  .demo-booking > span { border-right:0; border-bottom:1px solid rgba(41,49,47,.2); }
  .demo-booking > strong { min-height:72px; }
  .demo-stay-strip figure { min-height:250px; }
  .demo-stay-strip article { min-height:230px; }
  .demo-clinic { border-radius:60px 10px 10px 10px; }
  .demo-clinic-copy { padding:42px 25px; }
  .demo-clinic figure { grid-column:auto; min-height:320px; }
  .demo-movement { border-radius:0 45px 0 45px; }
  .demo-care-route { padding:26px 18px; }
  .demo-quiet { padding:45px 18px; }
  .demo-lookbook { grid-template-columns:1fr; grid-template-rows:auto; }
  .demo-lookbook-title { min-height:330px; }
  .demo-lookbook figure { min-height:420px; }
  .demo-lookbook figure:not(.look-main) { min-height:300px; }
  .demo-ritual-head, .demo-ritual-list, .demo-ritual-note { padding:28px 22px; }
  .layout-menu .wd-problem-card:nth-child(n) { grid-template-columns:36px 1fr; }
  .layout-menu .wd-problem-card p { grid-column:2; }
  .layout-menu .wd-benefit, .layout-stay .wd-benefit { border-radius:90px 90px 8px 8px; }
  .layout-menu .wd-image-grid, .layout-stay .wd-image-grid { display:grid; grid-template-columns:1fr; grid-auto-rows:auto; }
  .layout-menu .wd-image-grid figure, .layout-menu .wd-image-grid figure:first-child, .layout-menu .wd-image-grid figure:nth-child(4), .layout-menu .wd-image-grid figure:nth-child(5), .layout-stay .wd-image-grid figure, .layout-stay .wd-image-grid figure:first-child, .layout-stay .wd-image-grid figure:nth-child(2), .layout-stay .wd-image-grid figure:nth-child(3) { grid-column:auto; grid-row:auto; min-height:290px; margin:0; }
  .layout-lookbook .wd-problem-card:nth-child(2) { transform:none; }
}

/* V4: dichtere Leseflächen, Systemanbindungen, Tattoo-Layout und englische Seiten. */
.wd-section { padding: 74px 0; }
.wd-problem-card { min-height: 205px; }
.wd-problem-card h3 { margin-top: 28px; }
.wd-benefit { min-height: 190px; }
.wd-benefit h3 { margin-top: 30px; }
.wd-function { min-height: 175px; }
.wd-function h3 { margin-top: 28px; }
.wd-problem-card p, .wd-benefit p, .wd-function p, .wd-faq p { font-size: .94rem; line-height: 1.66; }
.wd-spotlight-copy { min-height: 360px; }
.wd-spotlight-item { min-height: 180px; }
.layout-stay .wd-section { padding: 82px 0; }
.wd-language { min-width: 38px; padding: 8px 10px; border: 1px solid currentColor; border-radius: 999px; text-align:center; font-weight:800; }

.wd-integration { padding: 86px 0; background: var(--industry-accent); }
.wd-integration-shell { display:grid; grid-template-columns:1.08fr .92fr; gap:0; overflow:hidden; border:1px solid var(--ink); background:var(--cream); box-shadow:12px 12px 0 var(--ink); }
.wd-integration-copy { display:flex; flex-direction:column; justify-content:center; padding:46px; }
.wd-integration-copy h2 { max-width:650px; margin:18px 0 20px; font:400 clamp(2.7rem,4.8vw,5rem)/.88 var(--serif); letter-spacing:-.07em; }
.wd-integration-copy > p { max-width:650px; margin:0; color:var(--muted); font-size:1rem; line-height:1.7; }
.wd-integration-copy small { display:block; max-width:650px; margin-top:25px; color:var(--muted); font-size:.76rem; line-height:1.55; }
.wd-integration-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:30px; }
.wd-integration-flow { display:grid; background:var(--ink); color:var(--paper); }
.wd-integration-flow article { display:grid; grid-template-columns:55px 1fr; gap:20px; align-items:start; padding:30px; border-bottom:1px solid rgba(247,244,237,.22); }
.wd-integration-flow article:last-child { border-bottom:0; }
.wd-integration-flow span { color:var(--industry-accent); font:700 .72rem var(--mono); }
.wd-integration-flow h3 { margin:0 0 8px; font:400 1.65rem/1 var(--serif); }
.wd-integration-flow p { max-width:420px; margin:0; color:#bcc7c2; font-size:.9rem; line-height:1.6; }

.wd-seo-story { background:#f1eee7; }
.wd-seo-story-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:start; }
.wd-seo-story-title { position:sticky; top:112px; }
.wd-seo-story-title h2 { margin:16px 0 22px; font:400 clamp(2.8rem,4.8vw,5rem)/.88 var(--serif); letter-spacing:-.072em; }
.wd-seo-story-title > p { max-width:520px; margin:0; color:var(--muted); font-size:1rem; line-height:1.7; }
.wd-seo-story-copy { border-top:1px solid var(--ink); }
.wd-seo-story-copy article { padding:28px 0 30px; border-bottom:1px solid var(--line); }
.wd-seo-story-copy h3 { margin:0 0 11px; font:400 1.75rem/1.05 var(--serif); letter-spacing:-.035em; }
.wd-seo-story-copy p { margin:0; color:var(--muted); font-size:.98rem; line-height:1.72; }
.wd-seo-story-link { margin:24px 0 0 !important; font-size:.85rem !important; }
.wd-seo-story-link a { font-weight:800; text-decoration:underline; text-underline-offset:4px; }

.archetype-creative .wd-hero { background:#171515; color:#f4eee8; }
.archetype-creative .wd-breadcrumb, .archetype-creative .wd-hero-lead, .archetype-creative .wd-hero-proof span { color:#cabdb5; }
.archetype-creative .wd-hero-proof, .archetype-creative .wd-hero-proof span { border-color:rgba(244,238,232,.25); }
.layout-ink-studio .wd-hero-shell { grid-template-columns:.72fr 1.28fr; }
.layout-ink-studio .wd-hero-media { order:-1; height:650px; box-shadow:-16px 16px 0 var(--industry-accent); }
.layout-ink-studio .wd-hero-media img { filter:saturate(.7) contrast(1.08); }
.layout-ink-studio .wd-button--dark { border-color:var(--industry-accent); background:var(--industry-accent); color:#171515; }
.layout-ink-studio .wd-hero-actions .wd-button:not(.wd-button--dark) { border-color:#f4eee8; color:#f4eee8; }
.layout-ink-studio .wd-image-story { background:#171515; color:#f4eee8; }
.layout-ink-studio .wd-image-story-head { border-color:rgba(244,238,232,.35); }
.layout-ink-studio .wd-image-story-head p { color:#cabdb5; }
.layout-ink-studio .wd-image-grid { grid-template-columns:1.3fr .8fr 1fr; }
.layout-ink-studio .wd-image-grid figure:first-child { min-height:560px; }
.layout-ink-studio .wd-image-grid figure:nth-child(2) { min-height:430px; margin-top:90px; }
.layout-ink-studio .wd-image-grid figure:nth-child(3) { min-height:500px; margin-top:20px; }

.demo-ink { display:grid; grid-template-columns:.75fr 1.2fr .75fr; grid-template-rows:330px 300px; gap:8px; padding:8px; background:#171515; color:#f4eee8; }
.demo-ink figure { position:relative; min-height:0; margin:0; overflow:hidden; }
.demo-ink figure::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(15,12,11,.62),transparent 55%); }
.demo-ink figcaption { position:absolute; z-index:2; left:14px; bottom:12px; font:700 .62rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.demo-ink-title { grid-row:span 2; display:flex; flex-direction:column; padding:32px; background:#b76545; }
.demo-ink-title > span, .demo-ink-artists > span { font:700 .62rem var(--mono); letter-spacing:.12em; }
.demo-ink-title h3 { margin:auto 0 20px; font:400 clamp(3.1rem,5vw,5.4rem)/.8 var(--serif); letter-spacing:-.07em; }
.demo-ink-title p { max-width:300px; margin:0 0 24px; color:#2a1d18; font-size:.9rem; }
.demo-ink-title a { font-size:.75rem; font-weight:800; }
.demo-ink-studio { grid-column:2; grid-row:span 2; }
.demo-ink-work { grid-column:3; }
.demo-ink-artists { display:flex; flex-direction:column; justify-content:center; gap:13px; padding:24px; background:#f0e7e0; color:#171515; }
.demo-ink-artists > span { margin-bottom:14px; color:#8a5d4c; }
.demo-ink-artists b { padding-bottom:8px; border-bottom:1px solid rgba(23,21,21,.2); font:400 1.35rem var(--serif); }
.demo-ink-process { display:none; }

.wd-en-gallery { padding:68px 0; background:#1d2321; color:var(--paper); }
.wd-en-gallery .wd-image-story-head { border-color:rgba(247,244,237,.3); }
.wd-en-gallery .wd-image-story-head p { color:#bdc8c2; }
.wd-en-gallery-grid { display:grid; grid-template-columns:1.25fr .8fr 1fr; gap:12px; margin-top:18px; }
.wd-en-gallery-grid figure { position:relative; min-height:360px; margin:0; overflow:hidden; }
.wd-en-gallery-grid figure:first-child { min-height:510px; }
.wd-en-gallery-grid figure:nth-child(2) { margin-top:70px; }
.wd-en-gallery-grid figure:nth-child(n+4) { min-height:290px; }
.wd-en-gallery-grid img { width:100%; height:100%; object-fit:cover; }
.wd-en-gallery-grid figcaption { position:absolute; right:12px; bottom:12px; padding:6px 8px; background:var(--paper); color:var(--ink); font:700 .62rem var(--mono); }
.wd-en-branch-grid .wd-branch-card { min-height:540px; }

.wd-en-contact { padding:74px 0 90px; }
.wd-en-contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.wd-en-contact h1 { margin:20px 0 28px; font:400 clamp(3.6rem,6.5vw,7rem)/.84 var(--serif); letter-spacing:-.08em; }
.wd-en-contact p { color:var(--muted); font-size:1rem; line-height:1.7; }
.wd-en-contact p a { color:var(--ink); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.wd-en-contact-notes { display:grid; gap:0; margin:32px 0; border-top:1px solid var(--ink); }
.wd-en-contact-notes span { padding:15px 0; border-bottom:1px solid var(--line); font-weight:700; }
.wd-en-form { display:grid; gap:18px; padding:38px; border:1px solid var(--ink); background:var(--cream); box-shadow:12px 12px 0 var(--industry-accent); }
.wd-en-form label { display:grid; gap:8px; color:var(--ink); font-size:.84rem; font-weight:800; }
.wd-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.wd-en-form input, .wd-en-form select, .wd-en-form textarea { width:100%; min-height:52px; padding:13px 14px; border:1px solid rgba(24,34,31,.45); border-radius:0; background:#fff; color:var(--ink); font-size:1rem; }
.wd-en-form textarea { resize:vertical; min-height:155px; }
.wd-en-form input:focus, .wd-en-form select:focus, .wd-en-form textarea:focus { outline:3px solid var(--industry-accent); outline-offset:2px; }
.wd-form-consent { grid-template-columns:20px 1fr !important; gap:12px !important; align-items:start; font-weight:500 !important; line-height:1.55; }
.wd-form-consent input { width:18px; min-height:18px; height:18px; margin-top:2px; accent-color:var(--ink); }
.wd-form-consent a { font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.wd-form-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.wd-form-fineprint { margin:0 !important; font-size:.76rem !important; line-height:1.55 !important; }
.wd-en-thanks { min-height:100vh; display:grid; place-items:center; padding:40px 24px; }
.wd-en-thanks > div { width:min(760px,100%); padding:50px; border:1px solid var(--ink); background:var(--cream); box-shadow:14px 14px 0 var(--acid); }
.wd-en-thanks img { width:auto; height:38px; margin-bottom:60px; }
.wd-en-thanks h1 { margin:18px 0 24px; font:400 clamp(3.2rem,7vw,6.5rem)/.84 var(--serif); letter-spacing:-.08em; }
.wd-en-thanks p { max-width:600px; margin:0 0 30px; color:var(--muted); font-size:1rem; line-height:1.7; }

@media (max-width: 930px) {
  .wd-integration-shell, .wd-seo-story-grid, .wd-en-contact-grid { grid-template-columns:1fr; }
  .wd-seo-story-title { position:static; }
  .layout-ink-studio .wd-hero-shell { grid-template-columns:1fr; }
  .layout-ink-studio .wd-hero-media { order:0; }
  .demo-ink { grid-template-columns:.75fr 1.25fr; }
  .demo-ink-work, .demo-ink-artists { grid-column:auto; }
  .wd-en-gallery-grid { grid-template-columns:1fr 1fr; }
  .wd-en-gallery-grid figure:nth-child(2) { margin-top:0; }
}

@media (max-width: 600px) {
  .wd-section { padding:58px 0; }
  .wd-problem-card, .wd-benefit, .wd-function { min-height:0; }
  .wd-problem-card p, .wd-benefit p, .wd-function p, .wd-faq p { font-size:.98rem; }
  .wd-integration { padding:50px 0; }
  .wd-integration-shell { box-shadow:7px 7px 0 var(--ink); }
  .wd-integration-copy { padding:30px 22px; }
  .wd-integration-copy h2 { font-size:2.65rem; }
  .wd-integration-flow article { grid-template-columns:38px 1fr; padding:24px 20px; }
  .wd-seo-story-grid { gap:42px; }
  .wd-seo-story-title h2 { font-size:2.8rem; }
  .layout-ink-studio .wd-hero-media { height:350px; box-shadow:none; }
  .layout-ink-studio .wd-image-grid { grid-template-columns:1fr; }
  .layout-ink-studio .wd-image-grid figure, .layout-ink-studio .wd-image-grid figure:first-child, .layout-ink-studio .wd-image-grid figure:nth-child(2), .layout-ink-studio .wd-image-grid figure:nth-child(3) { min-height:300px; margin:0; }
  .demo-ink { grid-template-columns:1fr; grid-template-rows:auto; }
  .demo-ink-title, .demo-ink-studio, .demo-ink-work, .demo-ink-artists { grid-column:auto; grid-row:auto; }
  .demo-ink-title { min-height:360px; }
  .demo-ink-studio, .demo-ink-work { min-height:380px !important; }
  .wd-en-gallery-grid { grid-template-columns:1fr; }
  .wd-en-gallery-grid figure, .wd-en-gallery-grid figure:first-child, .wd-en-gallery-grid figure:nth-child(n+4) { min-height:300px; margin:0; }
  .wd-en-contact { padding:58px 0 76px; }
  .wd-en-contact-grid { gap:42px; }
  .wd-en-contact h1 { font-size:3.3rem; }
  .wd-en-form { padding:25px 18px; box-shadow:7px 7px 0 var(--industry-accent); }
  .wd-form-row { grid-template-columns:1fr; }
  .wd-en-thanks > div { padding:35px 24px; }
}