:root{--ink:#090909;--paper:#f2eee5;--white:#fffdf7;--orange:#ff6b00;--blue:#1674c4;--blue-light:#55a8ee;--line:rgba(255,255,255,.16);--display:"Barlow Condensed",Impact,sans-serif;--body:"Inter",Arial,sans-serif;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--ink);font-family:var(--body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.12;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{line-height:1.75}h1,h2,h3,.brand strong,.footer-mark{font-family:var(--display);text-transform:uppercase;line-height:.9;margin:0}.wrap,.wrap-wide,.wrap-narrow{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.wrap-wide{width:min(calc(100% - 2rem),1320px)}.wrap-narrow{width:min(calc(100% - 2.5rem),760px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:200;padding:.75rem 1rem;background:var(--orange)}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#090909f0;backdrop-filter:blur(15px)}.nav-shell{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem}.brand img{width:66px;height:66px;object-fit:contain}.brand span{display:grid}.brand strong{font-size:2rem}.brand small{margin-top:.2rem;color:#ff8a00;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}#site-nav{display:flex;align-items:center;gap:.2rem}#site-nav a{padding:.55rem .62rem;font-family:var(--display);font-weight:700;text-transform:uppercase;color:#cbc8c1;border-bottom:2px solid transparent}#site-nav a:hover,#site-nav a.active{color:#fff;border-color:var(--orange)}.menu-button{display:none;width:46px;height:46px;padding:11px;border:1px solid var(--line);background:transparent}.menu-button>span:not(.sr-only){display:block;height:2px;margin:5px 0;background:#fff}.hero{position:relative;overflow:hidden;min-height:720px;display:grid;align-items:center;background:radial-gradient(circle at 70% 30%,#202020,transparent 38%),#0a0a0a;border-bottom:1px solid var(--line)}.hero:after{content:"DAFT-A-PETH";position:absolute;left:-1rem;bottom:-4rem;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);font:900 clamp(8rem,20vw,18rem)/1 var(--display);white-space:nowrap}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding-block:5.5rem 7rem}.kicker{margin:0 0 1.1rem;color:#ff8a00;font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero h1,.page-hero h1,.about-hero h1,.coming-soon h1{font-size:clamp(4.4rem,9vw,8.3rem);letter-spacing:-.025em}h1 em,h2 em{color:var(--blue-light);font-style:italic}.hero-lead{max-width:610px;color:#d2cfc8;font-size:clamp(1.05rem,1.5vw,1.28rem)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.85rem 1.25rem;border:1px solid transparent;font:800 1.08rem/1 var(--display);text-transform:uppercase;transform:skew(-3deg);transition:.2s}.button:hover{transform:skew(-3deg) translateY(-3px)}.button-primary{background:var(--orange);box-shadow:5px 5px 0 var(--blue)}.button-ghost{border-color:#ffffff59}.button-light{background:var(--white);color:var(--ink)}.rough-note{display:grid;gap:.25rem;margin-top:3rem;padding-left:1rem;border-left:4px solid var(--blue);transform:rotate(-1deg)}.rough-note strong{font-family:var(--display);font-size:1.25rem;text-transform:uppercase}.rough-note span{color:#aaa;font-size:.8rem}.hero-logo{position:relative;transform:rotate(2deg)}.hero-logo:before{content:"";position:absolute;inset:7% -6% -4% 8%;background:var(--blue);transform:rotate(-5deg)}.hero-logo img{position:relative;width:100%;background:#111;border:10px solid #e9e3d7;box-shadow:18px 22px #ff6b00db}.stamp{position:absolute;right:-1.5rem;bottom:-2rem;width:100px;height:100px;display:grid;place-items:center;text-align:center;border:4px double var(--ink);border-radius:50%;background:var(--orange);color:var(--ink);font:900 1.2rem/1 var(--display);text-transform:uppercase;transform:rotate(12deg)}.tape{position:absolute;z-index:3;width:120px;height:28px;background:#ece0bbc2;transform:rotate(-35deg)}.tape-one{top:-4px;left:-42px}.paint{position:absolute;filter:blur(70px);opacity:.18;border-radius:50%}.paint-orange{width:380px;height:380px;left:-100px;top:50px;background:var(--orange)}.paint-blue{width:450px;height:450px;right:-100px;bottom:0;background:var(--blue)}.category-rail{overflow:hidden;padding:1.3rem 0;background:var(--orange);color:var(--ink);transform:rotate(-1deg) scale(1.02)}.ticker{display:flex;justify-content:center;align-items:center;gap:clamp(1.2rem,3vw,3rem);font:900 clamp(1.35rem,3vw,2.5rem)/1 var(--display);text-transform:uppercase;white-space:nowrap}.ticker a:hover{color:#fff}.section{padding:6rem 0}.feature-section{background:#101010}.latest-section{background:#080808}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-heading h2{font-size:clamp(3.1rem,6vw,5.7rem)}.scribble{color:var(--blue-light);font:italic 800 1.25rem var(--display);transform:rotate(-5deg)}.text-link{font:800 1rem var(--display);text-transform:uppercase}.text-link span{color:var(--orange)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.article-card{overflow:hidden;border:1px solid var(--line);background:#121212;transition:.25s}.article-card:hover{transform:translateY(-5px);border-color:#ff6b00b3}.article-card.large{display:grid;grid-template-columns:1.12fr .88fr;min-height:470px}.card-image{position:relative;min-height:280px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.article-card:hover .card-image img{transform:scale(1.035)}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6))}.card-image>span{position:absolute;z-index:2;left:1rem;top:1rem;padding:.45rem .65rem;background:var(--orange);color:var(--ink);font:900 .85rem var(--display);text-transform:uppercase;transform:rotate(-2deg)}.card-copy{display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,2.3rem)}.card-date{margin:0 0 .9rem;color:#888;font-size:.72rem;font-weight:700;text-transform:uppercase}.card-copy h3{font-size:clamp(2rem,4vw,3.4rem)}.article-card:not(.large) .card-copy h3{font-size:clamp(2rem,3.3vw,2.8rem)}.card-copy>p:not(.card-date){color:#bdb9b1}.card-foot{margin-top:auto;padding-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--line)}.tags{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:end}.tags span,.post-meta span{padding:.3rem .5rem;border:1px solid var(--line);color:#aaa;font-size:.65rem;text-transform:uppercase}.quote-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#120900,#07131e)}.quote-section:before{content:"BRAINDEAD PUNDITRY";position:absolute;right:-1rem;top:1rem;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);font:900 clamp(4rem,12vw,10rem)/1 var(--display);white-space:nowrap;transform:rotate(2deg)}.quote-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.quote-card{position:relative;display:flex;min-height:310px;flex-direction:column;gap:1.2rem;padding:1.35rem;border:1px solid rgba(255,255,255,.18);background:#050505d1;box-shadow:8px 8px #ff6b00d1;transform:rotate(-.7deg)}.quote-card:nth-child(2n){box-shadow:8px 8px #1674c4e6;transform:rotate(1deg)}.quote-mark{margin:0;color:#fff;font:900 clamp(2rem,4vw,3.1rem)/.95 var(--display);text-transform:uppercase}.quote-meta{display:flex;justify-content:space-between;gap:1rem;border-top:2px solid var(--orange);padding-top:.75rem;color:#d8d3c9;font-size:.78rem;text-transform:uppercase}.quote-meta strong{color:var(--blue-light)}.quote-context{margin:0;color:#bdb7ad;font-size:.95rem}.quote-sport{align-self:flex-start;margin-top:auto;padding:.4rem .65rem;background:var(--orange);color:var(--ink);font:900 .78rem var(--display);text-transform:uppercase;transform:rotate(-2deg)}.quotes-hero{background:radial-gradient(circle at 70% 20%,rgba(255,107,0,.22),transparent 32%),linear-gradient(135deg,#050505,#101010)}.quotes-list-section{background:#080808}.quote-list{display:grid;gap:1.4rem}.quote-card-wide{min-height:0;display:grid;grid-template-columns:1fr 180px;align-items:start}.quote-card-wide aside{display:grid;gap:1rem;justify-items:start;color:#9c968d;font-size:.8rem}.manifesto{padding:6rem 0;background:var(--blue)}.manifesto-grid{display:grid;grid-template-columns:auto 1.2fr .8fr;align-items:start;gap:3rem}.manifesto-number{margin:0;color:#ffffff47;font:900 7rem/.7 var(--display)}.manifesto h2{font-size:clamp(3rem,6vw,5.5rem)}.manifesto .kicker{color:#071a2b}.manifesto-copy p{margin-top:0}.page-hero{padding:7rem 0 4rem;background:linear-gradient(135deg,#111,#050505);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(5rem,12vw,10rem)}.page-hero>.wrap>p:not(.kicker){max-width:670px;color:#aaa}.filter-pills{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:2rem}.filter-pills a{padding:.55rem .85rem;border:1px solid var(--line);font:800 .9rem var(--display);text-transform:uppercase}.filter-pills a:hover,.filter-pills a.active{background:var(--orange);border-color:var(--orange);color:var(--ink)}.post{padding-top:6rem}.post-header{max-width:970px;text-align:center}.post-category{display:inline-block;margin-bottom:1.2rem;padding:.45rem .75rem;background:var(--orange);color:var(--ink);font:900 .85rem var(--display);text-transform:uppercase;transform:rotate(-2deg)}.post-header h1{font-size:clamp(4rem,9vw,8rem)}.post-intro{max-width:760px;margin:1.5rem auto;color:#c5c1b9;font-size:1.2rem}.post-meta{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:3rem}.post-image{height:min(67vw,720px);border:1px solid var(--line);background:#111}.post-image img{width:100%;height:100%;object-fit:cover}.post-body{padding-block:4rem 6rem;color:#d4d0c8;font-size:1.08rem}.post-body p{margin:0 0 1.5rem}.post-body p:first-child:first-letter{float:left;margin:.04em .12em 0 0;color:var(--orange);font:900 5.5rem/.75 var(--display)}.sign-off{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:1.5rem;border-top:2px solid var(--orange);color:var(--blue-light);font:italic 900 2.1rem var(--display)}.sign-off img{width:70px;height:70px;object-fit:contain}.related{background:#111}.about-hero{padding:6rem 0;overflow:hidden;background:var(--paper);color:var(--ink)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem}.about-hero .kicker{color:var(--blue)}.about-logo{position:relative}.about-logo:before{content:"";position:absolute;inset:12% -10% -9% 15%;background:var(--orange);transform:rotate(7deg)}.about-logo img{position:relative;transform:rotate(-4deg);border:8px solid var(--ink)}.about-body{padding-block:5rem 7rem;color:#cbc7bf;font-size:1.08rem}.about-body .big-copy{color:#fff;font:800 clamp(2.2rem,5vw,3.8rem)/1 var(--display);text-transform:uppercase}.about-body .orange{color:var(--orange)}.about-body aside{margin:3rem -3rem;padding:2rem 3rem;border-block:1px solid var(--line);color:var(--blue-light);font:italic 800 clamp(2rem,5vw,3.5rem)/1 var(--display);text-transform:uppercase}.coming-soon{min-height:70vh;display:grid;place-items:center;padding:6rem 0;background:radial-gradient(circle at 50% 40%,rgba(22,116,196,.28),transparent 42%);text-align:center}.coming-soon p:not(.kicker){color:#bbb}.site-footer{padding:4rem 0 2rem;border-top:1px solid var(--line);background:#050505}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:2rem}.footer-grid p:not(.footer-mark){max-width:520px;color:#888}.footer-mark{font-size:3rem}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap;font:800 1rem var(--display);text-transform:uppercase}.footer-links a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:#666;font-size:.7rem;text-transform:uppercase}@media(max-width:900px){.menu-button{display:block}#site-nav{display:none;position:absolute;inset:92px 0 auto;padding:1rem 1.25rem 1.5rem;background:#090909;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}#site-nav.open{display:flex}#site-nav a{font-size:1.35rem;padding:.7rem 0}.hero-grid,.about-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{order:1}.hero-logo{width:min(82%,500px);margin:auto}.article-card.large,.quote-grid,.quote-card-wide{grid-template-columns:1fr}.manifesto-grid{grid-template-columns:auto 1fr}.manifesto-copy{grid-column:2}}@media(max-width:680px){.wrap,.wrap-wide,.wrap-narrow{width:min(calc(100% - 1.4rem),var(--max))}.nav-shell{min-height:76px}.brand img{width:52px;height:52px}.brand strong{font-size:1.55rem}.brand small{font-size:.58rem}#site-nav{top:76px}.hero-grid{padding-block:3.5rem 6rem}.hero h1,.page-hero h1,.about-hero h1,.coming-soon h1{font-size:clamp(3.6rem,18vw,5.2rem)}.hero-logo{width:90%}.stamp{width:75px;height:75px;right:-8px;font-size:.9rem}.ticker{justify-content:flex-start;padding-inline:1rem;overflow-x:auto}.section{padding:4rem 0}.article-grid{grid-template-columns:1fr}.section-heading,.card-foot{align-items:start;flex-direction:column}.tags{justify-content:start}.quote-card{box-shadow:5px 5px #ff6b00d1}.quote-card:nth-child(2n){box-shadow:5px 5px #1674c4e6}.manifesto-grid{grid-template-columns:1fr;gap:1.5rem}.manifesto-copy{grid-column:auto}.manifesto-number{font-size:4rem}.post{padding-top:4rem}.post-image{height:62vw;min-height:260px}.post-body{padding-block:3rem 5rem}.about-body aside{margin-inline:0;padding-inline:0}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
