/* KONST site footer (v2 redesign). Warm, calm, orange accent; 12-column grid; every value a multiple of 3.
   Markup: FOOTER in _build/core.py. Class prefix kf- (no overlap with the old .site-footer / .footer-* rules). */
.kf{--kf-ink:#141210;--kf-body:#4A463F;--kf-muted:#65686A;--kf-line:#E6E3DD;--kf-warm:#F6F5F2;--kf-orange:#FE5000;
  background:var(--kf-warm);color:var(--kf-body);font:400 15px/1.8 "TASA Orbiter","vivo Sans TC","PingFang TC","Noto Sans TC",sans-serif;letter-spacing:0;
  padding:48px 0 30px;border-top:3px solid var(--kf-orange);position:relative}
.kf a{color:inherit;text-decoration:none;transition:color .15s ease}
.kf a:hover{color:var(--kf-orange)}
.kf :focus-visible{outline:2px solid var(--kf-orange);outline-offset:3px;border-radius:3px}

/* CTA band */
.kf-cta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;background:#fff;border:1px solid var(--kf-line);border-radius:18px;padding:30px 36px}
.kf-cta-t{grid-column:1/8;display:grid;gap:6px}
.kf-k{margin:0;display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;font-weight:500;color:var(--kf-muted);text-transform:uppercase}
.kf-k::before{content:"";width:6px;height:6px;background:var(--kf-orange);flex:none}
.kf-cta-h{margin:0;font-size:27px;line-height:1.35;font-weight:500;color:var(--kf-ink)}
.kf-cta-a{grid-column:8/13;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 24px}
.kf-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 24px;border-radius:999px;background:var(--kf-orange);color:#fff!important;font-weight:500;white-space:nowrap;transition:background .2s ease}
.kf-btn:hover{background:#DB480B}
.kf-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kf-mail{color:var(--kf-ink);border-bottom:1px solid var(--kf-line);padding-bottom:3px;justify-self:start}

/* main grid: brand 1-3 · explore 4-5 · resources 6-7 · stakeholders 8-9 · offices 10-12 */
.kf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:36px;margin-top:60px}
.kf-brand{grid-column:1/4;display:grid;gap:12px;align-content:start}
.kf-brand img{height:24px;width:auto;display:block}
.kf-tag{margin:6px 0 0;font-size:18px;line-height:1.5;color:var(--kf-ink);font-weight:500}
.kf-en{margin:0;font-size:12px;line-height:1.6;color:var(--kf-muted)}
.kf-trust{display:flex;align-items:center;gap:24px;margin-top:15px}
.kf-iso{width:42px;height:42px;display:block;opacity:.85}
.kf-social{display:flex;gap:9px}
.kf-social a{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#fff;border:1px solid var(--kf-line);transition:border-color .15s ease,background .15s ease}
.kf-social span{display:block;width:18px;height:18px;background:var(--kf-ink);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background .15s ease}
.kf-social a:hover{border-color:var(--kf-orange)}
.kf-social a:hover span{background:var(--kf-orange)}
.kf-col{display:grid;gap:6px;align-content:start}
.kf-col>a{color:var(--kf-ink);justify-self:start}
.kf-map{grid-column:4/6}
.kf-res{grid-column:6/8}
.kf-stake{grid-column:8/10}
.kf-offices{grid-column:10/13;gap:15px}
.kf-h{margin:0 0 9px;font-size:12px;line-height:1.4;font-weight:500;color:var(--kf-muted)}
.kf-office h3{margin:0 0 3px;font-size:12px;line-height:1.5;font-weight:500;color:var(--kf-orange)}
.kf-office p{margin:0;color:var(--kf-body);font-size:15px;line-height:1.8}
.kf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:48px;padding-top:21px;border-top:1px solid var(--kf-line);font-size:12px;color:var(--kf-muted)}
.kf-legal{display:flex;flex-wrap:wrap;gap:6px 24px}

@media (max-width:1260px){
  .kf-brand{grid-column:1/-1}
  .kf-map{grid-column:1/4}
  .kf-res{grid-column:4/7}
  .kf-stake{grid-column:7/10}
  .kf-offices{grid-column:10/13}
}
@media (max-width:981px){
  .kf-cta-t,.kf-cta-a{grid-column:1/-1}
  .kf-cta-a{justify-content:flex-start;margin-top:18px}
  .kf-map{grid-column:1/7}
  .kf-res{grid-column:7/13}
  .kf-stake{grid-column:1/7}
  .kf-offices{grid-column:7/13}
}
@media (max-width:759px){
  .kf{padding:36px 0 24px}
  .kf-cta{padding:24px 21px;border-radius:15px;column-gap:12px}
  .kf-cta-h{font-size:21px}
  .kf-grid{column-gap:12px;row-gap:30px;margin-top:42px}
  .kf-offices{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:12px}
  .kf-offices>.kf-h,.kf-offices>.kf-mail{grid-column:1/-1}
  .kf-col>a{min-height:36px;display:inline-flex;align-items:center}
  .kf-bottom{flex-direction:column-reverse;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.kf *{transition:none!important}}

*,*::before,*::after{letter-spacing:0!important}
main:has(section.cta) ~ footer .kf-cta,main:has(section.cta) ~ * .kf-cta{display:none}