/* ============================================================
   1. RESET / BASE
   ============================================================ */
   *,*::before,*::after{box-sizing:border-box;}
   html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
   body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);
        font-family:var(--font-sans);font-size:16px;line-height:1.5;
        -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
   img{max-width:100%;display:block;border:0;}
   h1,h2,h3,h4,p,figure,blockquote{margin:0;}
   ul{margin:0;padding:0;list-style:none;}
   a{color:inherit;text-decoration:none;}
   button,input,textarea{font:inherit;color:inherit;}
   :focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
   
   /* ============================================================
      2. DESIGN TOKENS
      ============================================================ */
   :root{
     /* palette sampled from the PDF */
     --maroon-900:#3a0a10;
     --maroon-800:#5a0f16;
     --maroon-700:#71131c;
     --maroon-600:#8a1520;
     --maroon-500:#a3202b;
     --wine:#4a0d13;
     --gold:#d8b25e;
     --gold-light:#e8cf94;
     --gold-dark:#a3803a;
     --cream:#f7ecd7;
     --cream-2:#efe2c6;
     --paper:#e9e0c4;
     --ink:#2b1a10;
     --ink-soft:#4a3524;
     --olive:#3f4433;
     --white:#ffffff;
   
     /* type */
     --font-serif:"Playfair Display",Georgia,"Times New Roman",serif;
     --font-sans:"Poppins",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
   
     /* layout */
     --container:1360px;
     --gutter:clamp(16px,4vw,20px);
     --radius:10px;
     --header-h:clamp(64px,7vw,104px);
     --section-pad:clamp(48px,6vw,86px);
   }
   
   /* ============================================================
      3. TYPOGRAPHY HELPERS
      ============================================================ */
   .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
   
   .section-title{
     font-family:var(--font-serif);font-weight:800;
     font-size:clamp(34px,5.4vw,62px);line-height:1.06;letter-spacing:.02em;
     text-align:center;text-transform:uppercase;
   }
   .section-title--cursive{text-transform:none;font-weight:500;letter-spacing:.01em;}
   
   /* gold-embossed heading treatment used on cream backgrounds */
   .title-emboss{
     /* background:linear-gradient(178deg,#8c7a52 0%,#6f5f3c 34%,#4b3b22 100%);
     -webkit-background-clip:text;background-clip:text; */
     color:#3d3f31;
     text-shadow:0 2px 0 rgba(255,255,255,.42);
   }
   /* deep maroon heading treatment */
   .title-maroon{color:var(--maroon-800);text-shadow:0 2px 0 rgba(255,255,255,.4);}
   /* cream heading on dark grounds */
   .title-cream{color:var(--cream);}
   
   .section-lead{
     max-width:840px;margin:22px auto 0;text-align:center;
     font-weight:500;font-size:clamp(15px,1.6vw,21px);line-height:1.5;color:var(--ink);
   }
   .section-lead--light{color:var(--cream);}
   
   /* ornamental divider (vector flourish lifted from the source artwork) */
   .ornament{display:block;width:clamp(190px,24vw,300px);height:auto;margin:16px auto 0;}
   
   /* ============================================================
      4. HEADER / NAVIGATION
      ============================================================ */
   .site-header{
     position:fixed;inset:0 0 auto 0;z-index:100;height:var(--header-h);
     background:url("../assets/texture-maroon.png") center/cover no-repeat;
     display:flex;align-items:center;
     box-shadow:0 2px 14px rgba(0,0,0,.4);
   }
   .site-header .container{display:flex;align-items:center;gap:clamp(12px,2vw,34px); max-width:1700px;}
   
   .brand{flex:0 0 auto;}
   .brand img{height:clamp(46px,5.4vw,84px);width:auto; outline: 0px;}
   
   .main-nav{margin-left:auto;}
   .main-nav ul{display:flex;align-items:center;gap:clamp(14px,1.9vw,34px);}
   .main-nav a{
     display:block;padding:6px 2px;color:var(--white);
     font-size:clamp(11px,1.02vw,15px);font-weight:500;letter-spacing:.045em;
     text-transform:uppercase;white-space:nowrap;
     border-bottom:1px solid transparent;transition:color .22s,border-color .22s;
   }
   .main-nav a:hover,.main-nav a:focus-visible,.main-nav a[aria-current="page"]{
     color:var(--gold-light);border-bottom-color:var(--gold);
   }
   
   /* mobile menu toggle */
   .nav-toggle{
     display:none;margin-left:auto;width:44px;height:44px;padding:10px;
     background:none;border:1px solid rgba(216,178,94,.55);border-radius:6px;cursor:pointer;
   }
   .nav-toggle span{display:block;height:2px;background:var(--gold-light);border-radius:2px;
     transition:transform .25s,opacity .2s;}
   .nav-toggle span+span{margin-top:5px;}
   .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
   .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
   .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
   
   /* ============================================================
      5. HERO
      ============================================================ */
   .hero{position:relative;margin-top:var(--header-h);isolation:isolate;overflow:hidden;}
   .hero__media{position:absolute;inset:0;z-index:-2;display:flex;}
   /* right-hand lake photograph fills the plate; the five portrait strips
      sit over its left half exactly as in the design */
   .hero__lake{flex:1;min-width:0;}
   .hero__lake img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;}
   .hero__strips{
     position:absolute;inset:0 auto 0 0;z-index:1;display:flex;
     width:min(52%,1000px); gap: 8px;
   }
   .hero__strips figure{flex:1;min-width:0;margin:0;position:relative;}
   .hero__strips img{width:100%;height:100%;object-fit:cover;}
   .hero__strips figure::after{content:"";position:absolute;inset:0;
     background:linear-gradient(180deg,rgba(30,6,9,.30),rgba(30,6,9,.12) 45%,rgba(30,6,9,.35)); display: none; }
   /* soft blend where the strips meet the lake */
   .hero__strips::after{content:"";position:absolute;top:0;bottom:0;right:-70px;width:70px;
     background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0));}
   
   .hero__inner{
     position:relative;min-height:clamp(460px,68vw,700px);
     display:flex;align-items:center;justify-content:flex-end;
     padding-block:clamp(40px,6vw,64px);
     max-width: 1600px;
   }
   
   .hero__strips figure:last-child img { object-position: -272px; }
   
   /* the cusped-arch maroon plaque */
   .hero-card{
     position:relative;
     padding:clamp(28px,3.4vw,48px) clamp(22px,3vw,44px) clamp(30px,3.6vw,50px);
     text-align:center;color:var(--cream);
     background:url("../assets/banner-texture.png") 0 0 no-repeat;
     background-size: contain;
     max-width: 650px;
     height:580px;
   }
   
   
   
   
   
   .hero-card__eyebrow{
     font-family:var(--font-sans); font-weight:500;
     font-size:clamp(16px,1.9vw,22px);letter-spacing:.06em;text-transform:uppercase;
   }
   .hero-card__title{
     font-family:var(--font-serif);font-weight:500;
     font-size:clamp(32px,5.2vw,62px);line-height:1.08;letter-spacing:.015em;
     text-transform:uppercase;margin-top:4px;
   }
   .hero-card__sub{
     margin-top:14px;font-weight:500;
     font-size:clamp(16px,2.05vw,24px);line-height:1.32;
   }
   .hero-card .ornament{margin-top:clamp(16px,2.4vw,28px);width:clamp(150px,20vw,220px);}
   
   .hero-card__actions{
     margin-top:clamp(18px,2.6vw,30px);
     display:flex;flex-wrap:wrap;gap: 40px; justify-content:center;
   }
   
   /* framed "{ label }" button from the design */
   .btn-frame{
     position:relative;display:inline-block;padding:11px 26px;
     color:var(--cream);background:transparent;border:1px solid rgba(232,207,148,.85);
     font-size:clamp(12px,1.15vw,15px);font-weight:500;letter-spacing:.09em;
     text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s;
   }
   
   .btn-frame::before,.btn-frame::after { content:"";position:absolute; top:0px;bottom:0px;width:30px; }
   
   .btn-frame::before{ background:url(../assets/button-L-R.svg) 0 0 no-repeat; left:-13px; border-right:0; border-radius:14px 0 0 14px;}
   .btn-frame::after{ background:url(../assets/button-L-R.svg) 0 0 no-repeat; right:-13px; border-left:0; border-radius:0 14px 14px 0;transform: scaleX(-1);   }
   
   .btn-frame span { display: block; }
   .btn-frame span::before,.btn-frame span::after { content:"";position:absolute; top:0px;bottom:0px; width:75px; 
       transform: translate(-50%, 0%); left: 50%; }
   .btn-frame span::before { background:url(../assets/button-T-B.svg) 0 0 no-repeat; top:-13px; border-right:0; border-radius:14px 0 0 14px;}
   .btn-frame span::after { background:url(../assets/button-T-B.svg) 0 0 no-repeat; bottom:-0px; border-left:0; border-radius:0 14px 14px 0;  transform: translate(-50%, 13px) scaleY(-1);    }
   
   .btn-frame:hover,.btn-frame:focus-visible{background:rgba(232,207,148,.16);color:#fff;}
   
   /* ticker strip beneath the hero */
   .hero-ticker{ background:url("../assets/texture-maroon.png") 50% 50% repeat;
     border:1px solid rgba(216,178,94,.28);
     padding-block:clamp(14px,1.6vw,28px);overflow:hidden;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
       z-index: 99;
       position: relative;
   
   }
   .hero-ticker ul{
     display:flex;align-items:center;justify-content:space-between;
     gap:clamp(10px,1.4vw,18px);flex-wrap:nowrap;
   }
   .hero-ticker li{
     color:var(--cream);font-weight:500;text-transform:uppercase;white-space:nowrap;
     font-size:clamp(10px,1.06vw,18px);letter-spacing:.03em;
   }
   .hero-ticker .tick-sep{flex:0 0 auto;width:clamp(22px,2.4vw,40px);opacity:.85;}
   
   .hero-ticker {  overflow: hidden;  width: 100%;}
   
   .hero-ticker ul { display: flex; align-items: center; width: max-content; margin: 0; padding: 0; list-style: none; animation: ticker 25s linear infinite;}
   
   .hero-ticker li {  flex-shrink: 0;  white-space: nowrap;  display: flex;  align-items: center;}
   
   .hero-ticker .tick-sep { display: block; width: 60px;  height: 19px; margin: 0 25px;}
   
   @keyframes ticker {
       from {
           transform: translateX(0);
       }
   
       to {
           transform: translateX(-50%);
       }
   }
   
   /* ============================================================
      6. ABOUT
      ============================================================ */
   .about{
     position:relative;
     background:url("../assets/bg-paper.jpg") 0 0 no-repeat;
     padding-block:var(--section-pad);
     background-size: cover;
     overflow: hidden;
   }
   
   .about:before {
     background: url(../assets/section-graphic.png) 0 0 no-repeat;
     position: absolute;
     top: -330px;
     left: 50%;
     width: 500px;
     height: 500px;
     display: block;
     content: '';
     opacity: 0.5;
     z-index: 1;
     transform: translate(-50%, 0px);
   }
   
   .about:after {
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position: absolute;
     top: auto;
     bottom: 30px;
     left: -300px;
     width: 500px;
     height: 500px;
     display: block;
     content: '';
     opacity: 0.5;
     z-index: 1;
   }
   
   
   
   .about__grid{
     display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.52fr);
     gap:clamp(24px,3.6vw,20px);align-items:start; max-width: 1600px;
   }
   
   /* collaged photographs */
   .about__collage{position:relative;padding-bottom:clamp(70px,9vw,120px);}
   .about__collage figure{margin:0;box-shadow:0 12px 34px rgba(60,35,15,.34);background:#fff;}
   .about__collage figure img{width:100%;height:100%;object-fit:cover;}
   .collage-a{width:50%;aspect-ratio:344/508;
   /* padding:6px; */
     position:relative;z-index:2;margin-top:clamp(60px,8vw,110px);}
   .collage-b{position:absolute;top:0;left:44%;width:42%;aspect-ratio:275/335;z-index:1;}
   .collage-c{position:absolute;bottom:clamp(70px,9vw,60px);left:45%;width:47%;aspect-ratio:340/242;z-index:3;}
   /* the "10+ year" lockup: extracted numeral plus its script suffix */
   .collage-badge{
       position: absolute;
       left: 49%;
       bottom: 10px;
       z-index: 4;
       display: flex;
       align-items: flex-end;
       margin: 0 auto;
       transform: translate(-50%, 10px);
       background: url("../assets/text-bg2.png") 40% 33% no-repeat;
       -webkit-background-clip: text;
       background-clip: text;
       color: transparent;
       -webkit-text-fill-color: transparent;
       font-family:var(--font-serif); 
       width: 250px;
   }
   .collage-badge__count {  font-size:120px; font-weight:bold; line-height:110px; color:#8e2340;  }
   .collage-badge__plus {
     align-self:flex-start;margin:clamp(4px,.6vw,10px) 0 0 -6px;
     font-weight:500;color:#b0374f;
     font-size:clamp(20px,2.6vw,52px);line-height: 70px; margin-top: 0px; 
     font-family:var(--font-sans);
   }
   .collage-badge__word{
     margin:0 0 clamp(6px,1vw,16px) -4px;
     font-family:var(--font-serif);font-style:italic;font-weight:700;color:#8e2340;
     font-size:clamp(30px,4vw,62px);line-height:1;
   }
   .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
     clip:rect(0 0 0 0);white-space:nowrap;border:0;}
   
   /* maroon "about us" pennant */
   
   /* .about { border-top: 15px solid #282828;} */
   
   .about__panel{
     position:relative;color:var(--cream);text-align:center;
     padding:clamp(24px,2.8vw,38px) clamp(18px,2.2vw,32px) clamp(64px,8vw,64px);
     background:url("../assets/texture-maroon.jpg") center/cover;
    
     /* pointed pennant foot */
     clip-path:polygon(0 0,100% 0,100% calc(100% - 62px),50% 100%,0 calc(100% - 62px));
     box-shadow:0 16px 44px rgba(0,0,0,.32); margin-top: -87px;
   }
   .about__panel .ornament{margin-top:0;width:clamp(130px,14vw,180px);}
   .about__panel h2{margin-top:8px;font-family:var(--font-serif);font-weight:600;
     font-size:clamp(26px,3.2vw,45px);letter-spacing:.03em;text-transform:uppercase;}
   .about__copy{margin-top:clamp(14px,1.8vw,22px);display:grid;gap:1em;
     font-size:clamp(11px,1.02vw,14px);line-height:1.55;font-weight:400;color:#f3e6d2;}
   .about__copy strong{font-weight:600;letter-spacing:.02em;}
   .about__panel .btn-frame{margin-top:clamp(18px,2.4vw,30px);}
   
   .about-btn { padding:10px 0px 20px 0;}
   .about-icon { padding: 20px 0 0 0;}
   .about-icon img { margin: 0 auto;}
   
   /* ============================================================
      7. SERVICES
      ============================================================ */
   .services{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-services.svg") center/cover no-repeat, #e7ddc6;
     border-top: 6px solid #450503;
   }
   .services__head .section-title{margin-bottom:0;}
   .services__grid{
     margin-top:clamp(30px,4vw,52px);
     display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
     gap:clamp(12px,1.8vw,26px);
   }
   
   /* cusped-arch service card */
   .service-card{
     position:relative;text-align:center;color:var(--cream);
     padding:clamp(50px,5vw,66px) clamp(10px,1.2vw,18px) clamp(18px,2vw,26px);
     margin-top:34px;min-height:clamp(200px,20vw,282px); 
     /* the cusped-arch plate is the original artwork, stretched to the card box */
     background:url("../assets/service-frame.png") center/100% 100% no-repeat;
     filter:drop-shadow(0 10px 20px rgba(40,25,10,.35));
     transition:transform .3s,filter .3s;
     min-height: 330px;
   }
   .service-card:hover{filter:drop-shadow(0 18px 28px rgba(40,25,10,.45));}
   .service-card:hover{transform:translateY(-6px);}
   .service-card__icon{
     position:absolute;top:clamp(-30px,-3vw,-24px);left:50%;transform:translateX(-50%);
     width:clamp(54px,5.4vw,85px);aspect-ratio:1;border-radius:50%;
     overflow:hidden;border:2px solid var(--gold);
     box-shadow:0 6px 16px rgba(0,0,0,.4);background:#7d0d14;
   }
   .service-card__icon img{width:100%;height:100%;object-fit:cover;}
   .service-card h3{
     font-size:clamp(12px,1.16vw,18px);font-weight:500;letter-spacing:.01em;color:#fff; margin: 0 0 20px 0; padding: 0 15px;
   }
   .service-card p{
     margin-top:10px;font-size:clamp(16px,.94vw,16px);line-height:1.9;
     color:#e2dccb;font-weight:300; 
     padding: 0 10px;
   }
   .service-card .rule{display:block;width:78%;margin:8px auto 0;height:auto;opacity:.9;}
   
   /* decorative mascot standing beside the grid */
   .services__mascot{
     position:absolute;left:clamp(18px,5.8vw,128px);bottom:clamp(90px,12vw,160px);
     width:clamp(48px,5vw,78px);z-index:2;pointer-events:none;
   }
   
   /* ornate pill buttons (asset-backed, as in the PDF) */
   .btn-ornate{
     position:relative;display:inline-flex;align-items:center;justify-content:center;
     min-width:clamp(150px,17vw,220px);min-height:clamp(38px,4vw,54px);z-index:0;isolation:isolate;
     padding:30px 34px;background:transparent;border:0;cursor:pointer;
     font-size:clamp(12px,1.1vw,15px);font-weight:600;letter-spacing:.05em;
     color:var(--cream);text-shadow:0 1px 3px rgba(0,0,0,.6);
     transition:transform .25s,filter .25s;
         padding-bottom: 35px;
   }
   .btn-ornate img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;}
   .btn-ornate:hover,.btn-ornate:focus-visible{transform:translateY(-2px);filter:brightness(1.12);}
   .btn-ornate--gold{color:#3a2a10;text-shadow:0 1px 0 rgba(255,255,255,.45); color: #fff;
     font-weight: 500;
     text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);}
   .center-action{display:flex;justify-content:center;margin-top:clamp(26px,3.4vw,44px);}
   
   /* ============================================================
      8. GALLERY
      ============================================================ */
   .gallery{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-gallery.png") center/cover no-repeat, #2a0a0e;
   }
   /* .gallery::before{content:"";position:absolute;inset:0;background:rgba(20,4,8,.18);} */
   .gallery .container{position:relative;}
   .gallery__grid{
     margin-top:clamp(26px,3.4vw,44px);
     display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
     grid-auto-rows:clamp(84px,10.5vw,150px);
     gap:clamp(8px,1.1vw,15px);
   }
   .gallery__grid figure{margin:0;overflow:hidden;border:3px solid var(--cream);
     background:#1a0508;box-shadow:0 8px 22px rgba(0,0,0,.45); }
    .gallery__grid figure.small-thumb {
     border: none;
   } 
   .gallery__grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
   .gallery__grid figure:hover img{transform:scale(1.06);}
   /* layout mirrors the PDF's mosaic */
   .g1{grid-column:1;grid-row:1 / span 2;}
   .g2{grid-column:2;grid-row:1;}
   .g3{grid-column:3;grid-row:1 / span 2;}
   .g4{grid-column:4;grid-row:1;}
   .g5{grid-column:2;grid-row:2 / span 2;}
   .g6{grid-column:4;grid-row:2 / span 2;}
   .g7{grid-column:1;grid-row:3;}
   .g8{grid-column:3;grid-row:3;}
   
   /* ============================================================
      9. BLOGS & STORIES
      ============================================================ */
   .blogs {
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover, var(--paper);
     overflow: hidden;
   }
   
   .container {  z-index: 9; position: relative;}
   
   .blogs:before {
     background: url(../assets/section-graphic.png) 0 0 no-repeat;
     position: absolute;
     top: -330px;
     left: 50%;
     width: 500px;
     height: 500px;
     display: block;
     content: '';
     opacity: 0.5;
     z-index: 1;
     transform: translate(-50%, 0px);
   }
   
   .blogs:after {
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position: absolute;
     top: auto;
     bottom: 30px;
     left: -300px;
     width: 500px;
     height: 500px;
     display: block;
     content: '';
     opacity: 0.5;
     z-index: 1;
   }
   
   .blogs__grid{
     margin-top:clamp(32px,4.4vw,58px);
     display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
     gap:clamp(16px,2.4vw,38px);
   }
   .blog-card{
     position:relative;overflow:hidden;color:var(--cream);
     padding:clamp(16px,1.9vw,26px) clamp(16px,1.9vw,24px) clamp(20px,2.4vw,30px);
     /* border-radius:clamp(80px,11vw,150px) clamp(80px,11vw,150px) 4px 4px; */
     /* arched gradient plate taken from the source artwork 
     background:linear-gradient(200deg,#7b1524 0%,#4c1030 42%,#2e0b33 72%,#e0755f 100%);*/
     box-shadow:0 14px 34px rgba(60,20,20,.32);
     transition:transform .3s,box-shadow .3s;
     border-radius:200px 200px 0px 0px;
     background:linear-gradient( 60deg, #ff8170 0%, #ed5d55 20%, #a20b35 35%, #3d0025 60%, #16002d 100% );
   }
   .blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(60,20,20,.42);}
   .blog-card__media{
     margin:0;overflow:hidden;aspect-ratio:243/246;
     border:3px solid var(--gold-light);
     border-radius:180px 180px 0px 0px;
   
     /* border-radius:clamp(70px,10vw,130px) clamp(70px,10vw,130px) 4px 4px; */
     box-shadow:0 6px 18px rgba(0,0,0,.35);
   }
   .blog-card__media img{width:100%;height:100%;object-fit:cover;}
   .blog-card h3{
     margin-top:clamp(14px,1.7vw,20px);font-weight:600;line-height:1.32;
     font-size:clamp(16px,1.24vw,17px);color: #fff1de;
   }
   .blog-card .venue{ margin-top:8px;font-size:clamp(11px,1.02vw,14px);font-weight:600;color:#000;}
   
   .blog-card .btn-pill{
     margin-top:clamp(14px,1.8vw,22px);display:inline-flex;align-items:center;gap:8px;
     padding:7px 20px;background:url(../assets/gold-btn.png) 0 0 no-repeat;color:#2b1409;
     /* border:1px solid #8a6b3a; */
     border-radius:6px;font-size:clamp(11px,1vw,14px);font-weight:600;
     transition:background .25s,transform .25s;
     background-size: cover;
   }
   /* .blog-card .btn-pill:hover,.blog-card .btn-pill:focus-visible{background:#fff;transform:translateX(3px);} */
   
   /* ============================================================
      10. CONTACT
      ============================================================ */
   .contact{
     position:relative;isolation:isolate;
     padding-block:clamp(40px,5vw,70px);
     background:url("../assets/bg-contact.jpg") center/cover no-repeat, #6a2b2c;
   }
   .contact::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(60,12,16,.22);}
   .contact .container{display:flex;justify-content:flex-start;}
   
   .contact-card{
     position:relative;width:min(600px,100%);color:var(--cream);
     padding:clamp(64px,8vw,110px) clamp(24px,3vw,42px) clamp(96px,11vw,150px);
     /* background: rgba(75, 5, 10, 0.78); */
     /* border:5px solid #bb976e; */
     border-radius:clamp(140px,20vw,320px) clamp(140px,20vw,320px) 6px 6px;
     box-shadow:0 20px 56px rgba(0,0,0,.4);
     margin:clamp(18px,2.4vw,34px);
     background: url("../assets/bg-gallery.png") center/cover no-repeat, #2a0a0e;
   }
   /* the thin gold arch that traces the plaque in the design */
   .contact-card::before{
     content:"";position:absolute;inset:clamp(-25px,-2.6vw,-18px);
     border:8px solid #502424;
     border-radius:inherit;pointer-events:none;
   }
   .contact-card h2{
     text-align:center;font-family:var(--font-serif);font-weight:700;
     font-size:clamp(26px,2.5vw,31px);letter-spacing:.01em;
   }
   .contact-card .ornament{width:clamp(160px,20vw,240px);margin-top:10px;}
   
   .contact-form{margin-top:clamp(18px,2.4vw,30px);display:grid;gap:clamp(10px,1.3vw,16px);}
   .field-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px);}
   .field{display:grid;gap:10px;}
   .field label{
     display:flex;align-items:center;gap:6px;
     font-size:clamp(15px,1.06vw,16px);font-weight:600;letter-spacing:.05em;text-transform:uppercase;
   }
   .field label svg{width:12px;height:12px;flex:0 0 auto;fill:var(--cream);}
   .field input,.field textarea{
     width:100%;padding:11px 14px;background:rgba(70,10,16,.45);
     border:1px solid rgba(216,178,94,.75);border-radius:8px;
     color:#fff;font-size:clamp(12px,1.06vw,14px);font-weight:500;
     transition:border-color .25s,background .25s;
   }
   .field textarea{min-height:clamp(88px,10vw,120px);resize:vertical;border-radius:4px;}
   .field input::placeholder,.field textarea::placeholder{color:#f0dfc6;opacity:.85;}
   .field input:focus,.field textarea:focus{
     outline:none;border-color:var(--gold-light);background:rgba(90,14,20,.6);
   }
   
   .contact-form .submit-row{display:flex;justify-content:center;margin-top:20px;}
   .contact-form .btn-submit{
     padding:10px 44px;
     background: url(../assets/gold-btn.png) 0 0 no-repeat;
     background-size: cover;
     color:#3a2411; 
     border: none;
     font-size:clamp(12px,1.1vw,16px);
     font-weight:600;cursor:pointer;
     transition:filter .25s,transform .25s;
   }
   .btn-submit:hover,.btn-submit:focus-visible{filter:brightness(1.06);transform:translateY(-1px);}
   
   .contact-meta{
     margin-top:clamp(10px,2.6vw,10px);
     display:flex;justify-content:center;gap:clamp(24px,5vw,80px);text-align:center;
   }
   .contact-meta h3{font-family:var(--font-serif);font-weight:700;font-size:clamp(14px,1.4vw,24px);}
   .contact-meta a{display:block;margin-top:4px;font-size:clamp(10px,.96vw,13px);font-weight:600;}
   .contact-meta a:hover{color:var(--gold-light);}
   
   .contact-card__flourish{
     position:absolute;left:30px; right:30px;bottom:clamp(10px,1.4vw,22px);
     width:auto;height:auto;opacity:.95;pointer-events:none;
     display: block;
     max-width: stretch;
   }
   .form-status{min-height:1.2em;text-align:center;font-size:13px;font-weight:600;color:var(--gold-light);}
   
   /* ============================================================
      11. TESTIMONIALS
      ============================================================ */
   .testimonials{
     position:relative;
     padding-block: var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover, var(--paper);
     overflow: hidden;
   }
   
   
   .testimonials:before {
     background: url(../assets/section-graphic.png) 0 0 no-repeat;
     position: absolute;
     top: -230px;
     left: auto;
     right: -200px;
     width: 500px;
     height: 500px;
     display: block;
     content: '';
     opacity: 0.5;
     z-index: 1;
     transform: translate(0%, 0px);
   }
   
   .testimonials:after, .story:after, .why-us:after, .team:after, .info-section:after, .map-section:after {
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position: absolute;
     top: auto;
     bottom: -200px;
     left: -200px;
     width: 500px;
     height: 500px;
     display: block;
     content: '';
     opacity: 0.5;
     z-index: 1;
   }
   
   .testi__track{
     margin-top:clamp(30px,4vw,52px);
     display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
     gap:clamp(12px,2vw,30px);align-items:center;
    
   }
   .testi-card{
     position:relative;text-align:center;color:#efe4d3;
     padding:clamp(44px,4.4vw,60px) clamp(18px,2.2vw,32px) clamp(22px,2.6vw,34px);
     /* background:linear-gradient(150deg,#4a3226 0%,#3a251b 55%,#241611 100%); */
     border-radius:clamp(230px,6vw,230px) 20px 20px 20px;
     box-shadow:0 12px 30px rgba(50,30,18,.3);
     transition:transform .35s,box-shadow .35s;
     background: linear-gradient(135deg, #3F382B 0%, #3d3e30 30%, #460808 100%);
     padding: 40px;
     min-height: 400px;
   }
   .testi-card__quote{
     position:absolute;top:clamp(-24px,-2.6vw,-16px);right:clamp(10px,1.6vw,24px);
     width:clamp(34px,3.6vw,52px);height:auto;fill:#3d3f31;
   }
   .testi-card__avatar{
     width:clamp(90px,5vw,100px);aspect-ratio:1;margin:0 auto;overflow:hidden;
     border:2px solid #efe4d3;
   }
   .testi-card__avatar img{width:100%;height:100%;object-fit:cover;}
   .testi-card h3{margin-top:10px;font-family:var(--font-serif);font-weight:700;
     font-size:clamp(24px,1.3vw,18px);}
   .testi-card p{margin-top:10px;font-size:clamp(20px,1.06vw,18px);line-height:1.52;font-weight:400;}
   /* the middle card is the featured one in the design */
   .testi-card--featured{
     transform:scale(1.06);z-index:2;
     padding-block:clamp(52px,5.4vw,74px) clamp(28px,3.2vw,44px);
     box-shadow:0 18px 42px rgba(50,30,18,.4);
   }
   .testi-card--featured .testi-card__avatar{width:clamp(58px,6.4vw,92px);}
   .testi-card--featured p{font-size:clamp(13px,1.5vw,21px);line-height:1.5;}
   
   /* .testi__dots{display:flex;justify-content:center;gap:12px;margin-top:clamp(20px,2.4vw,30px);}
   .testi__dots button{
     width:11px;height:11px;padding:0;border:0;border-radius:50%;
     background:#8d7a5e;opacity:.5;cursor:pointer;transition:opacity .25s,transform .25s;
   }
   .testi__dots button[aria-selected="true"]{opacity:1;transform:scale(1.15);background:#5b1620;}
    */
   
    .testi__track .slick-dots {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin:0px 0 0;
     padding: 0;
     list-style: none;
   }
   
   .testi__track .slick-dots li {
     margin: 0;
     padding: 0;
   }
   
   .slick-track { display: flex !important; align-items: center;  padding: 50px 0;}
   
   .testi__track .slick-dots button {
     width: 18px;
     height: 18px;
     padding: 0;
     border: 0;
     border-radius: 50%;
     background: #fff;
     font-size: 0;
     border: #600000 solid 2px;
   }
   
   .testi__track .slick-dots .slick-active button {
     background: #600000;
   }
   
   
    .testi__track .slick-slide .testi-card {
     transform: scale(0.8);
     /* opacity: 0.7; */
     transition: all 0.4s ease;
   }
   
   .testi__track .slick-slide.slick-center .testi-card {
     transform: scale(1);
     opacity: 1;
   }
   
   .testi__track .slick-slide.slick-center .testi-card p {font-size: 22px;}
   
   
   
   
   
   /* ============================================================
      12. FOOTER
      ============================================================ */
   .site-footer{
     position:relative;color:var(--cream);
     background: url("../assets/bg-footer.jpg") 0 0 no-repeat;
     background-size: cover;
     padding-block:clamp(30px,3.6vw,50px) 0;
   }
   
   .site-footer:before { background: #3a0a10; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; content: ''; opacity: 0.5; z-index: 1; }
   
   .footer__grid{
     display:grid;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr));
     gap:clamp(20px,3vw,48px);align-items:start;
     z-index: 9;
     position: relative;
   }
   .footer__brand img{width:clamp(120px,13vw,190px);}
   .footer__col h3{
     font-family:var(--font-serif);font-weight:600;font-size:clamp(18px,1.4vw,19px);
     margin-bottom:clamp(10px,1.3vw,16px);
   }
   .footer__col li+li{margin-top:7px;}
   .footer__col a{font-size:clamp(16px,1.14vw,16px);
     transition:color .22s;}
   .footer__col a:hover,.footer__col a:focus-visible{color:var(--gold-light);}
   .footer__col--bulleted li{position:relative;padding-left:20px;}
   .footer__col--bulleted li::before{
     content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;
     border-radius:50%;background:var(--gold);
   }
   .footer__strip{
     margin-top:clamp(24px,3vw,42px);
     border-top:1px solid rgba(216,178,94,.28);
     background:rgba(28,4,8,.5);
     padding-block:clamp(14px,1.6vw,22px);
     z-index: 9;
     position: relative;
   }
   .footer__strip .container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
   .footer__strip p{font-size:clamp(12px,1.14vw,15px); }
   
   
   .contact-info {
   
   
     width: 100%;
     max-width: 325px;
     box-sizing: border-box;
   }
   
   .contact-item {
     display: flex;
     align-items: center;
     gap: 18px;
     color: #f7ecd7;
     font-size: 16px;
     line-height: 1.3;
     margin-bottom: 17px;
   }
   
   .contact-item:last-child {
     margin-bottom: 0;
   }
   
   .contact-icon {
     width: 23px;
     min-width: 23px;
     height: 23px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
   .contact-icon svg {
     width: 20px;
     height: 20px;
     fill: none;
     stroke: #f7ecd7;
     stroke-width: 1.8;
     stroke-linecap: round;
     stroke-linejoin: round;
   }
   
   .contact-item:nth-child(2) .contact-icon svg {
     fill: #f7ecd7;
     stroke: none;
   }
   
   .contact-item span:last-child {
     white-space: nowrap;
   }
   
   .contact-item:hover .contact-icon svg { stroke:#e8cf94;   }
   .contact-item:hover .whatsapp-icon svg {stroke-width: 0.5;}
   .contact-item:hover { color:#e8cf94; }
   
   
   /* ============================================================
      13. RESPONSIVE — TABLET (768–1199)
      ============================================================ */
      @media (max-width:1400px){
   
      .hero-card { max-width:520px; }
      .hero-card__title { font-size: clamp(32px, 5.2vw, 42px); }
      .hero-card__sub { font-size: clamp(16px, 2.05vw, 18px); }
      .hero-card__eyebrow { font-size: clamp(16px, 1.9vw, 18px); }
      .btn-frame {  padding: 10px 20px; }
   
      }
   
   @media (max-width:1199px){
     
     .main-nav ul{gap:14px;}
     .main-nav a{font-size:11px;letter-spacing:.02em;}
   
     .about__grid{grid-template-columns:1fr;}
     .about__panel{max-width:620px;margin-inline:auto;}
   
     .services__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
     .services__mascot{display:none;}
   
     .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
   
     .hero-card{
       position:relative;
       padding:clamp(28px,3.4vw,48px) clamp(22px,3vw,44px) clamp(30px,3.6vw,50px);
       text-align:center;color:var(--cream);
       background:url("../assets/banner-texture.png") 0 0 no-repeat;
       background-size: contain;
       max-width: 650px;
       height:580px;
     }
   
   
   
   }
   
   @media (max-width:1023px){
     /* collapse the nav into a slide-down panel */
     .nav-toggle{display:block;}
     .main-nav{
       position:absolute;top:100%;left:0;right:0;
       background:linear-gradient(180deg,rgba(48,8,13,.99),rgba(70,12,18,.99));
       /* border-top:1px solid rgba(216,178,94,.3); */
       max-height:0;overflow:hidden;transition:max-height .34s ease;
     }
     .main-nav.is-open{max-height:70vh;overflow-y:auto;}
     .main-nav ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 0;}
     .main-nav a{padding:13px var(--gutter);font-size:14px;border-bottom:1px solid rgba(216,178,94,.12);}
   
     .hero__strips{width:44%;}
     .hero__inner{justify-content:center;}
     .hero-card{width:min(560px,100%);}
     .hero-ticker ul{flex-wrap:wrap;justify-content:center;row-gap:10px;}
     .hero-ticker .tick-sep{width:24px;}
   
     .gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(96px,15vw,150px);}
     .g1{grid-column:1;grid-row:1 / span 2;}  .g2{grid-column:2;grid-row:1;}
     .g3{grid-column:3;grid-row:1 / span 2;}  .g4{grid-column:2;grid-row:2;}
     .g5{grid-column:1;grid-row:3 / span 2;}  .g6{grid-column:2;grid-row:3 / span 2;}
     .g7{grid-column:3;grid-row:3;}           .g8{grid-column:3;grid-row:4;}
   
     .blogs__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
     .blogs__grid .blog-card:last-child{grid-column:1 / -1;max-width:52%;margin-inline:auto;}
   
   
     .contact { overflow: hidden;}
   
     .contact .container{justify-content:center;}
   
     .testi__track{grid-template-columns:1fr;max-width:560px;margin-inline:auto;}
     .testi-card--featured{transform:none;}
   }
   
   /* ============================================================
      14. RESPONSIVE — MOBILE (≤767) & SMALL (≤479)
      ============================================================ */
   @media (max-width:767px){
     :root{--section-pad:clamp(38px,9vw,54px);}
   
     /* stack the hero: photo band on top, plaque below */
     .hero__media{height:auto;}
     .hero__strips { width:100%; position: static; position: relative; z-index: 999;}
     .hero__strips figure { height:200px;}
     .hero__lake{ position: absolute;  height: 100%; background: #000;  z-index: 99;}
     .hero__inner{ min-height:0;padding:clamp(24px,7vw,38px) 0 clamp(28px,8vw,40px); justify-content:center;
     background:linear-gradient(180deg,#3a0a10,#5a0f16); }
   
     .hero__media {  z-index:auto; position:static; }
     .hero__inner { background: none; z-index: 99;}
     .hero-card { background: url(../assets/banner-texture.png) 50% 0 no-repeat; background-size: 360px 440px; max-width: 360px;  height: 460px; } 
   
   
     /* .hero__lake img {     height: 100%; } */
   
     .hero{background:#3a0a10; }
     .hero-card{border-width:1px;}
     .hero-card__actions{gap:50px;}
   
     .about__collage{padding-bottom:clamp(56px,16vw,90px);}
     .collage-a{width:64%;margin-top:clamp(46px,14vw,80px);}
     .collage-b{width:48%;left:52%;}
     .collage-c{width:56%;left:30%;}
     .collage-badge{width:clamp(120px,32vw,170px);}
   
     .services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;}
   
     .gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(100px,26vw,150px);}
     .g1{grid-column:1;grid-row:1 / span 2;} .g2{grid-column:2;grid-row:1;}
     .g3{grid-column:2;grid-row:2 / span 2;} .g4{grid-column:1;grid-row:3;}
     .g5{grid-column:1;grid-row:4 / span 2;} .g6{grid-column:2;grid-row:4;}
     .g7{grid-column:2;grid-row:5;}          .g8{grid-column:1;grid-row:6;}
   
     .blogs__grid{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}
     .blogs__grid .blog-card:last-child{grid-column:auto;max-width:none;}
   
     .field-row{grid-template-columns:1fr;}
     .contact-card{border-radius:clamp(120px,42vw,200px) clamp(120px,42vw,200px) 6px 6px;}
   
     .footer__grid{grid-template-columns:1fr;text-align:center;}
     .footer__brand img{margin-inline:auto;}
     .footer__col--bulleted li{padding-left:0;}
     .footer__col--bulleted li::before{display:none;}
     .footer__strip .container{flex-direction:column;align-items:center;gap:8px;text-align:center;}
   
   
     .contact-item { gap: 4px; justify-content: center; }
   
   
     .hero__strips figure:last-child img { object-position:0px; }
   
   
     .field { margin-bottom: 10px; }
   
     .about__panel { margin-top: 0px;}
   
   
   }
   
   @media (max-width:479px){
     .services__grid{grid-template-columns:1fr;max-width:300px;margin-inline:auto;}
     .hero-ticker li{font-size:16px;}
     .contact-meta{gap:20px;}
     .testi-card{
       /* border-radius:38px 6px 6px 6px; */
       border-radius: clamp(230px, 6vw, 230px) 20px 20px 20px;
     }
   }
   
   /* reduced motion */
   @media (prefers-reduced-motion:reduce){
     html{scroll-behavior:auto;}
     *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
   }
   
   /* ============================================================
      15. ABOUT PAGE — PAGE BANNER
      ============================================================ */
   .page-banner{
     position:relative;margin-top:var(--header-h);isolation:isolate;overflow:hidden;
     min-height:clamp(260px,32vw,420px);display:flex;align-items:center;justify-content:center;text-align:center;
   }
   .page-banner__media{position:absolute;inset:0;z-index:-2;}
   .page-banner__media img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;}
   .page-banner__overlay{position:absolute;inset:0;z-index:-1;
     background:linear-gradient(180deg,rgba(58,10,16,.86),rgba(58,10,16,.74) 55%,rgba(20,4,7,.9));}
   .page-banner__inner{color:var(--cream);padding-block:clamp(40px,6vw,64px);}
   .page-banner__eyebrow{
     font-family:var(--font-sans);font-weight:500;letter-spacing:.14em;text-transform:uppercase;
     font-size:clamp(12px,1.3vw,16px);color:var(--gold-light);
   }
   .page-banner__inner h1{
     margin-top:6px;font-family:var(--font-serif);font-weight:700;
     font-size:clamp(38px,6vw,72px);text-transform:uppercase;letter-spacing:.02em;
   }
   .page-banner .ornament{margin-inline:auto;}
   .breadcrumb{
     margin-top:18px;display:flex;gap:8px;justify-content:center;align-items:center;
     font-size:clamp(12px,1.1vw,15px);font-weight:500;letter-spacing:.03em;
   }
   .breadcrumb a{color:var(--gold-light);}
   .breadcrumb a:hover{text-decoration:underline;}
   .breadcrumb span{color:rgba(247,236,215,.6);}
   
   /* ============================================================
      16. ABOUT PAGE — OUR STORY / TIMELINE
      ============================================================ */
   .story{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover, var(--paper);
     overflow:hidden;
     border-top: 6px solid #450503;
   }
   .story:before{
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position:absolute;top:-330px;left:50%;width:500px;height:500px;display:block;content:'';
     opacity:.5;z-index:1;transform:translate(-50%,0);
   }
   .story:after{
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position:absolute;top:auto;bottom:-260px;right:-260px;width:500px;height:500px;display:block;content:'';
     opacity:.5;z-index:1;
   }
   .timeline{position:relative;max-width:840px;margin:clamp(30px,4vw,54px) auto 0;}
   .timeline::before{
     content:"";position:absolute;left:clamp(9px,1.3vw,0px);top:6px;bottom:6px;width:2px;
     background:linear-gradient(180deg,var(--gold),rgba(216,178,94,.2));
   }
   .timeline__item{position:relative;padding:0 0 clamp(28px,3.6vw,42px) clamp(48px,6vw,66px);}
   .timeline__item:last-child{padding-bottom:0;}
   .timeline__dot{
     position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;
     background:var(--maroon-700);border:3px solid var(--gold);box-shadow:0 0 0 4px var(--paper);
   }
   .timeline__year{
     font-family:var(--font-serif);font-weight:800;color:var(--maroon-800);
     font-size:clamp(18px,2vw,26px);letter-spacing:.03em;
   }
   .timeline__content{margin-top:6px;color:var(--ink-soft);font-size:clamp(13px,1.1vw,16px);line-height:1.62;max-width:620px;}
   .timeline__content h4{
     font-family:var(--font-serif);font-weight:700;color:var(--ink);
     font-size:clamp(15px,1.3vw,19px);margin-bottom:4px;
   }
   
   /* ============================================================
      17. ABOUT PAGE — VISION, MISSION & CORE VALUES
      ============================================================ */
   .vm{
     position:relative;padding-block:var(--section-pad);
     background: url(../assets/bg-gallery.png) center / cover no-repeat, #2a0a0e;
     border-top:6px solid #450503;border-bottom:6px solid #450503;
   }
   .vm__grid{
     margin-top:clamp(30px,4vw,52px);display:grid;grid-template-columns:1fr 1fr;
     gap:clamp(22px,3vw,40px);max-width:1100px;margin-inline:auto;
   }
   .about__panel--flat{margin-top:0;clip-path:none;border-radius:16px;padding-bottom:clamp(28px,3.4vw,40px);border: 1px solid #f7ecd7;}
   .core-values{
     margin:clamp(34px,4vw,50px) auto 0;max-width:900px;display:flex;flex-wrap:wrap;
     justify-content:center;gap:14px;list-style:none;padding:0;
   }
   .core-values li{
     display:inline-flex;align-items:center;gap:9px;padding:10px 24px;
     border-radius:999px;background:url(../assets/gold-btn.png) 0 0 no-repeat;
     font-family:var(--font-serif);font-weight:700;color:var(--maroon-800);
     letter-spacing:.03em;font-size:clamp(13px,1.1vw,16px);background-size: cover;
     width: 148px;
     text-align: center;
     justify-content: center;
   }
   .core-values li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto;}
   
   /* ============================================================
      18. ABOUT PAGE — TEAM
      ============================================================ */
   .team{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover,var(--paper);
     border-top: 6px solid #450503;
   }
   .team__grid{
     margin-top:clamp(34px,4.4vw,54px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
     gap:clamp(20px,2.8vw,40px);max-width:1000px;margin-inline:auto;
   }
   
   /* ============================================================
      19. ABOUT PAGE — WHY CHOOSE US (icon variant of testi-card)
      ============================================================ */
   .testi-card__avatar--icon{background:#7d0d14;display:flex;align-items:center;justify-content:center;padding:14px;}
   .testi-card__avatar--icon img{width:68%;height:68%;object-fit:contain;}
   
   /* ============================================================
      20. ABOUT PAGE — PARTNERS
      ============================================================ */
   .partners{position:relative;padding-block:clamp(40px,5vw,60px);background:var(--paper);border-top: 6px solid #450503;    background: url(../assets/bg-contact.jpg) center / cover no-repeat, #6a2b2c; padding-bottom:0}
   .partners .hero-ticker{margin-top:clamp(26px,3.4vw,40px);}
   .partners::before{
         content: "";
       position: absolute;
       inset: 0;
       z-index: 1;
       background: rgba(60, 12, 16, .22);
   }
   /* ============================================================
      21. ABOUT PAGE — RESPONSIVE
      ============================================================ */
   @media (max-width:1023px){
     .vm__grid{grid-template-columns:1fr;max-width:560px;}
     .team__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;}
   }
   @media (max-width:767px){
     .page-banner{min-height:clamp(220px,54vw,320px);}
     .timeline__item{padding-left:clamp(40px,12vw,54px);}
     .team__grid{grid-template-columns:1fr;max-width:340px;}

     .service-card h3 { margin: 30px 0 20px 0;     font-size: clamp(18px, 1.16vw, 18px);}
   }
   
   /* ============================================================
      22. ABOUT PAGE — WHY CHOOSE RAJWADA EVENTS (jharokha cards)
      ============================================================ */
   .why-us{
     position:relative;
     padding-block:var(--section-pad);
        background: url(../assets/bg-paper.jpg) center / cover, var(--paper);
     overflow:hidden;
   }
   .why-us__flourish{
     position:absolute;width:clamp(140px,16vw,240px);height:auto;
     opacity:.16;pointer-events:none;filter:brightness(0) invert(1);
   }
   .why-us__flourish--tl{top:-30px;left:-40px;transform:rotate(8deg);}
   .why-us__flourish--br{bottom:-30px;right:-40px;transform:rotate(-172deg);}
   
   .why-us__eyebrow{
     display:flex;align-items:center;justify-content:center;gap:14px;
     font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.32em;
     font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--gold-light);
   }
   .why-us__eyebrow::before,.why-us__eyebrow::after{
     content:'';width:clamp(30px,4vw,60px);height:1px;
     background:linear-gradient(90deg,transparent,var(--gold),transparent);
   }
   /* .why-us .ornament{filter:brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(500%) hue-rotate(3deg) brightness(103%);} */
   
   .why-us__grid{
     position:relative;z-index:1;
     margin-top:clamp(56px,7vw,86px);
     display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
     column-gap:clamp(20px,2.6vw,34px);row-gap:clamp(56px,6vw,70px);
   }
   
   .why-card{
     position:relative;text-align:center;
     padding:clamp(50px,5vw,64px) clamp(20px,2.2vw,30px) clamp(28px,3vw,34px);
     background: linear-gradient(135deg, #3F382B 0%, #3d3e30 30%, #460808 100%);
     border:1px solid rgba(216,178,94,.32);
     border-radius: clamp(230px, 6vw, 230px) 20px 20px 20px;
     box-shadow:0 14px 32px rgba(10,2,3,.45);
     transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
   }
   .why-card:hover{
     transform:translateY(-10px);
     border-color:var(--gold-light);
     box-shadow:0 22px 48px rgba(10,2,3,.6);
   }
   .why-card__num{
     position:absolute;top:16px;right:22px;
     font-family:var(--font-serif);font-style:italic;font-weight:700;
     font-size:25px;letter-spacing:.04em;color:rgba(232,207,148,.5);
   }
   .why-card__icon{
     position:absolute;top:-32px;left:50%;transform:translateX(-50%);
     width:80px;height:80px;border-radius:50%;
     display:flex;align-items:center;justify-content:center;
     background:radial-gradient(circle at 32% 28%,#f4e2ad,var(--gold) 55%,var(--gold-dark) 100%);
     box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 0 0 3px rgba(255,255,255,.22);
     transition:transform .4s ease;
   }
   .why-card:hover .why-card__icon{transform:translateX(-50%) rotate(-8deg) scale(1.06);}
   .why-card__icon img{width:42px;height:42px;object-fit:contain;}
   .why-card h3{
     margin-top:8px;font-family:var(--font-serif);font-weight:700;
     font-size:clamp(15.5px,1.5vw,25px);letter-spacing:.02em;text-transform:uppercase;
     color:var(--gold-light);
     width: 70%;
     margin: auto;
   }
   .why-card__rule{width:150px;height:auto;margin:12px auto 0;display:block;}
   .why-card p{
     margin-top:20px;font-size:clamp(12.5px,1.05vw,14.5px);line-height:1.65;
     color:rgba(247,236,215,.78);
   }
   
   @media (max-width:1023px){
     .why-us__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin-inline:auto;}
   }
   @media (max-width:767px){
     .why-us__grid{grid-template-columns:1fr;max-width:380px;row-gap:60px;}
     .why-us__flourish{display:none;}
   }
   
   
   
   
   
   
     /* Slider */
   
     .partners-slider {
       margin: 0 -8px;
     }
   
     .partner {
       padding: 8px;
     }
   
     /* Logo Box */
   
     .partner-box {
       height: 120px;
       display: flex;
       align-items: center;
       justify-content: center;
   
       background: #fff;
       border: 1px solid #e8ebf0;
       border-radius: 10px;
   
       padding: 20px 30px;
   
       transition: all .25s ease;
     }
   
     .partner-box:hover {
       border-color: #d6dbe3;
       box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
     }
   
     .partner-box img {
       max-width: 300px;
       max-height: 115px;
       width: auto;
       height: auto;
       object-fit: contain;
   }
   
     /* Arrows */
   
     .partners-slider .slick-prev,
     .partners-slider .slick-next {
       width: 36px;
       height: 36px;
   
       background: #fff;
       border: 1px solid #e1e5ea;
       border-radius: 50%;
   
       z-index: 5;
   
       box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
     }
   
     .partners-slider .slick-prev {
       left: -45px;
     }
   
     .partners-slider .slick-next {
       right: -45px;
     }
   
     .partners-slider .slick-prev:before,
     .partners-slider .slick-next:before {
       color: #374151;
       font-size: 15px;
     }
   
     /* Dots */
   
     .partners-slider .slick-dots {
       position: relative;
       bottom: auto;
       margin-top: 25px;
     }
   
     .partners-slider .slick-dots li {
       margin: 0 2px;
     }
   
     .partners-slider .slick-dots li button:before {
       font-size: 7px;
       color: #cbd0d8;
       opacity: 1;
     }
   
     .partners-slider .slick-dots li.slick-active button:before {
       color: #3856ba;
     }
   
   
     /* Tablet */
   
     @media (max-width: 1250px) {
   
       .partners-slider {
         padding: 0 35px;
       }
   
       .partners-slider .slick-prev {
         left: 0;
       }
   
       .partners-slider .slick-next {
         right: 0;
       }
     }
   
   
     @media (max-width: 991px) {
   
       .partners-title h2 {
         font-size: 32px;
       }
   
     }
   
   
     /* Mobile */
   
     @media (max-width: 767px) {
   
       .our-partners {
         padding: 55px 15px;
       }
   
       .partners-title {
         margin-bottom: 30px;
       }
   
       .partners-title h2 {
         font-size: 28px;
       }
   
       .partner-box {
         height: 105px;
       }
   
       .partner-box img {
         max-width: 240px;
         max-height: 100px;
       }
   
     }
   
   
     
     
   /* ============================================================
      23. GALLERY PAGE — INTRO STRIP
      ============================================================ */
   .gallery-intro{
     position:relative;padding-block:clamp(40px,5.4vw,64px);
     background:url("../assets/bg-paper.jpg") center/cover,var(--paper);
     border-bottom:6px solid #450503;
     text-align:center;
   }
   .gallery-intro .container{max-width:900px;}
   .gallery-intro p{
     font-size:clamp(15px,1.5vw,19px);line-height:1.7;color:var(--ink-soft);
   }
   .gallery-intro__eyebrow{
     display:inline-flex;align-items:center;gap:14px;margin-bottom:14px;
     font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.3em;
     font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--maroon-700);
   }
   .gallery-intro__eyebrow::before,.gallery-intro__eyebrow::after{
     content:'';width:clamp(24px,3vw,44px);height:1px;
     background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);
   }
   
   /* ============================================================
      24. GALLERY PAGE — PHOTO GALLERY + FILTER
      ============================================================ */
   .photo-gallery{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover,var(--paper);
     overflow:hidden;
   }
   .photo-gallery:before{
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position:absolute;top:-330px;left:50%;width:500px;height:500px;display:block;content:'';
     opacity:.5;z-index:1;transform:translate(-50%,0);
   }
   
   .gallery-filter{
     position:relative;z-index:2;
     display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
     margin-top:clamp(30px,4vw,48px);
   }
   .gallery-filter__btn{
     appearance:none;cursor:pointer;
     padding:10px 24px;border-radius:999px;
     border:1px solid var(--gold-dark);background:rgba(255,255,255,.55);
     font-family:var(--font-serif);font-weight:700;color:var(--maroon-800);
     letter-spacing:.02em;font-size:clamp(12.5px,1.05vw,15px);
     transition:background .25s,color .25s,transform .25s,box-shadow .25s;
   }
   .gallery-filter__btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(58,10,16,.16);}
   .gallery-filter__btn.is-active{
     background:linear-gradient(135deg,var(--maroon-700),var(--maroon-900));
     color:var(--cream);border-color:var(--maroon-900);
     box-shadow:0 10px 22px rgba(58,10,16,.35);
   }
   
   .photo-masonry{
     position:relative;z-index:2;
     margin-top:clamp(32px,4.4vw,54px);
     column-count:4;column-gap:clamp(10px,1.4vw,18px);
   }
   .photo-masonry__item{
     display:block;width:100%;margin:0 0 clamp(10px,1.4vw,18px);
     break-inside:avoid;position:relative;overflow:hidden;cursor:zoom-in;
     border:3px solid var(--cream);background:#1a0508;
     box-shadow:0 8px 22px rgba(0,0,0,.28);
     border-radius:4px;
     transition:opacity .35s ease,transform .35s ease;
     padding: 0px;
   }
   .photo-masonry__item img{width:100%;height:auto;display:block;transition:transform .5s ease;}
   .photo-masonry__item:hover img{transform:scale(1.06);}
   .photo-masonry__item__overlay{
     position:absolute;inset:0;
     background:linear-gradient(180deg,rgba(20,4,8,0) 45%,rgba(20,4,8,.86) 100%);
     display:flex;flex-direction:column;justify-content:flex-end;
     padding:16px;opacity:0;transition:opacity .3s ease;
   }
   .photo-masonry__item:hover .photo-masonry__item__overlay{opacity:1;}
   .photo-masonry__item__cat{
     font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;
     font-size:11px;font-weight:600;color:var(--gold-light);
   }
   .photo-masonry__item__title{
     font-family:var(--font-serif);font-weight:700;color:var(--cream);
     font-size:clamp(14px,1.2vw,17px);margin-top:2px;
   }
   .photo-masonry__item__zoom{
     position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
     background:rgba(20,4,8,.55);border:1px solid rgba(232,207,148,.6);
     display:flex;align-items:center;justify-content:center;opacity:0;
     transition:opacity .3s ease;
   }
   .photo-masonry__item:hover .photo-masonry__item__zoom{opacity:1;}
   .photo-masonry__item__zoom svg{width:16px;height:16px;stroke:var(--gold-light);}
   .photo-masonry__item.is-hidden{display:none;}
   
   .gallery-empty{
     display:none;text-align:center;margin-top:40px;
     font-family:var(--font-serif);font-size:18px;color:var(--maroon-800);
   }
   .gallery-empty.is-visible{display:block;}
   
   /* ============================================================
      25. GALLERY PAGE — VIDEO GALLERY
      ============================================================ */
   .video-gallery{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-gallery.png") center/cover no-repeat,#2a0a0e;
     border-top:6px solid #450503;border-bottom:6px solid var(--cream);
   }
   .video-gallery .container{position:relative;}
   .video-grid{
     margin-top:clamp(30px,4vw,48px);
     display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
     gap:clamp(14px,1.8vw,26px);
   }
   .video-card{
     position:relative;cursor:pointer;overflow:hidden;
     border:3px solid var(--cream);border-radius:6px;
     background:#1a0508;box-shadow:0 10px 26px rgba(0,0,0,.45);
     aspect-ratio:3/4;
   }
   .video-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
   .video-card:hover img{transform:scale(1.08);}
   .video-card__scrim{
     position:absolute;inset:0;
     background:linear-gradient(180deg,rgba(20,4,8,.12) 0%,rgba(20,4,8,.2) 45%,rgba(20,4,8,.92) 100%);
   }
   .video-card__play{
     position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
     width:clamp(50px,5.4vw,68px);height:clamp(50px,5.4vw,68px);border-radius:50%;
     background:radial-gradient(circle at 32% 28%,#f4e2ad,var(--gold) 55%,var(--gold-dark) 100%);
     display:flex;align-items:center;justify-content:center;
     box-shadow:0 8px 20px rgba(0,0,0,.5),inset 0 0 0 3px rgba(255,255,255,.22);
     transition:transform .35s ease;
   }
   .video-card:hover .video-card__play{transform:translate(-50%,-50%) scale(1.1);}
   .video-card__play svg{width:20px;height:20px;fill:#3a0a10;margin-left:3px;}
   .video-card__meta{
     position:absolute;left:14px;right:14px;bottom:14px;color:var(--cream);
   }
   .video-card__tag{
     font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;
     font-size:10.5px;font-weight:600;color:var(--gold-light); display: block;
   }
   .video-card__title{
     font-family:var(--font-serif);font-weight:700;
     font-size:clamp(14px,1.25vw,18px);margin-top:3px;line-height:1.25;
   }
   .video-card__duration{
     position:absolute;top:14px;right:14px;padding:3px 10px;border-radius:999px;
     background:rgba(20,4,8,.6);border:1px solid rgba(232,207,148,.5);
     font-size:11px;font-weight:600;color:var(--gold-light);letter-spacing:.03em;
   }
   
   /* ============================================================
      26. GALLERY PAGE — LIGHTBOX
      ============================================================ */
   .lightbox{
     position:fixed;inset:0;z-index:1000;
     display:flex;align-items:center;justify-content:center;
     padding:clamp(16px,4vw,48px);
     background:rgba(15,3,5,.94);
     opacity:0;pointer-events:none;visibility:hidden;
     transition:opacity .3s ease;
   }
   .lightbox.is-open{opacity:1;pointer-events:auto;visibility:visible;}
   .lightbox__frame{
     position:relative;max-width:min(1000px,92vw);max-height:88vh;
     display:flex;flex-direction:column;align-items:center;
   }
   .lightbox__img{
     max-width:100%;max-height:72vh;width:auto;height:auto;
     border:4px solid var(--cream);box-shadow:0 24px 60px rgba(0,0,0,.6);
     border-radius:4px;background:#1a0508;
   }
   .lightbox__caption{
     margin-top:16px;text-align:center;color:var(--cream);max-width:640px;
   }
   .lightbox__caption .cat{
     font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;
     font-size:11px;font-weight:600;color:var(--gold-light);
   }
   .lightbox__caption .ttl{
     font-family:var(--font-serif);font-weight:700;font-size:clamp(16px,2vw,22px);margin-top:4px;
   }
   .lightbox__caption .note{
     margin-top:6px;font-size:13px;color:rgba(247,236,215,.72);
   }
   .lightbox__close{
     position:absolute;top:-6px;right:-6px;width:42px;height:42px;border-radius:50%;
     background:rgba(20,4,8,.7);border:1px solid rgba(232,207,148,.6);cursor:pointer;
     display:flex;align-items:center;justify-content:center;
     transition:background .25s,transform .25s;
   }
   .lightbox__close:hover{background:var(--maroon-700);transform:rotate(90deg);}
   .lightbox__close svg{width:18px;height:18px;stroke:var(--gold-light);}
   .lightbox__nav{
     position:absolute;top:50%;transform:translateY(-50%);
     width:44px;height:44px;border-radius:50%;
     background:rgba(20,4,8,.55);border:1px solid rgba(232,207,148,.55);cursor:pointer;
     display:flex;align-items:center;justify-content:center;
     transition:background .25s,transform .25s;
   }
   .lightbox__nav:hover{background:var(--maroon-700);}
   .lightbox__nav svg{width:20px;height:20px;stroke:var(--gold-light);}
   .lightbox__nav--prev{left:clamp(-8px,-2vw,10px);}
   .lightbox__nav--next{right:clamp(-8px,-2vw,10px);}
   .lightbox__play-badge{
     position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
     width:76px;height:76px;border-radius:50%;
     background:radial-gradient(circle at 32% 28%,#f4e2ad,var(--gold) 55%,var(--gold-dark) 100%);
     display:flex;align-items:center;justify-content:center;
     box-shadow:0 10px 26px rgba(0,0,0,.5),inset 0 0 0 3px rgba(255,255,255,.22);
   }
   .lightbox__play-badge svg{width:24px;height:24px;fill:#3a0a10;margin-left:3px;}
   .lightbox__play-badge[hidden]{display:none;}
   
   /* ============================================================
      27. GALLERY PAGE — CTA STRIP
      ============================================================ */
   .gallery-cta{
     position:relative;text-align:center;padding-top:clamp(30px,4vw,46px);
   }
   .gallery-cta p{
     font-family:var(--font-serif);font-weight:600;color:var(--maroon-800);
     font-size:clamp(16px,1.7vw,22px);margin-bottom:18px;
   }
   
   /* ============================================================
      28. GALLERY PAGE — RESPONSIVE
      ============================================================ */
   @media (max-width:1023px){
     .photo-masonry{column-count:3;}
     .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
   }
   @media (max-width:767px){
     .photo-masonry{column-count:2;}
     .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
     .gallery-filter{gap:8px;}
     .gallery-filter__btn{padding:8px 16px;font-size:12px;}
     .lightbox__nav{width:36px;height:36px;}
     .lightbox__nav--prev{left:-2px;}
     .lightbox__nav--next{right:-2px;}
   }
   @media (max-width:480px){
     .photo-masonry{column-count:1;}
     .video-grid{grid-template-columns:1fr;}
   }
   
   /* ============================================================
      29. SERVICES PAGE — EXTRAS
      ============================================================ */

      .blogs.service-overview { background-size: contain;}


   .service-card__icon{display:flex;align-items:center;justify-content:center;}
   .service-card__icon svg{width:44%;height:44%;fill:none;stroke:var(--gold-light);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
   
   .services-intro{padding-block:clamp(30px,4.4vw,54px);text-align:center;background:var(--cream);}
   .services-intro .container{max-width:820px;}
   .services-intro p{color:var(--maroon-800);font-size:clamp(14px,1.1vw,17px);line-height:1.9;}
   .services-intro p+p{margin-top:12px;}
   
   .service-overview .blogs__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
   .service-overview .blog-card .venue{color:#f3e6c8;font-weight:400;}
   
   .cta-band{
     position:relative;padding-block:clamp(50px,7vw,90px);text-align:center;color:var(--cream);
     background: url(../assets/red-texture-bg.png) center / cover no-repeat, #2a0a0e;
   }
   .cta-band h2{font-family:var(--font-serif);font-weight:700;font-size:clamp(26px,3.6vw,44px);}
   .cta-band .ornament{margin-inline:auto;margin-top:10px;width:clamp(140px,18vw,220px);}
   .cta-band p{max-width:640px;margin:14px auto 0;font-size:clamp(13px,1.1vw,16px);color:#efe2c6;line-height:1.8;}
   .cta-band .cta-actions{margin-top:clamp(24px,3vw,36px);display:flex;gap:40px;justify-content:center;flex-wrap:wrap;}
   .page-intro {
       max-width: 1000px;
       margin: 10px auto;
   }
   @media (max-width:1023px){
     .service-overview .blogs__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
   }
   @media (max-width:600px){
     .service-overview .blogs__grid{grid-template-columns:1fr;max-width:400px;margin-inline:auto;}
   }
   
   
   /* ============================================================
      30. SUCCESS STORY PAGE — EXTRAS
      ============================================================ */
   .pill-link{
     display:inline-flex;align-items:center;gap:8px;
     padding:8px 22px;background:url("../assets/gold-btn.png") center/cover no-repeat;
     color:#2b1409;border-radius:6px;font-size:clamp(11px,1vw,14px);font-weight:600;
     transition:transform .25s;
   }
   .pill-link:hover,.pill-link:focus-visible{transform:translateX(3px);}
   
/* ---- Success Story Listing ---- */

#story-listing { position: relative;
  padding-block: var(--section-pad);
  background: url(../assets/bg-paper.jpg) center / cover, var(--paper);
  border-top: 6px solid #450503;}

.story-grid{
  margin-top:clamp(32px,4.4vw,58px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.4vw,38px);
}

.story-card{
  position:relative;
  overflow:hidden;
  color:var(--cream);
  padding:clamp(16px,1.9vw,26px) clamp(16px,1.9vw,24px) clamp(20px,2.4vw,30px);
  box-shadow:0 14px 34px rgba(60,20,20,.32);
  transition:transform .3s,box-shadow .3s;
  border-radius:200px 200px 0 0;
  background:linear-gradient(
    60deg,
    #ff8170 0%,
    #ed5d55 20%,
    #a20b35 35%,
    #3d0025 60%,
    #16002d 100%
  );
}

.story-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 44px rgba(60,20,20,.42);
}

.story-card__media{
  position:relative;
  margin:0;
  overflow:hidden;
  aspect-ratio:243/246;
  border:3px solid var(--gold-light);
  border-radius:180px 180px 0 0;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}

.story-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}

.story-card:hover .story-card__media img{
  transform:scale(1.07);
}

/* Location */
.story-card__location{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 14px;
  border-radius:999px;
  background:rgba(20,4,8,.7);
  border:1px solid rgba(232,207,148,.6);
  color:var(--gold-light);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.story-card__location svg{
  width:12px;
  height:12px;
  stroke:var(--gold-light);
  fill:none;
  stroke-width:2;
}

/* Remove old dark overlay */
.story-card__media::after{
  display:none;
}

/* Card Content */
.story-card__body{
  padding:0;
  padding-top:clamp(14px,1.7vw,20px);
  flex:1;
  display:flex;
  flex-direction:column;
  background:none;
}

.story-card__body h3{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  line-height:1.32;
  font-size:clamp(16px,1.24vw,17px);
  color:#fff1de;
}

.story-card__body p{
  margin-top:8px;
  font-size:clamp(11px,1.02vw,14px);
  line-height:1.6;
  color:#fff;
  flex:1;
}

/* Button / Link */
.story-card__body .pill-link{
  margin-top:clamp(14px,1.8vw,22px);
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  padding:7px 20px;
  background:url("../assets/gold-btn.png") 0 0 no-repeat;
  background-size:cover;
  color:#2b1409;
  border-radius:6px;
  font-size:clamp(11px,1vw,14px);
  font-weight:600;
  transition:background .25s,transform .25s;
}

.story-card__body .pill-link:hover{
  transform:translateY(-2px);
}

/* Compact */
.story-grid--compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
}


/* ---- Responsive ---- */

@media (max-width:991px){
  .story-grid,
  .story-grid--compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:575px){
  .story-grid,
  .story-grid--compact{
    grid-template-columns:1fr;
    gap:24px;
  }

  .story-card{
    border-radius:150px 150px 0 0;
  }

  .story-card__media{
    border-radius:140px 140px 0 0;
  }
}
   
   /* ---- Event Journey ---- */
   .journey{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover,var(--paper);
     border-top:6px solid #450503;
   }
   .journey-steps{
     position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
     gap:clamp(28px,3vw,34px);margin-top:clamp(40px,5vw,60px);
   }
   .journey-steps::before{
     content:'';position:absolute;top:34px;left:9%;right:9%;height:2px;z-index:0;
     background:linear-gradient(90deg,transparent,var(--gold-dark) 15%,var(--gold-dark) 85%,transparent);
   }
   .journey-step{position:relative;z-index:1;text-align:center;}
   .journey-step__icon{
     position:relative;width:68px;height:68px;margin:0 auto;border-radius:50%;
     background:linear-gradient(135deg,var(--maroon-700),var(--maroon-900));
     border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;
     box-shadow:0 10px 22px rgba(58,10,16,.35);
   }
   .journey-step__icon img{width:52%;height:52%;object-fit:contain;}
   .journey-step__icon svg{width:46%;height:46%;fill:none;stroke:var(--gold-light);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
   .journey-step__num{
     position:absolute;top:-6px;right:calc(50% - 42px);width:24px;height:24px;border-radius:50%;
     background:var(--gold);color:#3a0a10;font-size:11.5px;font-weight:700;
     display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);
     font-family:var(--font-sans);
   }
   .journey-step h3{margin-top:16px;font-family:var(--font-serif);font-weight:700;font-size:clamp(14px,1.2vw,17px);color:var(--maroon-800);}
   .journey-step p{margin-top:8px;font-size:clamp(12px,1vw,13.5px);line-height:1.7;color:#6b4a3a;}
   
   /* ---- Featured Destinations ---- */
   .destinations{
     position:relative;padding-block:var(--section-pad);
    background: url(../assets/bg-paper.jpg) center / cover, var(--paper);
   }
   .destination-grid{
     display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
     gap:clamp(14px,1.8vw,22px);margin-top:clamp(30px,4vw,48px);
   }
   .destination-card{
     position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;
     box-shadow:0 10px 26px rgba(0,0,0,.35);
   }
   .destination-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
   .destination-card:hover img{transform:scale(1.08);}
   .destination-card::after{
     content:'';position:absolute;inset:0;
     background: linear-gradient(180deg, rgba(20, 4, 8, 0) 42%, rgb(51 8 13) 100%);
   }
   .destination-card__meta{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:var(--cream);}
   .destination-card__meta h3{font-family:var(--font-serif);font-weight:700;font-size:clamp(13px,1.2vw,17px);}
   .destination-card__meta span{display:block;margin-top:2px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-light);}
   
   /* ---- responsive ---- */
   @media (max-width:1023px){
     .story-grid,.story-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));}
     .journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px;}
     .journey-steps::before{display:none;}
     .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
   }
   @media (max-width:600px){
     .story-grid,.story-grid--compact{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}
     .journey-steps{grid-template-columns:1fr;max-width:320px;margin-inline:auto;}
     .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
   }
   
   /* ============================================================
      29. TESTIMONIALS PAGE — FEATURED REVIEWS
      ============================================================ */
   .featured-reviews{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover, var(--paper);
   }
   .featured-grid{
     margin-top:clamp(30px,4vw,52px);
     display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
     gap:clamp(18px,2.2vw,32px);
   }
   .featured-card{
     position:relative;overflow:hidden;border-radius:18px;
     aspect-ratio:3/4;box-shadow:0 14px 34px rgba(50,20,14,.35);
     border:3px solid var(--cream);
   }
   .featured-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
   .featured-card:hover img{transform:scale(1.07);}
   .featured-card__scrim{
     position:absolute;inset:0;
     background:linear-gradient(180deg,rgba(20,4,8,.05) 0%,rgba(20,4,8,.25) 40%,rgba(20,4,8,.94) 100%);
   }
   .featured-card__quote{
     position:absolute;top:18px;left:18px;width:34px;height:auto;fill:var(--gold-light);opacity:.9;
   }
   .featured-card__content{
     position:absolute;left:18px;right:18px;bottom:18px;color:var(--cream);
   }
   .featured-card__stars{display:flex;gap:3px;margin-bottom:8px;}
   .featured-card__stars svg{width:14px;height:14px;fill:var(--gold);}
   .featured-card__content p{
     font-size:clamp(12px,1.05vw,15px);line-height:1.55;font-weight:400;
   }
   .featured-card__name{
     margin-top:12px;font-family:var(--font-serif);font-weight:700;
     font-size:clamp(14px,1.3vw,18px);color:var(--gold-light);
   }
   .featured-card__event{
     display:block;margin-top:2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
     color:#d8c6a8;font-weight:500;
   }
   
   /* ============================================================
      30. TESTIMONIALS PAGE — RATINGS & RECOGNITION
      ============================================================ */
   .ratings{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover, var(--paper);
     border-top:6px solid #450503;border-bottom:6px solid #450503;
   }
   .ratings-grid{
     margin-top:clamp(30px,4vw,52px);
     display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
     gap:clamp(16px,2vw,28px);
   }
   .rating-card{
     text-align:center;padding:clamp(28px,3vw,40px) clamp(14px,1.6vw,20px);
     background:var(--cream);border-radius:16px;
     box-shadow:0 10px 26px rgba(50,20,14,.18);
     border: 2px solid #5a0f16;
     transition:transform .3s,box-shadow .3s;
   }
   .rating-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(50,20,14,.26);}
   .rating-card__icon{
     width:clamp(60px,6.4vw,78px);height:clamp(60px,6.4vw,78px);margin:0 auto;
     border-radius:50%;background:var(--cream);border:2px solid var(--gold);
     display:flex;align-items:center;justify-content:center;
     padding:15px;box-shadow:0 6px 16px rgba(50,20,14,.22);
     background: linear-gradient(135deg, var(--maroon-700), var(--maroon-900));
   }
   .rating-card__icon img{
      filter: brightness(0) saturate(100%)
               invert(84%) sepia(18%)
               saturate(520%) hue-rotate(359deg)
               brightness(93%) contrast(88%);
   }
   .rating-card__icon img{width:100%;height:100%;object-fit:contain;}
   .rating-card__number{
     margin-top:16px;font-family:var(--font-serif);font-weight:800;color:var(--maroon-800);
     font-size:clamp(24px,2.6vw,36px);
   }
   .rating-card__label{
     margin-top:6px;font-size:clamp(12px,1vw,14px);color:var(--ink-soft);font-weight:500;
     line-height:1.4;
   }
   
   /* ============================================================
      31. TESTIMONIALS PAGE — RESPONSIVE
      ============================================================ */
   @media (max-width:1023px){
     .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
     .ratings-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
   }
   @media (max-width:600px){
     .featured-grid{grid-template-columns:1fr;}
     .ratings-grid{grid-template-columns:1fr;}
   }
   
   
   
   /* ============================================================
      23. BLOGS — LISTING PAGE
      ============================================================ */
   .blog-page{
     position:relative;padding-block:var(--section-pad);
     background:url("../assets/bg-paper.jpg") center/cover, var(--paper);
     overflow:hidden;
     background-size: contain;
   }
   .blog-page:before{
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position:absolute;top:-330px;left:50%;width:500px;height:500px;display:block;content:'';
     opacity:.5;z-index:1;transform:translate(-50%,0);
   }
   .blog-page:after{
     background:url(../assets/section-graphic.png) 0 0 no-repeat;
     position:absolute;top:auto;bottom:-260px;right:-260px;width:500px;height:500px;display:block;content:'';
     opacity:.5;z-index:1;
   }
   
   /* ---- featured post (large highlight card) ---- */
   .featured-post{
     position:relative;display:grid;grid-template-columns:1.05fr 1fr;
     background:linear-gradient(135deg, #3F382B 0%, #3d3e30 30%, #460808 100%);
     border-radius:20px;overflow:hidden;box-shadow:0 5px 30px rgba(0,0,0,0.6);
     margin-bottom:clamp(34px,4.4vw,80px);
   }
   .featured-post__media{position:relative;min-height:280px;}
   .featured-post__media img{width:100%;height:100%;object-fit:cover;}
   .featured-post__badge{
     position:absolute;top:18px;left:18px;padding:7px 18px;border-radius:999px;
     background:var(--gold);color:var(--maroon-900);font-family:var(--font-sans);
     font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
   }
   .featured-post__body{padding:clamp(24px,3vw,44px);color:var(--cream);display:flex;flex-direction:column;justify-content:center;}
   .featured-post__body h2{
     font-family:var(--font-serif);font-weight:700;line-height:1.22;
     font-size:clamp(21px,2.4vw,32px);color:#fff1de;
   }
   .featured-post__body p{margin-top:14px;font-size:clamp(13px,1.05vw,15px);line-height:1.7;color:#e9dcc9;}
   .featured-post .post-meta{margin-top:16px;}
   .featured-post .btn-frame{margin-top:35px;align-self:flex-start;}
   
   /* ---- main layout: article list + sidebar ---- */
   .blog-layout{display:grid;grid-template-columns:2.8fr 1fr;gap:clamp(24px,3vw,46px);align-items:start;}
   .blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,30px);}
   .blog-list .blog-card{margin:0;}
   
   /* small meta row shared by cards & detail header */
   .post-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.02em; margin-bottom:15px;}
   .post-meta span{display:inline-flex;align-items:center;gap:6px;}
   .post-meta svg{width:13px;height:13px;flex:0 0 auto;}
   .post-meta .cat-pill{
     padding:3px 12px;border-radius:999px;background:rgba(216,178,94,.22);
     color:var(--gold-light);text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;
   }
   .blog-card .post-meta{margin-top:10px;color:#f0dfc6;}
   .blog-card .post-meta .cat-pill{background:rgba(255,255,255,.16);}
   
   /* pagination */
   .pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:clamp(30px,4vw,46px);}
   .pagination a{
     display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
     border-radius:50%;border:1px solid var(--gold-dark);color:var(--maroon-800);
     font-family:var(--font-sans);font-weight:700;font-size:14px;transition:background .2s,color .2s;
   }
   .pagination a:hover,.pagination a.is-active{background:var(--maroon-800);color:var(--cream);border-color:var(--maroon-800);}
   .pagination a.next{width:auto;padding:0 18px;border-radius:20px;gap:6px;font-family:var(--font-sans);font-size:14px;letter-spacing:.06em;text-transform:uppercase;}
   
   /* ---- sidebar widgets ---- */
   .widget{
     background:var(--cream-2);border:1px solid rgba(163,128,58,.45);border-radius:16px;
     padding:clamp(20px,2.4vw,28px) clamp(18px,2.2vw,24px) clamp(24px,2.8vw,30px);
     box-shadow:0 10px 26px rgba(60,35,15,.12);
   }
   .widget + .widget{margin-top:clamp(20px,2.4vw,26px);}
   .widget__title{
     font-family:var(--font-serif);font-weight:700;color:var(--maroon-800);
     font-size:clamp(16px,1.6vw,19px);text-transform:uppercase;letter-spacing:.02em;
     padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--gold);
   }
   
   .search-widget form{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--gold-dark);}
   .search-widget input{
     flex:1;min-width:0;padding:12px 14px;border:0;background:#fff;color:var(--ink);
     font-size:13px;font-weight:500;
   }
   .search-widget input::placeholder{color:#9a8a70;}
   .search-widget button{
     flex:0 0 auto;width:46px;display:flex;align-items:center;justify-content:center;
     background:var(--maroon-800);border:0;cursor:pointer;transition:background .2s;
   }
   .search-widget button:hover{background:var(--maroon-600);}
   .search-widget button svg{width:18px;height:18px;fill:none;stroke:var(--cream);stroke-width:2;}
   
   .cat-list li{border-bottom:1px dashed rgba(163,128,58,.4);}
   .cat-list li:last-child{border-bottom:0;}
   .cat-list a{
     display:flex;justify-content:space-between;align-items:center;gap:10px;
     padding:11px 2px;color:var(--ink-soft);font-size:14px;font-weight:500;transition:color .2s,padding-left .2s;
   }
   .cat-list a:hover{color:var(--maroon-700);padding-left:6px;}
   .cat-list a .count{
     flex:0 0 auto;min-width:26px;text-align:center;padding:1px 8px;border-radius:999px;
     background:rgba(163,21,32,.12);color:var(--maroon-700);font-size:11.5px;font-weight:700;
   }
   
   .recent-post{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed rgba(163,128,58,.4);}
   .recent-post:first-child{padding-top:0;}
   .recent-post:last-child{border-bottom:0;padding-bottom:0;}
   .recent-post__thumb{flex:0 0 auto;width:64px;height:64px;border-radius:8px;overflow:hidden;}
   .recent-post__thumb img{width:100%;height:100%;object-fit:cover;}
   .recent-post__body h4{
     font-family:var(--font-serif);font-weight:700;color:var(--ink);
     font-size:13.5px;line-height:1.34;
   }
   .recent-post__body h4 a:hover{color:var(--maroon-700);}
   .recent-post__body .date{
     margin-top:5px;display:flex;align-items:center;gap:5px;font-size:11px;color:#8a7a5e;font-weight:600;
   }
   .recent-post__body .date svg{width:11px;height:11px;fill:none;stroke:#8a7a5e;stroke-width:1.8;}
   
   .tag-list{display:flex;flex-wrap:wrap;gap:9px;}
   .tag-list a{
     display:inline-block;padding:6px 15px;border-radius:999px;border:1px solid rgba(163,128,58,.5);
     color:var(--ink-soft);font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s;
   }
   .tag-list a:hover{background:var(--maroon-800);color:var(--cream);border-color:var(--maroon-800);}
   
   .widget-cta{text-align:center;color:var(--cream);
    /* background:url("../assets/texture-maroon.jpg") center/cover; */
    border-color:transparent;}

   .widget-cta .widget__title{color:var(--cream);border-bottom-color:var(--gold);}
   .widget-cta p{font-size:13px;line-height:1.6;color:#f0dfc6;margin-bottom:16px;}


   .blog-list-page .widget-cta {
    background:url("../assets/texture-maroon.jpg") center/cover;
  }
   
   /* ============================================================
      24. BLOG DETAIL PAGE
      ============================================================ */
   .post-header{padding-block:clamp(30px,4vw,42px) 0;}
   .post-header .post-meta{justify-content:center;color:var(--cream);margin-top:16px;}
   .post-header .post-meta .cat-pill{background:rgba(216,178,94,.25);color:var(--gold-light);}
   
   .post-cover{margin-top:-1px;}
   .post-cover img{width:100%;max-height:520px;object-fit:cover;display:block;}
   
   .post-body{
     background:var(--cream-2);border:1px solid rgba(163,128,58,.45);border-radius:18px;
     padding:clamp(26px,3.4vw,50px);box-shadow:0 14px 34px rgba(60,35,15,.14);
     color:#000;font-size:clamp(14px,1.05vw,16px);line-height:1.85;
   }
   .post-body h2,.post-body h3{
     font-family:var(--font-serif);font-weight:700;color:var(--maroon-800);
     margin-top:1.6em;margin-bottom:.5em;letter-spacing:.01em;
   }
   .post-body h2{font-size:clamp(21px,2vw,28px);}
   .post-body h3{font-size:clamp(17px,1.5vw,21px);}
   .post-body p{margin-top:1.1em;}
   .post-body p:first-of-type{margin-top:0;}
   .post-body ul{margin:1.1em 0 0;padding-left:1.3em;list-style:disc;}
   .post-body li{margin-top:.5em;}
   .post-body figure{margin:1.8em 0;}
   .post-body figure img{width:100%;border-radius:14px;box-shadow:0 12px 28px rgba(60,35,15,.24);}
   .post-body figcaption{margin-top:8px;text-align:center;font-size:12.5px;color:#8a7a5e;font-style:italic;}
   .post-body blockquote{
     margin:1.8em 0;padding:20px 26px;border-left:4px solid var(--gold);
     background:rgba(163,32,45,.06);border-radius:4px;
     font-family:var(--font-serif);font-style:italic;font-size:clamp(15px,1.3vw,19px);
     color:var(--maroon-800);line-height:1.6;
   }
   
   .post-tags{margin-top:clamp(22px,2.8vw,30px);display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
   .post-tags .label{font-weight:700;color:var(--ink);font-size:13px;}
   
   .share-row{
     margin-top:clamp(20px,2.6vw,26px);padding-top:clamp(18px,2.2vw,22px);
     border-top:1px solid rgba(163,128,58,.35);
     display:flex;flex-wrap:wrap;align-items:center;gap:12px;
   }
   .share-row .label{font-weight:700;color:var(--ink);font-size:13px;margin-right:4px;}
   .share-icon{
     display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;
     border-radius:50%;border:1px solid var(--gold-dark);color:var(--maroon-800);
     transition:background .2s,color .2s,transform .2s;
   }
   .share-icon svg{width:30px;height:30px;fill:#fff; stroke: ;}
   .share-icon:hover{transform:translateY(-2px);}
   
   .author-box{
     margin-top:clamp(24px,3vw,34px);display:flex;gap:16px;align-items:center;
     padding:clamp(18px,2.2vw,24px);background:rgba(163,32,45,.06);border-radius:14px;
   }
   .author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);}
   .author-box h4{font-family:var(--font-serif);font-weight:700;color:var(--maroon-800);font-size:15px;}
   .author-box p{margin-top:4px;font-size:12.5px;color:#8a7a5e;}
   
   
   #related {    position: relative;
     padding-block: var(--section-pad);
     background: url(../assets/bg-services.svg) center / cover no-repeat, #e7ddc6;
     border-top: 6px solid #450503;
   }
   
   #related:before, #related:after { display: none;}
   
   /* ============================================================
      25. BLOGS — RESPONSIVE
      ============================================================ */
   @media (max-width:1023px){
     .blog-layout{grid-template-columns:1fr;}
     .featured-post{grid-template-columns:1fr;}
     .featured-post__media{min-height:220px;}
   }
   @media (max-width:767px){
     .blog-list{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}
     .post-body{padding:22px;}
   }
   




   
/* ============================================================
   26. CONTACT PAGE
   ============================================================ */
.page-intro{
  max-width:640px;margin:14px auto 0;color:#f0dfc6;
  font-size:clamp(13px,1.1vw,16px);line-height:1.7;
}

/* ---- Get In Touch: info strip + form, on the same full-bleed bg ---- */




.contact--page .container{flex-direction:column;align-items:center;display:flex;}
.contact-intro{text-align:center;color:var(--cream);max-width:680px;margin-inline:auto;}
.contact-intro .ornament{margin:10px auto 0;}
.contact-intro p{margin-top:14px;font-size:clamp(13px,1.1vw,16px);line-height:1.7;color:#f0dfc6;}

.contact-strip{
  margin:clamp(30px,4vw,44px) auto 0;display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(18px,2.6vw,42px);max-width:960px;
}
.contact-strip__item{display:flex;align-items:center;gap:12px;color:var(--cream);}
.contact-strip__icon{
  flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--gold-dark);display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
}
.contact-strip__icon svg{width:19px;height:19px;fill:none;stroke:var(--gold-light);stroke-width:1.7;}
.contact-strip__item h4{font-family:var(--font-serif);font-weight:700;font-size:13px;color:var(--gold-light);text-transform:uppercase;letter-spacing:.04em;}
.contact-strip__item p,.contact-strip__item a{margin-top:2px;font-size:13.5px;font-weight:500;color:#f0dfc6;}
.contact-strip__item a:hover{color:var(--gold-light);}

/* ---- Map ---- */
/* .map-section{position:relative;padding-block:var(--section-pad);background:url("../assets/bg-paper.jpg") center/cover, var(--paper);} */


/* .map-frame{
  margin-top:clamp(28px,3.6vw,44px);border-radius:18px;overflow:hidden;
  border:6px solid #fff;box-shadow:0 18px 40px rgba(60,35,15,.22);
} */
.map-frame iframe{display:block;width:100%;height:clamp(320px,42vw,440px);border:0;}

/* ---- CTA band (with social) ---- */
.cta-band{
  position:relative;isolation:isolate;text-align:center;padding-block:clamp(50px,6vw,80px);
  background:url("../assets/texture-maroon.jpg") center/cover, var(--maroon-900);
  border-top:6px solid #450503;
}
.cta-band h2{font-family:var(--font-serif);font-weight:700;color:var(--cream);font-size:clamp(24px,3vw,38px);}
.cta-band .ornament{margin:10px auto 0;}
.cta-band p{max-width:600px;margin:16px auto 0;color:#f0dfc6;font-size:clamp(13px,1.1vw,16px);line-height:1.7;}
.cta-actions{margin-top:clamp(22px,2.8vw,30px);display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}

.cta-social{margin-top:clamp(30px,3.6vw,40px);display:flex;justify-content:center;gap:14px;}
.share-icon--light{border-color:var(--gold-light);color:var(--gold-light);}
.share-icon--light:hover{background:var(--gold);color:var(--maroon-900);}

.side-contact-details { position: relative;
  color: var(--cream);
  text-align: center;
  padding: clamp(24px, 2.8vw, 38px) clamp(18px, 2.2vw, 32px) clamp(64px, 8vw, 64px);
  background: url(../assets/texture-maroon.jpg) center / cover;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 62px), 50% 100%, 0 calc(100% - 62px));
  box-shadow: 0 16px 44px rgba(0, 0, 0, .32);
  margin-top: -87px; padding-bottom: 200px;}



@media (max-width:767px){
  .contact-strip{flex-direction:column;align-items:flex-start;gap:16px;max-width:320px;}
}

/* ============================================================
   26. CONTACT PAGE (consolidated redesign)
   ============================================================ */

/* ---- trust strip (condensed "why connect" reasons) ---- */
.trust-strip {background:var(--maroon-800);padding:16px 0;border-bottom:3px solid var(--gold);
  background: url(../assets/texture-maroon.png) 50% 50% repeat;
  border: 1px solid rgba(216, 178, 94, .28);
  padding-block: clamp(14px, 1.6vw, 28px);
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  z-index: 99;
  position: relative;}
.trust-strip ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:clamp(16px,4vw,54px);
}
.trust-strip li{
  display:flex;align-items:center;gap:10px;color:var(--cream);
  font-family:var(--font-sans);font-weight:600;font-size:clamp(11.5px,1vw,16px);letter-spacing:.02em;
}
.trust-strip svg{width:24px;height:24px;flex:0 0 auto;stroke:var(--gold-light);fill:none;stroke-width:1.8;}

/* ---- get in touch: form + sidebar ---- */
.contact-page {position: relative;
  padding: 30px 0 80px 0;
  background: url(../assets/bg-paper.jpg) center / cover, var(--paper);
  overflow: hidden;}


/* .contact-page::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(60,12,16,.22);} */
/* .contact-page .services__head{position:relative;z-index:1;} */

.contact-layout{
  position:relative;z-index:1;margin-top:clamp(30px,4vw,50px);
  display:grid;grid-template-columns:1.15fr .85fr; gap:140px;align-items:start;
}
.contact-layout .contact-card{margin:0;width:100%;}

.contact-layout .widget{ background:none; margin:0 0 30px 0; padding: 0px; border: none;}
.contact-layout .widget + .widget{margin-top:clamp(20px,2.4vw,26px);}

.contact-layout .widget__title { color: var(--cream); font-size: 20px; text-align: left;  }

.quick-connect { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;  padding: 20px 0;}
.quick-connect .btn-frame {  width: 100%;}
.quick-connect .btn-frame:nth-child(3) { grid-column: 1 / -1; margin-top: 20px;}
.quick-connect .btn-frame span { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;}
.quick-connect svg {  width: 16px; height: 16px; flex: 0 0 16px;}



.social-widget-row{display:flex;flex-wrap:wrap;gap:12px;}

/* ---- find us: map + CTA merged ---- */
/* .map-section .cta-inline{
  margin-top:clamp(34px,4.4vw,54px);text-align:center;
  padding-top:clamp(28px,3.6vw,40px);border-top:1px solid rgba(163,128,58,.35);
}
.map-section .cta-inline h3{
  font-family:var(--font-serif);font-weight:700;color:var(--maroon-800);
  font-size:clamp(19px,2vw,26px);
}
.map-section .cta-inline p{margin-top:8px;color:var(--ink-soft);font-size:clamp(13px,1.05vw,15px);}
.map-section .cta-inline .cta-actions{
  margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;
} */

/* ============================================================
   27. CONTACT PAGE — RESPONSIVE
   ============================================================ */
@media (max-width:1023px){
  .contact-layout{grid-template-columns:1fr;max-width:600px;margin-inline:auto;}
}
@media (max-width:767px){
  .trust-strip ul{gap:14px 26px;}
  .quick-connect .btn-frame{padding:10px 16px;}
}