/* Startseiten-Gestaltung (aus story-v2.css herausgelöst, 29.10.2026: Scroll-Szene entfernt, nur die seitenweiten Regeln bleiben). */
.tsam-home{--home-copper:#df9c6d;overflow-x:clip}
.tsam-home .wrap{max-width:1320px;padding-inline:clamp(24px,5vw,80px)}
.tsam-home .reveal{opacity:1;transform:none;transition:none}
.tsam-home h2{font-weight:600;letter-spacing:-.045em}
.tsam-home .eyebrow{font-size:11px;letter-spacing:.15em}
.tsam-home .btn{border-radius:6px;font-size:14px;padding:15px 21px}
.tsam-home .nav-cta{border-radius:999px}
.tsam-home .proof{background:#191817;padding-block:70px}
.tsam-home .proof-inner{gap:60px;align-items:center}
.tsam-home .proof-media{border-radius:8px;border:1px solid #7a655744;box-shadow:none}
.tsam-home .proof-body h2{font-size:clamp(27px,2.9vw,39px);font-weight:550;line-height:1.13;letter-spacing:-.035em}
.tsam-home .proof-body p{font-size:15px}
.tsam-home #leistungen{padding-block:100px}
.tsam-home #leistungen .section-head{max-width:750px}
.tsam-home #leistungen h2{max-width:20ch}
.tsam-home .svc-grid{gap:20px}
.tsam-home .svc{padding:30px 28px 32px}
.tsam-home .svc h3{font-weight:600;font-size:25px;letter-spacing:-.035em}
.tsam-home .svc .num{font-size:10px;letter-spacing:.13em;margin-bottom:24px}
.tsam-home .svc li{font-size:14px}
.tsam-home .svc--aux{margin-top:20px;padding:24px 28px}
.tsam-home .svc--aux h3{font-size:20px}
.tsam-home .svc-more{font-size:12px}
.tsam-home #projekte{padding-block:100px}
.tsam-home #projekte .section-head{max-width:780px}
.tsam-home .proj-body h3{font-weight:550;letter-spacing:-.035em}
.tsam-home .proj-tags{gap:6px}.tsam-home .proj-tags span{border-radius:3px;font-size:10px}
.tsam-home .proj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tsam-home .pcard h3{font-weight:550;letter-spacing:-.03em}
.tsam-home .pcard-media{aspect-ratio:1.75}
.tsam-home .demo-gallery .pcard-body p,.tsam-home .demo-gallery .proj-tags{display:none}
.tsam-home .demo-gallery .pcard-body{padding:22px}
.tsam-home .demo-gallery h3{font-size:21px}
.tsam-home .section-head--spaced{margin-top:84px}
.tsam-home .about-photo{border-radius:6px}
.tsam-home .about-body h2{font-size:clamp(32px,3.6vw,48px);font-weight:550;letter-spacing:-.045em}
.tsam-home .step{padding:28px 26px}
.tsam-home .step h3{font-size:22px;font-weight:550}
.tsam-home .step-num{border:0;background:transparent;color:#d69f77;padding:0;margin-bottom:24px;font-size:12px;width:auto;height:auto;justify-content:start}
@media(max-width:1023px),(max-height:699px){
 .tsam-home .proof-inner{gap:32px}
}
@media(max-width:767px){
 .tsam-home .wrap{padding-inline:24px}
 .tsam-home .proof,.tsam-home #leistungen,.tsam-home #projekte,.tsam-home #ueber-mich,.tsam-home #ablauf,.tsam-home #kontakt{padding-block:58px}
 .tsam-home .proof-inner{gap:28px}.tsam-home .proof-body h2{font-size:29px}
 .tsam-home .svc{padding:26px 22px}
 .tsam-home .proj-grid{grid-template-columns:1fr;gap:20px}
 .tsam-home .section-head{margin-bottom:32px}.tsam-home .section-head h2{font-size:34px}
 .tsam-home .section-head--spaced{margin-top:60px}.tsam-home .proj-body{padding:24px}
 .tsam-home .proj-body h3{font-size:27px}.tsam-home .demo-gallery{grid-template-columns:1fr 1fr;gap:12px}
 .tsam-home .demo-gallery .pcard-body{padding:14px}.tsam-home .demo-gallery h3{font-size:16px;line-height:1.2}
 .tsam-home .demo-gallery .eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:8px}.tsam-home .demo-gallery .pcard-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.tsam-home *, .tsam-home *::before,.tsam-home *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 2x2-Leistungen, Monatspakete, vierstufiger Ablauf (Weg 2, 29.10.2026) */
@media(min-width:768px){
 .tsam-home .svc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.tsam-home .pkg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
@media(min-width:860px){.tsam-home .pkg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.tsam-home .pkg{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 28px;border-radius:var(--glass-r,22px)}
.tsam-home .pkg h3{font-size:24px;font-weight:600;letter-spacing:-.03em}
.tsam-home .pkg-price{margin:0;color:#e4ded6;font-size:15px}
.tsam-home .pkg-price strong{font-size:34px;font-weight:650;letter-spacing:-.04em;color:#faf8f5;margin-right:4px}
.tsam-home .pkg p{color:#d6cfc6;font-size:15.5px;line-height:1.6}
.tsam-home .pkg .pkg-note{margin-top:auto;padding-top:6px;color:#e7ae83;font-size:14px;font-weight:600}
.tsam-home .pkg--rec{border-color:#dfa171;background:linear-gradient(155deg,rgba(223,161,113,.16),rgba(223,161,113,.05));box-shadow:var(--g-hi),0 0 0 1px #dfa17155,var(--g-shadow)}
.tsam-home .pkg-badge{position:absolute;top:-13px;left:24px;padding:5px 12px;border-radius:999px;background:#dfa171;color:#1c1713;font-size:12px;font-weight:700;letter-spacing:.04em}
.tsam-home .pkg-foot{margin-top:28px;max-width:78ch;color:#d6cfc6;font-size:15px;line-height:1.65}
.tsam-home .pkg-foot a{color:#f2bf98;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(min-width:860px){.tsam-home .steps--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.tsam-home .ablauf-zeiten{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:10px 40px;color:#d6cfc6;font-size:15px;line-height:1.55}
@media(min-width:860px){.tsam-home .ablauf-zeiten{grid-template-columns:1fr 1fr}}
.tsam-home .ablauf-zeiten strong{color:#faf8f5}

/* Bewegung 4e (29.10.2026): ein Takt für die ganze Seite, 420 ms, eine Kurve, 8 px Weg, Staffel 60 ms. Nur opacity/transform.
   Inhalt ist ohne JS und bei Reduced Motion sofort da; .m-on setzt motion.js nur bei erlaubter Bewegung. */
.tsam-home{--m-ease:cubic-bezier(.22,.61,.36,1);--m-dur:420ms}
.m-on .tsam-home .reveal:not(.in){opacity:0}
.tsam-home .reveal.in{animation:m-rise var(--m-dur) var(--m-ease) var(--d,0ms) backwards}
@keyframes m-rise{from{opacity:0;transform:translate3d(0,8px,0)}}
.tsam-home .reveal:nth-child(2){--d:60ms}.tsam-home .reveal:nth-child(3){--d:120ms}.tsam-home .reveal:nth-child(n+4){--d:180ms}
@media(prefers-reduced-motion:reduce){.tsam-home .reveal.in{animation:none}}