body {background:#efe9dd;
    background:url('/assets/background/Mobile_Long.png') top center;
    background-attachment: fixed;
background-size: 100%;
    background-color:#efe9dd;
  } 

  @media (min-width: 1170px){ 
    body {
       background:url('/assets/background/Desktop_Long.png') top center no-repeat;
background-attachment: fixed;
background-size: 100%;
    background-color:#efe9dd;
    }
  }

  section.video {margin:0 auto 30px;width:calc(100% - 50px);}
  @media (min-width:1170px) {
    section.video {margin:0 auto 30px;width:20%;}
  }


/* ---------- INTRO BAND ---------- */
  .intro-band{background:var(--cream-deep);text-align:center;padding:70px 24px;}
  .eyebrow{font-size:12px;letter-spacing:0.24em;color:var(--gold-deep);font-weight:700;margin-bottom:14px;}
  .intro-band h1{font-size:clamp(30px,4.4vw,50px);font-weight:700;letter-spacing:-0.01em;}
  .intro-band p{font-size:14px;line-height:1.75;color:var(--ink-soft);max-width:680px;margin:20px auto 0;}

  /* ---------- INSTALLATIONS ---------- */
  .installs{background:rgba(204,159,94,0.45);padding:66px 24px 70px;}
  .installs .eyebrow {color:var(--black);}
  .installs-head{text-align:center;max-width:760px;margin:0 auto 48px;}
  .installs-head h2{color:var(--black);font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-0.01em;}
  .installs-head p{font-size:13.5px;color:var(--black);margin-top:14px;}

  .install-card{
    max-width:var(--maxw);margin:0 auto 20px;
    display:grid;grid-template-columns:1fr;
    border-radius:6px;overflow:hidden;
  }
  @media (min-width:1170px) {
    .install-card{margin:0 175px 20px}
  }
  @media (min-width:1170px){.install-card{grid-template-columns:1.1fr 1fr;min-height:320px;}}
  .install-card.reverse{direction:rtl;}
  .install-card.reverse > *{direction:ltr;}
  .install-photo{/*aspect-ratio:16/9;*/background-size:cover;background-position: top center;}
  @media (min-width:1170px){.install-photo{aspect-ratio:auto;}}  
  .install-card.row1 .install-text{border-radius:0 0 50px 0;background:url('../detail/installbg2.jpg');}
  .install-card.row2 .install-text{border-radius:0 0 0 50px;background:url('../detail/installbg1.jpg');}
  .install-card.row3 .install-text{border-radius:0 0 50px 0;background:url('../detail/installbg3.jpg');}
  @media (min-width:1170px) {
    .install-card.row1 .install-text{border-radius:0 50px 0 0;}
    .install-card.row2 .install-text{border-radius:0 0 0 50px;}
    .install-card.row3 .install-text{border-radius:0 50px 0 0}
  }
  
  .install-text{
    padding:40px 36px;color:#fff;display:flex;flex-direction:column;justify-content:center;
  }
  .install-text.light{color:var(--black);}
  .install-text h3{font-size:clamp(24px,3vw,32px);font-weight:600;margin-bottom:14px;}
  .install-text p{font-size:13.5px;line-height:1.7;opacity:0.92;}
  .install-text .meta{margin-top:16px;font-size:12.5px;}
  .install-text .meta b{display:block;font-style:italic;margin-bottom:2px;}

  @media (min-width:1170px) {
    .install-text{ padding:0 36px;}
    .install-text h3{margin-top:0px;}
    .install-text .inner {}
    .install-photo img {width:auto;height:100%}

  }

  /* ---------- LV SECTION ---------- */
  .lv{background:var(--taupe);padding:66px 24px 70px;}
  .lv-head{text-align:center;margin-bottom:50px;}
  .lv-head .eyebrow{color:var(--gold);}
  .lv-head h2{font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--black)}
  .lv-copy {color:var(--black);}

  .lv-block{max-width:var(--maxw);margin:0 auto 60px;display:grid;grid-template-columns:1fr;gap:28px;}
  @media (min-width:800px){.lv-block{grid-template-columns:1fr 1fr;align-items:center;}}
  .lv-block.imgfirst .lv-photo{order:1;}
  .lv-block.imgfirst .lv-copy{order:2;}
  @media (min-width:1170px) {
    .lv-block{margin:0 175px 60px}
  }
  @media (min-width:800px){
    .lv-block .lv-copy{order:2;}
    .lv-block .lv-photo{order:1;}
    .lv-block.textfirst .lv-copy{order:1;}
    .lv-block.textfirst .lv-photo{order:2;}
  }
  .lv-photo{aspect-ratio:16/10;border-radius:4px;background-size:cover;}
  .lv-copy h3{font-size:clamp(22px,2.8vw,30px);font-weight:700;margin-bottom:14px;}
  .lv-copy p{font-size:13.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:12px;}


  /* ---------- CHATER VIEWING DECK ---------- */
  .chater{background:rgba(255, 255, 255, 0.55);padding:70px 24px;text-align:center;}
  .chater h2{font-size:clamp(28px,4vw,44px);font-weight:700;margin-bottom:46px;}
  .chater-block{
    max-width:var(--maxw);margin:0 auto;text-align:left;
    display:grid;grid-template-columns:1fr;gap:28px;
  }
  @media (min-width:800px){.chater-block{grid-template-columns:1fr 1fr;align-items:center;}}
  .chater-copy p{font-size:13.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:20px;}
  .chater-row{border-top:1px solid var(--gold);padding:14px 0;}

  .chater-copy{order:2;}
  .chater-photo {order:1;}
  .chater-row:last-of-type{border-bottom:1px solid var(--gold);margin-bottom:24px;}
  .chater-row b{display:block;font-size:11.5px;font-style:italic;margin-bottom:3px;}
  .book-btn{text-align:center;width:100%;display:inline-block;background:var(--gold-deep);color:#fff;padding:16px 34px;border-radius:30px;font-weight:700;font-size:14px;}
    @media (min-width:1170px) {
    .chater-block{margin:0 175px}
    .chater-copy{order:1;border-top:0;}
    .chater-photo {order:2;}
    .chater-row {border:0;}
    .chater-row:last-of-type{border-bottom:0}
    .book-btn{display:inline-block;width:auto;}
  }

  /* ---------- STAMP & WIN ---------- */
  .stamp-win{padding:76px 24px 20px;text-align:center;background:rgba(238, 232, 219, 0.55)}
  .stamp-win h2{font-size:clamp(30px,4.4vw,48px);font-weight:700;color:var(--black)}
  .stamp-win h3{font-size:clamp(21px,3.2vw,36px);font-weight:700;color:#005746}
  .stamp-win p{font-size:13.5px;line-height:1.75;color:var(--ink-soft);max-width:700px;margin:20px auto 0;}

  .sw-steps{max-width:800px;margin:50px auto 0;}
  .sw-image {text-align:center;padding:20px 0;}
  .sw-image img {margin:0 auto;}
  .sw-image.img1 img {width:500px;}
  .sw-image.img2 img {width:500px;}
  .sw-image.img3 img {width:500px;}
  .sw-step{padding:22px 0;border-bottom:1px solid var(--line);text-align:center;}
  .sw-step b{font-weight:700;}
  .sw-step span{color:var(--ink-soft);}

  .accordion-bar{
    max-width:800px;margin:0 auto 14px;background:var(--taupe);border-radius:4px;
  }
  .accordion-bar-head{
    background:var(--taupe);border:0px;
    width:100%;display:flex;align-items:center;justify-content:space-between;
    padding:16px 22px;font-size:13.5px;font-weight:600;color:var(--green);
  }
  .accordion-bar-head .chev{transition:transform .2s ease;}
  .accordion-bar.open .accordion-bar-head .chev{transform:rotate(180deg);}
  .accordion-bar-body{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 22px;text-align:left;
    background:var(--cream);font-size:13.5px;
  }
  .accordion-bar.open .accordion-bar-body{max-height:1200px;padding:0 22px 18px;}

  .accordion-bar-body ul{margin:10px 0 0 0;padding-left:18px;font-size:12.5px;line-height:1.8;color:var(--ink-soft);}
  @media (min-width:1170px) {
    .accordion-bar-body ul{display: flex;gap:16px;
      flex-wrap:wrap;
    }
    .accordion-bar-body ul li {flex: 0 0 45%;}    
    .accordion-bar-body ol li {padding-bottom:5px;}
  }
  .accordion-bar-body .name {font-weight: bold;}

  .licence-note{text-align:center;font-size:12px;color:var(--ink-soft);margin:36px 0 80px;}

  /* ---------- AFTER DARK ---------- */
  .after-dark{background:rgba(38,51,60,0.55);color:#fff;padding:70px 24px 0px;}
  .after-dark .section_logo {text-align:center;padding:0 0 20px;}
  .after-dark .section_logo img {margin:0 auto;max-width:200px}
  .after-dark .intro {text-align:center;margin-bottom:56px;}
  .after-dark h2{text-align:center;font-size:clamp(30px,4.4vw,48px);font-weight:700;}
  .after-dark .cta {text-align:left;padding-top:20px}
  .after-dark .cta a {background:var(--gold);border-radius:50px;padding:10px 20px;color:#000000}

  .ad-block{max-width:var(--maxw);margin:0 auto 60px;display:grid;grid-template-columns:1fr;gap:28px;}
  @media (min-width:800px){.ad-block{grid-template-columns:1fr 1fr;align-items:center;}}
  .ad-block .ad-photo{order:1;}
  .ad-block .ad-copy{order:2;}

  @media (min-width:1170px) {
    .ad-block {margin:0 175px 60px}
  }
  @media (min-width:800px){
    .ad-block .ad-copy{order:2;}
    .ad-block .ad-photo{order:1;}
    .ad-block.text-first .ad-copy{order:1;}
    .ad-block.text-first .ad-photo{order:2;}
  }
  .ad-photo{/*aspect-ratio:4/3;*/border-radius:4px;background-size:cover;}
  .ad-copy {border-width:0px 0;border-style:solid;border-color:#ffffff;padding:30px 0;}
  .ad-copy h3{color:var(--gold);font-size:clamp(22px,2.8vw,28px);font-weight:700;margin-bottom:14px;margin-top:0;}
  .ad-copy p{font-size:13px;line-height:1.7;opacity:0.85;margin-bottom:18px;}
  .ad-row{display:flex;gap:14px;padding:10px 0;font-size:12.5px;}
  .ad-row .lbl{color:var(--gold);flex:0 0 90px;font-weight:600;}
  .ad-row:last-of-type{}

  /* ---------- AFTER DARK 2---------- */
  .after-dark2 {background:rgba(38,51,60,0.55);color:#fff;padding:0px 24px 90px;}
  .after-dark2 .ad-blocks {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 30px;}
  .after-dark2 .intro {text-align:center;margin-bottom:56px;}
  .after-dark2 h2{text-align:center;font-size:clamp(30px,4.4vw,48px);font-weight:700;}
  .after-dark2 .ad-block{max-width:var(--maxw);margin:0 auto 0px;display:grid;grid-template-columns:1fr;gap:28px;}
  @media (min-width:800px){.ad-block{grid-template-columns:1fr 1fr;align-items:center;}}
  .after-dark2 .ad-block .ad-photo{order:1;}
  .after-dark2 .ad-block .ad-copy{order:2;}

  @media (min-width:1170px) {
    .after-dark2 .ad-blocks {margin:0 175px 0px}
  }
  @media (min-width:800px){
    .after-dark2 .ad-block .ad-copy{order:2;}
    .after-dark2 .ad-block .ad-photo{order:1;}
    .after-dark2 .ad-block.text-first .ad-copy{order:1;}
    .after-dark2 ad-block.text-first .ad-photo{order:2;}
  }
  .after-dark2 .ad-block1 .ad-photo{margin-bottom: 28px;}
  .after-dark2 .ad-photo{/*aspect-ratio:4/3;*/border-radius:4px;background-size:cover;}
  .after-dark2 .ad-copy {border-width:0px 0;border-style:solid;border-color:#ffffff;padding:0 0 30px 0;}
  .after-dark2 .ad-copy h3{color:var(--gold);font-size:clamp(22px,2.8vw,28px);font-weight:700;margin-bottom:14px;margin-top:0;}
  .after-dark2 .ad-copy p{font-size:13px;line-height:1.7;opacity:0.85;margin-bottom:18px;}
  .after-dark2 .ad-row{padding:10px 0;font-size:12.5px;}
  .after-dark2 .ad-row .lbl{color:var(--gold);flex:0 0 90px;font-weight:600;}
  .after-dark2 .ad-row:last-of-type{}

  .after-dark2 .cta {text-align:center;}
  .after-dark2 .cta a {background:var(--gold);border-radius:50px;padding:10px 20px;color:#000000}
  section{overflow:hidden;}