.service-showcase{background:var(--paper);padding-block:var(--space-section)}.service-showcase .showcase-intro{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;display:grid}.service-showcase .showcase-intro h2{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(40px,4.5vw,68px);font-weight:600;line-height:1.08}.service-showcase .showcase-intro h2 span{color:var(--blue)}.service-showcase .showcase-intro p{max-width:38ch;margin:0 0 var(--space-xs);font-size:var(--text-action);color:var(--muted);line-height:1.7}.service-showcase .service-grid{gap:var(--space-3xl) var(--space-2xl);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.service-showcase .service{min-width:0;display:block}.service-showcase .service-marketing{grid-column:1/7}.service-showcase .service-design{padding-top:calc(var(--space-section) + var(--space-lg));grid-column:8/-1}.service-showcase .service-hosting{align-items:center;gap:var(--space-section);margin-top:var(--space-md);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.service-showcase .service-visual{border-radius:0;min-width:0;height:340px;margin:0}.service-showcase .service-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.service-showcase .visual-marketing{background:var(--blue);height:420px;color:var(--paper)}.service-showcase .visual-design{background:var(--wash);height:310px;color:var(--ink)}.service-showcase .visual-hosting{background:var(--ink);height:280px;color:var(--paper)}.service-showcase .visual-label{z-index:1;left:var(--space-lg);bottom:var(--space-lg);font-size:var(--text-small);letter-spacing:0}.service-showcase .showcase-copy{margin-top:var(--space-xl);min-width:0}.service-showcase .service-hosting .showcase-copy{margin-top:0}.service-showcase .service-title{gap:var(--space-md);min-height:64px;padding-bottom:var(--space-md);border-bottom-color:var(--line);color:var(--ink)}.service-showcase .service-title h3{letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(30px,3.1vw,46px);font-weight:600;line-height:1.12}.service-showcase .service-title>svg{width:32px;height:32px;color:var(--blue)}.service-showcase .service-title:hover,.service-showcase .service-title:focus-visible{color:var(--blue);border-bottom-color:var(--blue)}.service-showcase .service-title:active{opacity:.75}.service-showcase .showcase-copy p{margin:var(--space-md) 0 0;max-width:36ch;font-size:var(--text-action);color:var(--muted);line-height:1.7}@media (width<=1100px){.service-showcase .showcase-intro{gap:var(--space-xl)}.service-showcase .service-grid{gap:var(--space-2xl) var(--space-xl)}.service-showcase .service-marketing{grid-column:1/7}.service-showcase .service-design{padding-top:var(--space-section);grid-column:7/-1}.service-showcase .visual-marketing{height:350px}.service-showcase .visual-design{height:280px}.service-showcase .service-hosting{gap:var(--space-2xl)}.service-showcase .service-title h3{font-size:34px}}@media (width<=900px){.service-showcase{padding-block:var(--space-3xl)}.service-showcase .showcase-intro{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.service-showcase .showcase-intro p{max-width:55ch;font-size:var(--text-body);margin:0}.service-showcase .service-design{padding-top:var(--space-3xl)}.service-showcase .visual-marketing{height:310px}.service-showcase .visual-design,.service-showcase .visual-hosting{height:250px}.service-showcase .service-hosting{gap:var(--space-xl)}.service-showcase .service-title h3{font-size:28px}.service-showcase .service-title>svg{width:26px;height:26px}.service-showcase .showcase-copy p{font-size:var(--text-body)}}@media (width<=600px){.service-showcase{padding-block:var(--space-2xl)}.service-showcase .showcase-intro h2{font-size:clamp(34px,9.6vw,46px)}.service-showcase .service-grid{gap:var(--space-2xl);flex-direction:column;display:flex}.service-showcase .service-design{padding-top:0}.service-showcase .service-hosting{margin-top:0;display:block}.service-showcase .service-visual{height:260px}.service-showcase .visual-design,.service-showcase .visual-hosting{height:240px}.service-showcase .showcase-copy,.service-showcase .service-hosting .showcase-copy{margin-top:var(--space-lg)}.service-showcase .service-title{min-height:56px;padding-bottom:var(--space-sm)}.service-showcase .service-title h3{font-size:30px}.service-showcase .showcase-copy p{margin-top:var(--space-sm)}.service-showcase .visual-label{left:var(--space-md);bottom:var(--space-md);font-size:12px}}