/* DER MARCEL19 / ULTIMATE EDITION 2026 — one cohesive visual system */
:root{--ul-bg:#080b12;--ul-ink:#f7f4ed;--ul-muted:#b7c0ce;--ul-gold:#e4b47b;--ul-red:#ce5065;--ul-border:#ffffff24;--ul-surface:#111b27}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:#080c13!important;color:var(--ul-ink)!important;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{background:radial-gradient(ellipse at 85% 12%,#76374930,transparent 39%),radial-gradient(ellipse at 7% 45%,#293f5630,transparent 38%),linear-gradient(180deg,#090d14,#0b1019)!important}
::selection{background:#ce5065;color:white}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #f6c58d!important;outline-offset:4px}
.masthead{border:0!important;background:#0a0f18!important}
.masthead-banner{min-height:88px!important;background:linear-gradient(105deg,#0d1521,#141c28 58%,#2b1d29)!important;border-bottom:1px solid #ffffff1a;display:flex!important;flex-direction:row!important;gap:18px!important;align-items:center!important;justify-content:center!important;padding:12px 25px!important}
.masthead-banner::before{opacity:.08!important}
.masthead-brand{font-size:clamp(25px,4vw,43px)!important;letter-spacing:-.085em!important;line-height:1!important}
.masthead-kicker,.masthead-subline{font-size:10px!important;letter-spacing:.16em!important}
.site-nav{border-bottom:1px solid #cda87327!important;background:#0a1018f2!important;box-shadow:0 15px 55px #0005!important}
.site-nav .nav-primary>a,.site-nav .nav-dropdown-toggle{font-size:.8rem!important;white-space:nowrap;transition:color .2s}
.site-nav .nav-primary>a:hover,.site-nav .nav-dropdown-toggle:hover{color:#f2c98e!important}
.site-nav .nav-primary{gap:clamp(8px,1.4vw,22px)!important}
.nav-dropdown-menu{background:#151e29!important;border:1px solid #ffffff2a!important;border-radius:0 0 12px 12px!important;box-shadow:0 18px 45px #0009!important}
.nav-dropdown-menu a{color:#f4f1eb!important}
.hero{position:relative!important;min-height:660px!important;padding-block:clamp(40px,6vw,95px)!important;overflow:hidden;background:radial-gradient(circle at 79% 45%,#b0475e2b,transparent 42%),linear-gradient(120deg,#0a111c 12%,#16202e 57%,#181521)!important}
.hero::before{opacity:.14!important;background-size:65px 65px!important}
.hero::after{content:"";position:absolute;width:640px;height:640px;border:1px solid #f3b58420;border-radius:50%;right:-130px;top:0;pointer-events:none;box-shadow:0 0 0 74px #f3b58408,0 0 0 149px #f3b58404;z-index:0}
.hero-copy{max-width:730px!important;position:relative;z-index:2}
.hero .eyebrow,.dm19-hero-line{color:#ebc295!important;font-weight:800!important;letter-spacing:.23em!important}
.hero h1{font-size:clamp(3.65rem,7vw,8rem)!important;letter-spacing:-.088em!important;line-height:.96!important;filter:drop-shadow(0 13px 22px #0007)}
.hero h1 em{background:linear-gradient(100deg,#f0bd83,#ffdcb1 60%,#e8a3a5);color:transparent!important;background-clip:text;-webkit-background-clip:text;filter:none!important}
.hero .hero-outline{color:#faf5ed!important}
.hero-intro{font-size:clamp(1rem,1.55vw,1.25rem)!important;line-height:1.74!important;max-width:530px!important;color:#cdd5df!important}
.hero-actions .button{min-height:53px!important;border-radius:8px!important;font-size:.88rem!important;letter-spacing:.02em!important;transition:transform .2s,box-shadow .2s!important}
.hero-actions .button-primary{background:linear-gradient(120deg,#bf435a,#da6271)!important;box-shadow:0 10px 35px #ba334e50!important}
.hero-actions .button-ghost{border:1px solid #f3c28b63!important;background:#121b28eb!important}
.hero-tags{gap:9px!important;flex-wrap:wrap!important}
.hero-tags span{background:#ffffff0a!important;border:1px solid #f5d9ac3c!important;backdrop-filter:blur(6px);font-size:.7rem!important}
.hero-art{position:relative;z-index:1;transform:translateY(-3px)}
.art-frame{border-radius:40% 40% 17px 17px!important;border:1px solid #f0b68191!important;background-image:linear-gradient(180deg,#09121c07,#0d101e83),url('/dermarcel19-wolf-hero.webp')!important;background-size:cover!important;background-position:50% 39%!important;box-shadow:0 45px 110px #000b,0 0 100px #a7445145!important}
.art-frame::before{content:"";position:absolute;inset:11px;border:1px solid #f1e0c027;border-radius:inherit;pointer-events:none}
.scroll-cue{opacity:.8}
.dm19-control-band{margin-top:0!important;margin-bottom:95px!important;gap:20px!important;width:min(1400px,calc(100% - 48px))!important}
.dm19-live-panel,.dm19-spotlight{border:1px solid #e7bc8528!important;border-radius:17px!important;background:#111a25!important;box-shadow:0 15px 45px #0007!important}
.dm19-live-panel{background:linear-gradient(135deg,#172332,#0e1621)!important}
.dm19-spotlight{background:linear-gradient(145deg,#37202a,#121e2a 70%)!important}
.dm19-live-poster{background-image:linear-gradient(155deg,#09121aa3,#5b2d3a55),url('/wolf-closing.webp')!important;background-size:cover!important;background-position:center!important}
.dm19-label,.dm19-spotlight .dm19-label{color:#e5bc8c!important;letter-spacing:.16em!important}
.section-label{font-weight:800!important;letter-spacing:.14em!important;color:#d3a980!important}
.home-about,.home-world,.home-latest{position:relative}
.home-about h2,.home-world h2,.home-latest h2,.closing h2{letter-spacing:-.075em!important;line-height:.99!important;text-wrap:balance}
.home-about-person{filter:drop-shadow(0 25px 30px #000a)}
.home-world-card{border:1px solid #e6be8b2d!important;border-radius:14px!important;overflow:hidden;box-shadow:0 25px 60px #0005!important;transition:transform .25s,border-color .25s!important}
.home-world-card:hover{transform:translateY(-6px)!important;border-color:#ecc59791!important}
.latest-card{border:1px solid #d8b28030!important;border-radius:14px!important;background:linear-gradient(155deg,#17212e,#111923)!important;box-shadow:0 12px 40px #0004!important}
.closing{background-image:linear-gradient(95deg,#090e16db,#1516209d),url('/wolf-closing.webp')!important;background-position:center!important;background-size:cover!important}
.closing-platforms a{border-radius:10px!important;background:#111a23d9!important;border:1px solid #e8bb8438!important}
.legal-footer{background:#080d14!important;border-top:1px solid #e8bb8438!important}
/* New creator editorial modules */
.ultimate-editorial{width:min(1390px,calc(100% - 48px));margin:0 auto 95px;position:relative}
.ultimate-editorial::before{content:"";position:absolute;left:-30px;top:-30px;bottom:-25px;width:1px;background:linear-gradient(transparent,#b786667a,transparent)}
.ultimate-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.ultimate-kicker{color:#e8b783!important;letter-spacing:.2em!important;text-transform:uppercase;font-size:11px;font-weight:900}
.ultimate-heading h2{font-size:clamp(2.6rem,5vw,5.25rem);line-height:.96;letter-spacing:-.068em;font-weight:950;margin:10px 0 0;text-wrap:balance}
.ultimate-heading h2 em{font-style:normal;color:#e8b783}
.ultimate-textlink{color:#e7c099!important;text-decoration:none;border-bottom:1px solid #e7c0998c;padding-bottom:8px;font-size:13px;font-weight:800;white-space:nowrap}
.ultimate-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ultimate-feature{position:relative;min-height:345px;padding:24px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border-radius:15px;border:1px solid #ffffff32;text-decoration:none!important;color:#fff!important;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.ultimate-feature::before{content:"";z-index:-2;position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s;transform:scale(1.01)}
.ultimate-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02050c42 0%,#05091389 42%,#070c16ed 95%)}
.ultimate-feature-clips::before{background-image:url('/dermarcel19-wolf-hero.webp')}
.ultimate-feature-music::before{background-image:url('/wolf-contact.webp')}
.ultimate-feature-calendar::before{background-image:url('/wolf-support.webp')}
.ultimate-feature-business::before{background-image:url('/marcel-portrait-ruhrpott.webp')}
.ultimate-feature:hover{transform:translateY(-7px);border-color:#ebbf8a;box-shadow:0 22px 52px #0009}
.ultimate-feature:hover::before{transform:scale(1.08)}
.ultimate-feature-id{position:absolute;top:24px;left:24px;letter-spacing:.16em;color:#f3c998;font-size:10px;font-weight:900}
.ultimate-feature-title{font-size:clamp(1.45rem,2.3vw,2.55rem);line-height:1.03;letter-spacing:-.05em;font-weight:950}
.ultimate-feature-desc{font-size:13px;line-height:1.55;color:#cdd3dd;margin-top:13px;max-width:250px}
.ultimate-feature-arrow{position:absolute;right:22px;top:19px;color:#f2c493;font-size:20px}
.ultimate-hub{background:radial-gradient(circle at 70% 0,#563040aa,transparent 45%),linear-gradient(150deg,#0b1019,#121c27)!important;min-height:100vh}
.ultimate-hub::before{background:radial-gradient(circle at 70% 0,#56304088,transparent 42%),#0b1019!important}
@media(max-width:1100px){.ultimate-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ultimate-feature{min-height:300px}.masthead-banner{min-height:74px!important}.hero{min-height:580px!important}}
@media(max-width:700px){.masthead-banner{flex-direction:column!important;gap:2px!important;padding:13px!important;min-height:94px!important}.masthead-brand{font-size:32px!important}.masthead-kicker,.masthead-subline{font-size:8px!important}.hero{min-height:auto!important;padding:46px 0 65px!important}.hero h1{font-size:clamp(3.3rem,14vw,5.2rem)!important}.hero-art{margin-top:30px!important}.art-frame{border-radius:30% 30% 12px 12px!important}.dm19-control-band{width:calc(100% - 28px)!important;margin-bottom:60px!important}.ultimate-editorial{width:calc(100% - 28px);margin-bottom:60px}.ultimate-heading{align-items:start;flex-direction:column}.ultimate-heading h2{font-size:clamp(2.35rem,10vw,3.6rem)}.ultimate-feature-grid{grid-template-columns:1fr 1fr;gap:10px}.ultimate-feature{min-height:250px;padding:15px}.ultimate-feature-id{top:16px;left:15px;font-size:8px}.ultimate-feature-arrow{top:10px;right:12px}.ultimate-feature-title{font-size:clamp(1.2rem,4vw,1.9rem)}.ultimate-feature-desc{font-size:11px}}
@media(max-width:410px){.ultimate-feature-grid{grid-template-columns:1fr}.ultimate-feature{min-height:245px}.ultimate-feature-title{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.ultimate-feature,.ultimate-feature::before,.hero-actions .button{transition:none!important;transform:none!important}}
/* Premium interior pages: the existing content and SEO remain intact */
.seo-page,.cooperation-page{background:radial-gradient(circle at 75% 7%,#813e4a25,transparent 35%),#0a1019!important;color:#f4f1eb!important}
.subpage-header{background:#0e1621e8!important;backdrop-filter:blur(15px);border-bottom:1px solid #e9b87c3b!important}
.seo-subnav{background:#0e1621!important;border-bottom:1px solid #ffffff1e!important}
.seo-subnav a,.subpage-header a{transition:color .2s ease}
.seo-subnav a:hover,.subpage-header a:hover{color:#efc48d!important}
.seo-hero,.cooperation-hero{position:relative;border-bottom:1px solid #e5b68830!important;background-blend-mode:normal;isolation:isolate}
.seo-hero::after,.cooperation-hero::after{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,transparent,#bc5568 40%,#ddb083 60%,transparent);opacity:.7;pointer-events:none}
.seo-hero h1,.cooperation-hero h1{letter-spacing:-.075em!important;line-height:1.02!important;text-wrap:balance}
.seo-content-section,.seo-dark-section,.cooperation-offers,.cooperation-values,.cooperation-contact{scroll-margin-top:95px}
.seo-page a:focus-visible,.cooperation-page a:focus-visible{outline:3px solid #f0c18a;outline-offset:3px}
.seo-page .seo-quote-section{border-top:1px solid #d4a67833!important}
.ultimate-skip{position:absolute;left:12px;top:-80px;z-index:999;background:#f3c18b;color:#121620!important;border-radius:8px;font-weight:900;padding:12px 20px;text-decoration:none}
.ultimate-skip:focus{top:8px}
@media(max-width:700px){.hero-copy{padding-left:18px!important;padding-right:18px!important;max-width:100%!important}.hero h1{font-size:clamp(3rem,12vw,4.6rem)!important}.hero-actions{gap:10px!important}.hero .hero-intro{font-size:1rem!important}.hero-art{max-width:calc(100% - 36px)!important;margin-inline:auto!important}}