/* MGROOVE Editorial — analog energy, modern editorial structure */
:root{--mg-ink:#151515;--mg-paper:#F5F1E8;--mg-orange:#FF5C00;--mg-muted:#77736D;--mg-line:rgba(21,21,21,.22);--mg-max:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mg-paper);color:var(--mg-ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:var(--mg-orange)}
img{max-width:100%;height:auto}
.wp-site-blocks{overflow:hidden}
.mg-header-wrap{max-width:none!important;padding:0 4.2vw;border-bottom:1px solid var(--mg-line)}
.mg-header{max-width:var(--mg-max);min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.mg-wordmark{display:inline-flex;flex-direction:column;font-weight:950;font-size:clamp(1.65rem,2.4vw,2.2rem);letter-spacing:-.09em;line-height:.9}
.mg-wordmark span{font-size:.45em;vertical-align:top;letter-spacing:0}
.mg-wordmark small{font-size:.48rem;letter-spacing:.11em;margin-top:9px;font-weight:700}
.mg-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.2vw,32px);font-size:.69rem;font-weight:800;letter-spacing:.055em}
.mg-header__cta{font-size:.7rem;font-weight:800;border:1px solid var(--mg-ink);padding:12px 15px;white-space:nowrap}
.mg-main{max-width:none}
.mg-hero{padding:24px 4.2vw 0}
.mg-hero__topline,.mg-article__byline,.mg-footer__bottom{display:flex;justify-content:space-between;gap:16px;font-size:.64rem;letter-spacing:.1em;font-weight:800}
.mg-hero__topline{padding:0 0 17px;border-bottom:1px solid var(--mg-line)}
.mg-hero__grid{max-width:var(--mg-max);margin:auto;display:grid;grid-template-columns:1.04fr .96fr;gap:4vw;align-items:center;padding:clamp(44px,7vw,100px) 0}
.mg-kicker{font-size:.68rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase;margin:0 0 22px}
.mg-hero h1{font-size:clamp(4rem,9.4vw,9.6rem);letter-spacing:-.095em;line-height:.78;margin:0 0 32px;font-weight:950}
.mg-hero h1 em,.mg-manifesto em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}
.mg-hero h1 em{color:var(--mg-orange)}
.mg-hero__intro{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.5;max-width:440px;margin:0 0 28px}
.mg-button{display:inline-flex;align-items:center;gap:24px;background:var(--mg-orange);color:var(--mg-ink);padding:16px 18px;font-size:.7rem;letter-spacing:.07em;font-weight:900;transition:transform .2s ease}
.mg-button:hover{color:var(--mg-ink);transform:translateY(-3px)}
.mg-button span{font-size:1.1rem}
.mg-hero__visual{position:relative;min-width:0}
.mg-hero__image-placeholder{aspect-ratio:4/4.6;background:linear-gradient(145deg,rgba(0,0,0,.1),rgba(0,0,0,.65)),radial-gradient(ellipse at 72% 30%,#ff9d53 0%,#a53d17 22%,#38251f 48%,#151515 75%);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.mg-hero__image-placeholder:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");opacity:.24;pointer-events:none}
.mg-hero__image-placeholder span{font-size:clamp(2rem,4vw,4.4rem);line-height:.83;font-weight:950;letter-spacing:-.08em;max-width:400px;z-index:1}
.mg-hero__image-placeholder small{font-size:.62rem;letter-spacing:.12em;z-index:1}
.mg-sticker{position:absolute;right:-20px;top:14%;width:105px;height:105px;border-radius:50%;background:var(--mg-orange);display:grid;place-content:center;text-align:center;font-size:.77rem;line-height:1.05;font-weight:950;transform:rotate(10deg);box-shadow:0 0 0 6px var(--mg-paper)}
.mg-ticker{background:var(--mg-orange);margin:0 -4.5vw;padding:13px 0;overflow:hidden;white-space:nowrap;font-size:.8rem;font-weight:950;letter-spacing:.06em}
.mg-ticker div{display:inline-block;animation:mg-marquee 35s linear infinite}
@keyframes mg-marquee{to{transform:translateX(-35%)}}
.mg-section{padding:clamp(60px,8vw,112px) 4.2vw;max-width:none}
.mg-section__head{max-width:var(--mg-max);margin:0 auto 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.mg-section__head h2,.mg-social h2{font-size:clamp(2.7rem,6vw,6.5rem);line-height:.82;letter-spacing:-.085em;margin:0;font-weight:950}
.mg-section__head h2 span,.mg-social h2 span,.mg-archive__title span{color:var(--mg-orange)}
.mg-text-link{font-size:.7rem;letter-spacing:.07em;font-weight:900;border-bottom:2px solid var(--mg-orange);padding-bottom:7px;white-space:nowrap}
.wp-block-query.mg-post-grid{max-width:var(--mg-max);margin:0 auto}
.mg-post-grid .wp-block-post-template{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 22px}
.mg-card{min-width:0}
.mg-card__image{margin:0 0 17px!important;overflow:hidden;background:#ded7ca}
.mg-card__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block;filter:saturate(.82);transition:transform .5s ease,filter .3s ease}
.mg-card:hover .mg-card__image img{transform:scale(1.035);filter:saturate(1.08)}
.mg-card__category,.mg-card .wp-block-post-terms{font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--mg-orange);margin:0 0 12px}
.mg-card__title{font-size:clamp(1.35rem,2.1vw,2.15rem);line-height:.98;letter-spacing:-.055em;margin:0 0 12px;font-weight:950}
.mg-card__title a:hover{color:var(--mg-orange)}
.mg-card__excerpt{font-size:.9rem;line-height:1.5;color:#5e5a54;margin:0 0 18px}
.mg-card__meta{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;border-top:1px solid var(--mg-line);padding-top:12px}
.mg-read-more{font-weight:900}
.mg-empty-state{padding:50px;border:1px dashed var(--mg-line);font-weight:800;text-align:center}
.mg-manifesto{background:var(--mg-orange);padding:clamp(45px,7vw,100px) 8vw;position:relative}
.mg-manifesto__label{font-size:.66rem;letter-spacing:.12em;font-weight:900}
.mg-manifesto>p{font-size:clamp(3.6rem,10vw,10rem);line-height:.78;letter-spacing:-.1em;font-weight:950;margin:50px 0}
.mg-manifesto em{color:var(--mg-paper)}
.mg-manifesto__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font-size:.75rem;font-weight:800;line-height:1.45}
.mg-manifesto__bottom a{border-bottom:1px solid;padding-bottom:5px}
.mg-section--dark{background:var(--mg-ink);color:var(--mg-paper)}
.mg-section--dark .mg-kicker{color:var(--mg-orange)}
.mg-section__note{max-width:280px;font-size:.9rem;line-height:1.5;margin:0}
.mg-topic-grid{max-width:var(--mg-max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(245,241,232,.3);border-bottom:1px solid rgba(245,241,232,.3)}
.mg-topic{padding:24px 18px 22px 0;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(245,241,232,.3);padding-left:18px;transition:background .2s,color .2s}
.mg-topic:first-child{padding-left:0}
.mg-topic:last-child{border-right:0}
.mg-topic span{font-size:.68rem;color:var(--mg-orange);font-weight:900}
.mg-topic strong{font-size:clamp(1.8rem,3.2vw,3.7rem);line-height:.82;letter-spacing:-.07em}
.mg-topic i{font-size:1.4rem;font-style:normal;align-self:flex-end}
.mg-topic:hover{background:var(--mg-orange);color:var(--mg-ink);padding-right:12px}
.mg-topic:hover span{color:var(--mg-ink)}
.mg-social{padding:clamp(60px,8vw,110px) 8vw;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.mg-social .mg-kicker{margin-bottom:24px}
.mg-social h2{font-size:clamp(2.7rem,6vw,6rem)}
.mg-social>div>p:last-child{max-width:400px;line-height:1.5}
.mg-button--dark{background:var(--mg-ink);color:var(--mg-paper);white-space:nowrap}
.mg-button--dark:hover{color:var(--mg-paper)}
.mg-footer{background:var(--mg-ink);color:var(--mg-paper);padding:50px 4.2vw 20px}
.mg-footer__top,.mg-footer__bottom{max-width:var(--mg-max);margin:auto;display:flex;justify-content:space-between;gap:30px}
.mg-wordmark--footer{font-size:clamp(2.5rem,5vw,5rem);color:var(--mg-paper)}
.mg-footer__top p{font-size:.66rem;line-height:1.5;letter-spacing:.1em;font-weight:800;color:#aaa49b}
.mg-footer__links{display:flex;flex-wrap:wrap;gap:20px;align-content:flex-start;font-size:.68rem;font-weight:900;letter-spacing:.05em}
.mg-footer__bottom{margin-top:55px;padding-top:17px;border-top:1px solid rgba(245,241,232,.25);font-size:.59rem;color:#aaa49b}
.mg-wrap{max-width:var(--mg-max);margin:auto;padding:70px 4.2vw 100px}
.mg-archive__title{font-size:clamp(4rem,10vw,9rem);line-height:.78;letter-spacing:-.1em;margin:0 0 55px;font-weight:950}
.mg-archive .wp-block-query-title{font-size:clamp(3rem,8vw,7rem);letter-spacing:-.08em}
.mg-article__head{padding-top:65px;padding-bottom:38px}
.mg-article__title{font-size:clamp(3rem,8.8vw,8.8rem);letter-spacing:-.095em;line-height:.83;margin:18px 0 26px;font-weight:950;max-width:1100px}
.mg-article__standfirst{font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.35;max-width:760px}
.mg-article__byline{border-top:1px solid var(--mg-line);padding-top:16px;margin-top:30px}
.mg-article__hero{margin:0!important}
.mg-article__hero img{display:block;width:100%;max-height:760px;object-fit:cover}
.mg-article__content{padding:50px 24px 80px;font-size:1.08rem;line-height:1.8}
.mg-article__content .wp-block-post-content{max-width:760px;margin:auto}
.mg-article__content h2,.mg-article__content h3{line-height:1.05;letter-spacing:-.045em;margin-top:2em}
.mg-article__content p{margin:0 0 1.5em}
.mg-article__content blockquote{border-left:5px solid var(--mg-orange);padding-left:25px;margin:2em 0;font-family:Georgia,serif;font-size:1.6rem;line-height:1.3}
.mg-article__end{border-top:1px solid var(--mg-line);padding:22px 4.2vw;display:flex;justify-content:space-between;gap:18px;font-size:.67rem;font-weight:900;letter-spacing:.06em}
.mg-page__content{padding-top:25px;line-height:1.8}
.wp-block-post-date{font-size:.68rem;color:var(--mg-muted)}
.wp-block-query-pagination{margin-top:50px;font-weight:900;font-size:.75rem}
@media(max-width:900px){
 .mg-header{min-height:78px;flex-wrap:wrap;padding:14px 0;gap:14px}
 .mg-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:4px 0 8px;gap:22px}
 .mg-header__cta{margin-left:auto}
 .mg-hero__grid{gap:28px}
 .mg-hero h1{font-size:clamp(3.8rem,10vw,7rem)}
 .mg-post-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}
 .mg-topic-grid{grid-template-columns:repeat(2,1fr)}
 .mg-topic:nth-child(2){border-right:0}
 .mg-topic:nth-child(-n+2){border-bottom:1px solid rgba(245,241,232,.3)}
 .mg-topic{min-height:175px}
 .mg-social{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .mg-header-wrap{padding:0 5vw}
 .mg-header{gap:12px}
 .mg-wordmark{font-size:1.8rem}
 .mg-wordmark small{font-size:.42rem}
 .mg-header__cta{padding:10px 11px;font-size:.62rem}
 .mg-nav{gap:19px;font-size:.62rem}
 .mg-hero{padding:18px 5vw 0}
 .mg-hero__topline{font-size:.51rem;letter-spacing:.05em}
 .mg-hero__grid{grid-template-columns:1fr;padding:42px 0 35px;gap:36px}
 .mg-hero h1{font-size:clamp(4rem,18vw,6.8rem);margin-bottom:25px}
 .mg-hero__intro{font-size:1rem}
 .mg-hero__image-placeholder{aspect-ratio:4/3.8}
 .mg-sticker{right:8px;width:84px;height:84px;font-size:.65rem}
 .mg-ticker{font-size:.68rem}
 .mg-section{padding:60px 5vw}
 .mg-section__head{align-items:flex-start;flex-direction:column;margin-bottom:30px}
 .mg-section__head h2,.mg-social h2{font-size:clamp(3rem,13vw,5rem)}
 .mg-post-grid .wp-block-post-template{grid-template-columns:1fr;gap:38px}
 .mg-card__title{font-size:2rem}
 .mg-manifesto{padding:45px 6vw}
 .mg-manifesto>p{font-size:clamp(3.6rem,16vw,6rem);margin:45px 0}
 .mg-manifesto__bottom{align-items:flex-start;flex-direction:column}
 .mg-topic-grid{grid-template-columns:1fr 1fr}
 .mg-topic{min-height:145px;padding:16px 10px 16px 12px}
 .mg-topic:first-child{padding-left:0}
 .mg-topic strong{font-size:clamp(1.6rem,8vw,2.5rem)}
 .mg-section__note{max-width:100%}
 .mg-social{padding:60px 5vw;gap:25px}
 .mg-footer{padding:40px 5vw 18px}
 .mg-footer__top{flex-direction:column}
 .mg-footer__links{gap:15px}
 .mg-footer__bottom{margin-top:35px;font-size:.5rem;flex-direction:column;gap:9px}
 .mg-wrap{padding:50px 5vw 70px}
 .mg-archive__title{font-size:clamp(4rem,19vw,6rem);margin-bottom:38px}
 .mg-article__head{padding-top:45px;padding-bottom:25px}
 .mg-article__title{font-size:clamp(3.3rem,15vw,6rem)}
 .mg-article__byline{font-size:.54rem}
 .mg-article__content{padding:35px 5vw 55px;font-size:1rem}
 .mg-article__end{padding:18px 5vw;flex-direction:column;font-size:.59rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mg-ticker div{animation:none}.mg-card__image img,.mg-button{transition:none}}
