/*
Theme Name: GMC Editorial
Description: Editorial WordPress theme for Grey Matter Collective.
Version: 2.1.0
Text Domain: gmc-editorial
*/
@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#11110f;--paper:#f2f0e9;--acid:#e7ff00;--grey:#9b9b95;--rule:rgba(17,17,15,.28);--pad:clamp(1.1rem,3vw,3.5rem);--sans:Inter,Arial,Helvetica,sans-serif;--serif:georgiapro,Georgia,'Times New Roman',serif}
.gmc-label{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.wp-site-blocks{padding:0}
.top{position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem var(--pad);color:#fff;mix-blend-mode:difference;font-size:.76rem;letter-spacing:.11em;text-transform:uppercase}.top .logo{font-weight:800}.top nav{display:flex;gap:1.5rem}.top .place{text-align:right}.menu{display:none;background:none;border:0;color:inherit;text-transform:uppercase;letter-spacing:.11em}.top .mobile-navigation{display:none}
.hero{position:relative;min-height:100svh;background:#0b0b0a;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.08))}.hero-copy{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem var(--pad) 2.2rem}.eyebrow,.label{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.hero h1{font-size:clamp(4rem,12vw,11.5rem);line-height:.79;letter-spacing:-.065em;margin:.55rem 0 1.5rem;text-transform:uppercase;max-width:12ch}.hero h1 em{font-family:var(--serif);font-weight:400;text-transform:none}.hero-foot{border-top:1px solid rgba(255,255,255,.55);padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;font-size:.88rem}.scroll{justify-self:end}
.manifesto{padding:clamp(6rem,12vw,11rem) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.manifesto p{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,5.6vw,6.5rem);line-height:.96;letter-spacing:-.045em}.manifesto p span{background:var(--acid);padding:0 .08em}
.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding:0 0 .85rem;margin:0 var(--pad) 1.2rem}.section-head h2{font-size:clamp(2.2rem,5vw,5rem);letter-spacing:-.055em;line-height:.9;text-transform:uppercase;margin:0}.count{font-family:var(--serif);font-weight:600;font-size:1.2rem}
.work-grid{padding:0 var(--pad) 8rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.case{position:relative;min-height:38rem;background:#20201e;color:#fff;overflow:hidden}.case:first-child{grid-column:1/9}.case:nth-child(2){grid-column:9/13;margin-top:9rem}.case:nth-child(3){grid-column:3/13;margin-top:1rem;min-height:30rem;background:var(--acid);color:var(--ink)}.case img{filter:grayscale(1);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.case:hover img{transform:scale(1.025);filter:grayscale(.2)}.case-copy{position:absolute;inset:auto 0 0;padding:1.2rem;background:linear-gradient(transparent,rgba(0,0,0,.82));display:grid;grid-template-columns:1fr auto;align-items:end}.case-copy h3{margin:2rem 0 .2rem;font-size:clamp(1.6rem,3vw,3.8rem);letter-spacing:-.04em}.case-copy p{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.case.placeholder{display:grid;place-items:center;padding:3rem}.placeholder .mark{font-size:clamp(4rem,12vw,12rem);letter-spacing:-.08em;font-weight:900}.placeholder .case-copy{background:none}
.capabilities{background:var(--ink);color:var(--paper);padding:7rem var(--pad)}.cap-intro{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:5rem}.cap-intro h2{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.05em;margin:0}.cap-list{border-top:1px solid rgba(255,255,255,.3)}.cap-row{display:grid;grid-template-columns:3rem 1fr 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid rgba(255,255,255,.3);align-items:baseline}.cap-row h3{font-size:clamp(1.5rem,3vw,3.4rem);margin:0;letter-spacing:-.04em;font-weight:500}.cap-row p{margin:0;color:#aaa;font-size:.9rem;line-height:1.5}
.people{display:grid;grid-template-columns:1.2fr 1fr;min-height:90svh}.people-image{min-height:55rem}.people-copy{padding:7rem var(--pad);display:flex;flex-direction:column;justify-content:space-between}.people-copy h2{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.82;letter-spacing:-.07em;margin:0;text-transform:uppercase}.people-copy h2 em{font-family:var(--serif);font-weight:400;text-transform:none}.people-copy .bio{max-width:34rem;font-family:var(--serif);font-weight:300;font-size:clamp(1.35rem,2vw,2rem);line-height:1.2}.names{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid;padding-top:1rem}.names b{display:block;text-transform:uppercase}.names span{font-size:.8rem;color:#666}
.pov{background:var(--acid);padding:8rem var(--pad)}.pov .label{display:block;margin-bottom:5rem}.quote{font-size:clamp(3.5rem,9vw,10rem);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;font-weight:800;margin:0}.quote em{font-family:var(--serif);font-weight:400;text-transform:none}.pov-foot{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr}.pov-foot p{max-width:36rem;font-size:1.1rem;line-height:1.55;grid-column:2}
.timeline{padding:7rem var(--pad)}.timeline-grid{margin-top:4rem}.moment{display:grid;grid-template-columns:10rem 1fr 1fr;gap:2rem;border-top:1px solid;padding:1.25rem 0}.year{font-family:var(--serif);font-weight:600;font-size:1.7rem}.moment h3{font-size:clamp(1.4rem,2.6vw,2.8rem);margin:0;letter-spacing:-.035em}.moment p{margin:.3rem 0;color:#555;line-height:1.5;max-width:35rem}
.thinking{padding:7rem var(--pad);background:#d8d7d0}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.article{border-top:1px solid;padding-top:1rem;min-height:17rem;display:flex;flex-direction:column;justify-content:space-between}.article h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.03;margin:0}.article small{text-transform:uppercase;letter-spacing:.1em}
.contact{background:var(--ink);color:#fff;padding:7rem var(--pad) 2rem}.contact h2{font-size:clamp(4.5rem,13vw,13rem);line-height:.77;letter-spacing:-.08em;text-transform:uppercase;margin:0}.contact h2 em{font-family:var(--serif);font-weight:400;text-transform:none;color:var(--acid)}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:7rem;padding-top:1rem;border-top:1px solid #555}.contact-row a{font-size:clamp(1.3rem,2vw,2.2rem)}.contact-meta{display:flex;justify-content:space-between;align-items:end;margin-top:7rem;color:#aaa;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.gmc-page-hero{padding:clamp(9rem,18vw,15rem) var(--pad) 5rem;border-bottom:1px solid}.gmc-title{font-size:clamp(4rem,12vw,11rem);line-height:.8;letter-spacing:-.065em;text-transform:uppercase;margin:.6rem 0}.gmc-title em{font-family:var(--serif);font-weight:400;text-transform:none}.gmc-page-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:6rem var(--pad)}.gmc-page-content{font-family:var(--serif);font-weight:300;font-size:1.25rem;line-height:1.55;max-width:52rem}.gmc-page-content h2{font-family:var(--sans);font-size:clamp(2rem,4vw,4rem);letter-spacing:-.04em;line-height:1;margin-top:3.5rem}.gmc-note{background:var(--acid);font-family:var(--sans);font-weight:700;padding:1.1rem;margin-bottom:2rem}.gmc-field{background:#dfddd6;border-bottom:1px solid;padding:.1rem .3rem}
.reveal{opacity:0;transform:translateY(35px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.top{grid-template-columns:1fr auto}.top>nav:not(.mobile-navigation),.top .place{display:none}.menu{display:block}.mobile-navigation{position:fixed;inset:3.6rem 0 auto;background:var(--ink);color:#fff;mix-blend-mode:normal;padding:2rem var(--pad);flex-direction:column;gap:1rem!important;font-size:1.25rem}.mobile-navigation.open{display:flex}.hero-foot,.manifesto,.cap-intro,.people,.pov-foot,.contact-row,.gmc-page-grid{grid-template-columns:1fr}.manifesto{gap:3rem}.work-grid{display:block}.case,.case:first-child,.case:nth-child(2),.case:nth-child(3){min-height:70svh;margin:0 0 1rem}.case:nth-child(2){min-height:90svh}.cap-row{grid-template-columns:2.2rem 1fr}.cap-row p{grid-column:2}.people-image{min-height:75svh}.people-copy{min-height:75svh}.moment{grid-template-columns:5rem 1fr}.moment p{grid-column:2}.articles{grid-template-columns:1fr}.article{min-height:13rem}.pov-foot p{grid-column:1}.contact h2{font-size:clamp(4rem,20vw,7rem)}.contact-meta{align-items:flex-start;flex-direction:column;gap:1rem}}
@media(max-width:800px){.top .mobile-navigation.open{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.case img{transition:none}}