/* Local additions only: the shared navigation, motion and existing pages retain their styles. */
.seo-page .seo-hero{padding-bottom:80px}
.seo-page .seo-hero .breadcrumb{flex-wrap:wrap}
.seo-page .seo-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:6%;align-items:center}
.seo-page .seo-hero-copy{padding-block:12px 24px}
.seo-page .seo-hero h1{font-size:clamp(2.8rem,4.65vw,4.7rem);line-height:1.04;margin-bottom:27px}
.seo-page .seo-hero-copy>p{max-width:540px;font-size:1rem;line-height:1.8}
.seo-page .seo-hero-copy .seo-lead{color:var(--ink);font-size:1.2rem;line-height:1.55;max-width:420px;margin-bottom:18px}
.seo-page .seo-hero .actions{margin-top:30px;gap:12px}
.seo-page .seo-hero .button{gap:13px;padding-inline:18px}
.seo-page figure{margin:0}
.seo-page .seo-hero-image img{width:100%;aspect-ratio:1.13;object-fit:cover;border-radius:3px}
.seo-page figcaption{font-size:.7rem;line-height:1.6;color:var(--muted);padding-top:12px;max-width:55ch}
.seo-page .seo-section{padding-block:78px}
.seo-page .seo-intro{border-top:1px solid var(--line)}
.seo-page .seo-intro>div:first-child{margin-bottom:40px}
.seo-page .seo-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
.seo-page .seo-editorial-grid h3{font-size:1.18rem;letter-spacing:-.025em;margin-bottom:15px}
.seo-page .seo-editorial-grid p{font-size:.95rem;line-height:1.85;margin-bottom:15px}
.seo-page .seo-editorial-grid .text-link{font-size:.82rem;gap:12px}
.seo-page .seo-material{background:var(--ink);color:var(--paper);padding:78px 0}
.seo-page .seo-material-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}
.seo-page .seo-material-photo img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:3px}
.seo-page.seo-page--profilklaer .seo-material-photo img{aspect-ratio:4/3}
.seo-page .seo-material-copy p{color:#c4cbd4;font-size:.98rem;line-height:1.85}
.seo-page .seo-material .eyebrow{color:#bdcdff}
.seo-page .seo-material figcaption{color:#b7c2d0}
.seo-page .seo-material .text-link{border-color:#b8c9f9;color:var(--paper);display:flex;width:fit-content;margin-top:14px}
.seo-page .seo-process,.seo-page .seo-faq,.seo-page .seo-catalog{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}
.seo-page .seo-process>div>p{max-width:380px;line-height:1.85}
.seo-page .seo-steps{list-style:none;padding:0;margin:0;display:grid;gap:30px}
.seo-page .seo-steps li{display:grid;grid-template-columns:35px 1fr;gap:16px}
.seo-page .seo-step-number{font-size:.75rem;color:var(--blue);padding-top:4px}
.seo-page .seo-steps h3{font-size:1.13rem;margin-bottom:9px}
.seo-page .seo-steps p{font-size:.94rem;line-height:1.8;margin:0}
.seo-page .seo-studio-band{background:#dde5fb;padding:58px 0}
.seo-page .seo-studio-grid{display:flex;justify-content:space-between;align-items:center;gap:45px}
.seo-page .seo-studio-grid>div{max-width:650px}
.seo-page .seo-studio-grid h2{margin-bottom:22px}
.seo-page .seo-studio-grid p{font-size:.97rem;line-height:1.85;color:#3f4c61;margin-bottom:0}
.seo-page .seo-studio-grid .button{flex-shrink:0}
.seo-page .seo-reading p{font-size:1rem;line-height:1.85}
.seo-page .seo-reading .text-link{display:flex;width:fit-content;margin-top:12px}
.seo-page .seo-faq-list{min-width:0}
.seo-page .seo-faq-list details{border-bottom:1px solid var(--line)}
.seo-page .seo-faq-list summary{border-top:0;min-height:72px;font-size:.97rem;line-height:1.5;padding:18px 0;gap:25px}
.seo-page .seo-faq-list summary span{font-size:1.35rem;flex-shrink:0;transition:transform .2s ease}
.seo-page .seo-faq-list details>div{padding:0 30px 20px 0}
.seo-page .seo-faq-list p{font-size:.94rem;line-height:1.8;margin:0}
.seo-page .seo-final{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:65px 80px}
.seo-page .seo-final p{max-width:480px;margin-bottom:0}
.seo-page :target{scroll-margin-top:calc(var(--header) + 24px)}
@media(max-width:1050px){
 .seo-page .seo-hero-grid{gap:5%;grid-template-columns:1fr 1fr}
 .seo-page .seo-hero h1{font-size:clamp(2.8rem,5vw,4rem)}
 .seo-page .seo-editorial-grid{gap:30px}
 .seo-page .seo-material-grid{gap:6%}
 .seo-page .seo-process,.seo-page .seo-faq,.seo-page .seo-catalog{gap:6%}
 .seo-page .seo-studio-grid{gap:30px}
}
@media(max-width:800px){
 .seo-page .seo-hero{padding-bottom:45px}
 .seo-page .seo-hero-grid{grid-template-columns:1fr;gap:30px}
 .seo-page .seo-hero-copy{padding:0}
 .seo-page .seo-hero h1{font-size:clamp(2.7rem,8.8vw,4.2rem);margin-bottom:22px}
 .seo-page .seo-hero-copy .seo-lead{font-size:1.12rem;max-width:100%}
 .seo-page .seo-hero-copy>p{max-width:610px;font-size:.97rem}
 .seo-page .seo-hero-image img{aspect-ratio:1.5}
 .seo-page .seo-section{padding-block:48px}
 .seo-page .seo-editorial-grid{grid-template-columns:1fr;gap:30px}
 .seo-page .seo-intro>div:first-child{margin-bottom:28px}
 .seo-page .seo-editorial-grid article{max-width:620px}
 .seo-page .seo-editorial-grid p{margin-bottom:9px}
 .seo-page .seo-material{padding:45px 0}
 .seo-page .seo-material-grid{grid-template-columns:1fr;gap:32px}
 .seo-page .seo-material-photo img{aspect-ratio:1.5}
 .seo-page .seo-process,.seo-page .seo-faq,.seo-page .seo-catalog{grid-template-columns:1fr;gap:26px}
 .seo-page .seo-process>div>p{max-width:100%}
 .seo-page .seo-process h2,.seo-page .seo-faq h2{margin-bottom:18px}
 .seo-page .seo-steps{gap:27px}
 .seo-page .seo-studio-band{padding:43px 0}
 .seo-page .seo-studio-grid{display:block}
 .seo-page .seo-studio-grid .button{margin-top:25px}
 .seo-page .seo-final{display:block;padding-block:45px 55px}
 .seo-page .seo-final .button{margin-top:25px}
}
@media(max-width:400px){
 .seo-page .seo-hero .actions{display:grid;grid-template-columns:1fr}
 .seo-page .seo-hero .button{justify-content:space-between;gap:12px}
 .seo-page .seo-steps li{grid-template-columns:25px 1fr;gap:12px}
 .seo-page .seo-studio-grid .button{width:100%;justify-content:space-between;gap:12px}
}