/* Kickoff Consulting — unified public-site stylesheet
   Additive to styles.css. Final static migration, 2 Sep 2026. */

/* ---------- Shared Batch 1 pages ---------- */
.ko-b1-page{background:#1A2A2E;color:#EDE7DA;min-height:100vh}
.ko-b1-page a{text-decoration:none}
.ko-b1-hero{padding:150px 0 88px;border-bottom:1px solid rgba(237,231,218,.12);position:relative;overflow:hidden}
.ko-b1-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(197,106,78,.18);border-radius:50%;right:-170px;top:-180px;pointer-events:none}
.ko-b1-kicker{font-family:'Manrope',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#D98A70;margin-bottom:22px}
.ko-b1-hero h1{max-width:1000px}
.ko-b1-lede{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,2.1vw,29px);font-weight:300;line-height:1.48;max-width:820px;margin:30px 0 0;color:#EDE7DA}
.ko-b1-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.ko-b1-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(237,231,218,.25);padding:13px 18px;font:500 12px/1 'Manrope',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ko-b1-btn.primary{background:#EDE7DA;color:#1A2A2E}
.ko-b1-btn:hover{border-color:#C56A4E}
.ko-b1-section{padding:88px 0;border-bottom:1px solid rgba(237,231,218,.1)}
.ko-b1-section.light{background:#EDE7DA;color:#1A2A2E}
.ko-b1-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(237,231,218,.13);border:1px solid rgba(237,231,218,.13)}
.ko-b1-section.light .ko-b1-grid2{background:rgba(26,42,46,.12);border-color:rgba(26,42,46,.12)}
.ko-b1-card{background:#1A2A2E;padding:34px}
.ko-b1-section.light .ko-b1-card{background:#EDE7DA}
.ko-b1-card h2,.ko-b1-card h3{margin-bottom:14px}
.ko-b1-card p,.ko-b1-copy p{color:rgba(237,231,218,.72)}
.ko-b1-section.light .ko-b1-card p,.ko-b1-section.light .ko-b1-copy p{color:rgba(26,42,46,.72)}
.ko-b1-section.light .ko-b1-card h2,
.ko-b1-section.light .ko-b1-card h3,
.ko-b1-section.light .ko-b1-card h3 a,
.ko-b1-section.light .ko-b1-copy h2,
.ko-b1-section.light .ko-b1-copy h3{color:#1A2A2E}
.ko-b1-copy{max-width:820px}
.ko-b1-copy h2{margin:0 0 26px}
.ko-b1-copy h3{margin:36px 0 12px}
.ko-b1-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid rgba(237,231,218,.13)}
.ko-b1-list li{padding:16px 0;border-bottom:1px solid rgba(237,231,218,.13);display:grid;grid-template-columns:36px 1fr;gap:12px}
.ko-b1-list b{color:#D98A70;font-family:'Fraunces',Georgia,serif;font-weight:400}
.ko-b1-section.light .ko-b1-list{border-color:rgba(26,42,46,.12)}
.ko-b1-section.light .ko-b1-list li{border-color:rgba(26,42,46,.12)}
.ko-b1-proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(26,42,46,.13)}
.ko-b1-proof>div{padding:28px;border-right:1px solid rgba(26,42,46,.13)}
.ko-b1-proof>div:last-child{border-right:0}
.ko-b1-proof strong{display:block;font:400 clamp(29px,4vw,46px)/1 'Fraunces',Georgia,serif;color:#1A2A2E;margin-bottom:8px}
.ko-b1-proof span{font:500 10px/1.4 'Manrope',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:rgba(26,42,46,.55)}
.ko-b1-route{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.ko-b1-route .ko-b1-card{border-top:2px solid #C56A4E;position:relative;padding-top:30px}
.ko-b1-route .ko-b1-card h3{margin:14px 0;min-height:3.15em}
.ko-b1-meta{font:500 11px/1.5 'Manrope',system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#D98A70}
.ko-b1-section.light .ko-b1-meta{color:#A44F36}
.ko-b1-small{font-size:13px;color:rgba(237,231,218,.55)}
.ko-b1-section.light .ko-b1-small{color:rgba(26,42,46,.55)}
.ko-b1-footer{padding:40px 0;font:400 12px/1.6 'Manrope',system-ui,sans-serif;color:rgba(237,231,218,.55);background:#1A2A2E;border-top:1px solid rgba(237,231,218,.1)}
.ko-b1-footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ko-b1-footer a{color:#EDE7DA}
.ko-b1-nav-language{font:600 11px/1 'Manrope',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border:1px solid rgba(237,231,218,.18);color:#EDE7DA}
.nav-links a[aria-current="page"]{opacity:1;color:#D98A70}

/* Four commercial lane icons */
.ko-b1-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 18px;color:#C56A4E}
.ko-b1-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.door .ko-b1-icon{width:44px;height:44px;margin-bottom:14px}
.door .ko-b1-icon svg{width:44px;height:44px}

/* Quiet language note on Turkish pages */
.ko-language-context{margin:10px 0 0;font:400 11px/1.5 'Manrope',system-ui,sans-serif;letter-spacing:.04em;color:rgba(237,231,218,.55)}
.ko-b1-section.light .ko-language-context{color:rgba(26,42,46,.58)}
.doors .ko-language-context{margin:0 0 18px;color:rgba(237,231,218,.55)}
.s-head .ko-language-context{grid-column:1/-1;margin-top:-20px}

/* Founder */
.ko-b1-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(48px,7vw,104px);align-items:start}
.ko-b1-profile-copy{min-width:0;padding-top:clamp(12px,2vw,28px)}
.ko-b1-portrait{width:340px;height:425px;max-width:340px;justify-self:end;margin:0;border:1px solid rgba(237,231,218,.14);background:#243537;overflow:hidden}
.ko-b1-portrait img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 20%;display:block}
.ko-b1-portrait figcaption{display:none}

/* Insights hub */
.ko-insights-hero{padding:150px 0 76px;border-bottom:1px solid rgba(237,231,218,.12)}
.ko-insights-hero h1{max-width:780px;font-size:clamp(48px,6vw,78px);line-height:1.03}
.ko-insights-hero p{max-width:770px;margin:28px 0 0;font-family:'Fraunces',Georgia,serif;font-size:clamp(18px,1.6vw,23px);line-height:1.5;color:#EDE7DA}
.ko-insights-list{padding:0 0 80px}
.ko-insight-row{display:grid;grid-template-columns:150px minmax(0,1fr) 30px;gap:30px;align-items:start;padding:34px 0;border-bottom:1px solid rgba(237,231,218,.12);transition:background .2s}
.ko-insight-row:hover{background:rgba(237,231,218,.025)}
.ko-insight-date{padding-top:4px}
.ko-insight-date strong{display:block;font:500 10px/1.35 'Manrope',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#D98A70}
.ko-insight-date span{display:block;margin-top:7px;font:500 9px/1.35 'Manrope',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:rgba(237,231,218,.4)}
.ko-insight-main h2{font-size:clamp(22px,2vw,29px);line-height:1.18;margin:0 0 9px}
.ko-insight-main p{max-width:780px;margin:0 0 15px;color:rgba(237,231,218,.62);font-size:14px;line-height:1.6}
.ko-insight-tags{display:flex;flex-wrap:wrap;gap:7px}
.ko-insight-tags span{border:1px solid rgba(237,231,218,.18);border-radius:999px;padding:5px 10px;font:500 9px/1 'Manrope',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:rgba(237,231,218,.52)}
.ko-insight-arrow{color:#C56A4E;font:300 26px/1 'Fraunces',Georgia,serif;padding-top:3px;transition:transform .2s}
.ko-insight-row:hover .ko-insight-arrow{transform:translateX(4px)}

/* ---------- Static legacy migration ---------- */
.ko-static-page{background:#EDE7DA;color:#1A2A2E}
.ko-static-page .nav{background:rgba(26,42,46,.94)}
.ko-static-hero{padding:154px 0 82px!important;background:#1A2A2E;color:#EDE7DA;border-bottom:1px solid rgba(237,231,218,.12)!important;position:relative;overflow:hidden}
.ko-static-hero:after{content:"";position:absolute;width:470px;height:470px;right:-190px;top:-235px;border:1px solid rgba(197,106,78,.18);border-radius:50%;pointer-events:none}
.ko-static-hero .container{position:relative;z-index:1}
.ko-static-hero .back-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;font:500 10px/1.3 'Manrope',system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:rgba(237,231,218,.55)}
.ko-static-hero .back-link:before{content:"‹";color:#D98A70;font-size:18px;line-height:1}
.ko-static-family{font:600 10px/1.3 'Manrope',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#D98A70;margin:0 0 18px}
.ko-static-hero .meta-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 26px}
.ko-static-hero .meta-row .tag,
.ko-static-hero .meta-row .pub{display:inline-flex;padding:6px 10px;border:1px solid rgba(237,231,218,.18);border-radius:999px;font:500 9px/1 'Manrope',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(237,231,218,.62)}
.ko-static-hero .meta-row .pub{border-color:rgba(217,138,112,.45);color:#D98A70}
.ko-static-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(44px,5.2vw,70px);line-height:1.04;letter-spacing:-.025em;color:#EDE7DA;max-width:17ch;margin:0 0 26px}
.ko-static-insight .ko-static-hero h1,.ko-static-guide .ko-static-hero h1{max-width:20ch}
.ko-static-hero .sub{font-family:'Fraunces',Georgia,serif;font-style:normal;font-weight:300;font-size:clamp(18px,1.7vw,24px);line-height:1.48;color:rgba(237,231,218,.78);max-width:760px;margin:0}

.ko-static-main{background:#EDE7DA;color:#1A2A2E;padding:0!important;border:0!important}
.ko-static-content{max-width:1120px!important;padding-top:70px!important;padding-bottom:86px!important}
.ko-static-content>.takeaway{margin:0 0 64px;padding:30px 34px;background:#1A2A2E;border-left:3px solid #C56A4E;color:#EDE7DA}
.ko-static-content>.takeaway .label{display:block;margin-bottom:14px;font:600 10px/1.3 'Manrope',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#D98A70}
.ko-static-content>.takeaway p{margin:0 0 12px;max-width:820px;font-family:'Fraunces',Georgia,serif;font-size:clamp(18px,1.8vw,24px);font-weight:300;line-height:1.55;color:#EDE7DA}
.ko-static-content>.takeaway p:last-child{margin-bottom:0}

.ko-static-page .body-copy{padding:0}
.ko-static-page .body-copy h2,
.ko-static-page .faq>h2,
.ko-static-page .sources h3{color:#1A2A2E}
.ko-static-page .body-copy h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.12;letter-spacing:-.018em;max-width:22ch;margin:62px 0 24px}
.ko-static-page .body-copy h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,1.8vw,26px);font-weight:500;line-height:1.25;color:#1A2A2E;margin:38px 0 12px}
.ko-static-page .body-copy p,
.ko-static-page .body-copy li,
.ko-static-page .footnote{font-family:'Manrope',system-ui,sans-serif;font-weight:300;font-size:15.5px;line-height:1.82;color:rgba(26,42,46,.82)}
.ko-static-page .body-copy p{max-width:780px;margin:0 0 18px}
.ko-static-page .body-copy ul,.ko-static-page .body-copy ol{max-width:820px;padding-left:22px;margin:0 0 24px}
.ko-static-page .body-copy li{margin-bottom:10px}
.ko-static-page .body-copy strong{font-weight:600;color:#1A2A2E}
.ko-static-page .body-copy a,.ko-static-page .sources a{color:#8F422F;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Older short briefs may not have .body-copy; preserve their deliberate compact structure */
.ko-static-insight .ko-static-content>.footnote{max-width:780px;margin:0 0 28px}
.ko-static-insight .ko-static-content>.sources:first-child{margin-top:0}

/* Tables */
.ko-table-scroll{width:100%;overflow-x:auto;margin:30px 0 42px;border-top:2px solid #A44F36;-webkit-overflow-scrolling:touch}
.ko-static-table{width:100%!important;min-width:680px;border-collapse:collapse;background:transparent;color:#1A2A2E;font-family:'Manrope',system-ui,sans-serif}
.ko-static-table th{text-align:left;font-weight:600;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#EDE7DA;padding:14px 16px;background:#1A2A2E;border:0}
.ko-static-table td{padding:15px 16px;border:0;border-bottom:1px solid rgba(26,42,46,.13);color:rgba(26,42,46,.82);vertical-align:top;font-size:13.5px;line-height:1.58}
.ko-static-table tr:nth-child(even) td{background:rgba(26,42,46,.025)}
.ko-static-table td:first-child{color:#1A2A2E;font-weight:500}

/* FAQ */
.ko-static-page .faq{margin-top:70px;padding:48px 0 0;border-top:1px solid rgba(26,42,46,.16)}
.ko-static-page .faq>h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(28px,3vw,42px);font-weight:400;margin:0 0 22px}
.ko-static-page .faq .q{padding:24px 0;border-top:1px solid rgba(26,42,46,.12)}
.ko-static-page .faq .q h3{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:500;line-height:1.3;color:#1A2A2E;margin:0 0 10px}
.ko-static-page .faq .q p{font-family:'Manrope',system-ui,sans-serif;font-size:15px;line-height:1.76;color:rgba(26,42,46,.72);max-width:780px;margin:0}

/* Sources / download / PDF */
.ko-static-page .sources{margin-top:64px;padding:30px 0;border-top:1px solid rgba(26,42,46,.16);border-bottom:1px solid rgba(26,42,46,.16);font-family:'Manrope',system-ui,sans-serif;font-size:12.5px;line-height:1.7;color:rgba(26,42,46,.62)}
.ko-static-page .sources h3{font-family:'Manrope',system-ui,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#A44F36;margin:0 0 16px;font-weight:600}
.ko-static-page .sources ul{margin:0;padding-left:18px;max-width:900px}
.ko-static-page .sources li{margin-bottom:8px}
.ko-static-page .pdf-frame{display:block;width:100%;max-width:900px;aspect-ratio:8.5/11;max-height:1050px;border:1px solid rgba(26,42,46,.16);background:#fff;margin:42px 0 22px}
.ko-static-page .dl-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 40px;padding:22px 0;border-top:1px solid rgba(26,42,46,.13);border-bottom:1px solid rgba(26,42,46,.13)}
.ko-static-page .dl-row .dl-meta{flex:1;min-width:240px;font:400 12.5px/1.55 'Manrope',system-ui,sans-serif;color:rgba(26,42,46,.62)}
.ko-static-page .dl-row .btn{background:#1A2A2E;color:#EDE7DA;border-color:#1A2A2E}
.ko-static-page .dl-row .btn:hover{background:#243537}

/* CTA / related */
.ko-static-page .endcta{margin-top:60px;padding:34px;border-top:1px solid rgba(26,42,46,.14);border-bottom:1px solid rgba(26,42,46,.14);background:#F4EFE5}
.ko-static-page .endcta p{max-width:760px;margin:0 0 24px;font-family:'Fraunces',Georgia,serif;font-size:clamp(19px,1.9vw,25px);font-style:normal;font-weight:300;line-height:1.5;color:#1A2A2E}
.ko-static-page .endcta .btn{background:#1A2A2E;color:#EDE7DA;border-color:#1A2A2E}
.ko-static-page .nav-briefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:42px 0 0}
.ko-static-page .nav-briefs a{display:block;padding:26px;background:#1A2A2E;border:1px solid #1A2A2E;color:#EDE7DA;text-decoration:none}
.ko-static-page .nav-briefs a:hover{background:#243537}
.ko-static-page .nav-briefs .dir{display:block;margin-bottom:9px;font:600 9px/1.3 'Manrope',system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#D98A70}
.ko-static-page .nav-briefs h4{margin:0;font-family:'Fraunces',Georgia,serif;font-size:18px;line-height:1.3;font-weight:400;color:#EDE7DA}

/* Family nuance */
.ko-static-proof .ko-static-content>.takeaway{background:#243537}
.ko-static-guide .ko-static-hero{padding-bottom:94px!important}
.ko-static-guide .ko-static-content{padding-top:78px!important}
.ko-static-insight .ko-static-content{max-width:1040px!important}
.ko-static-insight .body-copy p{font-size:16px;line-height:1.86}

/* Mobile menu shared by all pages */
.ko-mobile-toggle{display:none;width:40px;height:36px;padding:8px;border:1px solid rgba(237,231,218,.18);background:transparent;color:#EDE7DA;cursor:pointer}
.ko-mobile-toggle span{display:block;width:100%;height:1px;background:currentColor;margin:4px 0}
.ko-mobile-panel{position:absolute;top:76px;left:0;right:0;padding:12px clamp(20px,4vw,56px) 24px;background:rgba(26,42,46,.99);border-bottom:1px solid rgba(237,231,218,.12);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.ko-mobile-panel[hidden]{display:none}
.ko-mobile-panel a{display:block;padding:15px 0;border-bottom:1px solid rgba(237,231,218,.1);font:500 14px/1.3 'Manrope',system-ui,sans-serif;color:#EDE7DA}
.ko-mobile-panel a[aria-current="page"]{color:#D98A70}
.ko-mobile-panel .ko-mobile-contact{margin-top:12px;border:1px solid rgba(237,231,218,.2);padding:13px 15px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
body.ko-menu-open{overflow:hidden}

@media(max-width:960px){
  .ko-mobile-toggle{display:block}
  .nav-right{gap:8px}
  .ko-b1-nav-language{display:inline-flex}
  .ko-static-hero{padding-top:126px!important}
}
@media(max-width:850px){
  .ko-b1-grid2,.ko-b1-route{grid-template-columns:1fr}
  .ko-b1-route .ko-b1-card h3{min-height:0}
  .ko-b1-proof{grid-template-columns:1fr 1fr}
  .ko-b1-proof>div:nth-child(2){border-right:0}
  .ko-b1-proof>div{border-bottom:1px solid rgba(26,42,46,.13)}
  .ko-b1-profile-grid{grid-template-columns:1fr;gap:38px}
  .ko-b1-profile-copy{padding-top:0}
  .ko-b1-portrait{width:320px;height:400px;max-width:100%;justify-self:start}
}
@media(max-width:720px){
  .ko-insight-row{grid-template-columns:1fr 22px;gap:10px 16px}
  .ko-insight-date{grid-column:1/-1}
  .ko-insight-main{grid-column:1}
  .ko-insight-arrow{grid-column:2;grid-row:2}
  .ko-static-content{padding-top:54px!important;padding-bottom:66px!important}
  .ko-static-content>.takeaway{padding:24px}
  .ko-static-page .nav-briefs{grid-template-columns:1fr}
  .ko-static-hero h1{font-size:clamp(40px,10vw,58px)}
}
@media(max-width:540px){
  .ko-b1-proof{grid-template-columns:1fr}
  .ko-b1-proof>div{border-right:0}
  .ko-b1-portrait{width:min(300px,100%);height:auto;aspect-ratio:4/5}
}
