/*
Theme Name: Mark Cross Story
Theme URI: https://markcross.co/
Author: Mark Cross
Description: Visual personal story and reputation site for Mark Cross.
Version: 3.0.0
Text Domain: markcross
*/
:root{--ink:#101116;--paper:#f5f0e8;--cream:#fff9ef;--orange:#ef6b32;--blue:#244dff;--violet:#6d3cff;--lime:#c9ef59;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%}.wrap{width:min(calc(100% - 38px),var(--max));margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(16,17,22,.78);backdrop-filter:blur(14px);color:#fff}.nav{height:66px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;letter-spacing:-.04em;text-decoration:none}.menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;font-weight:700;font-size:.88rem}
.hero{min-height:100svh;background:linear-gradient(120deg,rgba(9,10,14,.9),rgba(9,10,14,.32)),url("https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=2000&q=85") center/cover;color:white;display:flex;align-items:flex-end;padding:120px 0 65px;position:relative}.hero:after{content:"MC";position:absolute;right:1vw;top:5vh;font-size:32vw;font-weight:950;letter-spacing:-.13em;line-height:1;color:rgba(255,255,255,.07)}.hero-inner{position:relative;z-index:2}.kicker{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(5.5rem,17vw,13rem);line-height:.72;letter-spacing:-.085em;margin:22px 0 35px}.hero-copy{font-size:clamp(1.25rem,2.4vw,2rem);max-width:760px;line-height:1.25}.scroll{display:inline-block;margin-top:35px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:800}
.chapter{min-height:80vh;display:flex;align-items:center;padding:100px 0;overflow:hidden}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.num{font-size:.75rem;letter-spacing:.2em;font-weight:900;text-transform:uppercase;margin-bottom:22px}.chapter h2{font-size:clamp(3.3rem,7vw,6.6rem);line-height:.88;letter-spacing:-.065em;margin:0 0 28px}.chapter p{font-size:1.18rem;max-width:620px}.visual{min-height:520px;border-radius:32px;background-size:cover;background-position:center;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.16)}.visual:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3))}
.tech{background:#d8e0ff}.tech .visual{background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1400&q=85")}
.audio{background:#15151c;color:white}.audio .visual{background-image:url("https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=1400&q=85")}
.music{background:linear-gradient(135deg,#4a25cc,#a12c89);color:white}.music .visual{background-image:linear-gradient(135deg,rgba(41,18,122,.35),rgba(239,107,50,.2)),url("https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=1400&q=85")}
.industry{background:#1a1715;color:white}.industry .visual{background-image:url("https://images.unsplash.com/photo-1567789884554-0b844b597180?auto=format&fit=crop&w=1400&q=85")}
.swp{background:#ef6b32}.swp .visual{background-image:linear-gradient(135deg,rgba(239,107,50,.25),rgba(0,0,0,.25)),url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1400&q=85")}
.now{background:#c9ef59}.now .visual{background-image:url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1400&q=85")}
.quote{font-size:clamp(2.1rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em;font-weight:900;margin-top:45px}.pill{display:inline-block;margin-top:22px;padding:11px 17px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:850}
.latest{padding:100px 0;background:var(--cream)}.latest h2{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.07em;line-height:.85}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{background:white;border-radius:22px;padding:24px;min-height:220px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.post small{opacity:.55}.footer{background:#101116;color:#aaa;padding:70px 0}.footer strong{color:#fff;font-size:1.3rem}
.single{max-width:850px;margin:auto;padding:130px 20px 80px}.single h1{font-size:clamp(3rem,8vw,6rem);line-height:.9;letter-spacing:-.06em}.content{font-size:1.08rem}
@media(max-width:760px){.menu{display:none}.hero h1{font-size:22vw}.hero:after{font-size:70vw;top:13vh;right:-8vw}.chapter{min-height:auto;padding:76px 0}.chapter-grid{grid-template-columns:1fr;gap:35px}.chapter-grid .visual{order:-1}.visual{min-height:330px;border-radius:22px}.chapter h2{font-size:14vw}.posts{grid-template-columns:1fr}.latest{padding:75px 0}}