/* Single service — Kitchor "Service detail" (Phase 2, 2026-10-16). */
.ksd{--gold:#daa14c;--ink:#30373e;--text:#535353;background:#fff;color:var(--text)}
.ksd *{box-sizing:border-box}
html body .ksd,html body .ksd h1,html body .ksd h2,html body .ksd h3,html body .ksd h4,html body .ksd p,html body .ksd a,html body .ksd li,html body .ksd summary,html body .ksd button,html body .ksd span{font-family:"Plus Jakarta Sans",Arial,sans-serif!important}
.ksd-wrap{width:calc(100% - 150px);max-width:1290px;margin:0 auto}
.ksd-kicker{display:block;margin:0 0 12px!important;color:var(--gold)!important;font-size:13px!important;font-weight:600;line-height:20px!important;letter-spacing:3.4px;text-transform:uppercase}
.ksd-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background .25s,color .25s}
.ksd-btn-dark{background:var(--ink);color:#fff}.ksd-btn-dark:hover{background:var(--gold);color:#fff}
.ksd-btn-gold{background:var(--gold);color:#fff}.ksd-btn-gold:hover{background:var(--ink);color:#fff}
.ksd-link{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:6px}.ksd-link:hover{color:var(--gold)}

/* 3-column layout */
.ksd-main{padding:90px 0 100px}
.ksd-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:50px;align-items:start}

/* left: service list (Kitchor sidebar) */
.ksd-side{position:sticky;top:110px}
.ksd-menu{display:flex;flex-direction:column}
.ksd-menu a{display:block;padding:15px 18px;border-bottom:1px solid #e6e6e6;color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.ksd-menu a:hover{color:var(--gold)}
.ksd-menu a.is-active{background:var(--gold);color:#fff;border-bottom-color:var(--gold)}
.ksd-side-cta{margin-top:34px;padding:30px 24px;background:#30373e;color:#fff}
.ksd-side-title{margin:0 0 20px!important;color:#fff;font-size:20px;font-weight:700;line-height:28px}
.ksd-side-phone{display:block;margin-top:18px;color:#fff;font-size:20px;font-weight:600;text-decoration:none}.ksd-side-phone:hover{color:var(--gold)}

/* middle: content */
html body .ksd-content h1{margin:0 0 16px;color:var(--ink);font-size:40px;font-weight:700;line-height:46px;letter-spacing:-1px}
.ksd-lede{margin:0 0 24px;color:var(--ink);font-size:18px;line-height:28px;font-weight:500}
.ksd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6}
.ksd-editorial{font-size:16px;line-height:26px}
html body .ksd-editorial h2,html body .ksd-editorial h3{margin:34px 0 12px;color:var(--ink);font-size:22px;font-weight:700;line-height:30px;letter-spacing:-.3px}
.ksd-editorial p{margin:0 0 16px;color:var(--text);font-size:16px;line-height:26px}
.ksd-editorial ul,.ksd-editorial ol{margin:0 0 18px;padding-left:20px}
.ksd-editorial li{margin-bottom:6px}
.ksd-editorial blockquote{margin:26px 0;padding:4px 0 4px 26px;border-left:2px solid var(--gold);font-style:italic}
.ksd-editorial a{color:var(--gold)}
.ksd-editorial img{max-width:100%;height:auto}
.ksd-faqs{margin-top:50px}
.ksd-faqs section,.ksd-faqs .section{padding:0!important;background:none!important}
.ksd-faqs .container{width:auto!important;max-width:none!important;padding:0!important}
html body .ksd-faqs h2{margin:0 0 18px;color:var(--ink);font-size:22px;font-weight:700}
.ksd-faqs details{border-bottom:1px solid #e6e6e6}
.ksd-faqs summary{padding:16px 0;color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}
.ksd-faqs details[open] summary{color:var(--gold)}

/* right: pictures */
.ksd-pics{display:flex;flex-direction:column;gap:24px;position:sticky;top:110px}
.ksd-pics img{display:block;width:100%;height:240px;object-fit:cover}

/* full-width parts below */
.ksd-process>section,.ksd-related>section,.ksd-promise>section,.ksd-gallery{padding:100px 0!important}
.ksd-process>section{background:#ededed url("../img/kitchor-h1-frame.webp") right bottom/auto 92% no-repeat!important}
.ksd-process .eyebrow,.ksd-related .eyebrow,.ksd-promise .eyebrow,.ksd-sample .eyebrow{color:var(--gold)!important;font-size:13px!important;font-weight:600;letter-spacing:3.4px}
html body .ksd-process h2,html body .ksd-related h2,html body .ksd-promise h2,html body .ksd-gallery h2{color:var(--ink);font-size:40px;font-weight:700;line-height:46px;letter-spacing:-1px}
html body .ksd-process h3{color:var(--ink);font-size:18px;font-weight:700}
.ksd-process p{color:var(--text)}
.ksd-sample>section{position:relative;padding:100px 0!important;background:#14171d url("/wp-content/uploads/2026/10/footer_BG_01.webp") center/cover no-repeat!important}
.ksd-sample>section::before{content:"";position:absolute;inset:0;background:rgba(20,23,29,.78)}
.ksd-sample>section>*{position:relative;z-index:1}
html body .ksd-sample h2{color:#fff!important;font-size:40px;font-weight:700;letter-spacing:-1px}
.ksd-sample p{color:#c3c7cc!important}
.ksd-sample .button{border-radius:999px!important;background:var(--gold)!important;border-color:var(--gold)!important;color:#fff!important}

@media(max-width:1200px){.ksd-grid{grid-template-columns:240px minmax(0,1fr)}.ksd-pics{display:none}}
@media(max-width:900px){.ksd-wrap{width:calc(100% - 36px)}.ksd-grid{grid-template-columns:1fr;gap:40px}.ksd-side{position:static;order:2}.ksd-content{order:1}.ksd-main{padding:60px 0}html body .ksd-content h1{font-size:32px;line-height:38px}html body .ksd-process h2,html body .ksd-related h2,html body .ksd-promise h2,html body .ksd-gallery h2,html body .ksd-sample h2{font-size:30px;line-height:36px}.ksd-process>section,.ksd-related>section,.ksd-promise>section,.ksd-gallery,.ksd-sample>section{padding:60px 0!important}}
.ksd-process [class*="inclusion"],.ksd-process [class*="included"],.ksd-process [class*="supply"]{background:#fff!important;border-color:#e6e6e6!important}
.ksd-process .button,.ksd-promise .button,.ksd-related .button{border-radius:999px!important;background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.ksd-process .button:hover,.ksd-promise .button:hover{background:var(--gold)!important;border-color:var(--gold)!important}
.ksd-pics figure{margin:0}.ksd-pics figcaption{margin-top:10px;color:#535353;font-size:13px;font-style:italic}
.ksd-editorial .button,.ksd-editorial a.button{display:inline-flex;margin-right:18px;padding:15px 28px;border-radius:999px!important;background:#30373e!important;border-color:#30373e!important;color:#fff!important;text-decoration:none}