.skd-hero {
    --skd-hero-image: none;
    --skd-hero-min-height: 720px;
    --skd-hero-overlay: .55;
    --skd-hero-content-width: 1200px;
    position: relative;
    isolation: isolate;
    min-height: var(--skd-hero-min-height);
    display: grid;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background: #3a2b24;
}
.skd-hero__background,
.skd-hero__overlay {
    position: absolute;
    inset: 0;
}
.skd-hero__background {
    z-index: -2;
    background-image: var(--skd-hero-image);
    background-size: cover;
    background-position: center;
    transform: scale(1.005);
}
.skd-hero__overlay {
    z-index: -1;
    background: linear-gradient(90deg, rgba(35, 24, 20, var(--skd-hero-overlay)) 0%, rgba(35, 24, 20, calc(var(--skd-hero-overlay) * .78)) 54%, rgba(35, 24, 20, calc(var(--skd-hero-overlay) * .48)) 100%);
}
.skd-hero__inner {
    width: min(calc(100% - 48px), var(--skd-hero-content-width));
    margin-inline: auto;
    padding-block: clamp(72px, 11vw, 150px);
}
.skd-hero__content { max-width: 760px; }
.skd-hero--align-center .skd-hero__content { margin-inline: auto; text-align: center; }
.skd-hero--align-right .skd-hero__content { margin-left: auto; text-align: right; }
.skd-hero--align-center .skd-hero__actions { justify-content: center; }
.skd-hero--align-right .skd-hero__actions { justify-content: flex-end; }
.skd-hero__eyebrow {
    margin: 0 0 18px;
    color: #d2a12d;
    font-family: "Segoe Script", "Brush Script MT", cursive;
    font-size: clamp(1rem, 1.7vw, 1.35rem);
    font-style: italic;
    line-height: 1.3;
}
.skd-hero__title {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 6.1vw, 5.4rem);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.035em;
    color: #fff;
}
.skd-hero__title-main,
.skd-hero__title-highlight { display: block; }
.skd-hero__title-highlight {
    margin-top: .16em;
    color: #d2a12d;
    font-style: italic;
    font-size: .95em;
}
.skd-hero__subtitle {
    max-width: 690px;
    margin: 28px 0 0;
    color: rgba(255,255,255,.94);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.18rem);
    line-height: 1.75;
}
.skd-hero__subtitle p { margin: 0; }
.skd-hero--align-center .skd-hero__subtitle { margin-inline: auto; }
.skd-hero--align-right .skd-hero__subtitle { margin-left: auto; }
.skd-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 34px;
}
.skd-hero__button {
    min-width: 208px;
    min-height: 54px;
    padding: 14px 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    text-decoration: none !important;
    font-family: Inter, system-ui, sans-serif;
    font-weight: 700;
    line-height: 1;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.skd-hero__button:hover { transform: translateY(-2px); }
.skd-hero__button--primary { background: #a82f49; color: #fff; border: 1px solid #a82f49; }
.skd-hero__button--primary:hover { background: #84243a; border-color: #84243a; color: #fff; }
.skd-hero__button--secondary { background: rgba(58,43,36,.32); color: #fff; border: 1px solid rgba(255,255,255,.62); backdrop-filter: blur(3px); }
.skd-hero__button--secondary:hover { background: rgba(255,255,255,.13); color: #fff; border-color: #fff; }
.skd-hero__scroll {
    position: absolute;
    left: 50%;
    bottom: 24px;
    translate: -50% 0;
    display: grid;
    justify-items: center;
    gap: 8px;
    color: rgba(255,255,255,.55);
    font: 700 .73rem/1 Inter, system-ui, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.skd-hero__scroll::after { content: ""; width: 1px; height: 40px; background: linear-gradient(rgba(255,255,255,.55), transparent); }
.skd-hero__image-prompt { margin-bottom: 24px; }
.skd-hero--editor { min-height: 520px; }
@media (max-width: 767px) {
    .skd-hero { --skd-hero-min-height: 620px; }
    .skd-hero__inner { width: min(calc(100% - 32px), var(--skd-hero-content-width)); padding-block: 82px 110px; }
    .skd-hero__overlay { background: rgba(35,24,20,var(--skd-hero-overlay)); }
    .skd-hero__title { font-size: clamp(2.65rem, 13vw, 4rem); }
    .skd-hero__subtitle { margin-top: 22px; line-height: 1.6; }
    .skd-hero__actions { gap: 12px; }
    .skd-hero__button { width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .skd-hero__button { transition: none; }
}