@layer components{.services-bento{gap:var(--layout-gutter);padding-top:1rem;padding-bottom:2rem;display:grid}.services-bento>*,.services-bento section>*,.service-group__grid>li{min-width:0}.services-bento h1,.services-bento h2,.services-bento h3{letter-spacing:var(--type-heading-tracking);font-weight:700;line-height:1.2}.services-hero{gap:var(--layout-gutter);display:grid}.services-hero__copy{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:clamp(2rem,4vw,3.5rem);display:flex}.services-hero h1{letter-spacing:-.045em;max-width:19ch;margin-block:1.5rem 1rem;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.1}.services-hero__copy>p{max-width:49ch;font-size:var(--type-body-lg);color:var(--surface-muted)}.services-hero__copy .button-link{margin-top:2rem}.services-hero__art{background:radial-gradient(ellipse at 25% 20%, #d4b5f5, transparent 70%), var(--color-surface-lavender);place-items:center;min-height:18rem;display:grid;overflow:hidden}.services-hero__art .studio-artwork{width:100%;max-width:40.8rem;display:block}.service-selector{padding-block:clamp(2rem,4vw,3rem)}.service-selector__tabs{gap:.75rem;margin-block:1.5rem;display:grid}.service-selector__tabs button{border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background:var(--color-surface-white);min-width:0;min-height:3.75rem;color:var(--color-ink);text-align:center;transition:background-color var(--motion-control) ease-in-out;padding:1rem 1.25rem;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600;line-height:1.4}.service-selector__tabs button:is(:hover,:focus-visible){background:var(--color-surface-lavender)}.service-selector__tabs button[aria-selected=true]{background:var(--color-plum-900);color:var(--color-text-on-dark);border-color:var(--color-plum-900)}.service-selector__panels{max-width:48rem;color:var(--color-text-muted);font-size:var(--type-body-lg)}.service-selector__panels>div{border-radius:var(--radius-tile);min-height:4em}.service-selector__panels>div+div:not([hidden]){margin-top:1.5rem}.service-selector__panels:has([role=tabpanel])>div{margin-top:0}.service-selector__fallback-title{color:var(--color-ink);margin-bottom:.5rem;font-weight:600}.service-groups{gap:clamp(2.5rem,5vw,4rem);padding-bottom:2rem;display:grid}.service-group__intro{border-left:3px solid #0000;margin-bottom:1.5rem;padding-left:1rem}.service-group__intro .section-heading{margin-bottom:.75rem}.service-group__intro .section-heading__label{letter-spacing:.08em;font-size:1rem}.service-group__marker{visibility:hidden;border-radius:var(--radius-pill);background:var(--color-surface-white);width:fit-content;max-width:100%;color:var(--color-coral-700);padding:.35rem .75rem;font-size:.75rem;font-weight:600}[data-relevant=true] .service-group__intro{border-left-color:var(--color-coral-700)}[data-relevant=true] .service-group__intro .section-heading__label{color:var(--color-coral-700)}[data-relevant=true] .service-group__marker{visibility:visible}.service-group__grid{gap:var(--layout-gutter);display:grid}.service-group__card{height:100%}.service-group__card a{border-radius:inherit;flex-direction:column;height:100%;min-height:17rem;padding:1.5rem;display:flex}.service-group__card a:focus-visible{outline-offset:-5px}.service-group__card a>svg{width:2rem;height:2rem;margin-bottom:1.5rem}.service-group__card h3{font-size:1.125rem}.service-group__card p{color:var(--surface-muted);font-size:var(--type-body-sm);margin-block:.75rem 1.5rem}.service-group__link-label{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;font-size:.75rem;font-weight:600;display:flex}.service-group__link-label svg{transition:transform var(--motion-control) ease-in-out;flex-shrink:0}.service-group__card a:is(:hover,:focus-visible) h3{text-underline-offset:4px;text-decoration:underline}.service-group__card a:is(:hover,:focus-visible) .service-group__link-label svg{transform:translate(3px)}.technology-strip{margin-top:1rem}.technology-strip__fade{min-width:0;position:relative}.technology-strip__fade:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--color-surface-dark));width:3rem;position:absolute;inset:0 0 0 auto}.technology-strip__scroll{overscroll-behavior-x:contain;scrollbar-color:var(--color-lavender-300) var(--color-surface-dark);border-radius:.25rem;overflow-x:auto}.technology-strip__names{width:max-content;min-width:100%;color:var(--color-text-muted-on-dark);justify-content:space-between;align-items:baseline;gap:2rem;padding:1rem 3rem 1.25rem 0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600;line-height:1.3;display:flex}.technology-strip__names li{white-space:nowrap}.technology-strip__cue{z-index:1;color:var(--color-text-on-dark);pointer-events:none;position:absolute;top:1rem;right:0}.services-cta{margin-top:1rem;padding-block:clamp(2rem,4vw,3.5rem)}.services-cta h2{max-width:22ch;font-size:var(--type-heading-lg)}.services-cta__bottom{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:1.5rem;display:flex}.services-cta__bottom p{max-width:48ch;color:var(--surface-muted);font-size:var(--type-body-lg)}.services-cta__bottom .button-link{flex-shrink:0}}@media (min-width:640px){.service-selector__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.service-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.services-hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.service-group__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.service-group__grid>li{grid-column:span 2}.service-group__grid>li:nth-child(n+4){grid-column:span 3}.services-cta__bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}}@media (min-width:1280px){.technology-strip__fade:after,.technology-strip__cue{display:none}.technology-strip__names{padding-right:0}}@media (prefers-reduced-motion:reduce){.service-group__card a:is(:hover,:focus-visible) .service-group__link-label svg{transform:none}}@media (forced-colors:active){.service-selector__tabs button[aria-selected=true]{border:3px solid highlight}[data-relevant=true] .service-group__intro{border-left-color:highlight}.technology-strip__fade:after{display:none}.service-group__card a:focus-visible{outline-color:highlight}}
