:root{color-scheme:dark;--gold:#e8c77e;--ink:#fff8e8}
*{box-sizing:border-box}
body.marketing{margin:0;min-height:100vh;background:linear-gradient(120deg,rgba(7,12,20,.78),rgba(21,13,28,.58)),url('../galeri/background/marketing.webp') center/cover fixed no-repeat;color:var(--ink);font-family:'Segoe UI',system-ui,sans-serif}
.marketing-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(24px,6vw,80px)}
.marketing-card{width:min(720px,100%);padding:clamp(28px,6vw,64px);border:1px solid rgba(232,199,126,.42);border-radius:24px;background:rgba(8,12,20,.76);box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.eyebrow{margin:0 0 12px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.2em}
h1{margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.8rem);line-height:1.02}
.marketing-card>p:not(.eyebrow){max-width:58ch;margin:0;color:rgba(255,248,232,.8);font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}
.marketing-home{display:inline-flex;margin-top:24px;color:var(--gold);font-weight:700;text-decoration:none}
.marketing-home:hover,.marketing-home:focus-visible{text-decoration:underline}