/* Homepage editorial layout. Shared typography and legal-page tokens stay in styles.css. */
html { scroll-behavior: smooth; scroll-padding-top: 106px; }
.home { color:var(--ink); background:#FFFFFF; }
.home h1, .home h2, .home h3, .home h4 { text-wrap:balance; color:var(--petrol900); font-weight:600; }
.home p { text-wrap: pretty; }
.home button, .home a { -webkit-tap-highlight-color: transparent; }
.home :focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:16px; z-index:100; background:var(--bg-paper); padding:12px 20px; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.home .topbar-in { min-height:38px; }
.home .topbar .tb-txt { color:var(--ink-on-dark); font-size:10px; }
.home .nav-in { min-height:86px; gap:24px; }
.home .nav-logo img { width:215px; height:auto; }
.home .nav-links { gap:24px; }
.home .nav-links a { font-size:15px; }
.home .nav { background:#FFFFFF; }
.home .btn { gap:14px; border-radius:6px; font-weight:600; min-height:48px; font-size:15px; }
.home .btn-primary { color:#FFFFFF; }
.home .hero-grid { grid-template-columns:1.06fr 1fr; gap:64px; padding:68px 0 74px; align-items:center; }
.home .eyebrow { font-size:11px; letter-spacing:1.5px; color:var(--orange-deep); }
.home .hero h1 { font-size:clamp(44px,4.6vw,64px); line-height:1.04; letter-spacing:-1.8px; margin:24px 0; max-width:570px; }
html[lang="de"] .home .hero h1 { font-size:clamp(38px,3.55vw,51px); overflow-wrap:anywhere; letter-spacing:-1.1px; }
.hero-lede { font-size:24px; line-height:1.3; font-weight:500; max-width:470px; margin:0 0 17px; }
.hero-body { font-size:17px; line-height:1.65; color:var(--ink-soft); max-width:510px; margin-bottom:28px; }
.home .hero-ctas { align-items:center; gap:20px; margin-bottom:34px; }
.text-link { display:inline-flex; gap:12px; align-items:center; color:var(--petrol700); font-size:14px; font-weight:500; border-bottom:1px solid var(--orange-deep); padding:7px 0; }
.text-link:hover { color:var(--orange-deep); }
.origin-strip { display:flex; gap:28px; padding-top:22px; border-top:1px solid var(--line); }
.origin-strip dt { color:var(--ink-soft); font-family:var(--font-mono); font-size:10px; margin-bottom:7px; }
.origin-strip dd { margin:0; font-size:15px; font-weight:500; }
.origin-photo { margin:0; border-radius:4px; overflow:hidden; background:var(--forest); }
.origin-photo img { display:block; width:100%; height:440px; object-fit:cover; }
.origin-photo figcaption { padding:24px 28px; color:#FFFFFF; }
.origin-photo strong { display:block; font-size:26px; font-weight:500; letter-spacing:-.4px; margin-bottom:6px; }
.origin-photo figcaption span { color:var(--petrol100); font-size:14px; }
.home section.band { padding:76px 0; }
.section-intro { max-width:810px; margin-bottom:34px; }
.section-intro h2, .evidence-panel h2 { font-size:clamp(28px,3.2vw,42px); line-height:1.15; letter-spacing:-.8px; font-weight:600; margin:14px 0; }
.section-copy { color:var(--ink-soft); font-size:17px; line-height:1.65; max-width:730px; margin-top:15px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.service { border-top:1px solid var(--line); padding-top:26px; }
.service-number, .step-number { font:11px var(--font-mono); color:var(--orange-deep); }
.service h3 { font-size:30px; font-weight:600; letter-spacing:-.6px; margin:18px 0 12px; }
.service p { font-size:16px; line-height:1.65; color:var(--ink-soft); }
.calendar-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin:32px 0 20px; }
.crop-filter { display:flex; gap:6px; flex-wrap:wrap; }
.crop-filter button { cursor:pointer; font:500 14px var(--font-display); padding:10px 18px; border-radius:5px; border:1px solid var(--line); background:var(--bg-paper); color:var(--ink); min-height:44px; }
.crop-filter button.active { background:var(--forest); color:var(--bg-paper); border-color:var(--forest); }
.crop-filter button:hover:not(.active) { background:var(--orange-soft); }
#calendar-count { font:11px var(--font-mono); color:var(--ink-soft); }
.calendar-shell { border:1px solid var(--line); border-radius:8px; background:var(--bg-paper); overflow:hidden; }
.calendar-scroll { position:relative; width:100%; overflow-x:auto; }
#calendar-table { border-collapse:separate; border-spacing:0; width:100%; min-width:840px; table-layout:fixed; }
#calendar-table th, #calendar-table td { border-bottom:1px solid var(--line); text-align:center; }
#calendar-table thead th { padding:18px 4px; font:500 11px var(--font-mono); color:var(--ink-soft); background:var(--bg-cream-dim); }
#calendar-table th:first-child { text-align:left; width:190px; padding-left:25px; position:sticky; left:0; z-index:1; }
#calendar-table tbody th { padding:19px 16px 19px 25px; background:var(--bg-paper); border-right:1px solid var(--line); }
#calendar-table tbody tr:last-child th, #calendar-table tbody tr:last-child td { border-bottom:0; }
.product-name a { display:block; font:600 23px var(--font-display); width:fit-content; border-bottom:1px solid transparent; }
.product-name a:hover { border-color:var(--orange); }
.crop-label { display:block; font:10px var(--font-mono); color:var(--ink-soft); margin-bottom:3px; }
.window-label { display:block; font:11px var(--font-mono); font-weight:400; color:var(--ink-soft); margin-top:5px; }
#calendar-table td { font-size:16px; border-right:1px solid var(--line-soft); }
#calendar-table td:last-child { border-right:0; }
.season-main { background:var(--petrol100); color:var(--petrol700); }
.season-regional { background:repeating-linear-gradient(-45deg,var(--stone50),var(--stone50) 5px,var(--petrol100) 5px,var(--petrol100) 7px); color:var(--petrol700); }
.season-empty { color:var(--stone400); }
.calendar-legend { display:flex; gap:24px; padding:18px 24px; border-top:1px solid var(--line); flex-wrap:wrap; }
.calendar-legend > span { display:flex; gap:9px; align-items:center; font-size:12px; color:var(--ink-soft); }
.calendar-legend i { display:block; width:14px; height:14px; border:1px solid var(--petrol500); }
.legend-main { background:var(--petrol100); }
.legend-regional { background:repeating-linear-gradient(-45deg,var(--stone50),var(--stone50) 3px,var(--petrol100) 3px,var(--petrol100) 5px); }
.calendar-note { font-size:14px; line-height:1.65; color:var(--ink-soft); max-width:960px; margin:20px 0 14px; }
.calendar-notes { color:var(--ink-soft); font-size:13px; line-height:1.65; max-width:960px; }
.calendar-notes summary { cursor:pointer; padding:6px 0; color:var(--ink); font-weight:500; }
.calendar-notes p { margin:12px 0; }
.calendar-notes ul { padding-left:20px; list-style:disc; }
.calendar-notes a { text-decoration:underline; text-underline-offset:3px; }
#calendar-reviewed { font:10px var(--font-mono); margin-top:18px; }
.calendar-action { margin-top:24px; }
.steps { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:26px; padding:0; }
.steps li { border-top:1px solid var(--line); padding-top:20px; }
.steps h3 { font-size:21px; line-height:1.3; font-weight:600; margin:16px 0 10px; }
.steps p { color:var(--ink-soft); font-size:15px; line-height:1.65; }
.evidence-panel { display:grid; grid-template-columns:1.35fr 1fr; gap:60px; padding:35px; background:#FFFFFF; border-left:3px solid var(--amber500); margin-top:48px; border-radius:6px; }
.evidence-panel h2 { font-size:28px; }
.evidence-panel p:not(.eyebrow) { font-size:15px; line-height:1.65; color:var(--ink-soft); }
.evidence-panel ul { list-style:none; padding:0; align-self:center; }
.evidence-panel li { border-top:1px solid var(--stone200); padding:13px 0; font-size:15px; }
.evidence-panel li:last-child { border-bottom:1px solid var(--stone200); }
.about-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:70px; align-items:center; }
.about-grid .section-intro { margin-bottom:0; }
.record-note { border-left:2px solid var(--orange); padding:8px 0 8px 28px; }
.record-note h3 { font-size:23px; font-weight:500; margin-bottom:15px; }
.record-note p { font-size:16px; line-height:1.75; color:var(--ink-soft); }
.home .contact-section { padding-top:0; }
.home .contact-card { border-radius:8px; padding:48px; gap:40px; }
.home .contact-card .eyebrow { color:var(--orange); margin-bottom:16px; }
.home .contact-card h2 { font-size:36px; line-height:1.2; }
.home .contact-card p:not(.eyebrow) { font-size:16px; color:var(--petrol100); }
.home .contact-card .mail { display:grid; gap:7px; color:var(--petrol100); font-family:var(--font-display); }
.home .contact-card .mail a { font-size:14px; }
.home .foot-brand img { width:200px; height:auto; }
.home .foot-brand p { max-width:390px; font-size:14px; }
.footer-links { display:flex; gap:28px; flex-wrap:wrap; align-items:center; padding-top:18px; font-size:14px; }
.home .foot-base span { color:var(--ink-soft); }
@media (max-width:1100px) {
  .home .hero-grid { gap:36px; grid-template-columns:1fr 1fr; }
  .home .nav-links { gap:16px; }
  .home .nav-links a { font-size:14px; }
  .origin-photo img { height:440px; }
  .about-grid { gap:40px; }
}
@media (max-width:900px) {
  .home .hero-grid { grid-template-columns:1fr; padding:44px 0; }
  .home .hero h1 { max-width:650px; font-size:62px; }
  html[lang="de"] .home .hero h1 { max-width:680px; font-size:52px; }
  .hero-body, .hero-lede { max-width:620px; }
  .origin-photo img { height:360px; }
  .service-grid { gap:24px; }
  .service h3 { font-size:25px; }
  .steps { grid-template-columns:repeat(2,1fr); gap:32px; }
  .evidence-panel { gap:30px; }
  .about-grid { grid-template-columns:1fr; }
  .home .nav-links { padding:16px 24px; }
}
@media (max-width:620px) {
  html { scroll-padding-top:90px; }
  .home .nav-in { min-height:76px; }
  .home .nav-logo img { width:185px; height:auto; }
  .home .topbar .tb-txt { font-size:9px; letter-spacing:.4px; }
  .home .hero h1 { font-size:clamp(40px,11vw,54px); letter-spacing:-1.4px; }
  html[lang="de"] .home .hero h1 { font-size:clamp(30px,8.4vw,45px); letter-spacing:-.8px; }
  .hero-lede { font-size:23px; }
  .hero-body { font-size:16px; }
  .home .hero-ctas { flex-direction:column; align-items:flex-start; gap:12px; }
  .origin-strip { gap:22px; flex-wrap:wrap; }
  .origin-strip dd { font-size:14px; }
  .origin-photo img { height:290px; }
  .origin-photo figcaption { padding:22px; }
  .origin-photo strong { font-size:25px; }
  .home section.band { padding:48px 0; }
  .service-grid { grid-template-columns:1fr; gap:28px; }
  .service h3 { font-size:28px; margin-top:12px; }
  .service { padding-top:19px; }
  .section-copy { font-size:16px; }
  .crop-filter button { padding:9px 13px; }
  #calendar-table { min-width:745px; }
  #calendar-table th:first-child { width:152px; padding-left:18px; }
  #calendar-table tbody th { padding-left:18px; }
  .calendar-legend { gap:12px 20px; padding:16px; }
  .steps { grid-template-columns:1fr; gap:25px; }
  .steps h3 { margin-top:12px; }
  .evidence-panel { grid-template-columns:1fr; padding:25px; gap:20px; margin-top:32px; }
  .record-note { padding-left:22px; }
  .home .contact-card { padding:30px 24px; gap:25px; }
  .home .contact-card h2 { font-size:31px; }
  .home .contact-card .btn { white-space:normal; text-align:center; }
  .home .contact-section { padding-top:0; }
  .footer-links { gap:22px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }

/* ErnteLink leads; origin relationships follow the customer-facing introduction. */
.about-intro { display:grid; grid-template-columns:1fr 1.15fr; gap:72px; }
.about-intro .section-intro { margin:0; }
.about-intro .section-copy:first-child { margin-top:0; }
.connections-heading { padding-top:52px; margin-top:38px; border-top:1px solid var(--stone200); }
.connections-heading h3 { font-size:26px; letter-spacing:-.5px; margin:12px 0 24px; }
.connections-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:18px; }
.connection { border:1px solid var(--stone200); border-top:3px solid var(--stone200); padding:24px; border-radius:4px; }
.connection-primary { background:var(--petrol100); border-top-color:var(--amber500); }
.connection .connection-label { font:500 10px var(--font-mono); text-transform:uppercase; letter-spacing:.7px; color:var(--stone600); margin-bottom:15px; }
.connection-primary .connection-label { color:var(--petrol900); }
.connection-identity { min-height:64px; display:flex; align-items:center; margin-bottom:16px; }
.connection-identity img { width:200px; height:auto; display:block; }
.connection-identity .gsg-logo { width:120px; }
.connection-identity h4 { font-size:19px; font-weight:500; }
.connection > p:last-child { font-size:14px; line-height:1.7; color:var(--stone600); }
.connection-primary > p:last-child { color:var(--petrol900); }
.record-note { margin-top:32px; padding:0; border:0; max-width:920px; }
.record-note h3 { font-size:16px; font-weight:500; margin-bottom:8px; }
.record-note p { font-size:14px; line-height:1.7; }
.home .contact-card h2 { color:#FFFFFF; }
.home .contact-card .btn-primary { background:var(--amber500); color:var(--petrol900); }
.home .contact-card .btn-primary:hover { background:var(--amber100); color:var(--petrol900); }
.home .foot-base a { color:var(--stone600); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1000px) {
 .connections-grid { grid-template-columns:1fr 1fr; }
 .connection-primary { grid-column:1/-1; }
 .connection-primary .connection-identity { min-height:48px; }
}
@media(max-width:900px) { .about-intro { grid-template-columns:1fr; gap:10px; } }
@media(max-width:620px) {
 .connections-heading { padding-top:32px; margin-top:32px; }
 .connections-grid { grid-template-columns:1fr; }
 .connection { padding:22px; }
 .connection-identity { min-height:52px; }
 .home .contact-card h2 { font-size:29px; }
}

/* Photographic composition shared in spirit with RaDaConnect, in ErnteLink's identity. */
.home .hero { background:var(--petrol900); }
.home .hero > .wrap { max-width:none; padding:0; }
.home .hero-grid { grid-template-columns:1fr 1fr; gap:0; padding:0; align-items:stretch; }
.hero-copy { padding:66px 55px 58px max(32px,calc((100vw - 1216px)/2)); align-self:center; min-width:0; }
.home .hero h1 { color:#FFFFFF; font-size:clamp(44px,4.45vw,64px); letter-spacing:-1.8px; font-weight:500; line-height:1.08; }
html[lang="de"] .home .hero h1 { font-size:clamp(36px,3.5vw,50px); letter-spacing:-1.2px; }
.home .hero .eyebrow { color:var(--amber500); }
.home .hero-lede { color:#FFFFFF; font-weight:400; font-size:24px; }
.home .hero-body { color:var(--petrol100); font-size:16px; line-height:1.75; }
.home .hero .btn-primary { background:var(--amber500); color:var(--petrol900); }
.home .hero .btn-primary:hover { background:var(--amber100); color:var(--petrol900); }
.home .hero .text-link { color:#FFFFFF; border-bottom-color:#729099; font-size:13px; }
.origin-strip { border-top-color:#4E7078; }
.origin-strip dt { color:var(--petrol100); }
.origin-strip dd { color:#FFFFFF; }
.origin-photo { border-radius:0; position:relative; min-height:620px; }
.origin-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:47% center; }
.origin-photo figcaption { position:absolute; bottom:24px; left:24px; right:24px; background:var(--petrol900); padding:20px 24px; }
.origin-photo strong { font-size:23px; font-weight:500; }
.origin-photo figcaption span { color:var(--petrol100); font-size:13px; }
.home section.band { padding:88px 0; }
.home section.band.paper { background:var(--stone50); }
.work-story { display:grid; grid-template-columns:1.05fr 1fr; gap:80px; align-items:center; margin-top:44px; }
.work-photo { position:relative; margin:0; padding-bottom:24px; }
.work-photo img { width:100%; height:550px; object-fit:cover; object-position:55% center; display:block; }
.work-photo figcaption { background:var(--amber100); color:var(--petrol900); padding:19px 23px; font-size:22px; line-height:1.25; max-width:340px; position:relative; margin:-28px -24px 0 32px; }
.work-story .service-grid { grid-template-columns:1fr; gap:24px; }
.work-story .service { position:relative; padding:22px 0 0 44px; }
.work-story .service-number { position:absolute; top:28px; left:0; }
.work-story .service h3 { margin:0 0 12px; }
.work-story .service p { font-size:16px; }
.connections-grid { display:flex; flex-direction:column; gap:0; border-top:1px solid var(--stone200); }
.connection { display:grid; grid-template-columns:.85fr 1fr 1.7fr; align-items:center; gap:30px; padding:25px 0; border:0; border-bottom:1px solid var(--stone200); border-radius:0; }
.connection-primary { background:transparent; border-top:0; }
.connection .connection-label { margin:0; }
.connection-identity { min-height:52px; margin:0; }
.connection-identity img { width:180px; }
.connection-identity .gsg-logo { width:112px; }
.connection-primary > p:last-child { color:var(--stone600); }
.home .contact-section { padding-top:0; }
.home .contact-card { border-radius:0; padding:54px; }
.home .btn { border-radius:3px; font-weight:500; }
@keyframes ernte-arrive { from { opacity:.65; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.ernte-arriving { animation:ernte-arrive .6s ease both; }
@media(max-width:1100px) { .hero-copy { padding:52px 32px; } .home .hero-grid { gap:0; } .work-story { gap:44px; } .work-photo img { height:570px; } }
@media(max-width:900px) {
 .home .hero-grid { grid-template-columns:1fr; padding:0; }
 .hero-copy { padding:48px 32px 42px; }
 .home .hero h1 { font-size:60px; max-width:730px; }
 html[lang="de"] .home .hero h1 { font-size:49px; max-width:730px; }
 .origin-photo { min-height:420px; }
 .origin-photo img { height:100%; }
 .work-story { grid-template-columns:1fr; gap:34px; }
 .work-photo img { height:450px; }
 .work-photo figcaption { margin-right:0; }
 .work-story .service-grid { grid-template-columns:repeat(3,1fr); gap:20px; }
 .work-story .service { padding:22px 0 0; }
 .work-story .service-number { position:static; display:block; margin-bottom:16px; }
 .work-story .service h3 { font-size:26px; }
 .connection { grid-template-columns:1fr 1.2fr; gap:20px; }
 .connection > p:last-child { grid-column:2; }
 .connection .connection-label { align-self:start; padding-top:12px; }
}
@media(max-width:620px) {
 .hero-copy { padding:39px 22px 35px; }
 .home .hero h1 { font-size:clamp(39px,10.6vw,53px); letter-spacing:-1.3px; }
 html[lang="de"] .home .hero h1 { font-size:clamp(29px,8.15vw,43px); letter-spacing:-.9px; }
 .home .hero-lede { font-size:22px; }
 .home .hero-body { font-size:16px; }
 .origin-photo { min-height:350px; }
 .origin-photo figcaption { bottom:17px;left:17px;right:17px;padding:17px 20px; }
 .origin-photo strong { font-size:21px; }
 .home section.band { padding:54px 0; }
 .work-story { margin-top:30px; }
 .work-photo img { height:360px; }
 .work-photo figcaption { font-size:20px;margin-left:24px;max-width:85%; }
 .work-story .service-grid { grid-template-columns:1fr; gap:24px; }
 .work-story .service { padding-left:38px; }
 .work-story .service-number { position:absolute;top:27px; }
 .connection { grid-template-columns:1fr; gap:12px; padding:25px 0; }
 .connection > p:last-child { grid-column:auto; }
 .connection .connection-label { padding:0; }
 .connection-identity { min-height:46px; }
 .home .contact-section { padding-top:0; }
 .home .contact-card { padding:30px 24px; }
}
