a{color:var(--moss)}
a:hover{color:var(--ink)}
.mkt *{box-sizing:border-box}
.mkt ::selection{background:var(--leaf);color:var(--ink)}
.mkt a:focus-visible,.mkt button:focus-visible,.mkt summary:focus-visible{outline:3px solid var(--moss);outline-offset:3px;border-radius:6px}
.mkt h1,.mkt h2,.mkt h3{font-family:'Clarity City','Karla',sans-serif;font-weight:800;text-wrap:balance;letter-spacing:-.025em}
.mkt h1{font-weight:900}
:where(.mkt) h1,:where(.mkt) h2,:where(.mkt) h3,:where(.mkt) p{margin:0}
.mkt p{text-wrap:pretty}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.art{display:block;width:100%;height:auto}
.cloth{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(60,40,10,.07) 0 1px,transparent 1px 4px)}
.on-olive{background-color:var(--moss);color:var(--paper)}
.on-bark{background-color:var(--moss);color:var(--paper)}
.on-mustard{color:var(--ink)}
.jacket{position:relative;margin:0;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 30px 50px -28px rgba(50,30,5,.7)}
.jacket img,.jacket svg{display:block;width:100%;height:auto}
.jacket::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.26) 48%,rgba(255,255,255,0) 58%);mix-blend-mode:screen}
.spine-label{position:absolute;right:14px;bottom:14px;z-index:2;background:var(--paper);color:var(--ink);font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;line-height:1.2;padding:8px 10px;border-radius:2px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.25)}
.stamp{display:inline-block;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:var(--moss);border:2.5px solid var(--moss);border-radius:6px;padding:6px 12px;transform:rotate(-4deg);background:rgba(255,253,245,.9)}
.stamp--brown{color:var(--ink);border-color:var(--ink)}
.nav{display:flex;align-items:center;gap:32px;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand span{font-family:'Shantell Sans',cursive;font-weight:700;font-size:25px}
.nav .brand{background:var(--paper);padding:7px 16px 7px 10px;border-radius:8px;box-shadow:0 0 0 2px var(--ink),0 4px 0 var(--ink);transform:rotate(-1.5deg)}
.nav .brand span{font-size:27px;color:var(--ink)}
.nav__links{display:flex;gap:28px;margin-left:auto;align-items:center}
.nav__links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:16px}
.nav__links a:not(.btn){position:relative;padding:6px 0;transition:color .2s}
.nav__links a:not(.btn):hover,.nav__links a:not(.btn):focus-visible{color:var(--moss)}
/* hand-drawn squiggle draws itself in under the link (pathLength=1 so the dash math is length-free) */
.squig{position:absolute;left:-3px;right:-3px;bottom:-4px;width:calc(100% + 6px);height:9px;overflow:visible;pointer-events:none}
.squig path{fill:none;stroke:var(--moss);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1 2;stroke-dashoffset:1;transition:stroke-dashoffset .45s cubic-bezier(.22,1,.36,1)}
.nav__links a:not(.btn):hover .squig path,.nav__links a:not(.btn):focus-visible .squig path{stroke-dashoffset:0}
.nav__links a.btn:hover{text-decoration:none}
.nav__links a.btn--bark,.nav__links a.btn--bark:hover{color:var(--paper)}
.nav__menu{display:none;margin-left:auto;background:transparent;border:2px solid var(--ink);color:var(--ink);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font-weight:800;font-size:17px;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}
.btn--moss{background:var(--moss);color:var(--paper);box-shadow:0 4px 0 var(--btn-shadow)}
.btn--moss:hover{color:var(--paper);transform:translateY(2px);box-shadow:0 2px 0 var(--btn-shadow)}
.btn--bark{background:var(--ink);color:var(--paper);box-shadow:0 4px 0 rgba(0,0,0,.3)}
.btn--bark:hover{color:var(--leaf);transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.btn--cream{background:var(--paper);color:var(--ink);box-shadow:0 4px 0 rgba(0,0,0,.25)}
.btn--cream:hover{color:var(--moss);transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.btn--plain{color:var(--ink);border:2px solid var(--ink)}
.btn--plain:hover{color:var(--moss);border-color:var(--moss)}
.btn--small{min-height:44px;font-size:15px;padding:0 20px}
.btn:active{transform:translateY(4px);box-shadow:0 0 0 transparent}
/* hero CTA: a slow paper sheen glides across every few seconds, a quiet nudge, never a bounce */
.slip__ctas .btn--moss{position:relative;overflow:hidden;isolation:isolate}
.slip__ctas .btn--moss::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,253,245,.22) 50%,transparent 70%);transform:translateX(-120%);animation:cta-sheen 6s cubic-bezier(.22,1,.36,1) 2s infinite}
.slip__ctas .btn--moss:hover::after{animation-play-state:paused}
@keyframes cta-sheen{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
.hero{padding-bottom:96px}
.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.98;margin-top:40px;max-width:11em}
.hero h1 em{font-style:normal;color:var(--moss);position:relative;white-space:nowrap}
.hero h1 em svg{position:absolute;left:0;right:0;bottom:-.16em;width:100%;height:.22em}
.stage{position:relative;margin-top:56px;padding-left:34%}
.slip{position:absolute;left:0;bottom:-48px;width:46%;max-width:520px;z-index:3;background:var(--leaf);color:var(--ink);padding:28px 30px 26px;border-radius:4px;box-shadow:0 26px 40px -22px rgba(40,25,5,.65);transform:rotate(-1.5deg)}
.slip__head{display:flex;justify-content:space-between;font-family:'Courier Prime',monospace;font-weight:700;font-size:15px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:16px}
.slip p.sub{font-size:18px;line-height:1.55}
.slip__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.slip__micro{margin-top:14px;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.sec{padding:120px 0}
.sec h2{font-size:clamp(2.3rem,4.6vw,3.8rem);line-height:1.04;max-width:15em}
.prose{margin-top:22px;color:var(--ink-soft);max-width:38em}
.prose strong{color:var(--ink)}
.note{margin-top:20px;font-style:italic;color:var(--ink-soft);max-width:34em}
.video-sec{padding-top:168px}
.video-wrap{position:relative;max-width:1000px;margin:40px auto 0}
.video{display:block;width:100%;padding:0;border:0;background:var(--ink);cursor:pointer;aspect-ratio:16/9;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 30px 50px -30px rgba(50,30,5,.7)}
.video img{width:100%;height:100%;object-fit:cover;display:block}
.video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:var(--mustard);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 var(--mustard)}
.video-wrap .stamp{position:absolute;top:-18px;right:-12px;z-index:2}
.center{text-align:center;margin-left:auto;margin-right:auto}
.card{background-color:var(--paper);border-radius:4px;box-shadow:0 0 0 1px var(--card-hairline),0 22px 40px -28px rgba(50,30,5,.5);position:relative;padding:22px 32px 48px}
.card::before{content:"";position:absolute;left:0;right:0;top:62px;height:2px;background:var(--mustard)}
.drawer p{background-image:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(51,36,15,.13) 30px 31px,transparent 31px 34px)}
.cascade-card li{line-height:44px;background-image:repeating-linear-gradient(to bottom,transparent 0 40px,rgba(51,36,15,.16) 40px 41px,transparent 41px 44px)}
.card p{background-image:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(51,36,15,.13) 30px 31px,transparent 31px 34px);line-height:34px}
.card::after{content:"";position:absolute;left:50%;bottom:16px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--card-hairline);box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}
.problem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:end}
.cascade-card{margin-top:44px}
.cascade-card ul{list-style:none;margin:28px 0 0;padding:0}
.cascade-card li{font-family:'Clarity City',sans-serif;font-weight:700;letter-spacing:-.01em;font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:44px;padding:0;margin-bottom:22px}
.cascade-card__head{font-family:'Courier Prime',monospace;font-weight:700;font-size:15px;color:var(--ink-soft)}
.resolve{font-weight:800;font-size:21px;margin-top:28px;max-width:34em}
.punch{margin:36px 0 10px;font-size:clamp(1.4rem,2.4vw,2rem);padding:10px 20px;letter-spacing:.03em;white-space:nowrap}
.drawer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px;align-items:start}
.drawer .card{padding-top:116px;background-image:none}
.drawer .card::before{top:94px}
.tab{position:absolute;top:-14px;left:28px;height:28px;padding:0 14px;border-radius:4px 4px 0 0;display:flex;align-items:center;color:var(--paper);font-family:'Courier Prime',monospace;font-weight:700;font-size:13px}
.drawer h3{font-size:24px;line-height:1.15;position:absolute;top:26px;left:32px;right:76px}
.drawer p{color:var(--ink-soft);font-size:17px;line-height:34px}
.drawer .card:nth-child(2){margin-top:28px}
.drawer .card:nth-child(3){margin-top:56px}
.spot{position:absolute;top:14px;right:18px;width:48px;height:48px}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center}
.split--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.on-olive .prose,.on-olive .note{color:var(--leaf)}
.on-olive .prose strong{color:var(--paper)}
.on-olive em{color:var(--paper);text-decoration:underline;text-decoration-color:var(--mustard);text-underline-offset:3px}
.figure-stamp{position:relative}
.figure-stamp .stamp{position:absolute;left:-14px;top:-18px;z-index:3}
.proof{display:grid;grid-template-columns:minmax(0,1.45fr) 80px minmax(0,1fr);gap:16px;align-items:center;margin-top:56px}
.proof__cap{font-style:italic;color:var(--ink-soft);margin-top:12px;font-size:15px}
.proof .stamp{position:absolute;right:-10px;top:-20px;z-index:3;transform:rotate(6deg)}
.pocket-row{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:start}
.pocket{position:relative;padding-top:214px}
.pocket__sleeve{position:relative;z-index:2;background:var(--mustard);height:120px;border-radius:0 0 6px 6px;box-shadow:inset 0 10px 14px -10px rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;font-family:'Courier Prime',monospace;font-weight:700;font-size:15px;color:var(--ink)}
.bookcard{position:absolute;left:28px;right:28px;top:0;z-index:1;background:var(--paper);border-radius:3px;box-shadow:0 0 0 1px var(--card-hairline),0 10px 20px -12px rgba(0,0,0,.3);padding:16px 18px 0;height:300px;transform:rotate(-2deg)}
.bookcard__name{display:flex;align-items:center;justify-content:space-between;font-family:'Clarity City',sans-serif;font-weight:800;font-size:24px;border-bottom:2px solid var(--mustard);padding-bottom:4px}
.bookcard__name svg{width:30px;height:42px}
.bookcard__row{display:flex;justify-content:space-between;align-items:center;font-family:'Courier Prime',monospace;font-size:14px;border-bottom:1px solid rgba(51,36,15,.18);padding:7px 0}
.bookcard__row span:last-child{color:var(--moss);border:1.5px solid var(--moss);border-radius:4px;padding:0 6px;transform:rotate(-3deg);font-size:12px;font-weight:700}
.labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.labels span{background:var(--moss);padding:14px 10px 10px;border-radius:3px;display:inline-flex}
.labels span:nth-child(2){background:var(--moss)}
.labels span:nth-child(3){background:var(--mustard)}
.labels b{background:var(--paper);color:var(--ink);font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;padding:6px 10px;border-radius:2px}
.on-bark .prose{color:var(--leaf)}
.on-bark em{color:var(--mustard);font-style:normal}
.meadow-strip{display:block;width:100%;height:max(90px,6.25vw)}
.stance{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.stance li{border-top:4px solid var(--moss);padding-top:18px;color:var(--ink-soft);font-size:17px}
.stance strong{display:block;font-family:'Clarity City',sans-serif;font-weight:800;letter-spacing:-.01em;font-size:25px;color:var(--ink);margin-bottom:8px}
.stance-foot{margin-top:32px}
.team-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.faq details{border-top:1px solid rgba(51,36,15,.18)}
.faq details:last-child{border-bottom:1px solid rgba(51,36,15,.18)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:14px 0;font-weight:800;font-size:19px}
.faq summary::-webkit-details-marker{display:none}
.faq__icon{flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.faq details[open] .faq__icon{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--ink-soft)}
.cta{padding:112px 0 0;text-align:center;background:linear-gradient(var(--sky) 0%,var(--leaf) 100%)}
.cta h2{font-size:clamp(2.6rem,5.6vw,4.8rem);line-height:1;max-width:12em;margin:0 auto}
.cta p{margin:22px auto 34px;max-width:32em;color:var(--moss);font-size:19px}
.cta__art{display:block;width:100%;height:max(200px,22.23vw);margin-top:48px}
@keyframes sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
.sway{transform-box:fill-box;transform-origin:50% 100%;animation:sway 5s ease-in-out infinite}
@keyframes fly{from{transform:translateX(-260px)}to{transform:translateX(1700px)}}
.glide{animation:fly 40s linear infinite}
@keyframes bob{from{transform:translateY(0)}to{transform:translateY(-16px)}}
.bob{animation:bob 3s ease-in-out infinite alternate}
@keyframes flapglide{0%,24%,100%{transform:scaleY(1)}6%,18%{transform:scaleY(-.55)}12%{transform:scaleY(1)}}
.wingbeat{transform-box:fill-box;transform-origin:50% 50%;animation:flapglide 3.2s ease-in-out infinite}
@keyframes flap{0%,100%{transform:scaleY(1)}50%{transform:scaleY(-.5)}}
.bird{transform-box:fill-box;transform-origin:50% 60%;animation:flap .7s ease-in-out infinite}
@keyframes flutter{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.2)}}
.wings{transform-box:fill-box;transform-origin:50% 50%;animation:flutter .32s ease-in-out infinite}
@keyframes wander{0%,100%{transform:translate(0,0)}25%{transform:translate(70px,-34px)}50%{transform:translate(140px,-6px)}75%{transform:translate(64px,18px)}}
.wander{animation:wander 14s ease-in-out infinite}
@keyframes drift{from{transform:translateX(-40px)}to{transform:translateX(90px)}}
.cloud{animation:drift 26s ease-in-out infinite alternate}
@keyframes blink{0%,93%,100%{transform:scaleY(0)}96%{transform:scaleY(1)}}
.blink{transform-box:fill-box;transform-origin:50% 0%;transform:scaleY(0);animation:blink 4.6s ease-in-out infinite}
.blink--pip{animation-duration:5.8s;animation-delay:-2.1s}
.foot{background:var(--moss);color:var(--leaf);padding:64px 0 40px;font-size:15px}
.foot .brand{color:var(--paper)}
.foot__grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px}
.foot h3{font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;color:var(--mustard);margin-bottom:12px;letter-spacing:0}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a{color:var(--leaf);text-decoration:none}
.foot a:hover{color:var(--mustard)}
.foot__tag{margin-top:12px;max-width:22em;color:var(--leaf)}
.foot__legal{margin-top:44px;padding-top:20px;border-top:1px solid rgba(231,238,201,.2);color:var(--leaf)}
@media (max-width:960px){
.nav__links{display:none}.nav__menu{display:inline-flex}
.stage{padding-left:0}
.slip{position:relative;left:auto;bottom:auto;width:auto;max-width:none;margin:-40px 12px 0;transform:rotate(-1deg)}
.split,.split--flip,.pocket-row,.team-faq,.problem{grid-template-columns:minmax(0,1fr);gap:40px}
.drawer{grid-template-columns:minmax(0,1fr);gap:36px}
.drawer .card:nth-child(2),.drawer .card:nth-child(3){margin-top:0}
.proof{grid-template-columns:minmax(0,1fr)}
.proof__arrow{transform:rotate(90deg);margin:0 auto}
.stance{grid-template-columns:minmax(0,1fr);gap:24px}
.foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot__brand{grid-column:1/-1}
.pocket{max-width:380px}
}
@media (max-width:640px){
.wrap{padding:0 16px}
.punch{white-space:normal;font-size:1.35rem}
.mkt{font-size:17px}
.hero h1{font-size:2.9rem;margin-top:24px}
.sec{padding:80px 0}
.video-sec{padding-top:80px}
.card{padding:22px 20px 48px}
.drawer h3{left:20px}
.slip{padding:22px 20px}
.cta{padding-top:80px}
}
.page-hero{padding-bottom:88px}
.page-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;margin-top:28px}
.page-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;max-width:13em}
.lede{margin-top:22px;font-size:20px;line-height:1.55;max-width:34em;color:var(--ink)}
.page-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.page-hero__micro{margin-top:16px;font-size:15px;color:var(--ink)}
.page-hero .figure-stamp .jacket{transform:rotate(1.2deg)}
.page-hero .figure-stamp .stamp{left:auto;right:-8px;top:-20px;transform:rotate(5deg)}
.slip--static{position:relative;left:auto;bottom:auto;width:auto;max-width:none}
.sec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.sec-head .stamp{flex:none;margin-top:10px}
.sec--tight{padding:96px 0}
.drawer--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.drawer--two .card:nth-child(3){margin-top:0}
.drawer--two .card:nth-child(4){margin-top:28px}
.drawer--two .card:nth-child(2){margin-top:28px}
.drawer--two h3{right:84px}
.showcase{display:grid;gap:88px;margin-top:56px}
.showcase .split h3{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.08}
.showcase .split--flip>div:first-child{order:0}
.link-line{margin-top:44px;max-width:44em;color:var(--ink-soft)}
.link-line a{font-weight:800}
.manuscript{padding:22px 36px 56px}
.manuscript__head{display:flex;justify-content:space-between;font-family:'Courier Prime',monospace;font-weight:700;font-size:15px;color:var(--ink-soft);line-height:40px}
.manuscript ol{list-style:none;margin:30px 0 0;padding:0}
.manuscript li{padding:0 0 34px}
.manuscript h3{font-size:24px;line-height:34px;font-weight:800}
.manuscript p{line-height:34px;color:var(--ink-soft);font-size:17px}
.steps-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:start;margin-top:48px}
.steps-split__side{display:grid;gap:36px;position:sticky;top:24px}
.slips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px;align-items:start}
.slip-card{position:relative;background:var(--paper);border-radius:3px;padding:44px 22px 28px;box-shadow:0 0 0 1px var(--card-hairline),0 22px 36px -26px rgba(50,30,5,.55)}
.slip-card:nth-child(1){transform:rotate(-1.2deg)}
.slip-card:nth-child(2){margin-top:30px;transform:rotate(.8deg)}
.slip-card:nth-child(3){margin-top:10px;transform:rotate(-.6deg)}
.slip-card:nth-child(4){margin-top:40px;transform:rotate(1.2deg)}
.slip-card::before{content:"";position:absolute;left:50%;top:-12px;width:84px;height:24px;margin-left:-42px;background:var(--mustard);opacity:.92;transform:rotate(-2deg);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.slip-card h3{font-size:22px;line-height:1.15}
.slip-card p{margin-top:12px;font-size:17px;color:var(--ink-soft)}
.pain-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.pain-split--flip{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.big-note{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.45;font-style:italic;max-width:30em;color:var(--leaf)}
.big-note em{color:var(--paper)}
.refuse{list-style:none;padding:0;margin:44px 0 0;display:grid;gap:0}
.refuse li{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;padding:30px 0;border-top:2px solid var(--moss);font-size:19px;color:var(--ink-soft)}
.refuse li:last-child{border-bottom:2px solid var(--moss)}
.refuse strong{font-family:'Clarity City',sans-serif;font-weight:800;letter-spacing:-.015em;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;color:var(--ink)}
.cascade-card--wide{margin-top:0}
.faq-narrow{max-width:820px;margin:40px auto 0}
.cta p{max-width:32em}
@media (max-width:960px){
.page-hero__grid,.pain-split,.pain-split--flip,.steps-split{grid-template-columns:minmax(0,1fr);gap:40px}
.page-hero .figure-stamp .stamp{right:6px}
.drawer--two{grid-template-columns:minmax(0,1fr)}
.drawer--two .card:nth-child(n){margin-top:0}
.slips{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps-split__side{position:static}
.refuse li{grid-template-columns:minmax(0,1fr);gap:12px}
.sec-head{flex-direction:column;gap:8px}
}
@media (max-width:640px){
.page-hero{padding-bottom:64px}
.page-hero h1{font-size:2.5rem}
.slips{grid-template-columns:minmax(0,1fr)}
.slip-card:nth-child(n){margin-top:0}
.manuscript{padding:22px 20px 56px}
.drawer--two h3{font-size:21px;right:72px}
.sec--tight{padding:72px 0}
.showcase{gap:64px}
}
@media (prefers-reduced-motion:reduce){.mkt *,.mkt *::before,.mkt *::after{transition:none!important;animation:none!important}}
header.tone{position:relative}
header.tone::after{content:"";position:absolute;z-index:4;left:0;right:0;pointer-events:none;background:var(--tone)}
.edge-zigzag::after{bottom:-14px;height:14px;clip-path:polygon(0.00% 0%,0.69% 100%,1.39% 0%,2.08% 100%,2.78% 0%,3.47% 100%,4.17% 0%,4.86% 100%,5.56% 0%,6.25% 100%,6.94% 0%,7.64% 100%,8.33% 0%,9.03% 100%,9.72% 0%,10.42% 100%,11.11% 0%,11.81% 100%,12.50% 0%,13.19% 100%,13.89% 0%,14.58% 100%,15.28% 0%,15.97% 100%,16.67% 0%,17.36% 100%,18.06% 0%,18.75% 100%,19.44% 0%,20.14% 100%,20.83% 0%,21.53% 100%,22.22% 0%,22.92% 100%,23.61% 0%,24.31% 100%,25.00% 0%,25.69% 100%,26.39% 0%,27.08% 100%,27.78% 0%,28.47% 100%,29.17% 0%,29.86% 100%,30.56% 0%,31.25% 100%,31.94% 0%,32.64% 100%,33.33% 0%,34.03% 100%,34.72% 0%,35.42% 100%,36.11% 0%,36.81% 100%,37.50% 0%,38.19% 100%,38.89% 0%,39.58% 100%,40.28% 0%,40.97% 100%,41.67% 0%,42.36% 100%,43.06% 0%,43.75% 100%,44.44% 0%,45.14% 100%,45.83% 0%,46.53% 100%,47.22% 0%,47.92% 100%,48.61% 0%,49.31% 100%,50.00% 0%,50.69% 100%,51.39% 0%,52.08% 100%,52.78% 0%,53.47% 100%,54.17% 0%,54.86% 100%,55.56% 0%,56.25% 100%,56.94% 0%,57.64% 100%,58.33% 0%,59.03% 100%,59.72% 0%,60.42% 100%,61.11% 0%,61.81% 100%,62.50% 0%,63.19% 100%,63.89% 0%,64.58% 100%,65.28% 0%,65.97% 100%,66.67% 0%,67.36% 100%,68.06% 0%,68.75% 100%,69.44% 0%,70.14% 100%,70.83% 0%,71.53% 100%,72.22% 0%,72.92% 100%,73.61% 0%,74.31% 100%,75.00% 0%,75.69% 100%,76.39% 0%,77.08% 100%,77.78% 0%,78.47% 100%,79.17% 0%,79.86% 100%,80.56% 0%,81.25% 100%,81.94% 0%,82.64% 100%,83.33% 0%,84.03% 100%,84.72% 0%,85.42% 100%,86.11% 0%,86.81% 100%,87.50% 0%,88.19% 100%,88.89% 0%,89.58% 100%,90.28% 0%,90.97% 100%,91.67% 0%,92.36% 100%,93.06% 0%,93.75% 100%,94.44% 0%,95.14% 100%,95.83% 0%,96.53% 100%,97.22% 0%,97.92% 100%,98.61% 0%,99.31% 100%,100.00% 0%)}
.edge-wave::after{bottom:-18px;height:18px;clip-path:polygon(0.00% 0%,0.00% 50%,0.50% 62%,1.00% 72%,1.50% 82%,2.00% 89%,2.50% 93%,3.00% 95%,3.50% 93%,4.00% 89%,4.50% 82%,5.00% 72%,5.50% 62%,6.00% 50%,6.50% 38%,7.00% 28%,7.50% 18%,8.00% 11%,8.50% 7%,9.00% 5%,9.50% 7%,10.00% 11%,10.50% 18%,11.00% 27%,11.50% 38%,12.00% 50%,12.50% 62%,13.00% 72%,13.50% 82%,14.00% 89%,14.50% 93%,15.00% 95%,15.50% 93%,16.00% 89%,16.50% 82%,17.00% 72%,17.50% 62%,18.00% 50%,18.50% 38%,19.00% 28%,19.50% 18%,20.00% 11%,20.50% 7%,21.00% 5%,21.50% 7%,22.00% 11%,22.50% 18%,23.00% 27%,23.50% 38%,24.00% 50%,24.50% 62%,25.00% 73%,25.50% 82%,26.00% 89%,26.50% 93%,27.00% 95%,27.50% 93%,28.00% 89%,28.50% 82%,29.00% 72%,29.50% 62%,30.00% 50%,30.50% 38%,31.00% 28%,31.50% 18%,32.00% 11%,32.50% 7%,33.00% 5%,33.50% 7%,34.00% 11%,34.50% 18%,35.00% 27%,35.50% 38%,36.00% 50%,36.50% 62%,37.00% 72%,37.50% 82%,38.00% 89%,38.50% 93%,39.00% 95%,39.50% 93%,40.00% 89%,40.50% 82%,41.00% 73%,41.50% 62%,42.00% 50%,42.50% 38%,43.00% 28%,43.50% 18%,44.00% 11%,44.50% 7%,45.00% 5%,45.50% 7%,46.00% 11%,46.50% 18%,47.00% 27%,47.50% 38%,48.00% 50%,48.50% 62%,49.00% 72%,49.50% 82%,50.00% 89%,50.50% 93%,51.00% 95%,51.50% 93%,52.00% 89%,52.50% 82%,53.00% 73%,53.50% 62%,54.00% 50%,54.50% 38%,55.00% 27%,55.50% 18%,56.00% 11%,56.50% 7%,57.00% 5%,57.50% 7%,58.00% 11%,58.50% 18%,59.00% 27%,59.50% 38%,60.00% 50%,60.50% 62%,61.00% 72%,61.50% 82%,62.00% 89%,62.50% 93%,63.00% 95%,63.50% 93%,64.00% 89%,64.50% 82%,65.00% 73%,65.50% 62%,66.00% 50%,66.50% 38%,67.00% 28%,67.50% 18%,68.00% 11%,68.50% 7%,69.00% 5%,69.50% 7%,70.00% 11%,70.50% 18%,71.00% 28%,71.50% 38%,72.00% 50%,72.50% 62%,73.00% 72%,73.50% 82%,74.00% 89%,74.50% 93%,75.00% 95%,75.50% 93%,76.00% 89%,76.50% 82%,77.00% 73%,77.50% 62%,78.00% 50%,78.50% 38%,79.00% 28%,79.50% 18%,80.00% 11%,80.50% 7%,81.00% 5%,81.50% 7%,82.00% 11%,82.50% 18%,83.00% 28%,83.50% 38%,84.00% 50%,84.50% 62%,85.00% 73%,85.50% 82%,86.00% 89%,86.50% 93%,87.00% 95%,87.50% 93%,88.00% 89%,88.50% 82%,89.00% 73%,89.50% 62%,90.00% 50%,90.50% 38%,91.00% 28%,91.50% 18%,92.00% 11%,92.50% 7%,93.00% 5%,93.50% 7%,94.00% 11%,94.50% 18%,95.00% 28%,95.50% 38%,96.00% 50%,96.50% 62%,97.00% 72%,97.50% 82%,98.00% 89%,98.50% 93%,99.00% 95%,99.50% 93%,100.00% 89%,100.00% 0%)}
.edge-torn::after{bottom:-12px;height:12px;clip-path:polygon(0.00% 0%,0.00% 46%,0.67% 32%,1.33% 72%,2.00% 26%,2.67% 63%,3.33% 49%,4.00% 25%,4.67% 61%,5.33% 23%,6.00% 55%,6.67% 26%,7.33% 27%,8.00% 54%,8.67% 86%,9.33% 30%,10.00% 38%,10.67% 70%,11.33% 96%,12.00% 66%,12.67% 52%,13.33% 98%,14.00% 24%,14.67% 89%,15.33% 43%,16.00% 32%,16.67% 29%,17.33% 45%,18.00% 85%,18.67% 34%,19.33% 67%,20.00% 71%,20.67% 50%,21.33% 64%,22.00% 25%,22.67% 25%,23.33% 36%,24.00% 74%,24.67% 54%,25.33% 45%,26.00% 67%,26.67% 56%,27.33% 44%,28.00% 84%,28.67% 76%,29.33% 40%,30.00% 66%,30.67% 62%,31.33% 90%,32.00% 78%,32.67% 43%,33.33% 98%,34.00% 29%,34.67% 53%,35.33% 81%,36.00% 32%,36.67% 59%,37.33% 23%,38.00% 73%,38.67% 81%,39.33% 66%,40.00% 90%,40.67% 45%,41.33% 76%,42.00% 68%,42.67% 66%,43.33% 56%,44.00% 87%,44.67% 96%,45.33% 58%,46.00% 73%,46.67% 25%,47.33% 76%,48.00% 72%,48.67% 99%,49.33% 86%,50.00% 43%,50.67% 51%,51.33% 73%,52.00% 22%,52.67% 57%,53.33% 33%,54.00% 29%,54.67% 25%,55.33% 81%,56.00% 30%,56.67% 40%,57.33% 51%,58.00% 90%,58.67% 26%,59.33% 56%,60.00% 64%,60.67% 91%,61.33% 86%,62.00% 89%,62.67% 42%,63.33% 53%,64.00% 49%,64.67% 91%,65.33% 97%,66.00% 32%,66.67% 34%,67.33% 39%,68.00% 39%,68.67% 59%,69.33% 67%,70.00% 41%,70.67% 20%,71.33% 54%,72.00% 50%,72.67% 65%,73.33% 96%,74.00% 75%,74.67% 61%,75.33% 69%,76.00% 74%,76.67% 24%,77.33% 92%,78.00% 82%,78.67% 90%,79.33% 84%,80.00% 51%,80.67% 52%,81.33% 28%,82.00% 71%,82.67% 25%,83.33% 25%,84.00% 37%,84.67% 33%,85.33% 47%,86.00% 24%,86.67% 20%,87.33% 32%,88.00% 28%,88.67% 49%,89.33% 22%,90.00% 90%,90.67% 69%,91.33% 32%,92.00% 40%,92.67% 48%,93.33% 49%,94.00% 30%,94.67% 88%,95.33% 99%,96.00% 57%,96.67% 59%,97.33% 27%,98.00% 28%,98.67% 47%,99.33% 41%,100.00% 86%,100.00% 0%)}
.edge-scallop::after{bottom:-14px;height:14px;background:radial-gradient(circle at 14px 0,var(--tone) 13.5px,transparent 14px) 0 0/28px 14px repeat-x}
.edge-stitch::after{bottom:10px;height:0;background:none;border-top:2.5px dashed rgba(51,36,15,.45)}
.tone-dark :is(h1,h2,h3,p,li,span,small,label,a,em,strong):not(.btn):not(.stamp):not(:is(.card,.slip,.brand,.stamp,.btn,.labels,.tab,.jacket,.search,figure) *){color:var(--paper)}
.tone-dark .nav__links a:not(.btn):hover{color:var(--leaf)}
.tone-dark .btn--plain{color:var(--paper);border-color:var(--paper)}
.tone-dark .btn--plain:hover{color:var(--leaf);border-color:var(--leaf)}
.tone-dark .nav__menu{color:var(--paper);border-color:var(--paper)}
.tone-dark h1 em{color:var(--mustard)}
.top{padding-bottom:72px}
.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.toc a:hover{color:var(--moss);text-decoration:underline;text-underline-offset:4px}
.top__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.top h1{font-size:clamp(2.3rem,4.6vw,4rem);line-height:1.02;margin-top:24px;max-width:15em}
.top__lead{margin-top:20px;max-width:34em;font-size:20px;line-height:1.55}
.top__lead+.top__lead{margin-top:14px}
.top .jacket{transform:rotate(1.5deg)}
.top .stamp{position:absolute;left:-12px;top:-16px;z-index:3}
.fig{position:relative}
.sec--leaf{background:var(--leaf)}
.sec h2.h2s{font-size:clamp(2rem,3.6vw,3rem);max-width:18em}
.prose--ink{color:var(--ink)}
.ruled{max-width:640px;margin-top:36px}
.ruled ul{list-style:none;margin:30px 0 0;padding:0}
.ruled li{font-family:'Clarity City',sans-serif;font-weight:700;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:44px;padding:0;margin-bottom:22px}
.punch2{margin-top:36px;display:inline-block;font-family:'Courier Prime',monospace;font-weight:700;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5;color:var(--moss);border:3px solid var(--moss);border-radius:8px;padding:12px 22px;transform:rotate(-1.2deg);background:var(--paper);max-width:30em}
.punch2 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--mustard);text-decoration-thickness:3px;text-underline-offset:4px}
.tbl{position:relative;margin-top:40px}
.tbl__scroll{overflow-x:auto;padding:8px;border-radius:6px;background:var(--paper);box-shadow:0 0 0 1px var(--card-hairline),0 22px 40px -28px rgba(50,30,5,.5)}
.tbl__scroll:focus-visible{outline:3px solid var(--moss);outline-offset:3px}
.tbl table{border-collapse:separate;border-spacing:0;width:100%;font-size:16px;line-height:1.45}
.tbl th,.tbl td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(51,36,15,.18);color:var(--ink)}
.tbl td{color:var(--ink-soft)}
.tbl thead th{font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;background:var(--leaf);border-bottom:2px solid var(--mustard);white-space:nowrap}
.tbl thead th.hl{background:var(--moss);color:var(--paper)}
.tbl tbody th{font-weight:800;background:var(--paper);position:sticky;left:0;z-index:1}
.tbl td.hl{background:var(--leaf);color:var(--ink)}
.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}
.tbl--wide table{min-width:900px}
.tbl--wide tbody th{min-width:210px}
.tbl--two table{min-width:560px}
.tbl--two tbody th{min-width:200px}
.tbl__hint{display:none;margin-top:10px;font-family:'Courier Prime',monospace;font-weight:700;font-size:13px;color:var(--ink-soft)}
.tbl__note{margin-top:18px;font-style:italic;color:var(--ink-soft);max-width:40em}
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;margin-top:64px;align-items:start}
.paths .card,.cards .card{padding-top:116px;background-image:none}
.paths .card::before,.cards .card::before{top:94px}
.paths h3,.cards h3,.cards h2{font-size:24px;line-height:1.3;position:absolute;top:26px;left:32px;right:32px}
.paths p,.cards p{color:var(--ink-soft);font-size:17px;line-height:34px}
.paths p strong{color:var(--ink)}
.paths p+p{margin-top:0}
.paths .card:nth-child(even){margin-top:36px}
.paths .tab--a{background:var(--moss)}
.paths .tab--b{background:var(--ink)}
.paths .tab--c{background:var(--moss)}
.paths .tab--d{background:var(--moss)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;margin-top:20px;align-items:start}
.cards .card:nth-child(even){margin-top:32px}
.cards .card h2 a{color:var(--ink);text-decoration:none}
.cards .card h2 a::after{content:"";position:absolute;inset:-116px -32px -9999px -32px}
.cards .card{overflow:visible}
.cards .card:hover{transform:translateY(-3px)}
.cards .card{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.cards .tab--ok{background:var(--moss)}
.cards .tab--held{background:var(--ink)}
.cards .go{display:inline-block;margin-top:8px;font-weight:800;font-size:16px;color:var(--moss);text-decoration:underline;text-underline-offset:4px}
.cards .card{display:block}
.band-olive{padding:104px 0}
.band-olive .split{align-items:center}
.band-olive h2{color:var(--paper)}
.slipcard{background:var(--leaf);color:var(--ink);padding:36px 40px 32px;border-radius:4px;box-shadow:0 26px 40px -22px rgba(40,25,5,.45);transform:rotate(-.8deg);max-width:760px;margin:0 auto}
.slipcard h2{font-size:clamp(1.8rem,3vw,2.4rem);border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:18px}
.slipcard p{font-size:19px;color:var(--ink)}
.slipcard p+p{margin-top:14px}
.show2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin-top:56px}
.show2 h3{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1}
.show2 .prose{margin-top:14px}
.show2--flip .jacket{order:2}
.faq-sec{background:var(--leaf)}
.faq-sec .faq{max-width:820px;margin-top:28px}
.faq details p{max-width:48em}
.links-line{margin-top:28px;max-width:38em;color:var(--ink-soft)}
.read{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;padding:72px 0 120px;align-items:start}
.toc{position:sticky;top:24px;font-size:16px}
.toc h2{font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;letter-spacing:0;color:var(--ink-soft);border-bottom:2px solid var(--mustard);padding-bottom:8px;margin-bottom:10px}
.toc a{display:block;padding:7px 0;color:var(--ink);text-decoration:none;line-height:1.35;min-height:32px}
.toc--mob{display:none}
.doc{max-width:68ch;font-size:18px;line-height:1.7}
.doc section{padding:40px 0 8px;border-top:1px solid rgba(51,36,15,.18);scroll-margin-top:16px}
.doc section:first-child{border-top:0;padding-top:0}
.doc h2{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.15;margin-bottom:16px}
.doc p{margin:0 0 16px;color:var(--ink)}
.doc p.sub{font-family:'Clarity City',sans-serif;font-weight:800;margin:22px 0 8px}
.doc ul{margin:0 0 18px;padding-left:1.3em}
.doc li{margin-bottom:8px}
.doc li::marker{color:var(--moss)}
.doc .note{font-style:italic;color:var(--ink-soft);margin-top:4px;max-width:none}
.doc a{color:var(--moss);text-underline-offset:3px}
.sv{background:var(--paper);border-radius:4px;box-shadow:0 0 0 1px var(--card-hairline),0 22px 40px -28px rgba(50,30,5,.5);padding:26px 30px 24px;margin-bottom:8px}
.sv__head{font-family:'Courier Prime',monospace;font-weight:700;font-size:15px;border-bottom:2px solid var(--mustard);padding-bottom:8px;margin-bottom:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sv p.lede{font-size:20px;line-height:1.6}
.lt-top{padding-bottom:64px}
.lt-top h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;margin-top:28px}
.lt-top p.sub2{margin-top:16px;max-width:36em;font-size:20px;line-height:1.55}
.lt-top .wrap{position:relative}
.lt-top__pip{position:absolute;right:40px;bottom:-72px;width:150px;height:auto}
.nf{padding:24px 0 120px}
.nf__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.nf__code{font-family:'Courier Prime',monospace;font-weight:700;font-size:clamp(3.5rem,9vw,7rem);line-height:1;color:var(--moss);display:inline-block;border:4px solid var(--moss);border-radius:10px;padding:6px 22px;transform:rotate(-4deg);background:var(--paper)}
.nf h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;margin-top:32px}
.nf p.body{margin-top:18px;font-size:20px;max-width:30em;color:var(--ink)}
.nf__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
@media (max-width:960px){
.top__grid,.show2,.nf__grid{grid-template-columns:minmax(0,1fr);gap:40px}
.show2--flip .jacket{order:0}
.paths,.cards{grid-template-columns:minmax(0,1fr);gap:40px}
.paths .card:nth-child(even),.cards .card:nth-child(even){margin-top:0}
.read{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:40px}
.toc--desk{display:none}
.toc--mob{display:block;background:var(--paper);border-radius:6px;box-shadow:0 0 0 1px var(--card-hairline);padding:6px 18px}
.toc--mob summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-family:'Courier Prime',monospace;font-weight:700;font-size:15px}
.toc--mob ol{list-style:none;margin:0;padding:0 0 12px}
.toc--mob a{display:block;padding:10px 0;min-height:44px;color:var(--ink);text-decoration:none}
.lt-top__pip{display:none}
}
@media (max-width:640px){
.sec--tight{padding:72px 0}
.top{padding-bottom:56px}
.paths .card,.cards .card{padding-top:116px}
.paths h3,.cards h2{left:20px;right:20px}
.tbl tbody th{position:static}
.tbl__hint{display:block}
.slipcard{padding:26px 20px 24px}
.sv{padding:20px 18px}
.doc{font-size:17px}
.band-olive{padding:72px 0}
.nf{padding-bottom:80px}
}
.band{padding-bottom:56px}
.band h1{font-size:clamp(2.6rem,5.5vw,4.6rem);line-height:1;margin-top:24px;max-width:14em}
.band__lede{margin-top:18px;max-width:34em;font-size:20px;color:var(--ink)}
.mkt input:focus-visible{outline:3px solid var(--moss);outline-offset:3px}
.crumbs ol{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-weight:700;font-size:16px;color:var(--ink)}
.crumbs a{color:var(--ink);display:inline-block;min-height:44px;line-height:44px;text-underline-offset:3px}
.crumbs li{display:flex;align-items:center;gap:10px}
.crumbs li:not(:last-child)::after{content:"/";color:var(--moss)}
@media (max-width:640px){.band{padding-bottom:40px}.band h1{font-size:2.5rem}}