:root{ --ink:#0D0D0F; --gold:#C6A24C; }
html{ scroll-behavior:smooth; }
body{ font-family:'DM Sans',sans-serif; color:#38383F; background:#F7F6F3; }
h1,h2,h3,.font-head{ font-family:'Archivo',sans-serif; }
.eyebrow{ font-size:.8rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
/* MSK-Wortmarke: kondensiert, stark kursiv, mit horizontalen Schnitt-Linien — nachempfunden dem echten Logo */
.logo-msk{ font-family:'Saira Condensed',sans-serif; font-weight:900; font-style:italic;
           transform:skewX(-9deg); letter-spacing:-.06em; line-height:.9; display:inline-block;
           background:repeating-linear-gradient(0deg,
             #C6A24C 0px, #C6A24C 4px,
             rgba(0,0,0,0) 4px, rgba(0,0,0,0) 5.5px);
           -webkit-background-clip:text; background-clip:text;
           color:transparent; -webkit-text-fill-color:transparent; }
.hero-mask{ background:linear-gradient(90deg, rgba(13,13,15,.94) 0%, rgba(13,13,15,.74) 45%, rgba(13,13,15,.35) 100%); }
.section-pad{ padding-top:72px; padding-bottom:72px; }
@media(min-width:1024px){ .section-pad{ padding-top:120px; padding-bottom:120px; } }
/* Page-Hero (Unterseiten): dunkles Band mit Bild */
.page-hero-mask{ background:linear-gradient(180deg, rgba(13,13,15,.82) 0%, rgba(13,13,15,.72) 100%); }
.reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.in{ opacity:1; transform:none; }
.gallery-item img{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.gallery-item:hover img{ transform:scale(1.06); }
/* Spotlight/Glow-Karten mit Maus-Tracking (Gold) */
.glow-card{ position:relative; isolation:isolate; --mx:50%; --my:0%; }
.glow-card::before{ content:""; position:absolute; inset:0; border-radius:inherit;
  background:radial-gradient(420px circle at var(--mx) var(--my), rgba(198,162,76,.16), transparent 45%);
  opacity:0; transition:opacity .45s ease; pointer-events:none; z-index:-1; }
.glow-card::after{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px;
  background:radial-gradient(320px circle at var(--mx) var(--my), rgba(198,162,76,.9), transparent 45%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .45s ease; pointer-events:none; z-index:1; }
.glow-card:hover::before, .glow-card:hover::after{ opacity:1; }
a,button{ cursor:pointer; }
*:focus-visible{ outline:3px solid rgba(198,162,76,.7); outline-offset:2px; border-radius:4px; }
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1 !important; transform:none !important; transition:none; }
  html{ scroll-behavior:auto; }
  .gallery-item img{ transition:none; }
  .glow-card::before,.glow-card::after{ transition:none; }
}