/* brand-site/public/kaso.css — Kaso Files PH skin, loaded AFTER vivian.css.
   Same layout as Vivian's and Ethan's sites; only the dress changes to the
   Kaso brand kit (logo + FB cover): ink #121012, orange #F2802E, cream,
   Anton headlines, halftone dot walls, the KF seal instead of Clawd. */
:root{--bg:#f3eee3;--paper:#fbf8f1;--ink:#121012;--muted:#5b5248;--soft:#8a8072;--line:#ddd3c0;
  --clay:#c0601c;--orange:#f2802e;--tape-red:#f2802e;--wall:#121012;--wall-red:#121012;--dot:#3b3436;
  --green:#c0601c;--blue:#121012;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Anton","Impact",sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace}

/* Anton is a single-weight display face: no faux bold, a little tracking. */
.skin-kaso .v-hero h1,.skin-kaso .section-title,.skin-kaso .brand,.skin-kaso .footer-brand,
.skin-kaso .article-head h1,.skin-kaso .prose h2,.skin-kaso .cta-band h2{font-family:var(--serif);font-weight:400;letter-spacing:.01em}
.skin-kaso .v-hero h1{font-size:clamp(46px,7vw,84px);line-height:.98;text-transform:uppercase}
.skin-kaso .v-hero h1 em{font-style:normal;color:var(--orange)}
.skin-kaso .brand{font-size:24px;letter-spacing:.04em;text-transform:uppercase}
.skin-kaso .section-title{font-size:clamp(26px,3.4vw,34px);text-transform:uppercase}
.skin-kaso .article-head h1{line-height:1.08}
.skin-kaso .prose h2{font-size:clamp(24px,3vw,30px);line-height:1.2}

/* The KF seal wherever Vivian's layout puts Clawd. */
.site-logo{display:block;border-radius:50%;flex:none;box-shadow:0 0 0 3px var(--ink)}
.skin-kaso .set-clawd{top:-62px;box-shadow:0 0 0 5px var(--orange),0 10px 24px rgba(0,0,0,.35)}
.skin-kaso .gate-clawd{top:-34px;box-shadow:0 0 0 4px var(--orange)}
.skin-kaso .fc-blank{background:var(--ink);display:grid;place-items:center}

/* Paper pieces in brand colours: orange strap with ink text, ink tape. */
.skin-kaso .strap{color:var(--ink);font-weight:800}
.skin-kaso .eyebrow{color:var(--clay);font-weight:700}
.skin-kaso .wall{background-color:var(--ink);background-image:radial-gradient(#3b3436 2.2px,transparent 2.6px)}
.skin-kaso .ask{box-shadow:0 6px 0 var(--orange)}
.skin-kaso .ask-send,.skin-kaso .search button,.skin-kaso .hdr-search button,.skin-kaso .gate-row button{background:var(--orange);color:var(--ink);font-weight:800}
.skin-kaso .sticker{border-color:var(--paper)}
.skin-kaso .s-green{background:var(--orange);color:var(--ink)}
.skin-kaso .s-blue{background:var(--ink)}
.skin-kaso .fc-head b{color:var(--clay)}
.skin-kaso .file-crumb{font-family:var(--mono);color:var(--soft)}
.skin-kaso .file-crumb b{color:var(--clay)}

/* Follow box + email gate on an ink wall with orange dots (like the FB cover). */
.skin-kaso .follow-band,.skin-kaso .email-gate{background-color:var(--ink);background-image:radial-gradient(rgba(242,128,46,.28) 2px,transparent 2.4px)}
.skin-kaso .btn-follow{background:var(--orange);color:var(--ink);box-shadow:0 4px 0 #000}

/* TrialAI call to action (site.cta), under every page. */
.cta-band{margin:22px 0 0;border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--orange);color:var(--ink)}
.cta-band .eyebrow{color:var(--ink);opacity:.75;margin:0 0 6px}
.cta-band h2{margin:0;font-size:clamp(26px,3.4vw,36px);line-height:1.05;text-transform:uppercase}
.cta-band p{margin:8px 0 0;font-size:15.5px;line-height:1.6;max-width:600px}
.btn-cta{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap}
.btn-cta:hover{transform:translateY(-1px)}
@media (max-width:640px){.cta-band{grid-template-columns:1fr;padding:22px}}

/* Legal content: the disclaimer has to be readable, not fine print. */
.footer-disclaimer{max-width:var(--max);margin:20px auto 0;font-size:14px;line-height:1.6;color:#4b4135}