.digitizing-service-hero {
    --service-hero-image: none;
    position: relative;
    isolation: isolate;
    min-height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 112px 24px 72px;
    background: #11131a;
}

.digitizing-service-hero::before {
    position: absolute;
    z-index: -2;
    inset: -18px;
    content: "";
    background: center / cover no-repeat var(--service-hero-image);
    filter: blur(4px);
    transform: scale(1.04);
    animation: service-hero-drift 13s ease-in-out infinite alternate;
}

.digitizing-service-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(8, 9, 14, .78), rgba(11, 12, 18, .55));
}

.digitizing-service-hero__inner {
    width: min(760px, 100%);
    text-align: center;
    padding: 0 12px;
    color: #fff;
}

.digitizing-service-hero__eyebrow,
.digitizing-service-hero h1,
.digitizing-service-hero__summary {
    opacity: 0;
    animation: service-hero-reveal .75s ease-out forwards;
}

.digitizing-service-hero__eyebrow {
    position: absolute;
    z-index: 1;
    top: 32px;
    left: clamp(20px, 5vw, 80px);
    margin: 0;
    color: #d5c8ff;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.digitizing-service-hero h1 {
    margin: 0;
    font-size: clamp(2.25rem, 5vw, 4.65rem);
    line-height: 1.05;
    text-shadow: 0 5px 24px rgba(0, 0, 0, .55);
    animation: service-hero-reveal .9s cubic-bezier(.2,.8,.2,1) .2s both;
}

.digitizing-service-hero__summary {
    max-width: 430px;
    margin: 20px auto 0;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(1rem, 1.6vw, 1.16rem);
    line-height: 1.5;
    animation: service-hero-reveal .9s cubic-bezier(.2,.8,.2,1) .55s both;
}

.digitizing-service-hero__eyebrow a { color: inherit; text-decoration: none; }
.digitizing-service-hero__eyebrow a:hover, .digitizing-service-hero__eyebrow a:focus { color: #fff; text-decoration: underline; }

/* Legacy long-form copy remains available in the templates, while the focused
   conversion panel below presents the concise customer-facing service summary. */
.left-chest-content,
.jacket-back-content,
.cap-digitizing-content,
.puff-digitizing-content,
.small-text-digitizing-content,
.applique-digitizing-content { display: none; }

@keyframes service-hero-reveal {
    from { opacity: 0; transform: translateY(28px) scale(.97); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes service-hero-drift {
    from { transform: scale(1.04) translate3d(-.5%, -.5%, 0); }
    to { transform: scale(1.1) translate3d(.5%, .5%, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .digitizing-service-hero__eyebrow,
    .digitizing-service-hero h1,
    .digitizing-service-hero__summary { animation: none; opacity: 1; }
    .digitizing-service-hero::before { animation: none; }
}

@media (max-width: 600px) {
    .digitizing-service-hero { min-height: 520px; padding: 104px 16px 64px; }
    .digitizing-service-hero__eyebrow { top: 24px; left: 20px; font-size: .68rem; letter-spacing: .09em; }
}