
:root{--paper:#f4f0e7;--ink:#121719;--cobalt:#154bd8;--orange:#ef5a29;--acid:#d6ff43;--line:#c8c2b5;--muted:#66645e;--white:#fffdf7;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Trebuchet MS",sans-serif;line-height:1.62}a{color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}.skip{position:fixed;left:16px;top:16px;z-index:20;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;background:var(--acid);color:#000}.skip:focus{width:auto;height:auto;padding:10px;clip-path:none;overflow:visible}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--ink);background:var(--paper)}.head-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;font:900 24px/1 Georgia,serif}.brand b{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;background:var(--ink);color:var(--acid);font:800 15px/1 Tahoma,sans-serif}.nav{display:flex;align-items:center;gap:25px}.nav a{text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase}.nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.menu{display:none;border:1px solid var(--ink);background:transparent;padding:8px 10px;font-weight:800}
.hero{min-height:690px;border-bottom:1px solid var(--ink);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);min-height:690px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:65px 6vw 65px 0}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:12px;font-weight:900;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:3px;background:var(--orange)}.hero h1,.page-hero h1{margin:0;font:900 clamp(54px,7.2vw,106px)/.91 Georgia,"Times New Roman",serif;letter-spacing:0}.hero h1 em{display:block;color:var(--cobalt);font-weight:400}.lede{max-width:720px;margin:30px 0 0;font:400 clamp(19px,2vw,27px)/1.45 Georgia,serif;color:#343b3e}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 17px;border:1px solid var(--ink);background:var(--ink);color:white;text-decoration:none;font-weight:800}.btn.alt{background:transparent;color:var(--ink)}.hero-portrait{position:relative;display:flex;align-items:end;justify-content:center;border-left:1px solid var(--ink);background:var(--cobalt)}.hero-portrait:before{content:"ALP / 100";position:absolute;top:35px;left:28px;color:var(--acid);font:900 13px/1 Tahoma,sans-serif}.hero-portrait:after{content:"MARKETING AUTOMATION • PRODUCT • MEASUREMENT";position:absolute;right:-195px;top:330px;width:450px;transform:rotate(90deg);color:white;font:800 10px/1 Tahoma,sans-serif}.hero-portrait img{position:relative;z-index:2;width:min(400px,92%);max-height:610px;object-fit:contain;object-position:bottom}.hero-no{position:absolute;right:20px;bottom:12px;color:rgba(255,255,255,.22);font:900 120px/1 Georgia,serif}
.article-surface{padding:54px 0 68px;border-bottom:1px solid var(--ink);background:var(--white)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-head h2{max-width:720px;margin:0;font:900 clamp(34px,5vw,62px)/1 Georgia,serif}.section-head p{max-width:420px;margin:0;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding-bottom:4px}.tab{min-height:40px;padding:8px 14px;border:1px solid var(--line);background:transparent;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer}.tab[aria-selected="true"]{border-color:var(--ink);background:var(--ink);color:white}.article-panel[hidden]{display:none}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.article-link{display:grid;grid-template-columns:76px minmax(0,1fr) 26px;align-items:center;gap:15px;min-height:92px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;background:var(--white)}.article-link:hover{background:var(--acid)}.article-link small{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.article-link strong{font:700 17px/1.3 Georgia,serif;overflow-wrap:anywhere}.article-link i{font-style:normal;font-size:20px}
.manifesto{padding:95px 0;border-bottom:1px solid var(--ink)}.manifesto-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.manifesto h2{margin:0;font:900 clamp(42px,6vw,76px)/.96 Georgia,serif}.manifesto-copy{font:400 21px/1.6 Georgia,serif}.manifesto-copy p:first-child{margin-top:0}.rules{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--ink)}.rule{min-height:185px;padding:24px;border-right:1px solid var(--ink)}.rule:last-child{border:0}.rule span{display:block;margin-bottom:32px;color:var(--cobalt);font-weight:900}.rule h3{margin:0 0 8px;font:800 22px/1.1 Georgia,serif}.rule p{margin:0;color:var(--muted);font-size:14px}
.about-band{padding:88px 0;background:var(--ink);color:white}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.press{padding:25px;background:white}.about-band h2{margin:0 0 22px;font:900 clamp(42px,6vw,74px)/1 Georgia,serif}.about-band p{color:#d4d7d3;font-size:17px}.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.socials a{padding:9px 12px;border:1px solid #777;color:white;text-decoration:none;font-size:12px;font-weight:800}.socials a:hover{background:var(--acid);color:#000;border-color:var(--acid)}
.site-footer{padding:35px 0;border-top:1px solid #3d4546;background:var(--ink);color:#d4d7d3}.foot{display:flex;justify-content:space-between;gap:25px;align-items:center}.foot a{color:white}.foot p{margin:0;font-size:12px}
.page-hero{padding:90px 0 68px;border-bottom:1px solid var(--ink);background:var(--cobalt);color:white}.page-hero .eyebrow:before{background:var(--acid)}.page-hero h1{max-width:1000px;font-size:clamp(52px,8vw,100px)}.page-hero p{max-width:720px;margin:28px 0 0;font:400 22px/1.5 Georgia,serif}.library{padding:58px 0 90px}.library-tools{display:flex;gap:12px;align-items:center;margin-bottom:25px}.library-tools input{width:min(420px,100%);min-height:46px;border:1px solid var(--ink);background:white;padding:10px 13px}.library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.library-card{display:flex;min-height:155px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--line);background:var(--white);text-decoration:none}.library-card:hover{border-color:var(--cobalt);box-shadow:inset 5px 0 var(--cobalt)}.library-card strong{font:800 19px/1.3 Georgia,serif}.library-card span{margin-top:20px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}
.article-wrap{width:min(900px,calc(100% - 36px));margin:0 auto;padding:75px 0 90px}.article-head{padding-bottom:35px;border-bottom:1px solid var(--line)}.article-head .crumb{font-size:12px;font-weight:900;text-transform:uppercase}.article-head h1{margin:28px 0 22px;font:900 clamp(42px,7vw,78px)/1 Georgia,serif}.article-head .dek{margin:0;font:400 22px/1.5 Georgia,serif;color:#434a4c}.article-meta{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.prose{padding-top:36px;font:400 18px/1.75 Georgia,serif}.prose>*{max-width:760px;margin-left:auto;margin-right:auto}.prose h2{margin-top:58px;font:900 38px/1.12 Georgia,serif}.prose h3{margin-top:38px;font:900 27px/1.2 Georgia,serif}.prose img,.prose figure,.prose table,.prose .wide{max-width:100%}.prose img{display:block;margin:35px auto}.prose blockquote{padding:10px 0 10px 25px;border-left:5px solid var(--orange);font-size:24px}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-family:Tahoma,sans-serif;font-size:14px}.prose th,.prose td{padding:10px;border:1px solid var(--line);text-align:left}.related{margin-top:65px;padding-top:30px;border-top:1px solid var(--ink)}.related h2{font:900 30px/1 Georgia,serif}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid a{padding:17px;border:1px solid var(--line);background:white;text-decoration:none;font:700 16px/1.35 Georgia,serif}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:90px 0}.contact h1{margin:0;font:900 clamp(54px,7vw,90px)/.95 Georgia,serif}.contact-copy{font:400 21px/1.6 Georgia,serif}.error{min-height:70vh;display:grid;place-items:center;text-align:center}.error h1{margin:0;font:900 150px/1 Georgia,serif;color:var(--cobalt)}
@media(max-width:900px){.hero-grid,.manifesto-grid,.about-grid,.contact{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-portrait{min-height:470px;border-left:0;border-top:1px solid var(--ink)}.hero{min-height:0}.hero-grid{min-height:0}.link-grid{grid-template-columns:1fr}.rules{grid-template-columns:1fr}.rule{border-right:0;border-bottom:1px solid var(--ink)}.library-list{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}}
@media(max-width:650px){.shell{width:min(100% - 28px,var(--max))}.head-inner{min-height:68px}.menu{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:start}.nav.open{display:flex}.hero-grid{display:block}.hero-copy{min-height:610px;padding-block:50px}.hero h1{font-size:55px}.hero-portrait{min-height:405px}.hero-portrait img{max-height:385px}.hero-portrait:after{display:none}.section-head{align-items:start;flex-direction:column}.article-link{grid-template-columns:60px minmax(0,1fr) 20px}.article-link strong{font-size:15px}.manifesto{padding:65px 0}.rules{margin-top:35px}.library-list{grid-template-columns:1fr}.page-hero{padding:65px 0 50px}.article-wrap{padding-top:45px}.article-head h1{font-size:43px}.prose{font-size:17px}.prose h2{font-size:32px}.foot{align-items:start;flex-direction:column}}
