:root{--bg:#141513;--panel:#1d1e1b;--line:#36372f;--yellow:#ead44e;--white:#f4f3ea;--muted:#b8b9ad;--red:#c8432b; color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.7 'Work Sans',sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--yellow)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,.wordmark,.display{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:1.07}h1{font-size:clamp(48px,6.5vw,90px);margin:20px 0 26px}h2{font-size:clamp(34px,4.3vw,56px);margin:0 0 24px}h3{font-size:29px;margin:0 0 16px}p{margin:0 0 22px}.wrap{max-width:1280px;padding:0 40px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase;color:var(--yellow);margin-bottom:18px}.muted{color:var(--muted)}.section{padding-block:88px;border-bottom:1px solid var(--line)}.small{font-size:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;gap:38px;justify-content:space-between}.wordmark{font-size:26px;letter-spacing:.3px;text-decoration:none;white-space:nowrap}.wordmark b{color:var(--red);font-family:inherit}.nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:600}.nav a{text-decoration:none;padding-block:12px}.nav a[aria-current=page]{color:var(--yellow)}.nav .nav-join{padding:12px 18px;border:1px solid #77796a}.menu-toggle{display:none}.btn{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:var(--yellow);color:var(--bg);font-weight:700;font-size:12px;letter-spacing:.7px;text-transform:uppercase;padding:17px 23px;min-height:54px;border:1px solid var(--yellow);text-decoration:none;cursor:pointer;transition:transform .18s,background .18s}.btn:hover{background:#f5e782;color:var(--bg);transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--white);border-color:#68695c}.btn.secondary:hover{border-color:var(--yellow);color:var(--yellow)}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 80%,#323325 0,transparent 52%)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:710px;gap:35px}.hero-copy{padding:64px 0 72px;position:relative;z-index:2}.hero h1{max-width:740px}.hero h1 span{color:var(--yellow)}.hero p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:15px;line-height:1.85}.hero .actions{margin:30px 0 28px}.micro{font-size:10px!important;letter-spacing:1.2px;text-transform:uppercase}.micro span{color:var(--yellow);margin-right:8px}.hero-art{height:580px;position:relative;align-self:end;display:flex;align-items:flex-end;justify-content:center}.hero-art:before{content:'';position:absolute;inset:50px 0 0;background:repeating-linear-gradient(0deg,transparent,transparent 59px,#ffffff09 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,#ffffff09 60px);border:1px solid #ffffff0c}.hero-art .outline-word{position:absolute;top:60px;left:-10px;font:130px/1 Anton,Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #a6a7724d;transform:rotate(-6deg)}.hero-art img{position:relative;width:115%;max-width:610px;height:auto;display:block;z-index:1;filter:grayscale(1);mix-blend-mode:lighten}.photo-note{position:absolute;z-index:2;right:0;bottom:34px;background:var(--yellow);color:var(--bg);padding:16px 22px;transform:rotate(-3deg);font-size:11px;font-weight:700;box-shadow:5px 5px 0 #141513}.photo-note strong{display:block;font:25px Anton,Impact,sans-serif}.vertical-note{position:absolute;right:-18px;top:160px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:var(--muted)}.ticker{border-bottom:1px solid var(--line);background:#1a1b17}.ticker .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:21px;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.ticker i{color:var(--yellow);font-style:normal}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro p:last-child{color:var(--muted);margin:0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:35px}.section-head h2{margin:0}.text-link{font-size:12px;font-weight:700;white-space:nowrap}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillar{padding:30px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;position:relative;min-height:350px}.pillar:nth-child(2){background:#24251d;border-top:2px solid var(--yellow)}.pillar .number{font-size:12px;letter-spacing:2px;color:#999b8c}.pillar .icon{margin:22px 0;font-size:28px;color:var(--yellow);height:42px}.pillar h3{font-size:30px;max-width:230px}.pillar p{font-size:13px;color:var(--muted)}.pillar a{font-size:11px;font-weight:700;letter-spacing:1px;margin-top:auto;text-decoration:none;padding-top:20px;border-top:1px solid var(--line)}.pillar a span{float:right;color:var(--yellow)}.light{background:#eeeee5;color:#1a1b17}.light .eyebrow{color:#656034}.light .muted{color:#5b5d52}.light .text-link:hover{color:#6b5b00}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.content-card{text-decoration:none;display:flex;flex-direction:column;min-width:0}.thumb{aspect-ratio:1.7;background:#282b23;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid #747767}.thumb .display{font-size:48px;line-height:.95;position:relative;z-index:1;color:#edebdb}.thumb .display em{color:var(--yellow);font-style:normal}.thumb:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#ffffff0a 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,#ffffff0a 36px)}.thumb.credit{background:#d8d6c5}.thumb.credit .display{color:#23251f}.thumb.business{background:#393c30}.thumb.story{background:#35352e}.content-card .tag{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#666947;margin-bottom:8px}.content-card h3{font:600 19px/1.35 'Work Sans',sans-serif;text-transform:none;margin-bottom:12px}.content-card p{font-size:13px;color:#5b5d52}.content-card time{margin-top:auto;font-size:10px;color:#66695d}.content-card:hover h3{text-decoration:underline}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.portrait{max-height:440px;width:100%;object-fit:contain;object-position:bottom;filter:grayscale(1);background:#22231d}.quote{font:30px/1.4 Anton,Impact,sans-serif;text-transform:uppercase}.signup{background:var(--yellow);color:var(--bg);padding-block:65px}.signup .split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.signup h2{font-size:50px}.signup p{font-size:14px}.signup form{display:grid;gap:10px}.signup label{font-size:12px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup input:not([type=checkbox]),.signup select{width:100%;background:#f5eaa4;color:#141513;border:1px solid #827c45;padding:12px;min-height:48px;border-radius:0}.signup .check{display:flex;gap:10px;font-size:11px;line-height:1.6;align-items:flex-start}.check input{margin-top:4px;accent-color:#141513}.signup .btn{background:var(--bg);color:var(--white);width:100%;border-color:var(--bg)}.signup .btn:disabled{opacity:.6;cursor:wait}.signup :focus-visible{outline-color:#141513}.form-status{font-size:13px;margin:0;font-weight:600}.form-status[data-state=error]{color:#681b10}.footer{padding-block:50px}.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.footer-bottom{display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:35px;font-size:10px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--yellow);color:var(--bg);padding:10px}.skip:focus{top:10px}.page-hero{padding-block:70px;background:linear-gradient(110deg,#24261d,var(--bg));border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px}.page-hero p:last-child{max-width:780px;color:var(--muted)}.notice{padding:22px;border-left:3px solid var(--yellow);background:var(--panel);font-size:14px;margin-bottom:32px}.library-tools{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:30px}.library-tools label{display:grid;gap:8px;font-size:12px;flex:1;min-width:180px}.library-tools input,.library-tools select{padding:14px;background:var(--panel);border:1px solid #77796a;color:var(--white);min-height:50px}.library .content-card .tag{color:var(--yellow)}.library .content-card p,.library .content-card time{color:var(--muted)}.library .cards{row-gap:40px}.empty{padding:30px;border:1px dashed var(--line)}[hidden]{display:none!important}.lesson-layout{display:grid;grid-template-columns:280px 1fr;gap:65px;align-items:start}.curriculum{border:1px solid var(--line);padding:25px}.curriculum a{display:block;font-size:13px;padding:8px 0;color:var(--muted)}.curriculum a[aria-current=page]{color:var(--yellow)}.curriculum progress{width:100%;accent-color:var(--yellow)}.article{max-width:780px}.article h2{font-size:30px;margin-top:40px}.article p,.article li{color:var(--muted)}.article .example{padding:25px;background:var(--panel);border:1px solid var(--line)}.article .example p:last-child{margin:0}.article dl{display:grid;grid-template-columns:150px 1fr;gap:12px}.article dt{font-weight:600}.article dd{color:var(--muted);margin:0}.next{display:flex;gap:20px;justify-content:space-between;margin-top:45px;border-top:1px solid var(--line);padding-top:25px;font-size:14px}.topics{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.topic{display:flex;gap:20px;justify-content:space-between;padding:23px;border:1px solid var(--line);background:var(--panel);text-decoration:none}.topic span{color:var(--yellow)}.badge{display:inline-block;padding:5px 10px;border:1px solid #72745c;color:var(--yellow);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.prose{max-width:820px}.prose h2{font-size:32px;margin-top:35px}.prose p{color:var(--muted)}.feature-list{padding:0;list-style:none}.feature-list li{padding:18px 0;border-bottom:1px solid var(--line)}.feature-list li:before{content:'↗';color:var(--yellow);margin-right:15px}.reveal{animation:enter .6s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero-grid{min-height:780px}}@media(max-width:1000px){.nav{gap:13px;font-size:11px}.header-inner{gap:20px}.hero-grid{grid-template-columns:1.2fr 1fr}.hero-art{height:500px}.hero-art .outline-word{font-size:90px}.hero h1{font-size:64px}.intro,.story-split{gap:40px}.signup .split{gap:35px}.pillar{padding:23px}.lesson-layout{gap:35px;grid-template-columns:230px 1fr}}@media(max-width:760px){.wrap{padding-inline:22px}.header-inner{min-height:78px;flex-wrap:wrap;padding-block:18px}.wordmark{font-size:24px}.menu-toggle{display:block;background:none;border:1px solid #68695c;color:var(--white);font-size:12px;padding:10px 14px}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;font-size:14px;padding:10px 0}.nav.open{display:flex}.nav a{padding:12px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:45px 0 15px}.hero h1{font-size:clamp(48px,10vw,76px);max-width:620px}.hero-art{height:420px;max-width:440px;width:100%;margin:auto}.hero-art img{max-height:440px;width:auto;max-width:110%;object-fit:contain}.hero-art .outline-word{font-size:100px;top:20px}.hero-art:before{top:0}.vertical-note{right:0;top:80px}.photo-note{bottom:24px;right:5px}.ticker .wrap{justify-content:center;flex-wrap:wrap;gap:12px;font-size:9px}.ticker .hide-mobile{display:none}.section{padding-block:55px}.intro,.story-split,.signup .split{grid-template-columns:1fr;gap:28px}.pillars{grid-template-columns:1fr}.pillar{min-height:0;padding:26px}.pillar .icon{margin:12px 0}.pillar h3{max-width:none}.cards{grid-template-columns:1fr 1fr;gap:24px 16px}.section-head{align-items:start;flex-direction:column;gap:18px}.signup{padding-block:50px}.signup h2{font-size:42px}.footer-bottom{flex-direction:column;gap:12px}.footer-links{gap:15px}.page-hero{padding-block:45px}.page-hero h1{font-size:50px}.lesson-layout{grid-template-columns:1fr;gap:30px}.curriculum{max-height:260px;overflow:auto}.topics{grid-template-columns:1fr}.article dl{grid-template-columns:1fr;gap:6px}.article dd{margin-bottom:12px}.next{flex-wrap:wrap}.content-card h3{font-size:17px}.thumb .display{font-size:34px}}@media(max-width:430px){.cards,.fields{grid-template-columns:1fr}.hero-art{height:350px}.hero-art img{max-height:380px}.hero .actions{display:grid}.hero .btn{width:100%}.thumb .display{font-size:48px}.article .example{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
