/* ---------- HERO BAND ---------- */
  .hero-band{background:var(--maroon);padding:22px 24px 0px;text-align:center;}
  .hero-band h1 {margin:0;padding:0;}
  @media (min-width:1170px) {
     .hero-band{padding:44px 24px;}
  }
  .hero-band h1{
    color:#fff;
    font-size:clamp(28px,4.2vw,48px);letter-spacing:0.02em;
    font-weight:700;
  }

  /* ---------- MAP ---------- */
  .map-section{background:var(--sand);padding:0;position:relative;}
  @media (min-width:1170px) {

    .map-controls img{
      width:50px;height:50px;
      display:inline-block;
    }
  }

  .map-panel .map-core {position:relative;}
  .map-panel{
    max-width:var(--maxw);margin:0 auto;position:relative;
    /*aspect-ratio:16/9;*/border-radius:4px;overflow:hidden;
  }

  .mapbtn {position:absolute;
   top: 23.5%;
  left: 26.8%;
  display: block;
  width: 4%;
  height: 6%;}

  .map-panel img {max-width:auto;width:auto;}
  .map-controls {text-align:right;width:10%;padding-left:10px;}
  .map-controls div {margin:10px 0;}
  .map-controls img{
    width:100%;height:auto;
    display:inline-block;
  }

  .legend-section{padding:36px 24px 50px;
        display:flex;       
   }
   .legend-section .text {width:90%;}
   @media (min-width:1170px) {
   .legend-section .text {width:80%;}
   .map-controls {width:20%;}
  }
  
  @media (min-width:700px){.legend-grid{grid-template-columns:repeat(4,1fr);}}
  @media (min-width:1100px){.legend-grid{grid-template-columns:repeat(7,1fr);}}

    /*stamp */
  .stamp{background:var(--navy);padding:30px 24px;text-align:center;}
  .stamp h2 {margin-top:0px;}
  @media (min-width:1170px) {
     .stamp{background:var(--navy);padding:60px 24px;}
  }
  .stamp h2{color:var(--gold);
    font-size:clamp(28px,4.2vw,48px);letter-spacing:0.02em;
    font-weight:700;margin-bottom:10px;
  }
  .stamp p{color:var(--gold);font-size:14px;line-height:1.7;max-width:640px;margin:0 auto;}

  /* ---------- STEPS ---------- */
  .steps{padding:64px 24px 20px;background:#ffffff}
  .steps .container {max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:44px;}
  .step {position:relative;max-width:405px;margin:0 auto;}
  .step .bg {margin:0 0 10px 16%;}
  @media (min-width:1170px) { 
    .step {max-width:auto;margin:0;}
  }
  .step .num {text-align:center;font-size:24px/* 48*/;font-weight:bold;position: absolute;top:5%;left:0%;}
  .step .num img {width:70px;}
  .step .num span {line-height:1;font-size:155px;font-family: 'Times New Roman', Times, serif;}
  @media (max-width:540px) {
    .step .num span {font-size:120px}
  }
  .step p{/*position:absolute;top:65%;left:10%;*/font-size:13.5px;line-height:1.7;color:var(--ink-soft);margin:0 0 0 16%;}
  .step strong{color:var(--ink);}
  .step.step1 .num{top:0%;left:0%;}
  .step.step2 .num{top:0%;left:0%;}
  .step.step3 .num{top:0%;left:0%;}
  @media (min-width:1170px){.steps .container {grid-template-columns:repeat(3,1fr);}}
  
  /* ---------- GIFTS ---------- */
  .gifts {max-width:var(--maxw);margin:0 auto 0 0;padding:60px 24px 0;position:relative;overflow: hidden;background:#ffffff}
  .gifts-panel {
    position: relative;
    
    /*display:grid;grid-template-columns:1fr;gap:36px;*/
  }
  .gifts-panel .foot {position:absolute;bottom:0px;right:-40px;text-align:right}
  .gifts-panel div.text {max-width:1400px;margin:0 auto;text-align:left;}
  .gifts .bubbles img {margin:0 0 0 auto}
/*  @media (min-width:860px){.gifts-panel{grid-template-columns:1fr 1fr;}}*/
  .gifts-panel h2{font-weight:800;font-size:22px;letter-spacing:-0.01em;margin-top:0px;margin-bottom:0px;}
  .gifts-panel ul{margin:0;padding-left:18px;font-size:13px;line-height:1.5;color:var(--ink);}
  .bubbles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;}
  .bubbles img {width:auto;height:110%;}
  .bubble{background:#8a97a0;border-radius:50%;opacity:0.85;}
  .gifts-panel .foot img {display:inline;width:40%;}

  .gifts-panel {
      position: relative;
      /*
      border-width:2px 2px 2px 0;border-style:solid;border-width:var(--navy);border-radius:0 16px 16px 0;padding:44px 0px 0 32px;
      /*display:grid;grid-template-columns:1fr;gap:36px;*/
    }

     .gifts-panel div.text {text-align:left;
      position: absolute;top:35%;left:5.2%;
      width:88%
    }

  @media (min-width:1170px) { 
    .gifts {padding:60px 24px 0 0;overflow:visible;}
    .gifts-panel {
      position: relative;
      /*
      border-width:2px 2px 2px 0;border-style:solid;border-width:var(--navy);border-radius:0 16px 16px 0;padding:44px 0px 0 32px;
      /*display:grid;grid-template-columns:1fr;gap:36px;*/
    }
    .gifts .bubbles {position:absolute;right:10px;top:-10px;width:50%;height:100%;text-align:right;}
    .gifts-panel .foot,
    .gifts-panel div.text {max-width:1400px;margin:0 auto;text-align:left;
      position: absolute;top:18%;left:5.2%;
    }
    .gifts-panel .foot {position:static;}
    .bubbles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;}
    .bubbles img {width:auto;height:110%;}
    .gifts-panel .foot img {/*position:absolute;bottom:0px;left:0;*/width:30%;}
     .gifts-panel h2{font-weight:800;font-size:34px;letter-spacing:-0.01em;margin-top:0px;margin-bottom:0px;}
  .gifts-panel ul{margin:0;padding-left:18px;font-size:14px;line-height:1.9;color:var(--ink);}
 
  }

  /* ---------- CHECKPOINTS ---------- */
  .checkpoints{margin:0 auto 0;padding:30px 24px 24px;display:grid;grid-template-columns:1fr;background:#ffffff}
  
  @media (min-width:900px){.checkpoints{grid-template-columns:1.1fr 1fr;}}
  .checkpoints h4{font-size:12px;letter-spacing:0.08em;font-weight:700;margin-bottom:14px;}
  .checkpoints ol{margin:0;padding-left:18px;font-size:14px;line-height:1.9;color:var(--ink-soft);}
  .checkpoints p{font-size:12px;line-height:1.8;color:var(--ink-soft);}
  .checkpoints p a {text-decoration:underline}
  .licence-link{color:var(--green);font-size:12px;font-weight:600;}
  .ack-row{display:flex;align-items:center;gap:22px;margin-top:14px;}
  .ack-row h4 {color:var(--green);}
  .ack-badge{
    width:50%;
  }

  @media (min-width:1170px) { 
    .checkpoints{padding:60px 24px 24px;gap:40px;}
    .checkpoints > div {margin:0 auto 0;max-width:1400px;}
  }

  /* ---------- TASTE OF CENTRAL ---------- */
  .taste{max-width:var(--maxw);margin:80px auto 0;padding:0 24px; /*24px*/}
  .taste div {text-align:center;}
  .taste div img {display:inline;margin:0 auto;}
  @media (min-width:1170px) { 
    .taste{max-width:var(--maxw);margin:80px auto 0;padding:0 24px;/* 190px */}
  }

  .taste .title {padding:0 0 14px;margin:0 auto;width:78%;}
  .taste .title h3 {color:#005746;
    font-size:clamp(28px,4.2vw,48px);letter-spacing:0.02em;
    font-weight:700;margin:0;padding:0 0 6px;
    border-width:0 0 1px;border-style:solid;border-color:#005746;
    position:relative;
  }
  .taste .title h3::after {
    content:' ';position:absolute;bottom:3px;width:100%;height:3px;
    background-color:#005746;left:0;
  }
  .taste .title p {color:#005746;padding:14px 0;margin:0;}
  .taste .title .tc {color:var(--green);font-size:80%;}

  /* ---------- MORE TO TASTE ---------- */
  .more-taste{background:#cfe0d5;padding:60px 24px;text-align:center;margin-top:70px;}
  @media (min-width:1167px) {
    .more-taste{padding:60px 0;}
  }
  .more-taste div {border-width:1px 0;border-style:solid;border-color:#ffffff;margin-top:0px;padding:24px 0;}
  .more-taste h2{      
    color:var(--green);
    font-size:clamp(28px,4.2vw,48px);letter-spacing:0.02em;
    font-weight:700;  
  }
  .pill-btn{
    display:inline-block;margin:0px 0 20px;background:var(--gold-deep);color:#fff;
    padding:14px 80px;border-radius:30px;font-weight:700;font-size:21px;
    width:100%;
  }
  @media (min-width:1170px) {
    .pill-btn{ padding:14px 80px; width:auto;}
  }
  .more-taste p{color:#005746;font-size:14px;line-height:1.7;max-width:640px;margin:0 auto;}
  .more-taste p.b{font-weight:700;}

 

  /* ---------- INSIDERS ---------- */
  .insiders {background:#eae0c5;}
  .insiders div.container {padding:70px 24px;max-width: 1000px;margin:0 auto;}
  .insiders h2{
    text-align:center;color:#b48c62ff;
    font-size:clamp(28px,4.2vw,48px);letter-spacing:0.02em;
    font-weight:700;

    padding-bottom:20px;border-bottom:1px solid var(--gold-deep);
    max-width:var(--maxw);margin:0 auto 46px;
  }
  .insider-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr;gap:44px;}
 
  .insider{position:relative;max-width:440px;margin:0 auto;}
  .insider .info {position: absolute;left:55%;top:5%;width:40%;}
  .insider.insider0 .info {top: 15%; left: 52%;}
  .insider.insider1 .info {top: 15%; left: 52%;}
  .insider.insider2 .info {top: 15%; left: 52%;}
  .insider.insider3 .info {top: 15%; left: 52%;}
  .insider.insider4 .info {top: 15%; left: 52%;}
  .insider.insider5 .info {top: 15%; left: 52%;}
  .insider h3{font-size:12px;font-weight:700;color:#005746;}
  .insider .role{font-size:10px;letter-spacing:0.03em;color:#005746;margin:4px 0 10px;text-transform:uppercase;}
  .insider p.quote{font-size:9px;line-height:1.65;color:#005746;font-weight:600;font-style:italic;}

   @media (min-width:1170px) {
    .insider-grid{grid-template-columns:1fr 1fr;}
    .insider .info {width:50%;top:10%;}
    .insider {max-width:auto;margin:0;}
    .insider.insider0 .info {top: 10%; left: 50%}
    .insider.insider1 .info {top: 10%; left: 50%;}
    .insider.insider2 .info {top: 10%; left: 50%;}
    .insider.insider3 .info {top: 10%;  left: 50%;}
    .insider.insider4 .info {top: 10%;  left: 50%;}
    .insider.insider5 .info {top: 10%; left: 50%;}
    .insider p.quote{font-size:13px;}
    .insider .role{font-size:10.5px;}
    .insider h3{font-size:14px;}

    .insider h3 {min-height:25px}
    .insider .role{min-height:50px;}
    .insider .quote{}
  }
   @media (min-width:1170px){
    .insider h3{font-size:18px;}
    .insider .role{font-size:14px;}
    .insider p.quote{font-size:12px;}
   }

  section{overflow:hidden;}