@font-face{font-family:Fredoka;src:url('/assets/fonts/fredoka-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Fredoka;src:url('/assets/fonts/fredoka-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:LilitaOne;src:url('/assets/fonts/lilita-one-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Chewy;src:url('/assets/fonts/chewy-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-800.woff') format('woff');font-style:normal;font-weight:800;font-display:swap}

.type-bar{color:var(--ink);background:var(--cream);border-bottom:1px solid #17171330}
.type-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:10px}
.type-label{font-family:Nunito,Arial,sans-serif;font-weight:800;font-size:.63rem;letter-spacing:.08em;line-height:1.45;flex-shrink:0}
.type-label>span{display:block;font-weight:600;font-size:.7rem;letter-spacing:0;margin-top:3px}
.type-bar nav{display:flex;gap:7px;align-items:stretch}
.type-option{position:relative;min-height:54px;display:grid;grid-template-columns:18px 1fr;gap:1px 9px;align-content:center;border:1px solid transparent;border-radius:12px;padding:8px 16px 8px 11px;transition:background .15s}
.type-option:hover{background:#efdfc9;text-decoration:none}
.type-option[aria-current]{border-color:var(--ink);background:#f6e3c5;box-shadow:2px 2px 0 var(--ink)}
.type-index{grid-column:1;grid-row:1/3;font-family:Nunito,Arial,sans-serif;font-size:.6rem;align-self:center;font-weight:800;opacity:.8}
.type-name{font-size:1rem;line-height:1.15}
.type-font{font-family:Nunito,Arial,sans-serif;font-size:.59rem;line-height:1.5;font-weight:600;grid-column:2}
.type-option-rounded .type-name{font-family:Fredoka,sans-serif;font-weight:600}
.type-option-chunky .type-name{font-family:LilitaOne,sans-serif;font-weight:400}
.type-option-playful .type-name{font-family:Chewy,sans-serif;font-weight:400;font-size:1.08rem}
.type-option-original .type-name{font-family:OomamiDisplay,sans-serif;font-size:.78rem}
.type-option-original{padding-inline:11px;opacity:.8}
.red-rounded{--soft-display:Fredoka;--soft-weight:700;--soft-tracking:-.045em}
.red-chunky{--soft-display:LilitaOne;--soft-weight:400;--soft-tracking:-.015em}
.red-playful{--soft-display:Chewy;--soft-weight:400;--soft-tracking:-.02em}
.red:not(.red-original){font-family:Nunito,Arial,sans-serif;font-weight:600}
.red:not(.red-original) h1,.red:not(.red-original) h2,.red:not(.red-original) h3,.red:not(.red-original) h4,.red:not(.red-original) .brand-text,.red:not(.red-original) .ticker{font-family:var(--soft-display),Arial,sans-serif;font-weight:var(--soft-weight);letter-spacing:var(--soft-tracking);font-synthesis:none}
.red:not(.red-original) .site-header nav a,.red:not(.red-original) .btn,.red:not(.red-original) .eyebrow,.red:not(.red-original) .pill,.red:not(.red-original) .hero-foot{font-family:Nunito,Arial,sans-serif}
.red:not(.red-original) .btn{font-weight:800;font-size:.9rem}
.red:not(.red-original) .eyebrow{font-weight:800;font-size:.75rem;letter-spacing:.08em}
.red:not(.red-original) .site-header nav a{font-weight:700;font-size:.85rem}
.red .site-header .brand-text{font-size:clamp(1.8rem,2.65vw,2.55rem);letter-spacing:-.045em;white-space:nowrap}
.red-original .site-header .brand-text{font-family:Fredoka,sans-serif;font-weight:700}
.red:not(.red-original) .site-header .btn{font-size:.78rem}
.red:not(.red-original) .red-hero h1{font-size:clamp(5.3rem,9.6vw,9.1rem);line-height:.96;letter-spacing:var(--soft-tracking);margin-top:22px}
.red:not(.red-original) .red-hero .outline-word{-webkit-text-stroke:1.6px var(--ink)}
.red:not(.red-original) .red-hero .hero-intro{font-size:1rem;font-weight:600}
.red:not(.red-original) .hero-foot{font-weight:800;font-size:.7rem}
.red:not(.red-original) .hero-foot a{font-size:.75rem}
.red:not(.red-original) .section-heading h2{line-height:1.05;font-size:clamp(2.5rem,4.25vw,4.4rem)}
.red:not(.red-original) .section-heading>p:last-child:not(.eyebrow){font-size:.88rem}
.red:not(.red-original) .peanut-card h3{font-size:2.15rem;line-height:1.09}
.red:not(.red-original) .teaser-card h3{font-size:1.85rem;line-height:1.1}
.red:not(.red-original) .peanut-card p,.red:not(.red-original) .teaser-card p{font-size:.86rem}
.red:not(.red-original) .peanut-card .btn{font-size:.8rem}
.red:not(.red-original) .manifesto h2{font-size:clamp(3.2rem,6.45vw,6.4rem);line-height:1.04}
.red:not(.red-original) .manifesto-copy h3{font-size:2.6rem}
.red:not(.red-original) .manifesto-copy p{font-size:.96rem}
.red:not(.red-original) .join-grid h2{font-size:clamp(2.7rem,4.85vw,5rem);line-height:1.08}
.red:not(.red-original) .join-grid>div>p:not(.eyebrow){font-size:.97rem}
.red:not(.red-original) .signup-form{font-size:.88rem}
.red:not(.red-original) .signup-form .check{font-size:.81rem}
.red:not(.red-original) .signup-form legend{font-size:.81rem}
.red:not(.red-original) .signup-form .fineprint{font-size:.73rem}
.red:not(.red-original) .form-preview{font-size:.71rem}
.red:not(.red-original) .follow-row h3{font-size:1.9rem}
.red:not(.red-original) .follow-row p{font-size:.83rem}
.red:not(.red-original) .footer-main p{font-size:.84rem}
.red:not(.red-original) .footer-bottom,.red:not(.red-original) .footer-bottom nav button{font-size:.7rem}
.red:not(.red-original) .ticker{font-size:1.45rem}
.red-chunky .red-hero h1{letter-spacing:-.018em!important;font-size:clamp(5.6rem,10vw,9.5rem)!important;line-height:.93!important}
.red-playful .red-hero h1{font-size:clamp(5.6rem,9.9vw,9.6rem)!important;line-height:.98!important}
.red:not(.red-original) dialog h2{font-size:2.75rem}
.red:not(.red-original) dialog h3{font-size:1.3rem}

@media(max-width:1100px){.type-bar-inner{gap:15px}.type-option{padding:8px 11px;gap:1px 6px}.type-name{font-size:.9rem}.type-option-playful .type-name{font-size:1rem}.type-option-original .type-name{font-size:.7rem}.red .site-header nav{gap:20px;margin-right:10px}.red .site-header .brand-text{font-size:2rem}.red:not(.red-original) .site-header nav a{font-size:.76rem}.red:not(.red-original) .red-hero h1{font-size:9.2vw}.red-chunky .red-hero h1{font-size:9.7vw!important}.red-playful .red-hero h1{font-size:9.65vw!important}.red:not(.red-original) .hero-actions .btn{font-size:.8rem;gap:15px}.red:not(.red-original) .peanut-card h3{font-size:1.9rem}.red:not(.red-original) .teaser-card h3{font-size:1.7rem}.red:not(.red-original) .peanut-card .btn{font-size:.72rem;gap:13px}.red:not(.red-original) .hero-foot{font-size:.62rem}.red:not(.red-original) .hero-foot a{font-size:.69rem}}
@media(max-width:850px){.type-bar-inner{display:block;padding-block:12px}.type-label{display:flex;justify-content:space-between;align-items:center;font-size:.6rem}.type-label>span{display:inline;font-size:.65rem;margin-top:0}.type-bar nav{margin-top:9px;justify-content:space-between}.type-option{flex:1;padding:8px 10px;gap:1px 6px}.type-option-original{flex:.75}.type-name{font-size:.88rem}.red .site-header{gap:15px}.red .site-header nav{gap:18px;margin-right:0}.red .site-header nav a{font-size:.71rem}.red .site-header .brand-text{font-size:1.85rem}.red:not(.red-original) .site-header .btn{font-size:.73rem;gap:14px}.red:not(.red-original) .red-hero .hero-intro{font-size:.88rem}.red:not(.red-original) .eyebrow{font-size:.67rem}.red:not(.red-original) .hero-actions .btn{font-size:.72rem;min-height:46px;padding:11px 15px}.red:not(.red-original) .hero-foot{font-size:.56rem}.red:not(.red-original) .hero-foot a{font-size:.64rem}.red:not(.red-original) .section-heading h2{font-size:5.4vw}.red:not(.red-original) .manifesto h2{font-size:6.45vw}.red:not(.red-original) .manifesto-copy h3{font-size:2.1rem}.red:not(.red-original) .manifesto-copy p{font-size:.86rem}.red:not(.red-original) .join-grid h2{font-size:4.9vw}.red:not(.red-original) .join-grid>div>p:not(.eyebrow){font-size:.87rem}.red:not(.red-original) .signup-form .check{font-size:.75rem}.red:not(.red-original) .signup-form .fineprint{font-size:.69rem}.red:not(.red-original) .footer-main p{font-size:.75rem}}
@media(max-width:700px){.red .site-header nav{display:none}.red .site-header .brand-text{font-size:2rem}.type-option{grid-template-columns:1fr;gap:1px}.type-index{display:none}.type-font{grid-column:1}.type-name{font-size:.82rem}.type-option-playful .type-name{font-size:.94rem}.type-option-original .type-name{font-size:.68rem}}
@media(max-width:570px){.type-bar-inner{padding-block:11px}.type-bar nav{display:grid;grid-template-columns:1fr 1fr 1fr .7fr;gap:5px;margin-top:8px}.type-option{padding:8px 6px;border-radius:9px;min-height:52px}.type-name{font-size:.78rem;line-height:1.05}.type-option-playful .type-name{font-size:.88rem}.type-option-original .type-name{font-size:.6rem}.type-font{font-size:.57rem}.red .site-header{gap:9px;padding-block:18px}.red .site-header .brand-text{font-size:clamp(1.5rem,6.25vw,2rem);letter-spacing:-.045em}.red:not(.red-original) .site-header .btn{font-size:.72rem;gap:9px;padding:10px 13px;min-height:44px}.red:not(.red-original) .red-hero h1{font-size:21.8vw;line-height:.96;letter-spacing:-.04em}.red-chunky .red-hero h1{font-size:23.2vw!important;line-height:.94!important}.red-playful .red-hero h1{font-size:22.5vw!important;line-height:.97!important}.red:not(.red-original) .red-hero .hero-intro{font-size:.93rem}.red:not(.red-original) .red-hero .eyebrow{font-size:.63rem;letter-spacing:.07em}.red:not(.red-original) .hero-actions .btn{font-size:.78rem;min-height:48px;padding:13px 18px}.red:not(.red-original) .hero-foot{font-size:.55rem}.red:not(.red-original) .hero-foot a{font-size:.62rem}.red:not(.red-original) .section-heading h2{font-size:11.7vw;line-height:1.06}.red:not(.red-original) .section-heading>p:last-child:not(.eyebrow){font-size:.88rem}.red:not(.red-original) .peanut-card h3{font-size:2.15rem}.red:not(.red-original) .teaser-card h3{font-size:1.5rem}.red:not(.red-original) .peanut-card p{font-size:.89rem}.red:not(.red-original) .teaser-card p{font-size:.77rem}.red:not(.red-original) .peanut-card .btn{font-size:.8rem}.red:not(.red-original) .teaser-card .eyebrow{font-size:.58rem;letter-spacing:.03em}.red:not(.red-original) .manifesto h2{font-size:13.1vw}.red:not(.red-original) .manifesto-copy h3{font-size:2.2rem}.red:not(.red-original) .manifesto-copy p{font-size:.91rem}.red:not(.red-original) .join-grid h2{font-size:11.5vw}.red:not(.red-original) .join-grid>div>p:not(.eyebrow){font-size:.9rem}.red:not(.red-original) .signup-form{font-size:.88rem}.red:not(.red-original) .signup-form .check{font-size:.8rem}.red:not(.red-original) .signup-form .fineprint{font-size:.74rem}.red:not(.red-original) .form-preview{font-size:.69rem}.red:not(.red-original) .footer-main p{font-size:.67rem}.red:not(.red-original) .footer-bottom,.red:not(.red-original) .footer-bottom nav button{font-size:.69rem}.red:not(.red-original) dialog h2{font-size:2.3rem}.red:not(.red-original) .ticker{font-size:1.15rem}}
@media(max-width:350px){.red .site-header .brand-text{font-size:1.35rem}.red:not(.red-original) .site-header .btn{font-size:.68rem;padding:10px 11px;gap:7px}.red .site-header .btn>span{font-size:1.1rem}.type-bar nav{grid-template-columns:1fr 1fr;gap:7px}.type-option{display:grid;grid-template-columns:14px 1fr;gap:1px 5px;padding:8px 10px}.type-index{display:block;grid-column:1;grid-row:1/3}.type-font{grid-column:2}.type-name{font-size:.85rem}.type-option-original .type-name{font-size:.72rem}.red:not(.red-original) .section-heading h2{font-size:11.5vw}}
@media(prefers-reduced-motion:reduce){.type-option{transition:none}}