/* KIVANTOS street editorial layer: ink borders, marker strokes, graphic tags. */
body.kv-brand-body .kv .hero-v2 { position:relative; }
body.kv-brand-body .kv .hero-v2>div { position:relative; z-index:1; }
body.kv-brand-body .kv .hero-v2 h1 em { position:relative; display:inline-block; }
body.kv-brand-body .kv .hero-v2 h1 em::after { content:""; position:absolute; left:1%; right:0; bottom:-8px; height:8px; background:#c4e52d; clip-path:polygon(0 25%,98% 0,100% 45%,3% 100%); transform:rotate(-2deg); }
body.kv-brand-body .kv .hero-v2>div::after { content:""; position:absolute; width:130px; height:84px; top:8px; right:-25px; background:url('street-marks.svg') center/contain no-repeat; pointer-events:none; }
body.kv-brand-body .kv .street-tag { border:2px solid #0d192e; box-shadow:5px 5px 0 #c4e52d30; transform:rotate(-3deg); font-weight:700; }
body.kv-brand-body .kv main .pill { border:1px solid currentColor; border-radius:3px; padding:6px 11px; font-family:monospace; letter-spacing:.05em; font-weight:600; }
body.kv-brand-body .kv main .pill:nth-of-type(even) { transform:rotate(-3deg); }
body.kv-brand-body .kv main .btn { border-radius:7px; }
body.kv-brand-body .kv .kv-street-divider { position:relative; overflow:hidden; height:110px; display:flex; align-items:center; background:#0c1627; border-top:1px solid #ffffff20; border-bottom:1px solid #ffffff20; }
body.kv-brand-body .kv .kv-street-divider span { display:block; flex:0 0 auto; width:110%; margin-left:-5%; padding:16px 0; color:#101c30; background:#c4e52d; font-family:var(--font-display,sans-serif); font-weight:700; font-size:clamp(22px,3vw,38px); letter-spacing:-.03em; text-align:center; white-space:nowrap; transform:rotate(-2deg); }
body.kv-brand-body .kv #page-content .culture-card { border-radius:8px; border:2px solid #101c30; box-shadow:7px 7px 0 #152c50; }
body.kv-brand-body .kv #page-content .culture-top>span:first-child { display:inline-block; background:#c4e52d; color:#11203a; padding:8px 10px; transform:rotate(-3deg); font-family:monospace; font-weight:700; border:1px solid #11203a; }
body.kv-brand-body .kv #page-content .culture-copy h3 { text-shadow:2px 2px 0 #07111e; }
body.kv-brand-body .kv .kv-home-use figure { position:relative; padding:8px; background:#fff; border:2px solid #12233e; border-radius:8px; box-shadow:8px 8px 0 #12233e; }
body.kv-brand-body .kv .kv-home-use figure::after { content:"HOW TO USE / 01"; position:absolute; right:12px; bottom:18px; background:#c4e52d; color:#10203b; padding:10px 14px; border:2px solid #12233e; transform:rotate(-4deg); font:700 12px monospace; }
body.kv-brand-body .kv .kv-home-use figure img { border-radius:2px; }
body.kv-brand-body .kv .kv-home-service article { position:relative; }
body.kv-brand-body .kv .kv-home-service article:first-child::after { content:"KIVANTOS / USA"; display:block; width:fit-content; padding:6px 9px; margin-top:10px; background:#c4e52d; color:#11203a; font:700 10px monospace; transform:rotate(-2deg); }
body.kv-brand-body .kv .kv-pouch-heading { position:relative; }
body.kv-brand-body .kv .kv-pouch-heading::after { content:""; position:absolute; right:4%; top:0; width:140px; height:90px; background:url('street-marks.svg') center/contain no-repeat; pointer-events:none; }
body.kv-brand-body .kv #page-content .kv-compare-card { border-width:2px; border-radius:8px; box-shadow:5px 5px 0 #dbe3f0; }
body.kv-brand-body .kv #page-content .kv-compare-mint { box-shadow:5px 5px 0 #c4e52d; }
body.kv-brand-body .kv #page-content .kv-compare-tag { display:inline-block; border:1px solid currentColor; padding:5px 8px; transform:rotate(-2deg); }
body.kv-brand-body .kv #page-content .kv-label-stats { border-radius:9px; box-shadow:5px 5px 0 #c4e52d; }
body.kv-brand-body .kv #page-content .inner-hero { position:relative; }
body.kv-brand-body .kv #page-content .inner-hero::after { content:""; position:absolute; width:150px; height:95px; bottom:18px; right:22px; background:url('street-marks.svg') center/contain no-repeat; opacity:.5; pointer-events:none; }
body.kv-brand-body .kv #page-content .step-grid>div { border-radius:10px; }
body.kv-brand-body .kv #page-content .kv-use-copy>b { width:fit-content; padding:6px 14px; background:#c4e52d; color:#12233e; transform:rotate(-4deg); border:2px solid #12233e; box-shadow:3px 3px 0 #12233e; }
@media(max-width:760px) {
body.kv-brand-body .kv .hero-v2>div::after { width:85px; height:55px; right:0; top:0; opacity:.85; }
body.kv-brand-body .kv .hero-v2 h1 em::after { height:5px; bottom:-5px; }
body.kv-brand-body .kv .kv-street-divider { height:82px; }
body.kv-brand-body .kv .kv-street-divider span { font-size:25px; }
body.kv-brand-body .kv .kv-home-use figure { box-shadow:5px 5px 0 #12233e; }
body.kv-brand-body .kv #page-content .culture-card { box-shadow:4px 4px 0 #152c50; }
body.kv-brand-body .kv .kv-pouch-heading::after { width:75px; height:48px; right:-10px; top:-25px; opacity:.6; }
body.kv-brand-body .kv #page-content .inner-hero::after { width:90px; height:58px; opacity:.3; }
}

body.kv-community-body .kv-community-hero { position:relative; }
body.kv-community-body .kv-community-hero::after { content:""; position:absolute; right:6%; top:35px; width:170px; height:110px; background:url('street-marks.svg') center/contain no-repeat; pointer-events:none; opacity:.65; }
body.kv-community-body .kv-community-hero .eyebrow { display:inline-block; background:#c4e52d; color:#12233e; padding:7px 11px; border:1px solid #12233e; transform:rotate(-2deg); }
body.kv-community-body .kv-blog-card { border:2px solid #12233e; border-radius:9px; box-shadow:5px 5px 0 #dbe3f0; }
@media(max-width:760px){body.kv-community-body .kv-community-hero::after{width:80px;height:52px;top:15px;right:15px;opacity:.4;}}

/* Full-width ribbon without a dark frame or angled gaps. */
body.kv-brand-body .kv .kv-street-divider { height:auto; min-height:76px; background:#c4e52d; border:0; padding:18px 20px; }
body.kv-brand-body .kv .kv-street-divider span { width:100%; margin:0; padding:0; transform:none; white-space:normal; font-size:clamp(20px,2.5vw,36px); line-height:1.35; }
@media(max-width:760px) { body.kv-brand-body .kv .kv-street-divider { min-height:0; padding:18px 20px; } body.kv-brand-body .kv .kv-street-divider span { font-size:18px; line-height:1.6; } }

/* Tilt the type while the lime background continues edge to edge. */
body.kv-brand-body .kv .kv-street-divider { overflow:hidden; padding-top:26px; padding-bottom:26px; }
body.kv-brand-body .kv .kv-street-divider span { transform:rotate(-2deg); background:transparent; }
@media(max-width:760px) { body.kv-brand-body .kv .kv-street-divider { padding-top:22px; padding-bottom:22px; } }

body.kv-brand-body .kv .kv-street-divider { transform:skewY(-2deg); position:relative; z-index:1; }
body.kv-brand-body .kv .kv-street-divider span { transform:none; }