/* Shared C service headers; Website overrides use approved A below. */
:is(.page-services-websites,.page-services-business-tools,.page-services-3d-experiences,.page-services-digital-growth) .site-main{width:min(88vw,1240px);padding-top:139px}
:is(.page-services-websites,.page-services-business-tools,.page-services-3d-experiences,.page-services-digital-growth) .breadcrumbs{margin-bottom:0}
.site-main .service-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center;position:relative;isolation:isolate;margin:0;padding:38px 0 42px;min-height:410px;text-align:left}
.site-main .service-hero__copy{position:relative;z-index:1;min-width:0}
.site-main .service-hero h1{font-size:clamp(39px,3.9vw,56px);line-height:1.13;letter-spacing:-.045em;font-weight:400;text-wrap:initial;max-width:none;margin:0;color:#eef6fc}
.site-main .service-hero h1>span{display:block;color:#9fd2f7}
.site-main .service-hero p{font-size:clamp(16px,1.4vw,19px);line-height:1.65;font-weight:400;text-wrap:initial;color:#b8d6ec;margin:23px 0 0;max-width:48ch}
.service-hero__visual{position:relative;min-width:0;aspect-ratio:4/3;display:grid;place-items:center;pointer-events:none;user-select:none}
.service-hero__visual:before{content:'';position:absolute;inset:8% -7% -6%;z-index:-1;background:radial-gradient(ellipse at 52% 58%,#255fa326,transparent 68%)}
.service-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;opacity:.92}
@media(min-width:701px) and (max-width:1000px){.site-main .service-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:25px;min-height:350px;padding:38px 0}.site-main .service-hero h1{font-size:clamp(32px,4.1vw,41px)}.site-main .service-hero p{font-size:16px;margin-top:20px}}
@media(max-width:700px){:is(.page-services-websites,.page-services-business-tools,.page-services-3d-experiences,.page-services-digital-growth) .site-main{padding-top:113px}.site-main .service-hero{grid-template-columns:1fr;gap:24px;min-height:0;padding:37px 0 35px}.site-main .service-hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.16}.site-main .service-hero p{font-size:16px;line-height:1.65;margin-top:19px;max-width:40ch}.service-hero__visual{width:min(90%,360px);margin:0 auto;aspect-ratio:4/3}.service-hero__visual:before{inset:4% -4% -7%}.service-hero__visual img{opacity:.9}}
@media(max-width:360px){.site-main .service-hero{gap:18px;padding-top:30px}.site-main .service-hero h1{font-size:31px}.site-main .service-hero p{font-size:15px}}
@media(forced-colors:active){.service-hero__visual{display:none}.site-main .service-hero{display:block;min-height:0}.site-main .service-hero h1>span{color:CanvasText}}
@media print{.service-hero__visual{display:none}.site-main .service-hero{display:block;min-height:0;padding:20px 0}.site-main .service-hero h1{font-size:30px}}

/* Website A: a full-width, low filament current with unobstructed live copy. */
.page-services-websites .breadcrumbs{position:relative;z-index:2}
.site-main .service-hero--filaments{display:block;min-height:clamp(620px,calc(100svh - 180px),800px);padding:96px 0 280px;box-sizing:border-box}
.service-hero--filaments .website-hero__art{position:absolute;z-index:0;top:-170px;bottom:0;left:calc((100% - 100vw)/2);width:100vw;overflow:hidden;pointer-events:none;user-select:none;mask-image:linear-gradient(transparent,#000 15%,#000 82%,transparent)}
.website-hero__art>picture,.website-hero__energy{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
.website-hero__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.website-hero__art>picture{opacity:.88}
.site-main .service-hero--filaments .service-hero__copy{max-width:960px}
.service-hero--filaments .service-hero__copy::before{content:'';position:absolute;inset:-22px -28px;z-index:-1;background:#071623e6;filter:blur(18px);pointer-events:none}
.site-main .service-hero--filaments h1{font-size:clamp(48px,6vw,86px);font-weight:500;line-height:1.1;letter-spacing:-.045em}
.site-main .service-hero--filaments p{font-size:clamp(17px,1.45vw,21px);line-height:1.65;max-width:58ch;margin-top:27px;color:#d1e3f0}
.website-hero__energy{opacity:0;overflow:hidden;pointer-events:none;transition:opacity .45s}
.service-hero--filaments[data-active=true] .website-hero__art[data-ready=true] .website-hero__energy{opacity:1}
/* Same irregular rise, dip and second glow as the homepage's living root pixels. */
.website-fiber{opacity:0;animation:website-fiber-awaken var(--fiber-life,8s) cubic-bezier(.4,0,.35,1) infinite;animation-delay:var(--fiber-phase,0s);animation-play-state:paused}
.website-fiber--shimmer{animation-name:website-fiber-shimmer}
.website-fiber--swell{animation-name:website-fiber-swell}
.website-fiber--1{--fiber-life:8.9s;--fiber-phase:-3.2s}
.website-fiber--2{--fiber-life:6.4s;--fiber-phase:-1.7s}
.website-fiber--3{--fiber-life:7.7s;--fiber-phase:-5.4s}
.website-fiber--4{--fiber-life:9.6s;--fiber-phase:-2.3s}
.website-fiber--5{--fiber-life:12.8s;--fiber-phase:-8.1s}
.website-fiber--6{--fiber-life:11.4s;--fiber-phase:-3.6s}
.website-fiber--7{--fiber-life:6.9s;--fiber-phase:-4.8s}
.website-fiber--8{--fiber-life:5.6s;--fiber-phase:-1.3s}
.website-fiber--9{--fiber-life:8.3s;--fiber-phase:-6.4s}
.website-fiber--10{--fiber-life:7.1s;--fiber-phase:-2.6s}
.website-fiber--11{--fiber-life:10.7s;--fiber-phase:-7.2s}
.website-fiber--12{--fiber-life:8.1s;--fiber-phase:-3.9s}
.website-fiber--13{--fiber-life:13.6s;--fiber-phase:-8.9s}
.website-fiber--14{--fiber-life:7.8s;--fiber-phase:-1.8s}
.website-fiber--15{--fiber-life:9.3s;--fiber-phase:-6.1s}
.website-fiber--16{--fiber-life:6.7s;--fiber-phase:-4.2s}
.website-fiber--17{--fiber-life:8.6s;--fiber-phase:-2.9s}
.website-fiber--18{--fiber-life:10.1s;--fiber-phase:-7.8s}
.website-fiber--19{--fiber-life:11.7s;--fiber-phase:-5.5s}
.website-fiber--20{--fiber-life:7.9s;--fiber-phase:-1.1s}
.service-hero--filaments[data-active=true] .website-fiber{animation-play-state:running}
@keyframes website-fiber-awaken{0%,8%,100%{opacity:0}29%{opacity:1}44%{opacity:.12}56%{opacity:.75}78%,92%{opacity:0}}
@keyframes website-fiber-shimmer{0%,12%,100%{opacity:0}31%{opacity:.2}47%{opacity:1}63%{opacity:.1}73%{opacity:.48}91%{opacity:0}}
@keyframes website-fiber-swell{0%,8%,93%,100%{opacity:0}26%{opacity:.74}40%{opacity:.04}59%{opacity:1}78%{opacity:.08}}
@media(min-width:701px) and (max-width:1000px){.site-main .service-hero--filaments{min-height:610px;padding-top:74px;padding-bottom:260px}.site-main .service-hero--filaments h1{font-size:clamp(48px,7vw,66px)}.site-main .service-hero--filaments p{max-width:46ch;font-size:18px}}
@media(max-width:700px){.site-main .service-hero--filaments{min-height:clamp(530px,calc(85svh - 130px),650px);padding:56px 0 270px}.service-hero--filaments .website-hero__art{top:-40px;mask-image:linear-gradient(transparent,#000 16%,#000 82%,transparent)}.website-hero__art img{object-position:57% center}.site-main .service-hero--filaments h1{font-size:clamp(36px,9.6vw,48px);line-height:1.14}.site-main .service-hero--filaments p{font-size:16px;line-height:1.7;max-width:33ch;margin-top:23px}}
@media(prefers-reduced-motion:reduce){.website-hero__energy{display:none;transition:none}.website-fiber{animation:none}}
@supports not (mask-image:linear-gradient(#000,transparent)){.website-hero__energy{display:none}}
@media(forced-colors:active){.website-hero__art{display:none}.site-main .service-hero--filaments{min-height:0;padding:50px 0}}
@media print{.website-hero__art{display:none}.site-main .service-hero--filaments{min-height:0;padding:30px 0}.site-main .service-hero--filaments h1{font-size:30px}}