*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f6f6f6;color:#686868;font-size:15px;line-height:1.5}a{color:inherit}.kk-header{height:62px;background:#d3aa0e;display:flex;align-items:center}.kk-header-inner{width:100%;padding:0 15px;display:flex;align-items:center}.kk-brand{background:#111;color:#fff;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.1px;padding:10px 12px;line-height:1}.kk-brand b{color:#d4aa0e}.kk-nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-weight:800;font-size:11px;color:#17130b}.kk-nav a{text-decoration:none}.kk-nav a:hover{color:#fff}.kk-search{font-size:16px;margin-left:8px}.kk-mobile{display:none;margin-left:auto;border:0;background:none;font-size:24px}.kk-mobile-panel{display:none;background:#d3aa0e;padding:0 18px 12px}.kk-mobile-panel a{display:block;text-decoration:none;font-weight:800;padding:7px 0}.page{width:min(1180px,calc(100% - 40px));margin:0 auto}.hero{padding-top:20px}.hero img{display:block;width:100%;max-width:1040px;height:auto;margin:0 auto}.content{padding-top:52px;padding-bottom:62px}.title{font-size:32px;line-height:1.1;color:#b38b17;margin:0 0 7px;font-weight:700}.tagline{font-size:20px;line-height:1.15;color:#b38b17;margin:0 0 5px;font-weight:700}.micro{font-size:13px;margin:0 0 15px;color:#777}.intro{margin:0 0 15px}.boxes{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 25px}.box{background:linear-gradient(#d9b63d,#cda51c);border-radius:4px;padding:11px 12px 13px;color:#181818;min-height:144px}.box h2{font-size:21px;color:#fff;margin:0 0 8px}.box ul{margin:0;padding-left:18px;font-size:14px;font-weight:700;line-height:1.25}.box p{font-size:13px;font-weight:800;line-height:1.25;margin:14px 0 0}.section{margin:0 0 25px}.section h2,.section h3{color:#b38b17;margin:0 0 8px;font-weight:500}.section h2{font-size:24px}.section h3{font-size:19px;margin-top:18px}.section p{margin:0 0 13px}.heart{color:#e42d45}.divider{display:flex;align-items:center;gap:12px;color:#b38b17;font-size:20px;margin:40px 0 24px}.divider:before,.divider:after{content:'';height:1px;background:#b38b17;flex:1}.divider span{white-space:nowrap}.history{display:grid;grid-template-columns:minmax(220px,32%) 1fr;gap:42px}.history-logo{display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.history-logo img{width:190px;height:190px;object-fit:contain}.history-copy strong{color:#3f3f3f}.partners{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:45px;padding:32px 35px 54px}.partners img{width:100%;height:72px;object-fit:contain}.footer{height:80px;background:#d3aa0e}.footer-inner{width:min(1180px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;color:#222;font-size:7px}.fb{font-weight:900;font-size:12px}.backtop{position:fixed;right:10px;top:46%;width:15px;height:15px;border-radius:50%;background:#bbb;color:#fff;font-size:9px;text-align:center;line-height:15px}@media(max-width:760px){.kk-nav{display:none}.kk-mobile{display:block}.kk-mobile-panel.open{display:block}.kk-header{height:58px}.kk-brand{font-size:15px}.page{max-width:calc(100% - 24px)}.hero{padding-top:14px}.content{padding-top:30px}.boxes{grid-template-columns:1fr}.history{grid-template-columns:1fr}.history-logo{display:none}.partners{gap:15px;padding:20px 0 35px}.footer-inner{max-width:calc(100% - 24px)}}
@media(min-width:1100px){
  .content{max-width:1180px}
  .boxes{gap:24px}
  .box{padding:20px 22px 22px;min-height:190px}
  .section{margin-bottom:34px}
  .section p,.history-copy p{max-width:100%}
}
@media(max-width:900px){
  .page{width:min(100% - 28px,1180px)}
  .hero img{max-width:100%}
  .title{font-size:28px}
  .tagline{font-size:18px}
}
@media(max-width:600px){
  body{font-size:14px}
  .page{width:calc(100% - 24px)}
  .title{font-size:25px}
  .tagline{font-size:17px}
  .micro{font-size:12px}
  .box h2{font-size:19px}
  .box ul{font-size:13px}
  .section h2{font-size:21px}
  .history{grid-template-columns:1fr}
}

