.social-bridge{padding:84px 0 38px;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.25fr;gap:40px 6%;scroll-margin-top:34px}.sb-copy{padding-top:12px}.sb-copy h2{margin:22px 0;font-size:clamp(38px,4.2vw,62px);line-height:1.05}.sb-intro{max-width:360px;color:var(--muted);font-size:17px}.sb-steps{display:flex;gap:6px;margin:30px 0 16px;flex-wrap:wrap}.sb-steps button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:40px;padding:10px 13px;min-height:44px;font-size:13px;line-height:1.4;transition:background .2s,color .2s}.sb-steps button span{font-size:10px;margin-right:5px;opacity:.8}.sb-steps button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sb-description{min-height:90px;max-width:350px;color:var(--muted);font-size:14px}.sb-copy>.text-link{gap:18px;color:var(--blue);border-color:var(--blue)}.sb-standalone{font-size:12px;color:var(--muted);margin-top:15px}.sb-example{min-width:0}.sb-stage{height:510px;background:var(--soft);border-radius:24px;position:relative;overflow:hidden;border:1px solid var(--line);isolation:isolate}.sb-stage-label{position:absolute;left:26px;top:23px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.sb-status-dot{width:6px;height:6px;background:var(--magenta);border-radius:50%}.sb-main{position:absolute;left:7%;top:94px;width:86%;height:320px;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 16px 40px #15203916;z-index:3;transition:width .85s cubic-bezier(.22,1,.36,1),height .85s,left .85s,top .85s,transform .85s}.sb-photo{position:absolute;inset:0;transition:top .85s,bottom .85s}.sb-photo img{height:100%;width:100%;object-fit:cover;object-position:54% 45%}.sb-post-header{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:#152039;font-size:10px;font-weight:600;opacity:0;transition:opacity .4s}.sb-post-header small{display:block;color:#657086;font-size:8px;font-weight:400;line-height:1.2}.sb-avatar{background:#306252;color:white;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:17px}.sb-more{margin-left:auto}.sb-post-footer{position:absolute;bottom:0;height:65px;left:0;right:0;padding:10px 12px;color:#152039;opacity:0;transition:opacity .4s}.sb-post-footer p{font-size:10px;margin-top:5px}.sb-post-icons{display:flex;gap:9px}.sb-post-icons svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linejoin:round}.sb-story{position:absolute;left:56%;top:90px;width:33%;height:300px;border-radius:13px;overflow:hidden;transform:translate(-45px,50px) rotate(6deg);opacity:0;transition:opacity .6s .15s,transform .8s .1s,top .8s;z-index:2;color:white;background:#315d49;box-shadow:0 12px 25px #15203918}.sb-story>img{height:100%;width:100%;object-fit:cover;object-position:53% 50%;filter:brightness(.74)}.sb-story-lines{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px}.sb-story-lines i{height:2px;background:#ffffffb3;flex:1}.sb-story-brand{position:absolute;left:14px;top:24px;font-size:9px;letter-spacing:2px}.sb-story>p{position:absolute;left:14px;bottom:48px;font-size:27px;line-height:1.05;letter-spacing:-1px;font-weight:500}.sb-story-tag{position:absolute;left:14px;bottom:17px;border-bottom:1px solid #fff9;font-size:9px;padding-bottom:2px}.sb-note{position:absolute;left:61%;top:322px;width:32%;background:#f5e9cc;color:#284f41;padding:15px;border-radius:10px;z-index:4;transform:translateY(25px) rotate(5deg);opacity:0;transition:opacity .5s .25s,transform .8s .2s,top .8s}.sb-note>span{font-size:8px;text-transform:uppercase;letter-spacing:1px}.sb-note p{font-size:20px;line-height:1.1;margin-top:8px;letter-spacing:-.5px}.sb-swatches{display:flex;gap:5px;margin-top:12px}.sb-swatches i{width:10px;height:10px;background:#284f41;border-radius:50%}.sb-swatches i:nth-child(2){background:#fff}.sb-swatches i:nth-child(3){background:#d29177}.sb-calendar{position:absolute;left:6%;right:6%;bottom:25px;border-top:1px solid var(--line);padding-top:14px;opacity:0;transform:translateY(25px);transition:opacity .6s .2s,transform .7s .15s}.sb-calendar-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:13px;gap:10px}.sb-calendar-title>span:last-child{color:var(--muted);font-size:9px}.sb-calendar-items{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.sb-calendar-items>div{border-left:1px solid var(--line);padding-left:10px}.sb-calendar-items span{font-size:8px;letter-spacing:1px;color:var(--muted)}.sb-calendar-items p{font-size:10px;margin-top:5px;line-height:1.4}.sb-calendar-items i{display:inline-block;background:var(--blue);width:5px;height:5px;border-radius:50%;margin-right:5px}.sb-calendar-items>div:nth-child(2) i{background:var(--magenta)}.sb-calendar-items>div:nth-child(3) i{background:var(--purple)}.sb-caption{font-size:11px;color:var(--muted);line-height:1.6;margin:13px 4px 0;max-width:480px}.social-bridge[data-step="1"] .sb-main,.social-bridge[data-step="2"] .sb-main{width:44%;left:8%;height:310px;top:84px;transform:rotate(-3deg)}.social-bridge:not([data-step="0"]) .sb-photo{top:48px;bottom:65px}.social-bridge:not([data-step="0"]) .sb-post-header,.social-bridge:not([data-step="0"]) .sb-post-footer{opacity:1;transition-delay:.35s}.social-bridge:not([data-step="0"]) .sb-story{opacity:1;transform:translate(0,0) rotate(4deg)}.social-bridge:not([data-step="0"]) .sb-note{opacity:1;transform:translateY(0) rotate(5deg)}.social-bridge[data-step="2"] .sb-main{top:70px;height:285px}.social-bridge[data-step="2"] .sb-story{top:65px}.social-bridge[data-step="2"] .sb-note{top:225px}.social-bridge[data-step="2"] .sb-calendar{opacity:1;transform:translateY(0)}.sb-next{grid-column:1/-1;border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px}.sb-next strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.3px}.sb-next p>span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.sb-next .text-link{flex-shrink:0;gap:18px}.social-bridge+.home-services{margin-top:48px}
@media(max-width:1000px){.social-bridge{grid-template-columns:.9fr 1.1fr;gap:30px}.sb-stage{height:470px}.sb-main{top:100px;height:270px}.sb-story{height:270px}.sb-next{align-items:flex-start;flex-direction:column}.sb-note p{font-size:17px}.sb-steps button{padding-inline:10px}.sb-story>p{font-size:23px}.social-bridge[data-step="2"] .sb-main{height:265px}}
@media(max-width:760px){.social-bridge{grid-template-columns:1fr;padding-top:46px;gap:24px}.sb-copy h2{font-size:44px;margin-block:18px}.sb-intro{font-size:16px;max-width:460px}.sb-steps{margin-top:24px}.sb-description{min-height:62px;max-width:460px}.sb-copy>.text-link{font-size:13px}.sb-standalone{margin-top:10px}.sb-stage{height:440px}.sb-main{top:86px;height:280px}.sb-story{top:82px;height:265px}.sb-note{top:290px}.social-bridge[data-step="1"] .sb-main{height:290px;top:80px}.social-bridge[data-step="2"] .sb-main{height:255px;top:65px}.social-bridge[data-step="2"] .sb-note{top:205px}.sb-calendar{bottom:20px}.sb-calendar-items{gap:5px}.sb-calendar-items>div{padding-left:6px}.sb-calendar-items p{font-size:9px}.sb-story>p{font-size:23px}.sb-stage-label{left:20px;top:20px;font-size:11px}.sb-next{gap:16px;padding-top:22px}.sb-next .text-link{font-size:13px;max-width:100%}.sb-caption{font-size:10px}.sb-next p>span{max-width:360px}}
@media(prefers-reduced-motion:reduce){.social-bridge *{transition:none!important;scroll-behavior:auto!important}}

.sb-post-header>span:nth-child(2){min-width:0;flex:1}.sb-post-header small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-more{flex-shrink:0}.sb-avatar{flex-shrink:0}
@media(max-width:760px){.sb-story>p{font-size:20px;left:10px;right:8px;bottom:46px}.sb-story-tag{font-size:8px;left:10px;right:8px;line-height:1.4}.social-bridge[data-step="2"] .sb-story{height:250px}.sb-post-header{padding-inline:8px;gap:5px}.sb-avatar{width:22px;height:22px;font-size:14px}.sb-post-header{font-size:9px}.sb-post-header small{font-size:7px}}

/* GUOGUO: stijlgids v1.0, p. 14, 17, 24 en 38. */
.sb-avatar{width:28px;height:28px;background:#FFF8F2;border-radius:50%;overflow:hidden}.sb-avatar img{width:28px;height:28px;display:block;max-width:none}.sb-post-header,.sb-post-footer{color:#151515}.sb-post-header small{color:#66605C}
.sb-guoguo-story{background:#151515;color:#FFF8F2;container-type:inline-size}.sb-guoguo-story>img.sb-pearl{position:absolute;top:43px;right:14px;width:84px;height:84px;object-fit:contain;filter:none}.sb-guoguo-story>p{top:auto;bottom:48px;left:18px;right:12px;font-family:Inter,Arial,sans-serif;font-size:clamp(23px,16cqi,36px);font-weight:750;letter-spacing:-.055em;line-height:1.03;color:#FFF8F2}.sb-guoguo-story .sb-story-tag{left:18px;right:12px;bottom:22px;color:#F3C6CE;border:0;font-size:9px;line-height:1.3}.sb-guoguo-story .sb-story-brand{left:18px;letter-spacing:1.6px;color:#FFF8F2}.sb-guoguo-story .sb-story-lines i{background:#E7DED866}
@media(max-width:760px){.sb-avatar,.sb-avatar img{width:28px;height:28px}.sb-guoguo-story>img.sb-pearl{top:46px;right:8px;width:72px;height:72px}.sb-guoguo-story>p{left:12px;right:8px;bottom:48px;font-size:clamp(18px,18cqi,27px)}.sb-guoguo-story .sb-story-brand{left:12px;font-size:8px;letter-spacing:1.3px}.sb-guoguo-story .sb-story-tag{left:12px;right:10px;bottom:20px;font-size:8px}.sb-post-header{gap:4px;padding-inline:6px}.sb-post-footer p{font-size:9px}}

/* Zelfde sectiekop als Geselecteerd werk; gedeelde typografie uit site.css. */
.social-bridge>.sb-heading{grid-column:1/-1;margin-bottom:0}.sb-heading h2{color:var(--ink)}.sb-heading .text-link{flex-shrink:0}.sb-copy{padding-top:0}.sb-guoguo-story .sb-story-tag{max-width:160px;font-size:10px;line-height:1.35;bottom:20px}.sb-guoguo-story>p{bottom:62px}
@media(max-width:760px){.sb-guoguo-story .sb-story-tag{font-size:8px;bottom:17px}.sb-guoguo-story>p{bottom:62px}.social-bridge{gap:24px}.social-bridge>.sb-heading{gap:18px}}

/* Rustiger homepageconcept: één kop, één korte introductie, één beeldvlak. */
.social-bridge{display:block;padding-top:70px}.social-bridge>.sb-heading{margin-bottom:24px}.social-bridge>.sb-intro{max-width:640px;margin:0 0 32px;font-size:16px;color:var(--muted)}.sb-example{background:var(--soft);border-radius:24px;border:1px solid var(--line);overflow:hidden}.sb-stage{max-width:840px;margin-inline:auto;border:0;border-radius:0;height:450px}.sb-controls{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-top:1px solid var(--line)}.sb-controls .sb-steps{margin:0;flex-shrink:0;gap:6px}.sb-controls .sb-caption{margin:0;max-width:320px;font-size:11px}.sb-main{top:40px;left:15%;width:70%;height:350px}.social-bridge[data-step="1"] .sb-main{top:65px;height:310px}.social-bridge[data-step="2"] .sb-main{top:30px;height:285px}.sb-story{top:60px}.social-bridge[data-step="2"] .sb-story{top:25px;height:300px}.sb-avatar,.sb-avatar img{width:36px;height:36px}.sb-post-header{height:52px}.social-bridge:not([data-step="0"]) .sb-photo{top:52px}.sb-calendar{bottom:22px}
@media(max-width:760px){.social-bridge{padding-top:46px}.social-bridge>.sb-intro{font-size:15px;margin-bottom:24px}.sb-stage{height:440px}.sb-main{top:65px;left:7%;width:86%;height:300px}.social-bridge[data-step="1"] .sb-main{height:290px;top:60px}.social-bridge[data-step="2"] .sb-main{top:38px;height:265px}.sb-story{top:55px}.social-bridge[data-step="2"] .sb-story{top:38px;height:265px}.sb-controls{padding:15px 12px;display:block}.sb-controls .sb-steps{display:flex;flex-wrap:nowrap;gap:5px}.sb-controls .sb-steps button{padding:10px 9px;font-size:12px;flex:1;white-space:nowrap}.sb-controls .sb-steps button span{margin-right:3px}.sb-controls .sb-caption{margin-top:12px;font-size:10px}.sb-post-header{padding-inline:6px;gap:4px}.sb-avatar,.sb-avatar img{width:36px;height:36px}.sb-guoguo-story>p{bottom:66px}.sb-guoguo-story .sb-story-tag{bottom:21px}.sb-calendar{bottom:24px}}