/*
Theme Name: Michael Meier Editorial
Theme URI: https://michaelmeier.pro
Author: Michael Meier
Description: Individuelles Editorial-Theme für die Personal Brand Michael Meier.
Version: 1.0.0
Text Domain: mm-editorial
*/

:root{--mm-ink:#090909;--mm-paper:#f2f1ec;--mm-white:#fff;--mm-blue:#0a41ff;--mm-muted:#706f69;--mm-line:rgba(9,9,9,.2);--mm-pad:clamp(18px,3.1vw,52px);--mm-display:Arial Black,Arial,Helvetica,sans-serif;--mm-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mm-paper);color:var(--mm-ink);font-family:var(--mm-sans);font-size:16px;line-height:1.45}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.mm-shell{padding-inline:var(--mm-pad)}
.site-header{position:fixed;z-index:50;inset:0 0 auto;background:rgba(242,241,236,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--mm-ink);height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--mm-pad);text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:800}.brand{display:flex;align-items:center;gap:12px}.brand__mark{display:grid;place-items:center;width:34px;height:34px;background:var(--mm-blue);color:#fff;font-size:12px}.main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--mm-blue);transition:right .25s}.main-nav a:hover:after{right:0}.header-status{text-align:right}.header-status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mm-blue);margin-right:8px}.menu-toggle{display:none;border:0;background:none;font:inherit;text-transform:uppercase;letter-spacing:.12em}
.hero{min-height:100svh;padding:120px var(--mm-pad) 40px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:clamp(28px,4vw,72px);position:relative;overflow:hidden;border-bottom:1px solid var(--mm-ink)}.hero__copy{display:flex;flex-direction:column;min-width:0}.eyebrow{display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow:before{content:"";width:46px;height:4px;background:var(--mm-blue)}.hero h1{font-family:var(--mm-display);font-size:clamp(52px,8.3vw,138px);letter-spacing:-.08em;line-height:.78;text-transform:uppercase;margin:auto 0 0}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:2px var(--mm-ink)}.hero__claim{font-size:clamp(46px,7vw,116px);font-family:var(--mm-display);font-weight:900;letter-spacing:-.075em;line-height:.8;margin:clamp(70px,11vh,130px) 0 30px;max-width:950px}.hero__claim strong{color:var(--mm-blue)}
.portrait{position:relative;background:var(--mm-ink) url('assets/portrait-hero.jpeg') center 24%/cover no-repeat;min-height:540px;overflow:hidden;isolation:isolate;filter:contrast(1.06)}.portrait:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,65,255,.78) 0,rgba(10,65,255,.18) 22%,transparent 47%)}.portrait__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:48px 48px;mix-blend-mode:overlay}.portrait__mm{position:absolute;left:20px;bottom:14px;font-family:var(--mm-display);font-size:clamp(78px,8vw,132px);line-height:.72;color:#fff;letter-spacing:-.12em;transform:none;mix-blend-mode:normal;opacity:.9}.portrait__label{position:absolute;left:22px;top:22px;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:800}.portrait__caption{position:absolute;right:22px;bottom:22px;color:#fff;writing-mode:vertical-rl;text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:800}.portrait__circle{position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:-92px;top:46%;box-shadow:0 0 0 30px rgba(255,255,255,.05),0 0 0 60px rgba(255,255,255,.03);animation:mmOrbit 16s linear infinite}
.ticker{overflow:hidden;white-space:nowrap;background:var(--mm-ink);color:#fff;padding:12px 0;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800}.ticker__track{display:inline-block;animation:mmTicker 28s linear infinite}.ticker b{color:#7391ff;margin:0 22px}
.manifesto{display:grid;grid-template-columns:.42fr 1.58fr;gap:36px;padding:clamp(90px,13vw,190px) var(--mm-pad);border-bottom:1px solid var(--mm-ink)}.section-index{text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--mm-muted)}.manifesto__text{font-size:clamp(36px,5.8vw,92px);letter-spacing:-.065em;line-height:.98;font-weight:900;margin:0;max-width:1220px}.manifesto__text em{font-style:normal;color:var(--mm-blue)}
.worlds{padding:0 var(--mm-pad) clamp(100px,12vw,180px)}.section-head{display:flex;justify-content:space-between;align-items:end;padding:28px 0 24px;border-bottom:1px solid var(--mm-ink)}.section-head h2{font-family:var(--mm-display);font-size:clamp(42px,7vw,108px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;margin:0}.section-head p{max-width:440px;margin:0 0 5px;font-size:14px}.world-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0}.world{position:relative;min-height:590px;padding:22px;border-right:1px solid var(--mm-ink);border-bottom:1px solid var(--mm-ink);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background-position:center;background-size:cover;isolation:isolate}.world:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.28) 35%,rgba(0,0,0,.92));z-index:-1;transition:background .35s}.world:hover:before{background:linear-gradient(180deg,rgba(10,65,255,.28),rgba(10,65,255,.56) 45%,rgba(5,25,100,.96))}.world:first-child{border-left:1px solid var(--mm-ink)}.world:nth-child(1){grid-column:span 3}.world:nth-child(2){grid-column:span 3}.world:nth-child(3){grid-column:span 3}.world:nth-child(4){grid-column:span 3}.world--digital{background-image:url('assets/topic-digital.jpeg')}.world--business{background-image:url('assets/topic-business.jpeg')}.world--wine{background-image:url('assets/topic-wine.jpeg')}.world--civic{background-image:url('assets/topic-civic.jpeg')}.world__no{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.world__content{margin-top:auto}.world h3{font-family:var(--mm-display);font-size:clamp(34px,3.5vw,60px);line-height:.86;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 24px;transform:rotate(-3deg);transform-origin:left bottom}.world p{font-size:13px;line-height:1.5;max-width:280px;margin:0}.world__symbol{position:absolute;right:-15px;top:70px;font-family:var(--mm-display);font-size:180px;line-height:1;color:transparent;-webkit-text-stroke:1px currentColor;opacity:.28;transform:rotate(12deg)}
.feature{background:var(--mm-blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:720px}.feature__visual{position:relative;overflow:hidden;background:#050505 url('assets/weinlese-editorial-web.jpeg') center center/auto 100% no-repeat;filter:grayscale(1) contrast(1.08);transition:filter 1.1s ease,background-size 1.4s ease}.feature__visual:hover{filter:grayscale(0) contrast(1);background-size:auto 104%}.feature__visual:after{content:"WEIN\A & HEIMAT";white-space:pre;position:absolute;left:clamp(18px,3vw,48px);bottom:clamp(18px,3vw,44px);font-family:var(--mm-display);font-size:clamp(54px,8vw,128px);line-height:.72;letter-spacing:-.075em;color:#fff;mix-blend-mode:difference}.feature__copy{padding:var(--mm-pad);display:flex;flex-direction:column;justify-content:space-between}.feature__copy .section-index{color:rgba(255,255,255,.72)}.feature h2{font-family:var(--mm-display);font-size:clamp(54px,7vw,116px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:.5em 0}.feature p{max-width:520px;font-size:clamp(17px,1.5vw,23px)}.text-link{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:800}.text-link:after{content:"↗";display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;transition:.25s}.text-link:hover:after{transform:rotate(45deg);background:currentColor;color:var(--mm-blue)}
.journal{padding:clamp(100px,12vw,180px) var(--mm-pad)}.articles{display:grid;grid-template-columns:1.15fr .85fr .85fr;border-top:1px solid var(--mm-ink);margin-top:22px}.article-card{padding:24px;min-height:450px;border-right:1px solid var(--mm-ink);display:flex;flex-direction:column;justify-content:space-between;position:relative}.article-card:last-child{border-right:0}.article-card__image{display:block;height:180px;margin:-24px -24px 22px;overflow:hidden}.article-card__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .35s,transform .5s}.article-card:hover .article-card__image img{filter:grayscale(0);transform:scale(1.025)}.article-card__meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.article-card h3{font-family:var(--mm-display);font-size:clamp(34px,4vw,68px);line-height:.89;letter-spacing:-.055em;margin:auto 0 24px}.article-card p{font-size:13px;max-width:350px}.article-card:hover h3{color:var(--mm-blue)}
.principle{background:var(--mm-ink);color:#fff;padding:clamp(90px,13vw,180px) var(--mm-pad);overflow:hidden}.principle__small{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#aaa}.principle blockquote{font-family:var(--mm-display);font-size:clamp(56px,10vw,172px);line-height:.77;letter-spacing:-.08em;text-transform:uppercase;margin:.35em 0 0}.principle blockquote span{color:var(--mm-blue)}
.about{display:grid;grid-template-columns:.34fr 1.1fr .62fr;padding:clamp(90px,12vw,170px) var(--mm-pad);gap:40px}.about__copy{max-width:900px}.about h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.06em;line-height:1;margin:0 0 .5em}.about p{font-size:clamp(18px,1.6vw,25px);max-width:760px}.about__facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mm-ink);margin-top:50px}.about__portrait{min-height:560px;background:var(--mm-ink) url('assets/portrait-person.jpeg') center 20%/cover no-repeat;position:relative;overflow:hidden}.about__portrait:after{content:"04 / PERSON";position:absolute;left:18px;bottom:18px;background:var(--mm-blue);color:#fff;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.14em}.fact{padding:15px 12px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.fact b{display:block;font-size:28px;letter-spacing:-.04em;color:var(--mm-blue);text-transform:none}
.site-footer{background:var(--mm-blue);color:#fff;padding:44px var(--mm-pad) 28px}.footer__top{display:grid;grid-template-columns:1fr auto;align-items:end}.footer__top h2{font-family:var(--mm-display);font-size:clamp(62px,11vw,180px);line-height:.73;letter-spacing:-.085em;text-transform:uppercase;margin:0}.footer__links{list-style:none;margin:0 0 10px;padding:0;text-align:right;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:800}.footer__links li+li{margin-top:8px}.footer__bottom{border-top:1px solid rgba(255,255,255,.55);margin-top:38px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.content-page{padding:140px var(--mm-pad) 100px;max-width:1180px;margin:auto}.content-page h1{font-family:var(--mm-display);font-size:clamp(58px,9vw,140px);line-height:.8;letter-spacing:-.075em;text-transform:uppercase}.content-page__body{max-width:760px;font-size:18px}.content-page__body h2{font-size:42px;letter-spacing:-.04em}.content-page__body a{text-decoration:underline;text-decoration-color:var(--mm-blue);text-decoration-thickness:2px}.post-list{display:grid;gap:1px;background:var(--mm-line);border:1px solid var(--mm-ink)}.post-list article{background:var(--mm-paper);padding:32px}.post-list h2{font-size:clamp(30px,5vw,70px);margin:0}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes mmTicker{to{transform:translateX(-50%)}}@keyframes mmOrbit{to{transform:rotate(360deg)}}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.site-header{grid-template-columns:1fr auto;height:64px}.header-status{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--mm-paper);border-bottom:1px solid var(--mm-ink);padding:20px var(--mm-pad)}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:16px}.hero{grid-template-columns:1fr;padding-top:100px}.portrait{min-height:520px;background-position:center 20%}.manifesto{grid-template-columns:1fr}.world:nth-child(n){grid-column:span 6}.feature{grid-template-columns:1fr}.feature__visual{min-height:480px}.articles{grid-template-columns:1fr}.article-card{border-right:0;border-bottom:1px solid var(--mm-ink);min-height:340px}.about{grid-template-columns:1fr}.about__portrait{min-height:620px;max-width:520px;width:100%}.footer__top{grid-template-columns:1fr}.footer__links{text-align:left;margin-top:45px}}
@media(max-width:560px){.hero h1{font-size:21vw}.world:nth-child(n){grid-column:span 12;border-left:1px solid var(--mm-ink)}.section-head{display:block}.section-head p{margin-top:20px}.feature__visual{min-height:370px}.about__facts{grid-template-columns:1fr}.fact{border-bottom:1px solid var(--mm-line);padding:14px 0}.footer__bottom{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}