:root {
    --piter-dark: #0b0e11;
    --piter-ink: #1f2937;
    --piter-cream: #fdf8f5;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
    color: var(--piter-ink);
}

summary::-webkit-details-marker {
    display: none;
}

.service-hero {
    background:
        radial-gradient(circle at 85% 15%, var(--accent-soft), transparent 32rem),
        var(--piter-dark);
}

.service-kicker {
    color: var(--accent);
    background: var(--accent-soft);
}

.accent-text {
    color: var(--accent);
}

.accent-bg {
    background: var(--accent);
}

.shot-card {
    display: block;
    height: auto;
    max-width: 100%;
    align-self: flex-start;
    object-fit: contain;
    filter: drop-shadow(0 28px 38px rgb(0 0 0 / 18%));
    transition: transform 300ms ease;
}

.shot-card:hover {
    transform: translateY(-8px);
}

.feature-number {
    color: var(--accent);
    background: var(--accent-soft);
}

.soft-section {
    background: linear-gradient(180deg, #fff 0%, var(--accent-soft) 100%);
}

.cta-panel {
    background:
        radial-gradient(circle at 15% 30%, var(--accent-soft), transparent 22rem),
        var(--piter-dark);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .shot-card {
        transition: none;
    }
}