.sb-portfolio-hero{--portfolio-accent: #2186eb;container:portfolio-hero / inline-size;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:620px;color:#1e293b;background:linear-gradient(125deg,#f4f7fb,#f8fafc 58%,#edf2f8)}.sb-portfolio-hero[data-height=screen]{min-height:max(660px,calc(100svh - 64px))}.sb-portfolio-hero__inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(28px,5cqi,72px);width:100%;max-width:1280px;margin:0 auto;padding:64px clamp(28px,5cqi,64px) 100px}.sb-portfolio-hero__copy{min-width:0}.sb-portfolio-hero__eyebrow{margin:0 0 20px;color:#0967d2;font-size:14px;font-weight:650;letter-spacing:.045em;line-height:1.5;text-transform:uppercase}.sb-portfolio-hero__heading{max-width:540px;margin:0;font-size:clamp(48px,6.4cqi,76px);font-weight:800;letter-spacing:-.045em;line-height:1.06;overflow-wrap:anywhere;text-wrap:balance}.sb-portfolio-hero__role{display:flex;align-items:center;gap:4px;min-height:52px;margin-top:12px;color:#4b5563;font-size:clamp(26px,3.2cqi,38px);font-weight:650;letter-spacing:-.025em;line-height:1.2}.sb-portfolio-hero__role .sb-rotator{min-width:0;max-width:100%}.sb-portfolio-hero__role .sb-rotator__word{max-width:100%;overflow:hidden;text-overflow:clip}.sb-portfolio-hero__role .sb-rotator__word[data-active=true]{border-right-color:var(--portfolio-accent)}.sb-portfolio-hero__motion-toggle{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer}.sb-portfolio-hero__motion-toggle:hover{background:#e6edf5;color:#1e293b}.sb-portfolio-hero__motion-toggle:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:2px}.sb-portfolio-hero__body{max-width:485px;margin:24px 0 0;color:#4b5563;font-size:clamp(18px,1.85cqi,21px);line-height:1.5}.sb-portfolio-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sb-portfolio-hero__visual{position:relative;width:min(100%,460px);aspect-ratio:1;justify-self:center;padding:32px;isolation:isolate}.sb-portfolio-hero__rings{position:absolute;top:12px;right:46px;bottom:52px;left:8px;z-index:-1;border:16px solid #d3e4f5;border-radius:50%;background:#b0cde8}.sb-portfolio-hero__portrait{width:100%;height:100%;overflow:hidden;border-radius:50%;background:#dce8f2;box-shadow:0 28px 45px -18px #1e293b59}.sb-portfolio-hero__portrait img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sb-portfolio-hero__badge{position:absolute;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#fff;box-shadow:0 10px 18px -9px #1e293b4d;animation:portfolio-badge-float 6s ease-in-out infinite;animation-delay:var(--badge-delay, 0s)}.sb-portfolio-hero__badge svg{width:28px;height:28px}.sb-portfolio-hero__badge[data-position=top-right]{top:-12px;right:16px}.sb-portfolio-hero__badge[data-position=top-left]{top:10px;left:6px}.sb-portfolio-hero__badge[data-position=bottom-right]{top:47%;right:3px;width:64px;height:64px}.sb-portfolio-hero__badge[data-position=bottom-left]{bottom:43px;left:-3px}.sb-portfolio-hero__scroll{position:absolute;bottom:28px;left:50%;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translate(-50%);color:#475569;font-size:14px;white-space:nowrap}.sb-portfolio-hero__scroll svg{width:26px;height:26px;color:#0967d2}.sb-portfolio-hero[data-image-position=left] .sb-portfolio-hero__visual{grid-column:1;grid-row:1}.sb-portfolio-hero[data-motion-paused=true] .sb-portfolio-hero__badge,.sb-portfolio-hero[data-motion-paused=true] .sb-rotator__word{animation:none!important}.sb-portfolio-hero[data-motion-paused=true] .sb-rotator__word[data-active=true]{width:auto}@keyframes portfolio-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@container portfolio-hero (max-width: 700px){.sb-portfolio-hero__inner{grid-template-columns:1fr;gap:40px;padding:48px 28px 104px}.sb-portfolio-hero__heading{max-width:480px;font-size:clamp(42px,10cqi,60px)}.sb-portfolio-hero__eyebrow{margin-bottom:16px;font-size:12px}.sb-portfolio-hero__role{font-size:clamp(26px,6.5cqi,34px);margin-top:12px;min-height:44px}.sb-portfolio-hero__body{margin-top:18px;font-size:18px}.sb-portfolio-hero__visual{width:min(100%,360px);padding:28px}.sb-portfolio-hero__rings{top:12px;right:40px;bottom:44px;left:8px;border-width:12px}.sb-portfolio-hero__badge{width:58px;height:58px}.sb-portfolio-hero__badge svg{width:24px;height:24px}.sb-portfolio-hero__badge[data-position=top-right]{top:0;right:12px}.sb-portfolio-hero__badge[data-position=bottom-right]{width:48px;height:48px;right:4px}.sb-portfolio-hero__badge[data-position=bottom-left]{bottom:36px;left:0}.sb-portfolio-hero[data-image-position=left] .sb-portfolio-hero__visual{grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce){.sb-portfolio-hero__badge,.sb-portfolio-hero .sb-rotator__word{animation:none!important}}.sb-portfolio-section{container:portfolio-section / inline-size;color:#1e293b;background:#f8fafc}.sb-portfolio-section__inner{max-width:1200px;margin:auto;padding:clamp(56px,7cqi,88px) clamp(24px,4.5cqi,56px)}.sb-portfolio-section__heading{text-align:center;margin-bottom:clamp(36px,5cqi,64px)}.sb-portfolio-section__eyebrow{margin:0 0 10px;color:#0967d2;text-transform:uppercase;font-size:14px;font-weight:650;letter-spacing:.045em}.sb-portfolio-section__heading h2{margin:0;color:#1e293b;font-size:clamp(32px,4.7cqi,48px);font-weight:750;letter-spacing:-.035em;line-height:1.15}.sb-portfolio-section__rule{display:block;height:3px;width:80px;margin:20px auto 0;background:linear-gradient(90deg,#b68169,var(--portfolio-brand, #2186eb))}.sb-portfolio-section__intro{max-width:720px;margin:28px auto 0;color:#475569;font-size:18px;line-height:1.65}.sb-portfolio-about__grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(40px,7cqi,96px)}.sb-portfolio-about__story p{margin:0 0 24px;color:#475569;font-size:clamp(17px,1.8cqi,20px);line-height:1.65}.sb-portfolio-about__story p:last-child{margin-bottom:0}.sb-portfolio-about__highlights{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;margin:0;padding:12px 0;text-align:center}.sb-portfolio-about__highlights svg{width:32px;height:32px;margin:0 auto 16px;stroke-width:2}.sb-portfolio-about__highlights h3{margin:0 0 5px;font-size:18px;font-weight:650;line-height:1.3}.sb-portfolio-about__highlights p{margin:0;color:#475569;font-size:15px;line-height:1.5}.sb-portfolio-services{background:#eef2f7}.sb-portfolio-services__grid{display:grid;grid-template-columns:repeat(var(--portfolio-columns, 3),minmax(0,1fr));gap:28px}.sb-portfolio-services__card{min-width:0;padding:32px 28px;border-radius:16px;background:#f9fbfd;border:1px solid rgb(255 255 255 / 90%);text-align:center;transition:box-shadow .2s ease,transform .2s ease}.sb-portfolio-services__card:hover{box-shadow:0 18px 36px -24px #1e293b59;transform:translateY(-3px)}.sb-portfolio-services__icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 26px;border-radius:50%;color:#fff;box-shadow:0 12px 24px -12px #1e293b59}.sb-portfolio-services__icon svg{width:32px;height:32px}.sb-portfolio-services__card h3{margin:0 0 18px;color:#1e293b;font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.025em}.sb-portfolio-services__card>p{margin:0 0 24px;color:#475569;font-size:16px;line-height:1.65}.sb-portfolio-services__card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;text-align:left}.sb-portfolio-services__card li{display:flex;gap:9px;font-size:14px;line-height:1.5}.sb-portfolio-services__card li svg{flex:0 0 17px;width:17px;height:17px;margin-top:2px}@container portfolio-section (max-width: 850px){.sb-portfolio-services__grid{grid-template-columns:repeat(var(--portfolio-tablet-columns, 2),minmax(0,1fr));gap:20px}.sb-portfolio-about__grid{gap:32px}.sb-portfolio-about__highlights{gap:32px 16px}}@container portfolio-section (max-width: 620px){.sb-portfolio-about__grid{grid-template-columns:1fr}.sb-portfolio-services__grid{grid-template-columns:repeat(var(--portfolio-mobile-columns, 1),minmax(0,1fr))}.sb-portfolio-about__highlights{gap:32px 20px;margin-top:8px}.sb-portfolio-section__intro{font-size:17px}.sb-portfolio-services__card{padding:30px 26px}}.sb-portfolio-section[data-device=mobile] .sb-portfolio-about__grid{grid-template-columns:1fr}.sb-portfolio-section[data-device=mobile] .sb-portfolio-services__grid{grid-template-columns:repeat(var(--portfolio-mobile-columns, 1),minmax(0,1fr))}.sb-portfolio-section[data-device=tablet] .sb-portfolio-services__grid{grid-template-columns:repeat(var(--portfolio-tablet-columns, 2),minmax(0,1fr))}@media(prefers-reduced-motion:reduce){.sb-portfolio-services__card{transition:none}.sb-portfolio-services__card:hover{transform:none}}