/* Clear separation between services and creator examples. */
.social-services { background:#efefec; color:#171719; padding:76px 0; scroll-margin-top:96px; }
.social-services .eyebrow { color:#606064; }
.social-services-heading { margin:20px 0 34px; max-width:650px; }
.social-services-heading h2 { font-size:clamp(36px,4.4vw,58px); font-weight:500; line-height:1.1; letter-spacing:-.045em; }
.social-services-heading > p { max-width:550px; margin-top:18px; color:#606064; font-size:16px; line-height:1.7; }
.social-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:start; }
.social-service { background:#fff; border:1px solid #deded9; border-radius:18px; box-shadow:0 7px 24px #17171904; overflow:hidden; }
.social-service summary { display:flex; flex-direction:column; padding:26px; min-height:266px; cursor:pointer; list-style:none; }
.social-service summary::-webkit-details-marker { display:none; }
.social-service-symbol { display:grid; place-items:center; width:44px; height:44px; margin-bottom:24px; border-radius:12px; background:#f0f0ed; color:#26262a; }
.social-service-symbol svg { width:24px; height:24px; }
.social-service h3 { margin:0; font-size:23px; font-weight:600; line-height:1.3; letter-spacing:-.035em; }
.social-service summary p { margin-top:10px; color:#606064; font-size:14px; line-height:1.65; }
.social-service-disclosure { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:22px; margin-top:auto; color:#39393e; font-size:12px; font-weight:600; }
.social-service-disclosure::after { content:'+'; font-size:22px; line-height:1; font-weight:400; }
.social-service[open] .social-service-disclosure::after { content:'−'; }
.social-service[open] { border-color:#9c9c98; }
.social-service-body { padding:0 26px 26px; }
.social-service-body ul { padding:20px 0 0 18px; margin:0 0 20px; border-top:1px solid #e4e4e0; }
.social-service-body li { font-size:14px; line-height:1.7; margin:7px 0; color:#45454b; }
.social-service-body p { margin:0 0 20px; font-size:13px; line-height:1.7; color:#606064; }
.social-service .button { width:100%; min-height:48px; justify-content:center; border-radius:8px; font-size:14px; padding:12px 14px; background:#171719; color:#fff; }
.social-service .button:hover { background:#35353a; }
.social-services-note { color:#606064; font-size:13px; line-height:1.7; margin-top:20px; }
.creator-work { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; margin-top:44px; padding:38px; background:#202023; color:#fff; border-radius:20px; }
.creator-work-intro .eyebrow { color:#b7b7bc; font-size:11px; }
.creator-work-intro h3 { font-size:30px; font-weight:500; line-height:1.2; letter-spacing:-.035em; margin-top:16px; }
.creator-work-intro > p:last-child { max-width:320px; margin-top:14px; font-size:14px; line-height:1.7; color:#bdbdc3; }
.creator-links { display:flex; flex-direction:column; gap:10px; }
.creator-link { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:14px; min-height:76px; padding:14px 18px; background:#2c2c30; border:1px solid #46464b; border-radius:12px; }
.creator-link img { width:23px; height:23px; filter:invert(1); }
.creator-link-copy { display:flex; flex-direction:column; gap:4px; }
.creator-link strong { font-size:16px; font-weight:600; letter-spacing:-.02em; }
.creator-link-copy > span { color:#bdbdc3; font-size:12px; line-height:1.5; }
.creator-link-action { color:#fff; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.creator-link:hover { background:#37373c; border-color:#77777e; }
.social-services :is(summary,.social-service a):focus-visible { outline:2px solid #171719; outline-offset:-4px; border-radius:8px; }
.creator-link:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.social-services + .process-section { border-top:1px solid #d9d9d5; }
#kontakt .service-choice span { height:100%; }
@media(max-width:1000px) {
 .social-service-grid { gap:12px; }
 .social-service summary { padding:22px 18px; min-height:275px; }
 .social-service h3 { font-size:21px; }
 .social-service-body { padding:0 18px 22px; }
 .creator-work { gap:28px; padding:28px; }
}
@media(max-width:760px) {
 .social-services { padding:44px 0; }
 .social-services-heading { margin:16px 0 26px; }
 .social-services-heading h2 { font-size:clamp(34px,8.5vw,44px); }
 .social-services-heading > p { font-size:15px; margin-top:14px; }
 .social-service-grid { grid-template-columns:1fr; gap:14px; }
 .social-service summary { display:grid; grid-template-columns:40px minmax(0,1fr); gap:0 14px; min-height:0; padding:20px; }
 .social-service-symbol { grid-column:1; grid-row:1 / 3; width:40px; height:40px; margin:0; border-radius:10px; }
 .social-service-symbol svg { width:22px; height:22px; }
 .social-service h3 { grid-column:2; font-size:21px; }
 .social-service summary p { grid-column:2; margin-top:8px; font-size:13px; }
 .social-service-disclosure { grid-column:1 / -1; margin-top:18px; padding-top:14px; border-top:1px solid #e6e6e2; }
 .social-service-body { padding:0 20px 22px; }
 .social-service-body ul { padding-top:4px; border:0; }
 .social-services-note { font-size:12px; margin-top:18px; }
 .creator-work { display:block; margin-top:30px; padding:24px 18px; border-radius:16px; }
 .creator-work-intro h3 { font-size:27px; margin-top:12px; }
 .creator-work-intro > p:last-child { margin-top:12px; font-size:13px; }
 .creator-links { margin-top:22px; }
 .creator-link { grid-template-columns:23px minmax(0,1fr); gap:8px 12px; padding:14px; }
 .creator-link img { grid-row:1 / 3; align-self:start; margin-top:2px; }
 .creator-link-action { grid-column:2; }
 .creator-link strong { font-size:15px; }
 #kontakt .service-choice span { font-size:12px; padding-inline:4px; }
}