/* ONEART · klare Angebote, echte Arbeiten, ruhige mobile Darstellung · 28.09.2026 */
.growth { --g-line:#ffffff26; --g-muted:#c0b8ae; background:#11100f; }
.growth *, .growth *::before, .growth *::after { min-width:0; }
.growth h1,.growth h2,.growth h3 { text-wrap:pretty; hyphens:none; overflow-wrap:break-word; }
.growth h1 { max-width:18ch; font-size:clamp(2.5rem,4.7vw,4.85rem); line-height:1.05; letter-spacing:-.055em; margin:0 0 1.5rem; }
.growth h2 { font-size:clamp(2rem,3.25vw,3.35rem); line-height:1.12; letter-spacing:-.045em; margin:0 0 1.2rem; max-width:24ch; }
.growth h3 { font-size:clamp(1.22rem,1.8vw,1.7rem); line-height:1.25; letter-spacing:-.025em; margin:0 0 .8rem; }
.growth p { margin:0 0 1.2rem; }
.growth em { font-family:var(--font-accent); font-weight:450; color:#d9caba; }
.growth .eyebrow { color:#fa8d99; font-size:.72rem; letter-spacing:.13em; margin-bottom:1.3rem; }
.g-section { padding-block:clamp(3.4rem,6.5vw,6rem); border-bottom:1px solid var(--g-line); }
.g-paper { background:#ece6dc; color:#171512; --g-line:#17151225; --g-muted:#615a50; }
.growth .g-paper .eyebrow { color:#a91025; }
.growth .g-paper em { color:#75675a; }
.g-lead { font-size:clamp(1.06rem,1.45vw,1.22rem); color:var(--g-muted); line-height:1.7; max-width:54ch; }
.g-small { font-size:.84rem; color:var(--g-muted); line-height:1.65; }
.g-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem 1.4rem; margin:1.7rem 0 1rem; }
.g-actions .button { background:#c51024; color:#fff; border-color:#c51024; min-height:50px; }
.g-actions .button:hover { background:#a40e1e; border-color:#a40e1e; }
.g-link { display:inline-flex; align-items:center; min-height:44px; font-weight:750; font-size:.9rem; text-decoration:underline; text-underline-offset:5px; }
.growth a:focus-visible,.growth button:focus-visible { outline:3px solid #d64759; outline-offset:5px; }
.g-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2rem; }
.g-heading h2 { margin-bottom:0; }
.g-heading>p { max-width:36ch; color:var(--g-muted); margin:0; }
.g-hero { padding-block:clamp(2.8rem,5vw,5rem); }
.g-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.g-hero .g-lead { max-width:46ch; }
.g-person-inline { display:flex; align-items:center; gap:.8rem; margin-top:1.7rem; font-size:.8rem; color:#c0b8ae; }
.g-person-inline img { width:44px; height:44px; border-radius:50%; object-fit:cover; object-position:50% 30%; }
.g-person-inline strong { display:block; color:#f1ede6; }
.g-showcase { display:grid; gap:.85rem; margin:0; }
.g-browser { display:block; overflow:hidden; border:1px solid #ffffff30; border-radius:8px; background:#1e1b18; }
.g-browser-head { display:flex; justify-content:space-between; gap:1rem; padding:.6rem .85rem; font-size:.7rem; color:#c6bcb0; }
.g-browser-head i { letter-spacing:3px; font-style:normal; }
.g-browser img { display:block; width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; object-position:top; }
.g-showcase figcaption { color:#bfb6ab; font-size:.76rem; padding:.25rem 0; }
.g-showcase-tags { display:flex; flex-wrap:wrap; gap:.5rem; }
.g-showcase-tags a { display:inline-flex; align-items:center; border:1px solid #ffffff30; padding:.5rem .8rem; min-height:44px; font-size:.78rem; }
.g-proof { border-block:1px solid var(--g-line); background:#1b1815; }
.g-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.g-proof-grid a { padding:1.25rem 1.5rem; display:grid; gap:.3rem; border-left:1px solid var(--g-line); }
.g-proof-grid a:first-child { padding-left:0; border:0; }
.g-proof-grid strong { font-size:.95rem; }
.g-proof-grid span { color:#c0b8ae; font-size:.8rem; }
.g-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem; }
.g-card { border:1px solid var(--g-line); padding:clamp(1.3rem,2.5vw,2.3rem); display:flex; flex-direction:column; align-items:start; }
.g-card p { color:var(--g-muted); }
.g-card .g-link { margin-top:auto; }
.g-number { display:block; margin-bottom:1.7rem; color:#ba2537; font-size:.76rem; font-weight:800; }
.g-card ul,.g-list { padding-left:1.2rem; margin:.3rem 0 1.2rem; }
.g-card li,.g-list li { margin:.55rem 0; }
.g-split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:start; }
.g-split--center { align-items:center; }
.g-panel { padding:clamp(1.4rem,3vw,2.8rem); border:1px solid var(--g-line); background:#ffffff04; }
.g-panel>p:last-child { margin-bottom:0; }
.g-label { font-size:.72rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; color:#c9b7a2; display:block; margin-bottom:1rem; }
.g-paper .g-label { color:#8d1729; }
.g-product { background:#201d19; border:1px solid #ffffff25; padding:1.4rem; }
.g-product-head { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid #ffffff24; padding-bottom:1rem; margin-bottom:1rem; }
.g-product-head strong { letter-spacing:.1em; }
.g-product-head span { font-size:.68rem; color:#bdb2a5; align-self:center; }
.g-task { display:grid; grid-template-columns:1fr auto; gap:.4rem 1rem; border-bottom:1px solid #ffffff20; padding:.9rem 0; }
.g-task strong { font-size:.87rem; }
.g-task small { display:block; color:#c4b8aa; font-size:.77rem; grid-column:1/-1; }
.g-status { display:inline-flex; align-items:center; align-self:start; padding:.2rem .5rem; border:1px solid #a79c7650; background:#d4b36a15; color:#e3c680; font-size:.7rem; }
.g-status--done { color:#adcfb8; background:#46695425; border-color:#65867555; }
.g-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.g-work { margin:0; }
.g-work>a { display:block; background:#24201d; }
.g-work img { width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; object-position:top; display:block; border:1px solid #ffffff25; }
.g-work figcaption { padding:1.3rem 0 0; }
.g-work figcaption p { font-size:.9rem; color:var(--g-muted); }
.g-work h3 { font-size:1.3rem; }
.g-work .g-label { margin-bottom:.6rem; }
.g-print img { object-fit:contain; padding:1rem; background:#dad1c5; }
.g-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.7rem; padding:0; margin:2rem 0 0; list-style:none; }
.g-steps li { padding-top:1.2rem; border-top:2px solid #b51227; }
.g-steps .g-number { margin-bottom:.8rem; }
.g-steps h3 { font-size:1.2rem; }
.g-steps p { color:var(--g-muted); font-size:.95rem; margin:0; }
.g-person { display:grid; grid-template-columns:minmax(200px,.65fr) 1.35fr; gap:clamp(2rem,6vw,6rem); align-items:center; }
.g-portrait { margin:0; max-width:360px; }
.g-portrait img { display:block; width:100%; height:auto; aspect-ratio:.86; object-fit:cover; object-position:center 28%; }
.g-portrait figcaption { font-size:.8rem; padding-top:.8rem; color:var(--g-muted); }
.g-price { font-size:1.8rem; font-weight:800; display:block; margin:1rem 0; letter-spacing:-.04em; }
.g-faq { display:grid; gap:0; }
.g-faq details { border-top:1px solid var(--g-line); padding:1.15rem 0; }
.g-faq summary { cursor:pointer; font-size:1.06rem; font-weight:750; min-height:28px; }
.g-faq details p { color:var(--g-muted); margin:1rem 0 0; max-width:70ch; }
.g-cta { background:#b40f23; color:#fff; border:0; }
.g-cta h2 { max-width:24ch; }
.growth .g-cta .eyebrow,.g-cta .g-lead,.g-cta .g-small { color:#fff0ed; }
.g-cta .button { background:#151210; border-color:#151210; }
.g-cta .button:hover { background:#302b26; border-color:#302b26; }
.g-breadcrumbs { display:flex; flex-wrap:wrap; gap:.6rem; font-size:.82rem; margin-bottom:2.2rem; color:var(--g-muted); }
.g-breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.g-jump-links { display:flex; flex-wrap:wrap; gap:.65rem 1.4rem; padding:1rem 0; border-block:1px solid var(--g-line); }
.g-jump-links a { min-height:44px; display:flex; align-items:center; font-size:.9rem; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.g-usecases { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.g-usecase { border-top:1px solid var(--g-line); padding:1.5rem 0; }
.g-usecase dt { font-size:.78rem; font-weight:800; color:#a71024; margin-top:1rem; }
.g-usecase dd { margin:.3rem 0; color:var(--g-muted); }
.g-notice { padding:1.3rem 1.5rem; border-left:3px solid #b51227; background:#ffffff06; margin:1.5rem 0; }
.g-notice p:last-child { margin:0; }
.g-paper .g-notice { background:#dad0c150; }
.g-brand-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.g-brand-grid img { background:#dfd6c8; aspect-ratio:1.45; object-fit:contain; padding:1rem; width:100%; height:auto; }
.g-brand-grid figcaption { font-size:.92rem; padding-top:1rem; }
.g-brand-grid figure { margin:0; }
.g-brand-grid strong { display:block; margin-bottom:.45rem; }
.g-brand-grid span { color:var(--g-muted); }
.g-inline-service { padding:1.4rem 0; border-block:1px solid #ffffff25; }
.g-inline-service .g-link { margin-right:1.3rem; }
.g-reviews { padding-block:2.5rem; }
.g-reviews blockquote { margin:0; border-left:2px solid #ba2537; padding-left:1.2rem; }
.g-reviews blockquote p { font-size:1.1rem; }
.g-reviews blockquote footer { color:#bfb6ab; font-size:.8rem; }
.g-reviews .g-split { margin-bottom:1rem; }
@media(min-width:1181px) and (max-width:1450px){.site-nav__panel>ul{gap:.8rem}.site-nav a{font-size:.77rem}}
@media(max-width:1000px){.g-hero-grid{grid-template-columns:1fr 1fr;gap:2rem}.g-cards,.g-work-grid{gap:1rem}.g-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.g-person{grid-template-columns:.8fr 1.2fr;gap:2rem}}
@media(max-width:760px){
  .g-hero-grid,.g-split,.g-person{grid-template-columns:1fr}.growth h1{max-width:21ch;font-size:clamp(2.3rem,8.7vw,3.8rem)}
  .g-cards,.g-work-grid,.g-brand-grid{grid-template-columns:1fr}.g-heading{display:block}.g-heading>p{margin-top:1rem;max-width:50ch}
  .g-proof-grid{grid-template-columns:1fr}.g-proof-grid a,.g-proof-grid a:first-child{padding:1rem 0;border:0;border-bottom:1px solid var(--g-line)}.g-proof-grid a:last-child{border:0}
  .g-work{display:grid;grid-template-columns:.8fr 1fr;gap:1rem;align-items:start;border-top:1px solid var(--g-line);padding-top:1.3rem}.g-work figcaption{padding:0}.g-work h3{font-size:1.17rem}.g-work figcaption p{font-size:.85rem}
  .g-card{padding:1.5rem}.g-number{margin-bottom:.85rem}.g-portrait{max-width:270px}.g-usecases{grid-template-columns:1fr;gap:0}
  .g-product{padding:1.1rem}.g-hero-grid .g-showcase{max-width:580px}.g-steps{gap:1.8rem}
  .g-brand-grid{grid-template-columns:1fr 1fr}.g-brand-grid figure:last-child{grid-column:1/-1;max-width:50%}
}
@media(max-width:520px){
  .g-steps{grid-template-columns:1fr}.g-steps li{padding-top:1rem}.g-actions{align-items:stretch;gap:.5rem}.g-actions .button{width:100%;justify-content:center;text-align:center}.g-actions .g-link{padding:.3rem 0}
  .g-work{grid-template-columns:1fr}.g-work-grid{gap:1.6rem}.g-work img{aspect-ratio:1.8}.g-brand-grid{grid-template-columns:1fr}.g-brand-grid figure:last-child{max-width:none;grid-column:auto}
  .g-showcase-tags{gap:.4rem}.g-showcase-tags a{font-size:.75rem}.g-product-head{flex-wrap:wrap}.g-task{grid-template-columns:1fr}.g-status{justify-self:start}
}
/* Never shift readable mobile copy into neighbouring cards during entrance effects. */
@media(max-width:800px),(prefers-reduced-motion:reduce),(pointer:coarse){
  .has-motion [data-reveal],.has-reveals .reveal{opacity:1!important;translate:none!important;transform:none!important;clip-path:none!important;transition:none!important;animation:none!important}
  .has-motion .oa-process__steps li{transform:none!important;translate:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}