/* Tuna AG – Unterseiten. Ergänzt tuna-design-system.css (gemeinsam für www und ma). */
.page-hero{padding-top:clamp(3rem,1.5rem + 5vw,7rem);padding-bottom:clamp(3rem,2rem + 4vw,6rem)}
.page-hero .display{font-size:clamp(2.5rem,1.3rem + 5vw,5.25rem);max-width:13em}
.page-hero .lead{margin-top:var(--s-6)}
.page-hero .btn-row{margin-top:var(--s-7)}
.section--tight{padding-block:clamp(3.5rem,2rem + 5vw,7rem)}
.section--flush{padding-top:0}
.rows{border-top:1px solid var(--line)}
.row{display:grid;gap:var(--s-4);padding-block:clamp(2rem,1.2rem + 3vw,4rem);border-bottom:1px solid var(--line)}
.row p{color:var(--fg-2);max-width:38em}
.row p+p{margin-top:var(--s-4)}
@media(min-width:960px){.row{grid-template-columns:5fr 7fr;gap:var(--s-9)}}
.checks{list-style:none;padding:0;display:grid;gap:var(--s-3);margin-top:var(--s-5)}
.checks li{position:relative;padding-left:1.75rem;color:var(--fg-2);max-width:38em}
.checks li::before{content:"";position:absolute;left:0;top:.8em;width:.9rem;height:1px;background:var(--accent)}
.prose{max-width:44rem}
.prose h2{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:var(--s-9) 0 var(--s-3)}
.prose h2:first-child{margin-top:0}
.prose p,.prose li,.prose address{color:var(--fg-2)}
.prose address{font-style:normal}
.prose p+p,.prose p+ul,.prose ul+p,.prose address+p{margin-top:var(--s-4)}
.prose ul{padding-left:1.25rem;display:grid;gap:var(--s-2);margin-block:0}
.prose a{color:var(--c-accent);text-underline-offset:.25em}
.todo{background:var(--c-accent-tint);color:var(--c-ink);border-radius:4px;padding:0 .3em}
.team-grid{display:grid;gap:var(--s-8) var(--s-6)}
@media(min-width:720px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.team-grid{grid-template-columns:repeat(3,1fr)}}
.person{display:grid;gap:var(--s-2);align-content:start}
.person__photo{aspect-ratio:4/5;border-radius:var(--r-tile);background:linear-gradient(160deg,#EEF0F2,#E1E5E9);display:grid;place-items:center;margin-bottom:var(--s-3);font-size:2.75rem;font-weight:600;letter-spacing:-.03em;color:#9AA2AB}
.person__role{font-size:var(--fs-small);color:var(--accent);font-weight:500}
.contact-grid{display:grid;gap:var(--s-9)}
@media(min-width:960px){.contact-grid{grid-template-columns:4fr 7fr;gap:var(--s-10)}}
.contact-aside{display:grid;gap:var(--s-5);align-content:start}
.contact-aside p{color:var(--fg-2)}
.form{display:grid;gap:var(--s-5)}
.form__row{display:grid;gap:var(--s-5)}
@media(min-width:720px){.form__row--2{grid-template-columns:1fr 1fr}}
.form legend{padding:0}
.consent{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--fs-small);color:var(--fg-2)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--c-ink);flex:none}
.consent a{color:var(--c-accent)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alert{padding:var(--s-5);border-radius:var(--r-field);background:var(--c-fog)}
.alert--ok{background:var(--c-accent-tint)}
.alert--error{background:#FBEDEC;color:#6B1F18}
.alert[hidden]{display:none}
select.input{appearance:none;-webkit-appearance:none;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%230F2132' stroke-width='1.5'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center}
.discretion{display:flex;gap:var(--s-3);align-items:flex-start;max-width:44em;color:var(--fg-2);font-size:var(--fs-small)}
.discretion svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--accent)}
.process{list-style:none;padding:0;border-top:1px solid var(--line);counter-reset:p}
.process__item{counter-increment:p;display:grid;gap:var(--s-3);padding-block:clamp(1.75rem,1.2rem + 2vw,3rem);border-bottom:1px solid var(--line)}
.process__item::before{content:counter(p,decimal-leading-zero);font-size:var(--fs-small);font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
.process__text{color:var(--fg-2);max-width:36em}
@media(min-width:960px){.process__item{grid-template-columns:1fr 5fr 6fr;gap:var(--s-8);align-items:baseline}}
.index__meta{font-size:var(--fs-small);color:var(--fg-3)}
@media(min-width:900px){.index__meta{justify-self:end;text-align:right}}
.cta{display:grid;gap:var(--s-6)}
.cta .h2{max-width:14em}
@media(min-width:960px){.cta{grid-template-columns:7fr 5fr;align-items:end;gap:var(--s-9)}.cta .btn-row{justify-content:flex-end}}
.stack>*+*{margin-top:var(--s-4)}
.page-hero.notfound .display{font-size:clamp(5rem,2rem + 14vw,12rem);line-height:.9}