/* Shared Filer page frame; brand color stays in the logo and service markers. */
.page-kasane{--ks-yellow:#f2b630;--ks-red:#d8432b;--ks-teal:#119a90;--ks-blue:#1d3e8f}
.ks-hero{margin:0 var(--page-gutter);padding:0 0 var(--section-space);display:grid;grid-template-columns:2fr 1fr;gap:var(--sub-gap);align-items:center}
.ks-wordmark{width:290px;max-width:100%;height:auto;display:block;margin:24px 0 32px;content:url('kasane-light.svg')}
.ks-hero h1{font:500 clamp(36px,4.4vw,64px)/1.4 var(--type-body);letter-spacing:.015em;margin:0}
.ks-hero p{font-size:14px;line-height:2.1;color:var(--muted);margin:24px 0 0}
.ks-local-nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;font-size:13px}.ks-local-nav a{padding:16px 0;border-bottom:1px solid var(--sub-rule)}
.ks-art-wrap{display:flex;flex-direction:column;align-items:center}.ks-art{position:relative;aspect-ratio:1.1547005;width:100%;max-width:220px}
.ks-art i{position:absolute;width:33.333%;height:33.333%;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--ks-yellow);top:0;left:33.333%}
.ks-art i:nth-child(2){top:33.333%;left:16.666%;background:var(--ks-red)}.ks-art i:nth-child(3){top:33.333%;left:50%;background:var(--ks-teal)}.ks-art i:nth-child(4){top:66.666%;left:0;background:var(--ks-blue)}.ks-art i:nth-child(5){top:66.666%;left:66.666%;background:#0f3d40}
.ks-art-caption{font-size:11px!important;line-height:1.8!important;text-align:center;margin-top:24px!important}
.ks-section{margin:0 var(--page-gutter);padding:var(--section-space) 0;display:grid;grid-template-columns:1fr 2fr;gap:var(--sub-gap);border-top:1px solid var(--sub-rule);scroll-margin-top:100px}
.ks-section h2,.ks-working h2,.ks-contact h2{font:500 clamp(25px,2.5vw,36px)/1.6 var(--type-body);letter-spacing:.015em;margin:20px 0 28px}
.ks-prose p{font-size:14px;line-height:2.1;margin:0 0 24px;max-width:700px}.ks-prose p:last-child{margin-bottom:0}
.page-kasane .eyebrow{font-size:10px;letter-spacing:.12em}
.ks-service-list article{padding:28px 0;border-top:1px solid var(--sub-rule)}.ks-service-list article:first-child{padding-top:0;border-top:0}.ks-service-list article:last-child{padding-bottom:0}
.ks-service-list article>span{font:10px/1.6 var(--type-latin);letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:10px}.ks-service-list article>span:before{content:'';width:7px;height:7px;background:var(--ks-yellow)}.ks-service-list article:nth-child(2)>span:before{background:var(--ks-red)}.ks-service-list article:nth-child(3)>span:before{background:var(--ks-teal)}.ks-service-list article:nth-child(4)>span:before{background:var(--ks-blue)}
.ks-service-list h3,.ks-steps h3{font-size:20px;font-weight:500;line-height:1.7;margin:16px 0 12px}.ks-service-list p,.ks-steps p,.ks-working-intro{font-size:14px;line-height:2.1;margin:0;color:var(--muted)}
.ks-working{margin:0 var(--page-gutter);padding:var(--section-space) 0;border-top:1px solid var(--sub-rule);display:grid;grid-template-columns:1fr 2fr;column-gap:var(--sub-gap);scroll-margin-top:100px}
.ks-working>.eyebrow{grid-column:1}.ks-working>h2{grid-column:1;grid-row:2}.ks-working-intro{grid-column:2;grid-row:1/3;align-self:center}.ks-steps{grid-column:2;margin-top:24px}.ks-steps article{padding:24px 0;border-top:1px solid var(--sub-rule)}.ks-steps article:last-child{padding-bottom:0}.ks-steps span{font:10px/1.6 var(--type-latin);letter-spacing:.1em;color:var(--muted)}
.ks-contact{padding:var(--section-space) var(--page-gutter);border-top:1px solid var(--sub-rule);background:var(--tone-dceae7,#dceae7)}.ks-contact p{font-size:14px;line-height:2.1;color:var(--muted);margin:0 0 24px}
.page-kasane .business-action,.ks-button{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:500px;box-sizing:border-box;padding:22px 24px;margin-top:40px;border:1px solid var(--sub-rule);font:500 16px/1.7 var(--type-body);background:transparent;color:var(--ink);transition:background .2s,border-color .2s}
.page-kasane .business-action:hover,.ks-button:hover{background:var(--tone-dceae7,#dceae7);border-color:var(--tone-527e83,#527e83)}.page-kasane a:focus-visible{outline:2px solid var(--tone-247e83,#247e83);outline-offset:5px}
@media(prefers-color-scheme:dark){.ks-wordmark{content:url('kasane-dark.svg')}.ks-art i:nth-child(4){background:#5b82e0}.ks-art i:nth-child(5){background:#e6fffb}}
@media(max-width:800px){.ks-hero,.ks-section,.ks-working{grid-template-columns:1fr;gap:28px}.ks-hero h1{font-size:34px}.ks-wordmark{width:230px;margin:20px 0 24px}.ks-art-wrap{align-items:flex-start}.ks-art{width:110px}.ks-art-caption{display:none}.ks-local-nav{gap:18px;font-size:12px}.ks-section h2,.ks-working h2,.ks-contact h2{font-size:25px;margin-bottom:24px}.ks-prose p,.ks-service-list p,.ks-steps p,.ks-working-intro,.ks-contact p{font-size:13px}.ks-service-list h3,.ks-steps h3{font-size:19px}.ks-working>.eyebrow,.ks-working>h2,.ks-working-intro,.ks-steps{grid-column:auto;grid-row:auto}.ks-working>h2{margin:0}.ks-steps{margin-top:0}.ks-working-intro br,.ks-contact p br{display:none}.page-kasane .business-action,.ks-button{font-size:13px;padding:20px;gap:16px;margin-top:32px}}
@media(max-width:380px){.ks-hero h1{font-size:28px}}
/* Quiet chapter links and a continuous transition into the shared footer. */
.ks-local-nav{gap:0;margin-top:32px;align-items:center}
.ks-local-nav a{border:0;padding:8px 20px;line-height:1.8}
.ks-local-nav a:first-child{padding-left:0}
.ks-local-nav a+a{border-left:1px solid var(--sub-rule)}
.ks-local-nav a:hover{color:var(--tone-176b70,#176b70)}
.ks-hero{padding-bottom:clamp(40px,4vw,64px)}
.ks-contact{margin-inline:var(--page-gutter);padding:var(--section-space) 0 32px;background:transparent;display:grid;grid-template-columns:1fr 2fr;gap:var(--sub-gap)}
.ks-contact h2{margin-bottom:0}.ks-contact-body{padding-top:0;align-self:center}.ks-contact p{margin-bottom:0}
.ks-contact .ks-button{margin-top:24px}
@media(max-width:800px){.ks-local-nav{margin-top:24px;flex-wrap:nowrap}.ks-local-nav a{padding:6px 12px;font-size:11px;white-space:nowrap}.ks-contact{grid-template-columns:1fr;padding-bottom:24px}.ks-contact h2{margin-bottom:0}.ks-contact .ks-button{margin-top:24px}}
/* Compact editorial index; contact is the primary action. */
.ks-local-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;max-width:620px}
.ks-local-nav a,.ks-local-nav a:first-child,.ks-local-nav a+a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 0;border:0;font-size:12px;line-height:1.6;white-space:nowrap}
.ks-nav-number{font:10px/1.6 var(--type-latin);color:var(--muted);letter-spacing:.05em}.ks-nav-arrow{font-size:15px;transition:transform .2s}.ks-local-nav a:hover .ks-nav-arrow{transform:translateY(3px)}
.ks-contact{padding-top:var(--section-space);padding-bottom:40px;align-items:center}.ks-contact-heading .eyebrow{display:flex;align-items:center;gap:12px}.ks-contact-heading .eyebrow:before{content:'';display:block;width:24px;height:3px;background:linear-gradient(to right,#f2b630 0 25%,#d8432b 25% 50%,#119a90 50% 75%,#1d3e8f 75%)}
.ks-contact .ks-button{min-height:76px;padding:24px 28px;background:#143d40;color:#fff;border-color:#143d40;max-width:500px;font-size:17px;font-weight:500}.ks-contact .ks-button>span:last-child{font-size:24px;font-weight:400;transition:transform .2s}.ks-contact .ks-button:hover{background:#20565a;border-color:#20565a;color:#fff}.ks-contact .ks-button:hover>span:last-child{transform:translateX(4px)}
@media(prefers-color-scheme:dark){.ks-contact .ks-button{background:#c9e6df;border-color:#c9e6df;color:#143d40}.ks-contact .ks-button:hover{background:#e6f4f0;color:#143d40}}
@media(max-width:800px){.ks-local-nav{gap:14px;margin-top:24px}.ks-local-nav a,.ks-local-nav a:first-child,.ks-local-nav a+a{grid-template-columns:1fr auto;gap:4px;padding:10px 0;font-size:11px}.ks-nav-number{grid-column:1/-1;font-size:9px}.ks-contact{padding-bottom:24px}.ks-contact .ks-button{font-size:15px;min-height:66px;padding:20px 24px}}
@media(prefers-reduced-motion:reduce){.ks-nav-arrow,.ks-contact .ks-button>span:last-child{transition:none}}
/* Page index follows Notari Life: a quiet full-width ruled band. */
.page-kasane .ks-local-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 36px;max-width:none;margin:0;padding:24px var(--page-gutter);border-top:1px solid var(--sub-rule);border-bottom:1px solid var(--sub-rule)}
.page-kasane .ks-local-nav a,.page-kasane .ks-local-nav a:first-child,.page-kasane .ks-local-nav a+a{display:block;border:0;padding:8px 0;font:500 13px/1.8 var(--type-body);white-space:nowrap;color:var(--ink)}
.page-kasane .ks-local-nav a:hover{color:var(--tone-176b70,#176b70)}
.page-kasane .ks-approach{border-top:0}
@media(max-width:800px){.page-kasane .ks-local-nav{gap:10px 24px;padding-block:16px}.page-kasane .ks-local-nav a,.page-kasane .ks-local-nav a:first-child,.page-kasane .ks-local-nav a+a{font-size:12px;padding:8px 0}}

/* Match About's OUR BUSINESS card, including its label and supporting note. */
.page-kasane .business-action,.page-kasane .ks-contact .ks-button{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;box-sizing:border-box;min-height:0;gap:24px;padding:22px 24px;border:1px solid var(--sub-rule);font:500 18px/1.6 var(--type-body);letter-spacing:normal;background:transparent;color:var(--ink)}
.page-kasane .business-action small,.page-kasane .ks-button small{display:block;font:400 10px/1.6 var(--type-latin);letter-spacing:.1em;margin-bottom:6px;color:var(--muted)}
.page-kasane .business-action .ks-card-note,.page-kasane .ks-contact .ks-button .ks-card-note{font:400 12px/1.6 var(--type-body);color:var(--muted)}
.page-kasane .business-action:hover,.page-kasane .ks-contact .ks-button:hover{background:var(--tone-dceae7,#dceae7);border-color:var(--tone-7caba9,#7caba9);color:var(--tone-247e83,#247e83)}
.page-kasane .ks-contact .ks-button:hover>span:last-child{transform:none}
@media(max-width:800px){.page-kasane .business-action,.page-kasane .ks-contact .ks-button{padding:20px;gap:16px}.page-kasane .business-action .ks-card-note,.page-kasane .ks-contact .ks-button .ks-card-note{font-size:11px}}
@media(max-width:380px){.page-kasane .business-action,.page-kasane .ks-contact .ks-button{flex-wrap:wrap;gap:12px}}

/* Contact retains its approved emphasis; geometry matches the About card. */
.page-kasane .ks-contact .ks-button{background:#143d40;border-color:#143d40;color:#fff}
.page-kasane .ks-contact .ks-button small,.page-kasane .ks-contact .ks-button .ks-card-note{color:#d2e4e2}
.page-kasane .ks-contact .ks-button:hover{background:#20565a;border-color:#20565a;color:#fff}

@media(max-width:800px){.page-kasane .ks-hero h1{font-size:clamp(26px,7.7vw,34px)}}

.ks-section h2,.ks-working h2,.ks-contact h2{text-wrap:balance}