/* V8 – larger main navigation */
.header{min-height:82px}
.nav{min-height:82px}
.brand{min-height:54px;padding:0 18px}
.brand img{height:42px;width:auto}
.menu{gap:25px}
.menu>a,.drop>a{
  font-size:15px;
  font-weight:800;
  padding:31px 0 30px;
}
.drop-menu{top:82px}
@media(max-width:900px){
  .header,.nav{min-height:72px}
  .brand{min-height:50px}
  .brand img{height:38px}
  .mobile-toggle{font-size:28px}
}


/* V10 – dropdown hover bridge: submenu stays reachable */
.drop{
  position:relative;
  display:flex;
  align-items:stretch;
}
.drop > a{
  display:flex;
  align-items:center;
}
.drop-menu{
  top:100% !important;
  margin-top:0 !important;
  padding-top:8px;
}
.drop::after{
  content:"";
  position:absolute;
  left:-12px;
  right:-12px;
  top:100%;
  height:12px;
}
.drop:hover .drop-menu,
.drop:focus-within .drop-menu{
  display:block;
}

/* V11 – homepage header/menu approximately 2× larger */
@media(min-width:901px){
  .home-v4 .header,
  .home-v4 .nav,
  .header,
  .nav{
    min-height:150px !important;
    height:150px !important;
  }

  .brand,
  .brandplate,
  .home-v4 .brandplate{
    min-height:96px !important;
    padding:16px 28px !important;
  }

  .brand img,
  .brandplate img,
  .home-v4 .brandplate img{
    width:auto !important;
    height:78px !important;
    max-height:78px !important;
  }

  .brand span,
  .brandplate span,
  .home-v4 .brandplate span{
    font-size:30px !important;
  }

  .menu,
  .home-v4 .menu{
    gap:38px !important;
  }

  .menu > a,
  .drop > a,
  .home-v4 .menu > a,
  .home-v4 .drop > a{
    font-size:22px !important;
    line-height:1.2 !important;
    padding:61px 0 !important;
  }

  .drop-menu{
    top:100% !important;
    min-width:320px !important;
    padding:12px !important;
  }

  .drop-menu a{
    font-size:17px !important;
    padding:15px 17px !important;
  }

  .mobile-toggle{
    font-size:40px !important;
  }
}

/* V12 – homepage header: larger AND pulled inward */
@media(min-width:901px){
  .header{
    min-height:132px !important;
    height:132px !important;
  }

  .nav{
    width:min(1480px, calc(100% - 140px)) !important;
    max-width:1480px !important;
    margin:0 auto !important;
    min-height:132px !important;
    height:132px !important;
    padding:0 18px !important;
  }

  .brand{
    min-height:82px !important;
    padding:14px 24px !important;
    margin:0 !important;
  }

  .brand img{
    height:64px !important;
    width:auto !important;
    max-height:64px !important;
  }

  .brand span{
    font-size:27px !important;
    line-height:1 !important;
  }

  .menu{
    gap:30px !important;
    margin-left:auto !important;
    padding-right:8px !important;
  }

  .menu > a,
  .drop > a{
    font-size:19px !important;
    line-height:1.15 !important;
    padding:55px 0 !important;
  }

  .drop-menu{
    top:100% !important;
    min-width:300px !important;
  }

  .drop-menu a{
    font-size:16px !important;
    padding:14px 16px !important;
  }
}

@media(min-width:901px) and (max-width:1250px){
  .nav{
    width:calc(100% - 60px) !important;
  }
  .menu{gap:20px !important}
  .menu > a,.drop > a{font-size:16px !important}
  .brand span{font-size:23px !important}
}

@media(max-width:900px){
  .nav{
    width:calc(100% - 28px) !important;
    margin:0 auto !important;
  }
}

/* V13 – HOMEPAGE HEADER: every visible item is 2× */
@media(min-width:901px){
  .header{
    min-height:164px !important;
    height:164px !important;
  }

  .nav{
    width:min(1500px,calc(100% - 160px)) !important;
    max-width:1500px !important;
    height:164px !important;
    min-height:164px !important;
    margin:0 auto !important;
    padding:0 24px !important;
  }

  /* left black domain/logo block: 2× */
  .brand{
    min-height:108px !important;
    padding:20px 36px !important;
  }
  .brand img{
    height:84px !important;
    width:auto !important;
    max-height:84px !important;
  }
  .brand span{
    font-size:34px !important;
    line-height:1 !important;
  }

  /* right menu: 2× text and spacing */
  .menu{
    gap:42px !important;
    margin-left:auto !important;
  }
  .menu > a,
  .drop > a{
    font-size:22px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    padding:70px 0 !important;
  }

  /* dropdowns enlarged proportionally */
  .drop-menu{
    top:100% !important;
    min-width:360px !important;
    padding:14px !important;
  }
  .drop-menu a{
    font-size:18px !important;
    padding:17px 19px !important;
  }
}

