/* Small shared refinements; product layouts remain owned by their existing styles. */
@font-face{font-family:VilnsMarker;src:url('/vilns-assets/marker-hand.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--family-orange:#f47730;--family-paper:#f1f0eb;--family-line:#ffffff24;--family-gutter:clamp(22px,4vw,64px)}
html{scroll-padding-top:100px}body{overflow-wrap:break-word}
.family-header,.porch-page .family-header{box-sizing:border-box;min-height:88px;height:88px;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--family-gutter);border-bottom:1px solid var(--family-line)}
.porch-page .family-header{left:0;right:0}.family-header .family-logo,.family-footer .family-logo{font-family:'Inter Tight',sans-serif!important;font-size:32px!important;font-weight:900!important;letter-spacing:-2px!important;line-height:1;color:var(--family-paper);text-decoration:none;text-transform:lowercase;white-space:nowrap}
.family-logo sup{font:700 9px 'Inter Tight',sans-serif;vertical-align:top;letter-spacing:0;margin-left:3px}
.family-footer{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;min-height:112px;padding:32px var(--family-gutter);border-top:1px solid var(--family-line);display:flex;align-items:center;background:transparent}
.family-footer .family-logo{font-size:28px!important}
.product-header .product-brand{font-size:22px;letter-spacing:4px;gap:12px}
.threshold-mark{display:inline-flex;gap:4px;height:22px;align-items:stretch}.threshold-mark i{display:block;width:5px;background:var(--family-paper)}.threshold-mark i:nth-child(2){background:var(--family-orange)}
.campfire-mark{height:26px;width:26px;color:var(--family-paper);flex:none}
a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--family-orange);outline-offset:5px}
a.button,.cta,button[type=submit]{transition:background-color .18s ease,box-shadow .18s ease;min-height:48px}
a.button:hover,.cta:hover,button[type=submit]:hover{box-shadow:0 0 0 1px #ffc18b55,0 5px 22px #0003}
input:not([type=hidden]){font-size:max(16px,1em)}
.marker-note{font:600 clamp(22px,2.3vw,29px)/1.1 VilnsMarker,cursive;color:#e4c4a9;display:block;transform:rotate(-4deg);margin:12px 0 22px;max-width:22ch;letter-spacing:0;text-transform:none}
.ghost-page .freedom .marker-note,.campfire .marker-note{font-size:25px}
.ghost-page .raccoon-note{font-family:VilnsMarker,cursive}
.campfire .principles h2,.reality .principles h2{max-width:960px;text-wrap:balance;font-size:clamp(38px,4.4vw,62px);line-height:1.1}
.campfire .quote blockquote{line-height:1.08;text-wrap:balance}
.porch-page .copy h2{font-size:clamp(40px,4.5vw,61px);line-height:1.06;text-wrap:balance}
.porch-page .copy>p:not(.eyebrow){max-width:43ch}.porch-page .media{border:1px solid var(--family-line);border-radius:7px;overflow:hidden}
.porch-page .signup{background:radial-gradient(ellipse at 10% 80%,#35201555,transparent 65%),#0b0c0c}
.calldrn-page .signup-section{background:#0b0c0d!important}
.porch-page .hero{padding-bottom:40px}.porch-page .hero-inner{padding-top:145px}
.editorial-links{max-width:1240px;margin:auto;padding:32px var(--family-gutter);display:flex;gap:32px;flex-wrap:wrap;border-top:1px solid var(--family-line);font-size:14px}
.editorial-links a{color:var(--family-paper);text-decoration:none;border-bottom:1px solid #f4773080;padding:8px 0}
.origin-page{background:radial-gradient(800px 600px at 82% 4%,#2b160d88,transparent),#0b0d0e}
.origin-page .origin-header{position:relative;background:transparent;backdrop-filter:none}
.origin-story{max-width:1240px;padding-inline:var(--family-gutter)}
.origin-chapter{padding-block:clamp(54px,6vw,88px);background:none!important}
.origin-chapter:before{display:none}.origin-scene p{max-width:55ch;line-height:1.65}
.origin-scene h1{font-size:clamp(40px,5.4vw,76px);line-height:1.07;max-width:21ch;letter-spacing:-.045em!important;text-wrap:balance}
.origin-scene h2{line-height:1.1;letter-spacing:-.04em!important;text-wrap:balance}
.origin-page .origin-currently{width:180px;opacity:.92;margin-top:20px;margin-right:3%}
.origin-page .origin-offices{width:270px;opacity:.92;margin-top:10px;margin-bottom:32px}
.origin-page .origin-cute{width:150px;opacity:.9}
.origin-question>.marker-note{margin-top:-22px;margin-bottom:30px;margin-left:190px}
.origin-declare h2.marker{transform:none;margin-left:0;color:var(--family-orange)}
.origin-build{box-shadow:none;border:0;border-left:2px solid #f4773070;background:linear-gradient(90deg,#24181055,transparent);padding:clamp(24px,4vw,46px)}
.origin-page .origin-finally{width:230px;opacity:1}.origin-care{background:none;padding-right:28%}
.origin-page .origin-disgusting{opacity:.95;width:24%;top:44px;transform:rotate(4deg)}
.origin-humanity h3{color:var(--family-orange)}
.origin-credo li{position:relative;padding-left:26px}.origin-credo li:nth-child(-n+3):before{content:'✓';font:600 24px VilnsMarker,cursive;color:#e4c4a9;position:absolute;left:0;top:8px;transform:rotate(-12deg)}
.origin-credo .low-bar{padding-bottom:12px;border-bottom:2px solid #f4773080;width:fit-content}
.origin-page .origin-for-now{width:225px;opacity:.95;margin:20px 0 0 35%}
.origin-end h2{font-size:clamp(88px,12vw,150px)}
@media(max-width:700px){html{scroll-padding-top:80px}.family-header,.porch-page .family-header{height:74px;min-height:74px}.family-header .family-logo{font-size:27px!important}.product-header .product-brand,.porch-page .product-header .product-brand{font-size:16px;letter-spacing:2px;gap:7px;left:auto;right:var(--family-gutter);transform:none}.threshold-mark{height:18px;gap:3px}.threshold-mark i{width:4px}.campfire-mark{width:22px;height:22px}.family-footer{min-height:96px;padding-block:28px}.porch-page .split{gap:30px}.porch-page .media{min-height:280px}.porch-page .copy h2{font-size:43px}.porch-page .hero-inner{padding-top:123px}.origin-care{padding-right:0}.origin-page .origin-disgusting{position:static;width:180px;margin:0 0 28px auto}.origin-question>.marker-note{margin-left:100px}.origin-credo{grid-template-columns:1fr}.origin-page .origin-offices{width:235px}.origin-page .origin-for-now{margin-left:auto}.origin-scene h2{font-size:clamp(34px,8vw,48px)}.origin-build h2{font-size:clamp(36px,9vw,50px)}.origin-care h2{font-size:64px}.origin-credo ul{font-size:19px}.marker-note{max-width:100%;font-size:25px}.editorial-links{gap:16px 28px}.campfire .hero h1{font-size:clamp(66px,17vw,110px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}
.porch-page .feature:nth-of-type(3) .split{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}
.porch-page .phone-shot{height:auto;min-height:0;aspect-ratio:3/2;background-position:center!important}
@media(max-width:800px){.porch-page .feature:nth-of-type(3) .split{grid-template-columns:1fr}.porch-page .phone-shot{min-height:0}}
.origin-page span.origin-finally,.origin-page span.origin-for-now{width:fit-content;font-size:28px;color:#e4c4a9;margin:22px 5% 0 auto}
.ghost-page .product-brand{gap:0}.ghost-page .no-subscriptions figcaption{font:600 25px/1.05 VilnsMarker,cursive;color:#e4c4a9}
@media(max-width:700px){.product-header .product-brand,.porch-page .product-header .product-brand{left:50%;right:auto;transform:translateX(-50%)}.ghost-page .no-subscriptions h2{font-size:10.8vw;letter-spacing:-.05em}.ghost-page .no-subscriptions h2 span{white-space:nowrap}.ghost-page .no-subscriptions figcaption{font-size:19px}.origin-page .origin-end h2{font-size:88px}}