:root{--ink:#17251c;--paper:#f3efdf;--sun:#ffd63d;--red:#ef6045;--moss:#497056;--line:#c9c4ae}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}header{height:78px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);background:var(--paper);position:relative;z-index:5}.brand{text-decoration:none;display:flex;align-items:baseline;gap:9px}.brand b,h1,h2,h3{font-family:Impact,"Arial Black",sans-serif;line-height:1.05}.brand b{font-size:22px}.brand span,.eyebrow,.card>span{font-size:11px;letter-spacing:.16em;font-weight:800}nav{display:flex;gap:24px}nav a,footer a{text-decoration:none;font-weight:700}.menu{display:none}.homehero,.subhero{min-height:620px;background:linear-gradient(90deg,rgba(18,31,22,.88),rgba(18,31,22,.18)),var(--hero) center/cover;color:white;display:flex;align-items:end;padding:8vw max(24px,8vw)}.subhero{min-height:430px}.homehero>div,.subhero>div{max-width:740px}.eyebrow{color:var(--sun)}h1{font-size:clamp(48px,8vw,104px);margin:.2em 0}.subhero h1{font-size:clamp(42px,6vw,74px)}.homehero p,.subhero p{font-size:21px;max-width:650px}.button{display:inline-block;background:var(--sun);color:var(--ink);padding:14px 20px;text-decoration:none;font-weight:800;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--red)}article{max-width:1180px;margin:auto;padding:72px 24px}article h2{font-size:clamp(30px,4vw,50px);margin-top:1.4em}.trail{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.trail h2{margin-top:0}.quick{border-top:2px solid}.quick a{display:flex;flex-direction:column;padding:18px 4px;border-bottom:2px solid;text-decoration:none}.quick small{color:#536157}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:2px solid;background:#fff;text-decoration:none;padding-bottom:18px;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--sun)}.card img{display:block;width:100%;height:180px;object-fit:cover}.card span,.card h3,.card i{display:block;margin:14px 16px 0}.card h3{font-size:23px}.card i{font-style:normal;font-weight:800;color:var(--moss)}.factbar,.platforms,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ink);border:2px solid var(--ink);margin-top:70px}.factbar div,.platforms div,.steps div{background:var(--sun);padding:22px}.factbar b,.factbar span{display:block}.platforms{grid-template-columns:repeat(3,1fr)}.steps div{background:white}.steps div>b{font:30px Impact,"Arial Black";color:var(--red)}.note{border-left:8px solid var(--red);background:#fff;padding:22px;margin:28px 0}.faq details{border-top:2px solid;padding:18px 0}.faq summary{font:22px Impact,"Arial Black";cursor:pointer}footer{border-top:2px solid;padding:40px max(24px,5vw);display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px}footer div:last-child{display:flex;flex-direction:column}.textlink{font-weight:800;color:#315c42}@media(max-width:800px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:2px solid}.open nav{display:flex}.menu{display:block;background:none;border:2px solid;padding:8px 12px;font-weight:800}.homehero{min-height:590px}.trail{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.factbar,.steps{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}}@media(max-width:480px){header{padding:0 16px}.brand span{display:none}.homehero,.subhero{padding:50px 20px;min-height:520px}.subhero{min-height:400px}h1{font-size:44px}.cards,.platforms,.steps{grid-template-columns:1fr}.card img{height:190px}.factbar{grid-template-columns:1fr 1fr}article{padding:48px 18px}}.media-section{margin-top:80px}.media-note{max-width:760px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0 38px}.video-card{background:#fff;border:2px solid var(--ink);text-decoration:none;display:block;transition:.2s}.video-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--red)}.poster{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%)}.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:var(--ink);border:3px solid var(--ink);font-size:24px;padding-left:4px}.poster small{position:absolute;z-index:2;right:10px;bottom:9px;background:#111;color:white;padding:3px 7px;font-weight:800}.video-card>div:last-child{padding:18px}.video-card span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--moss)}.video-card h3{font-size:23px;margin:8px 0}.video-card p{font-size:15px}.video-card b{color:var(--moss)}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visual-grid figure{margin:0;background:#fff;border:2px solid}.visual-grid img{width:100%;height:210px;object-fit:cover;display:block}.visual-grid figcaption{padding:14px;font-size:15px}.chapter-links{display:flex;flex-wrap:wrap;gap:10px}.chapter-links a{background:#fff;border:2px solid;padding:9px 12px;text-decoration:none;font-weight:800}@media(max-width:800px){.video-grid{grid-template-columns:repeat(2,1fr)}.visual-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.video-grid,.visual-grid{grid-template-columns:1fr}.play{width:54px;height:54px}.visual-grid img{height:190px}}
/* WALKTHROUGH MOTION HERO */
.motion-hero{position:relative;isolation:isolate;overflow:hidden;background:#17251c}.motion-hero:before{content:"";position:absolute;z-index:-2;inset:-5%;background:linear-gradient(90deg,rgba(18,31,22,.9),rgba(18,31,22,.2)),var(--hero) center/cover no-repeat;animation:hero-walk 16s ease-in-out infinite alternate;will-change:transform,background-position}.motion-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 28%,rgba(255,214,61,.12),transparent 28%);animation:hero-light 7s ease-in-out infinite alternate;pointer-events:none}.motion-hero>div{position:relative;animation:hero-copy-in .9s cubic-bezier(.2,.75,.25,1) both}.motion-hero .eyebrow{animation:trail-pulse 2.8s ease-in-out infinite}.motion-toggle{margin-top:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.65);background:rgba(12,24,17,.5);color:#fff;font:700 13px system-ui;cursor:pointer;backdrop-filter:blur(6px)}.motion-toggle:hover,.motion-toggle:focus-visible{background:var(--sun);color:var(--ink);outline:2px solid #fff;outline-offset:3px}.motion-hero.motion-paused:before,.motion-hero.motion-paused:after,.motion-hero.motion-paused>div,.motion-hero.motion-paused .eyebrow{animation-play-state:paused}@keyframes hero-walk{0%{transform:scale(1.04) translate3d(-1.5%,0,0);background-position:42% 50%}100%{transform:scale(1.12) translate3d(1.5%,-1%,0);background-position:58% 47%}}@keyframes hero-light{from{opacity:.45;transform:translate3d(-1%,1%,0)}to{opacity:1;transform:translate3d(2%,-1%,0)}}@keyframes hero-copy-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes trail-pulse{0%,100%{opacity:.72}50%{opacity:1;text-shadow:0 0 20px rgba(255,214,61,.4)}}@media(prefers-reduced-motion:reduce){.motion-hero:before,.motion-hero:after,.motion-hero>div,.motion-hero .eyebrow{animation:none!important}.motion-toggle{display:none}}