/* Preserve usability before switching to mobile nav */
@media(min-width:901px) and (max-width:1350px){
  .nav{width:calc(100% - 60px) !important}
  .menu{gap:24px !important}
  .menu > a,.drop > a{font-size:18px !important}
  .brand span{font-size:28px !important}
}

/* V14 – REAL homepage header selectors; true 2× sizing */
@media (min-width: 901px) {
  .kk-header{
    height:124px !important;              /* 62px -> 124px */
    min-height:124px !important;
    display:flex !important;
    align-items:center !important;
  }

  .kk-header-inner{
    width:min(1440px, calc(100% - 160px)) !important;
    max-width:1440px !important;
    height:124px !important;
    margin:0 auto !important;
    padding:0 20px !important;
    display:flex !important;
    align-items:center !important;
  }

  .kk-brand{
    font-size:34px !important;            /* 17px -> 34px */
    padding:20px 24px !important;         /* ~2× */
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .kk-nav{
    margin-left:auto !important;
    gap:36px !important;                  /* 18px -> 36px */
    font-size:22px !important;            /* 11px -> 22px */
    font-weight:800 !important;
    align-items:center !important;
  }

  .kk-nav a{
    font-size:22px !important;
    line-height:1.1 !important;
    padding:48px 0 !important;
    white-space:nowrap !important;
  }

  .kk-search{
    font-size:32px !important;            /* 16px -> 32px */
    margin-left:16px !important;          /* 8px -> 16px */
    line-height:1 !important;
  }
}

/* Keep both groups pulled inward on medium desktop widths */
@media (min-width: 901px) and (max-width: 1500px) {
  .kk-header-inner{
    width:calc(100% - 100px) !important;
  }
  .kk-nav{
    gap:24px !important;
  }
  .kk-nav a{
    font-size:19px !important;
  }
  .kk-brand{
    font-size:30px !important;
  }
}

/* Mobile remains compact and responsive */
@media (max-width: 900px) {
  .kk-header{
    height:72px !important;
  }
  .kk-header-inner{
    width:calc(100% - 24px) !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .kk-brand{
    font-size:18px !important;
    padding:12px 14px !important;
  }
}

/* V15 – V14 homepage header scaled back to 75% */
@media (min-width: 901px) {
  .kk-header{
    height:93px !important;
    min-height:93px !important;
  }

  .kk-header-inner{
    width:min(1440px, calc(100% - 160px)) !important;
    max-width:1440px !important;
    height:93px !important;
    margin:0 auto !important;
    padding:0 15px !important;
  }

  .kk-brand{
    font-size:25.5px !important;
    padding:15px 18px !important;
    line-height:1 !important;
  }

  .kk-nav{
    margin-left:auto !important;
    gap:27px !important;
    font-size:16.5px !important;
  }

  .kk-nav a{
    font-size:16.5px !important;
    line-height:1.1 !important;
    padding:36px 0 !important;
  }

  .kk-search{
    font-size:24px !important;
    margin-left:12px !important;
  }
}

@media (min-width: 901px) and (max-width: 1500px) {
  .kk-header-inner{
    width:calc(100% - 100px) !important;
  }
  .kk-nav{gap:18px !important}
  .kk-nav a{font-size:15px !important}
  .kk-brand{font-size:23px !important}
}


/* V17 approved site-wide wordmark */
.kk-approved-brand{
 display:inline-flex;align-items:center;justify-content:center;
 background:#111;color:#fff;text-decoration:none!important;
 font-family:Arial,Helvetica,sans-serif;font-weight:900;
 letter-spacing:-.6px;white-space:nowrap;line-height:1;
 box-sizing:border-box;
}
.kk-approved-brand .w{color:#fff}
.kk-approved-brand .g{color:#d6aa00}
.kk-approved-brand:hover,.kk-approved-brand:focus{color:#fff;text-decoration:none}

/* homepage */
.kk-header .kk-approved-brand{
 font-size:25.5px;padding:15px 18px;min-height:54px;
}
/* subpages: same visual identity and proportion */
.sitehead .kk-approved-brand{
 font-size:25.5px;padding:15px 18px;min-height:54px;
}
@media(max-width:900px){
 .kk-header .kk-approved-brand,.sitehead .kk-approved-brand{
   font-size:18px;padding:11px 13px;min-height:42px;letter-spacing:-.3px
 }
}
