/* 26.09.2026: Anwendung des branchenuebergreifenden Design-Audits.
   Lokale Komponenten; das gemeinsame Seitengeruest bleibt in navigation.css. */
.home-page { --home-width:1240px; }
.home-page .home-hero { background:var(--forest); color:var(--paper); }
.hero-editorial { padding-bottom:0; }
.hero-intro { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:end; gap:70px; margin-bottom:38px; }
.hero-intro > * { min-width:0; }
.hero-intro .hero-heading { grid-column:auto; grid-row:auto; }
.home-page .hero-intro h1 { font-size:clamp(38px,4vw,60px); max-width:22ch; }
.hero-intro-copy { padding-bottom:5px; }
.home-page .hero-intro .home-lead { margin:0; font-size:18px; max-width:38ch; }
.hero-banner { position:relative; isolation:isolate; min-height:460px; border-radius:16px; overflow:hidden; background:var(--forest); }
.hero-banner .hero-film { position:absolute; inset:0; margin:0; border-radius:0; }
.hero-banner .hero-film-video { height:100%; width:100%; object-fit:cover; object-position:center 48%; }
.hero-banner .hero-film-toggle { top:20px; bottom:auto; right:20px; min-height:44px; z-index:2; }
.home-page .hero-banner-check { position:relative; z-index:1; margin:240px 32px 32px; width:min(590px,calc(100% - 64px)); padding:24px; border-radius:12px; background:var(--paper); color:var(--ink); box-shadow:0 6px 24px #17271f26; }
.hero-banner .hero-banner-check label { font:800 24px/1.2 var(--font-display); margin-bottom:16px; letter-spacing:-.025em; }
.hero-banner-check .hero-check-fields { flex-direction:row; background:var(--on-brick); border-color:var(--line); box-shadow:none; }
.hero-banner .hero-banner-check .home-button { width:auto; }
.home-page .hero-banner .hero-banner-check .home-micro { color:var(--ink); font-size:11px; }
.home-page .home-hero h1 { color:var(--paper); }
.home-page .home-hero .hero-emphasis { color:var(--butter); }
.home-page .hero-heading .eyebrow { color:var(--ink); }
.home-page .home-hero .home-lead,.home-page .hero-check .home-micro { color:var(--paper); }
.home-page .hero-more { color:var(--butter); }
.home-page .hero-job-preview { color:var(--ink); }
.home-page .hero-exhibit { background:#2a4033; border-color:#586753; }
.home-page .hero-reassurance { border-color:#586753; margin-bottom:0; }
.hero-reassurance .hero-feature-icon { width:76px; height:76px; padding:5px; border-radius:12px; background:var(--paper); object-fit:contain; flex-shrink:0; }
.hero-reassurance strong { display:block; font-size:14px; line-height:1.4; }
.hero-reassurance small { display:block; font-size:12px; line-height:1.5; margin-top:5px; }
.home-page :is(.hero-layout,.home-split,.mission-layout,.evidence-layout,.faq-layout,.closing-layout) > * { min-width:0; }
.home-page :is(h1,h2,h3,h4) { hyphens:auto; overflow-wrap:break-word; }
.talara-icon { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.home-hero { padding:64px 0 0; }
.hero-layout { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:center; gap:64px; }
.hero-heading { text-align:left; grid-column:1; grid-row:1; }
.hero-layout > .hero-exhibit { grid-column:2; grid-row:1; }
.hero-mobile-action { display:none; }
.home-hero h1 { font-size:clamp(38px,4vw,59px); margin:0; max-width:18ch; line-height:1.07; }
.hero-emphasis { display:inline; }
.hero-emphasis .doodle-underline { display:none; }
.home-hero .home-lead { max-width:52ch; font-size:17px; margin:24px 0 0; }
.hero-check { margin-top:30px; }
.hero-check label { display:block; margin-bottom:12px; font-size:14px; font-weight:700; }
.hero-check-fields { display:flex; padding:5px; gap:5px; border:1px solid var(--ink); border-radius:10px; background:var(--on-brick); box-shadow:0 4px 0 rgba(23,39,31,.07); }
.hero-check input { min-width:0; width:100%; flex:1; padding:12px; border:0; border-radius:5px; color:var(--ink); background:transparent; font:16px/1.5 Inter,sans-serif; }
.hero-check input::placeholder { color:var(--olive-text); opacity:1; }
.hero-check .home-button { flex-shrink:0; gap:12px; padding:12px 17px; min-height:50px; font-size:14px; border-radius:6px; }
.hero-check .home-micro { font-size:11px; margin-top:11px; }
.hero-more { margin-top:12px; color:var(--brick-text); }
.hero-exhibit { position:relative; padding:12px 12px 0; border:1px solid var(--line); border-radius:18px; background:var(--paper-2); }
.hero-exhibit .hero-film { margin:0; border-radius:10px; }
.hero-exhibit .hero-film-toggle { bottom:auto; top:12px; right:12px; font-size:10px; min-height:34px; padding:8px 10px; }
.hero-job-preview { position:relative; margin:-35px 20px 24px; padding:22px; background:var(--paper); border:1px solid var(--ink); border-radius:10px; box-shadow:6px 7px 0 rgba(23,39,31,.1); }
.preview-caption { display:flex; justify-content:space-between; gap:12px; font:10px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.045em; }
.preview-caption > span:last-child { color:var(--olive-text); }
.preview-job-head { display:flex; align-items:center; gap:16px; padding:24px 0; }
.preview-job-head > svg { box-sizing:content-box; padding:10px; background:var(--butter); border-radius:8px; }
.preview-job-head strong { display:block; font:800 27px/1.15 var(--font-display); letter-spacing:-.025em; }
.preview-job-head p { font-size:12px; margin-top:6px; color:var(--olive-text); }
.preview-fields { margin:0; font-size:12px; }
.preview-fields > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; border-top:1px solid var(--line); padding:12px 0; }
.preview-fields dt { color:var(--olive-text); }
.preview-fields dd { margin:0; font-weight:650; }
.preview-domain { display:flex; align-items:center; gap:12px; margin-top:10px; border-radius:5px; padding:12px; background:var(--forest); color:var(--paper); font-size:12px; font-weight:650; }
.preview-domain > span { color:var(--butter); font-size:20px; }
.hero-reassurance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding-block:28px; margin-top:48px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.hero-reassurance > span { display:flex; align-items:center; gap:14px; font-size:12px; line-height:1.5; }
.hero-reassurance .talara-icon { width:24px; height:24px; color:var(--brick-text); }
.home-band { padding-block:88px; }
.problem-band { padding-block:88px 72px; }
.problem-band .home-split { align-items:center; gap:72px; }
.problem-band h2 { font-size:clamp(34px,3.7vw,52px); }
.problem-band .home-copy { margin-top:20px; font-size:16px; }
.mission-band { padding-block:76px; }
.mission-layout { gap:72px; }
.mission-summary h2 { font-size:clamp(32px,3.4vw,48px); }
.route-mark { border-radius:8px; }
.route-mark svg { width:23px; height:23px; }
.evidence-layout { align-items:center; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:72px; }
.visibility-art { min-width:0; margin:0; }
.visibility-art img { display:block; width:100%; height:auto; border-radius:12px; }
.visibility-art figcaption { margin-top:16px; max-width:42ch; font-size:13px; line-height:1.6; }
.visibility-check-note { margin-top:14px; font-size:12px; line-height:1.6; }
.evidence-sheet { transform:none; margin-top:8px; }
.evidence-band h2 { max-width:22ch; font-size:clamp(34px,3.4vw,48px); }
.evidence-copy .home-copy { font-size:16px; margin-top:20px; }
.evidence-takeaways { margin-top:24px; }
.evidence-takeaways li { font-size:14px; padding-block:11px; }
.evidence-source { max-width:65ch; }
.evidence-band .home-button { margin-top:24px; }
.process-band .home-section-heading { text-align:left; max-width:none; }
.process-band .home-section-heading h2 { max-width:30ch; font-size:clamp(34px,3.7vw,52px); }
.process-band .home-section-heading > p:last-child { margin:20px 0 0; max-width:66ch; }
.process-showcase { margin-top:40px; }
.process-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:32px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; }
.process-controls + .process-showcase { margin-top:24px; }
.process-replay { display:inline-flex; align-items:center; gap:9px; padding:10px 14px; min-height:44px; border:1px solid var(--ink); border-radius:6px; background:transparent; color:var(--ink); font:600 13px/1.4 Inter,sans-serif; cursor:pointer; }
.process-replay[hidden] { display:none; }
.process-replay:hover { background:var(--forest); color:var(--paper); }
.process-showcase .story-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.process-showcase .story-step { display:flex; flex-direction:column; align-items:stretch; padding:30px; gap:24px; border:1px solid var(--line); border-radius:16px; background:var(--paper-2); min-width:0; }
.process-showcase .story-copy { max-width:none; }
.process-showcase .story-copy h3 { font-size:28px; margin-top:12px; max-width:24ch; }
.process-showcase .story-copy p { font-size:15px; max-width:52ch; margin-top:12px; }
.process-showcase .story-mobile-visual { margin-top:auto; width:100%; }
.process-showcase .story-ui-head { padding:12px 18px; font-size:10px; }
.process-showcase .story-ui-body { padding:22px; }
.process-showcase .story-ui-body h4 { font-size:25px; margin:12px 0 18px; }
.process-showcase .story-checks { margin-top:10px; }
.process-showcase .story-checks li { padding-block:12px; font-size:13px; }
.process-showcase .story-paper-lines { margin-block:20px; }
.process-showcase .story-handoff { margin-top:18px; }
.process-showcase .story-node { padding:12px; font-size:13px; }
.process-showcase .story-report-row { padding-block:14px; }
.process-showcase .story-report-row > strong { font-size:14px; }
.process-showcase .story-report-note { margin-top:8px; }
.process-showcase .story-sticky { display:none; }
.ownership-band,.faq-band { padding-block:88px; }
.founder-layout { grid-template-columns:minmax(0,340px) minmax(0,650px); gap:80px; }
.home-person { margin:0; background:var(--paper); color:var(--ink); border-radius:16px; overflow:hidden; align-self:center; }
.home-portrait-surface { position:relative; aspect-ratio:1/1.15; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 60% 32%,#f3e7c5 10%,#e5d4a6 62%,#d8be84 100%); }
.home-portrait-surface::before { content:""; position:absolute; width:112%; aspect-ratio:1; border:1px solid rgba(30,51,40,.2); border-radius:50%; top:12%; left:-6%; }
.home-portrait-surface::after { content:""; position:absolute; inset:auto 0 0; height:7px; background:var(--brick); }
.home-portrait-mark { position:absolute; width:48px; height:48px; top:20px; left:20px; opacity:.55; }
.home-portrait-photo { position:relative; width:100%; height:100%; aspect-ratio:1/1.15; object-fit:cover; object-position:50% 12%; }
.home-person figcaption { display:grid; gap:6px; padding:22px 24px; }
.home-person figcaption strong { font:800 24px/1.15 var(--font-display); }
.home-person figcaption span { font-size:12px; line-height:1.5; }
.evidence-visual { margin:8px 0 0; min-width:0; padding-bottom:0; color:var(--ink); }
.sample-inventory { background:var(--paper); border:1px solid var(--ink); border-radius:12px; overflow:hidden; }
.sample-window-head { display:flex; align-items:center; gap:14px; padding:15px 22px; background:var(--forest); color:var(--paper); font:11px/1.5 var(--font-mono); }
.sample-window-head small { margin-left:auto; color:var(--butter); font-size:10px; }
.sample-dots { display:flex; gap:4px; }
.sample-dots i { width:5px; height:5px; border-radius:50%; background:var(--paper); }
.sample-stock { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 28px 18px; }
.sample-label { display:block; font-size:12px; color:var(--olive-text); }
.sample-stock strong { display:block; margin-top:10px; font:800 64px/1 var(--font-display); letter-spacing:-.04em; }
.sample-stock strong small { font-size:22px; letter-spacing:-.02em; }
.sample-stock > svg { width:44px; height:44px; color:var(--brick-text); }
.sample-job-stack { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 28px 28px; }
.sample-job-stack > div { height:64px; border:1px solid var(--line); background:var(--paper-2); border-radius:5px; padding:12px; }
.sample-job-stack i { display:block; width:16px; height:16px; background:var(--brick); border-radius:3px; margin-bottom:7px; }
.sample-job-stack b,.sample-job-stack em { display:block; height:3px; width:80%; background:#b3a37b; }
.sample-job-stack em { margin-top:5px; width:55%; }
.sample-search { position:relative; margin:24px 0 0 48px; padding:23px 25px; background:var(--paper); border:1px solid var(--ink); border-radius:12px; box-shadow:6px 7px 0 #813720; }
.sample-search-label { display:flex; gap:10px; align-items:center; font-size:12px; border-bottom:1px solid var(--line); padding-bottom:14px; }
.sample-search-label svg { width:21px; height:21px; color:var(--brick-text); }
.sample-result { display:flex; align-items:center; gap:22px; padding-top:20px; }
.sample-result > strong { font:800 76px/1 var(--font-display); color:var(--brick-text); }
.sample-result b { font:800 23px/1.2 var(--font-display); }
.sample-result p { font-size:12px; line-height:1.6; margin-top:7px; }
.evidence-visual figcaption { margin:20px 0 0 48px; font-size:11px; line-height:1.6; color:var(--on-brick); }
.founder-portrait { width:220px; height:270px; border-radius:12px; object-fit:cover; object-position:50% 25%; }
.terms-grid { margin-top:40px; gap:32px; }
.terms-grid h3 { font-size:25px; }
@media (max-width:1100px) {
 .hero-layout { gap:36px; }
 .hero-job-preview { margin-inline:8px; padding:18px; }
 .preview-job-head strong { font-size:23px; }
 .hero-check-fields { flex-direction:column; }
 .hero-check .home-button { width:100%; }
 .mission-layout,.evidence-layout,.problem-band .home-split { gap:40px; }
}
@media (max-width:800px) {
 .hero-layout { grid-template-columns:1fr; gap:36px; }
 .home-hero { padding-top:38px; }
 .home-hero h1 { max-width:19ch; font-size:clamp(36px,6.2vw,54px); }
 .home-hero .home-lead { max-width:60ch; font-size:16px; }
 .hero-check-fields { flex-direction:row; }
 .hero-check .home-button { width:auto; }
 .hero-exhibit { max-width:600px; width:100%; margin-inline:auto; }
 .hero-job-preview { margin:-30px 16px 22px; }
 .hero-reassurance { gap:16px; margin-top:32px; }
 .hero-reassurance > span { align-items:flex-start; gap:10px; }
 .home-split,.mission-layout,.evidence-layout { grid-template-columns:minmax(0,1fr); }
 .evidence-sheet { width:100%; max-width:560px; margin-inline:auto; }
 .process-showcase .story-step { padding:22px; }
 .process-showcase .story-steps { grid-template-columns:1fr; }
 .process-showcase .story-mobile-visual { margin-top:0; }
 .process-showcase .story-copy h3 { font-size:25px; }
 .process-showcase .story-ui-body { padding:18px; }
 .hero-reassurance .hero-feature-icon { width:58px; height:58px; }
 .hero-reassurance > span { flex-direction:column; }
 .founder-layout { gap:40px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
 .evidence-visual { max-width:560px; width:100%; margin-inline:auto; }
}
@media (max-width:600px) {
 .hero-check-fields { flex-direction:column; }
 .hero-check .home-button { width:100%; }
 .hero-check input { min-height:50px; }
 .hero-check .home-micro { max-width:42ch; }
 .hero-reassurance { grid-template-columns:1fr; gap:17px; padding-block:22px; }
 .hero-reassurance > span { align-items:center; font-size:13px; }
 .hero-reassurance > span { flex-direction:row; gap:18px; }
 .hero-reassurance .hero-feature-icon { width:64px; height:64px; }
 .sample-window-head { padding:14px 18px; gap:10px; }
 .sample-stock { padding:22px 20px 18px; }
 .sample-stock strong { font-size:56px; }
 .sample-job-stack { padding:0 20px 22px; gap:9px; }
 .sample-search { margin-left:18px; padding:20px; }
 .sample-result { gap:18px; }
 .sample-result b { font-size:21px; }
 .sample-result p br { display:none; }
 .evidence-visual figcaption { margin-left:18px; }
 .process-controls { align-items:flex-start; flex-direction:column; }
 .hero-job-preview { margin:-14px 0 14px; padding:18px; }
 .hero-exhibit { padding:9px 9px 0; }
 .preview-caption { font-size:9px; }
 .preview-job-head { gap:12px; padding:20px 0; }
 .preview-job-head > svg { width:24px; height:24px; padding:8px; }
 .preview-job-head strong { font-size:22px; }
 .preview-fields > div { grid-template-columns:80px minmax(0,1fr); gap:8px; }
 .home-band,.problem-band,.mission-band,.ownership-band,.faq-band { padding-block:60px; }
 .home-band h2,.mission-summary h2,.evidence-band h2,.process-band .home-section-heading h2 { font-size:clamp(30px,8vw,38px); max-width:100%; }
 .evidence-layout { gap:36px; }
 .evidence-metric { grid-template-columns:85px minmax(0,1fr); gap:14px; padding:22px 18px; }
 .evidence-metric strong { font-size:64px; }
 .evidence-metric span { font-size:14px; }
 .evidence-sheet-head { padding:15px 18px; font-size:10px; }
 .evidence-sheet-kicker { padding:16px 18px; font-size:10px; }
 .evidence-sheet-note { font-size:10px; padding-inline:18px; }
 .process-showcase .story-steps { grid-template-columns:1fr; gap:20px; }
 .process-showcase .story-mobile-visual { margin-top:0; }
 .process-showcase .story-copy h3 { font-size:27px; }
 .founder-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
 .home-person { max-width:340px; width:100%; }
 .founder-portrait { width:140px; height:175px; }
 .terms-grid { gap:30px; }
}

/* Compact editorial mobile intro; the form stays attached to the visual. */
@media (max-width:800px) {
 .home-page .home-hero { padding-top:28px; }
 .hero-intro { grid-template-columns:1fr; gap:16px; margin-bottom:24px; }
 .hero-intro .eyebrow { margin-bottom:16px; font-size:10px; }
 .home-page .hero-intro h1 { font-size:clamp(34px,7.6vw,48px); max-width:22ch; }
 .home-page .hero-intro .home-lead { font-size:16px; line-height:1.55; max-width:44ch; }
 .home-page .hero-intro .hero-more { display:none; }
 .hero-banner { min-height:0; overflow:visible; padding:160px 0 14px; }
 .hero-banner .hero-film { inset:0 0 auto; height:260px; border-radius:12px; }
 .hero-banner .hero-film-video { object-position:65% center; }
 .hero-banner .hero-film-toggle { top:12px; right:12px; min-height:44px; font-size:10px; padding:10px; }
 .home-page .hero-banner-check { margin:0 14px; width:calc(100% - 28px); padding:20px; }
 .hero-banner .hero-banner-check label { font-size:21px; max-width:25ch; margin-bottom:13px; }
 .hero-banner-check .hero-check-fields { flex-direction:column; padding:4px; }
 .hero-banner-check input { padding:10px; min-height:44px; font-size:16px; }
 .hero-banner .hero-banner-check .home-button { width:100%; min-height:46px; padding:11px 14px; }
 .hero-banner-check .home-micro { max-width:32ch; line-height:1.5; }
 .home-page .hero-reassurance { margin-top:28px; padding-block:23px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
 .home-page .hero-reassurance > span { flex-direction:column; align-items:flex-start; gap:12px; }
 .home-page .hero-reassurance strong { font-size:12px; line-height:1.4; }
 .home-page .hero-reassurance small { display:none; }
 .home-page .hero-reassurance .hero-feature-icon { width:60px; height:60px; }
}