:root{
    --plum-900:#332847;
    --plum-800:#3a2e51;
    --plum-700:#453a63;
    --plum-600:#4c4070;
    --gold:#c8a24a;
    --gold-soft:#dcbf7e;
    --ivory:#f4efe6;
    --muted:#bcb1cf;
    --shadow:0 30px 60px -24px rgba(0,0,0,.55);
    --header-h:64px;
  }

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  html,body{overflow-x:hidden}
  body{
    color:var(--ivory);
    font-family:'Jost',sans-serif;
    -webkit-font-smoothing:antialiased;
    background-color:var(--plum-800);
    background-image:
      radial-gradient(1100px 520px at 88% -12%, rgba(200,162,74,.10), transparent 60%),
      linear-gradient(180deg, rgba(67,55,96,.87) 0%, rgba(58,46,81,.90) 50%, rgba(52,42,73,.94) 100%),
      url('https://image.qwenlm.ai/public_source/db43a57e-db6e-4fd6-bbf9-002ba794189a/185bb637a-3cf4-4988-bf6c-1bfaa0b71fce.png');
    background-size:auto, auto, cover;
    background-position:center top, center, center top;
    background-repeat:no-repeat;
  }
  @media (min-width:900px){
    body{background-attachment:scroll, scroll, fixed}
  }
  img{display:block;max-width:100%}
  a{color:var(--gold-soft)}
  :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
  section{scroll-margin-top:calc(var(--header-h) + 16px)}

  /* ============ SCROLL-IN REVEALS ============ */
  [data-reveal]{opacity:0;transition:opacity .95s ease,transform .95s cubic-bezier(.22,.61,.36,1)}
  [data-reveal].in-view{opacity:1;transform:none}
  [data-reveal="up"]{transform:translateY(36px)}
  [data-reveal="left"]{transform:translateX(-72px)}
  [data-reveal="right"]{transform:translateX(72px)}
  @media (prefers-reduced-motion:reduce){
    [data-reveal]{opacity:1;transform:none;transition:none}
    html{scroll-behavior:auto}
  }

  .page-wrap{position:relative;overflow:clip}

  /* soft leaf shadows */
  .leaf-sil{position:absolute;color:#2a2040;filter:blur(28px);opacity:.5;pointer-events:none}
  .sil-1{width:clamp(220px,42vw,560px);top:-40px;left:-60px;transform:rotate(-14deg)}
  .sil-2{width:clamp(200px,36vw,480px);top:38%;right:-70px;transform:rotate(160deg)}
  .sil-3{width:clamp(200px,34vw,460px);bottom:4%;left:-80px;transform:rotate(24deg)}

  /* ============ STICKY TOP HEADER ============ */
  .site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(43,32,64,.88);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(200,162,74,.3);
  }
  .header-inner{
    max-width:1200px;margin:0 auto;
    min-height:var(--header-h);
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:10px clamp(16px,4vw,24px);
  }
  .header-brand{
    display:flex;align-items:center;gap:10px;
    color:var(--gold);text-decoration:none;
    font-family:'Cormorant Garamond',serif;font-weight:500;
    font-size:clamp(1rem,2.6vw,1.15rem);letter-spacing:.05em;white-space:nowrap;
  }
  .header-brand .blossom-icon{width:24px;flex:none}

  .main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
  .main-nav a{
    color:var(--ivory);text-decoration:none;
    font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
    transition:color .3s ease;white-space:nowrap;
  }
  .main-nav a:hover{color:var(--gold-soft)}
  .main-nav a.is-active:not(.nav-book){color:var(--gold-soft);position:relative}
  .main-nav a.is-active:not(.nav-book)::after{content:"";display:block;width:24px;height:2px;margin:6px auto 0;border-radius:999px;background:var(--gold)}
  .main-nav .nav-book{
    padding:9px 18px;border-radius:999px;
    background:var(--gold);color:var(--plum-900);
  }
  .main-nav .nav-book:hover{background:var(--gold-soft);color:var(--plum-900)}

  .nav-toggle{
    display:none;width:42px;height:42px;border-radius:50%;
    border:1px solid rgba(200,162,74,.5);background:transparent;color:var(--gold);
    place-items:center;cursor:pointer;flex:none;
  }
  .nav-toggle svg{width:20px;height:20px}
  .nav-toggle .icon-close{display:none}
  .site-header.menu-open .nav-toggle .icon-open{display:none}
  .site-header.menu-open .nav-toggle .icon-close{display:block}

  @media (max-width:940px){
    .nav-toggle{display:grid}
    .main-nav{
      position:absolute;
      top:calc(100% + 8px);
      left:10px;right:10px;
      flex-direction:column;align-items:stretch;gap:2px;
      padding:14px;border-radius:20px;
      background:rgba(43,32,64,.96);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border:1px solid rgba(200,162,74,.32);
      box-shadow:0 24px 48px -16px rgba(0,0,0,.5);
      max-height:calc(100svh - var(--header-h) - 20px);
      overflow:auto;
      opacity:0;visibility:hidden;
      transform:translateY(-8px);
      transition:opacity .3s ease,transform .3s ease,visibility .3s;
    }
    .site-header.menu-open .main-nav{opacity:1;visibility:visible;transform:translateY(0)}
    .main-nav a{padding:13px 12px;text-align:center;border-radius:12px}
    .main-nav a:hover{background:rgba(200,162,74,.12)}
    .main-nav a.is-active:not(.nav-book){background:rgba(200,162,74,.16);box-shadow:inset 0 0 0 1px rgba(200,162,74,.28);color:var(--gold-soft)}
    .main-nav a.is-active:not(.nav-book)::after{display:none}
    .main-nav .nav-book{margin-top:6px}
  }

  /* ============ HERO ============ */
  .hero{
    position:relative;
    min-height:100vh;
    min-height:calc(100svh - var(--header-h));
    display:flex;align-items:flex-end;
    overflow:hidden;
  }
  .hero-media{position:absolute;inset:0}
  .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
  .hero::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(51,40,71,.38) 0%, rgba(51,40,71,.06) 42%, rgba(43,32,64,.86) 100%);
  }
  .hero-content{
    position:relative;z-index:2;
    width:100%;max-width:1200px;margin:0 auto;
    padding:clamp(48px,8vh,80px) clamp(16px,4vw,40px) clamp(64px,12vh,120px);
  }
  .hero-title{
    font-family:'Cormorant Garamond',serif;font-weight:500;
    font-size:clamp(2.9rem,8vw,5.8rem);line-height:1.02;
    color:var(--ivory);letter-spacing:.01em;
    max-width:14ch;
  }
  .hero-sub{
    max-width:560px;margin-top:clamp(12px,2vh,18px);
    font-weight:300;font-size:clamp(.95rem,2.3vw,1.12rem);line-height:1.6;
    color:rgba(244,239,230,.92);
  }
  .hero-actions{display:flex;gap:14px;margin-top:clamp(20px,3.4vh,30px);flex-wrap:wrap}
  .hero-btn{
    padding:14px 28px;border-radius:999px;
    font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
    transition:background .3s ease,color .3s ease,transform .3s ease;
  }
  .hero-btn:hover{transform:translateY(-2px)}
  .hero-btn.solid{background:var(--ivory);color:var(--plum-900)}
  .hero-btn.solid:hover{background:var(--gold)}
  .hero-btn.ghost{border:1px solid rgba(244,239,230,.65);color:var(--ivory);backdrop-filter:blur(4px)}
  .hero-btn.ghost:hover{background:rgba(244,239,230,.16)}
  .hero-scroll{
    position:absolute;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vh,28px);z-index:2;
    width:48px;height:48px;border-radius:50%;
    background:rgba(43,32,64,.55);backdrop-filter:blur(6px);
    border:1px solid rgba(244,239,230,.4);
    display:grid;place-items:center;color:var(--ivory);
    transition:background .3s ease,transform .3s ease;
  }
  .hero-scroll:hover{background:var(--gold);color:var(--plum-900);transform:translateY(3px)}
  .hero-scroll svg{width:20px;height:20px}

  /* ============ BRAND INTRO ============ */
  .brand-hero{
    position:relative;
    max-width:1100px;margin:0 auto;
    padding:clamp(52px,9vh,96px) clamp(16px,4vw,32px) 0;
    text-align:center;
    display:flex;flex-direction:column;align-items:center;
  }
  .logo-mark{width:clamp(56px,8vw,84px);color:var(--gold);margin-bottom:clamp(8px,1.6vh,14px)}
  .brand-name{
    font-family:'Cormorant Garamond',serif;font-weight:500;
    font-size:clamp(2.5rem,6.6vw,4.2rem);line-height:1.05;color:var(--gold);letter-spacing:.02em;
  }
  .brand-tag{
    font-family:'Cormorant Garamond',serif;font-weight:400;
    font-size:clamp(1rem,2.6vw,1.4rem);letter-spacing:.16em;color:var(--ivory);
    margin-top:clamp(4px,1vh,8px);
  }
  .ornament{display:flex;align-items:center;gap:14px;margin:clamp(20px,4vh,32px) 0 0;color:var(--gold)}
  .ornament::before,.ornament::after{content:"";height:1px;width:clamp(42px,9vw,96px)}
  .ornament::before{background:linear-gradient(90deg,transparent,var(--gold))}
  .ornament::after{background:linear-gradient(90deg,var(--gold),transparent)}
  .ornament span{width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold)}

  .section-head{
    max-width:1100px;margin:0 auto;
    padding:0 clamp(16px,4vw,32px);
    text-align:center;
  }
  .section-title{
    font-family:'Cormorant Garamond',serif;font-weight:500;
    font-size:clamp(1.9rem,5vw,3rem);color:var(--ivory);
  }
  .section-sub{
    font-weight:300;font-size:clamp(.92rem,2.4vw,1.05rem);line-height:1.65;
    color:var(--muted);max-width:600px;margin:clamp(8px,1.6vh,14px) auto 0;padding:0 8px;
  }

  /* ============ SERVICES ============ */
  .services-section{position:relative;padding:clamp(56px,9vh,100px) 0 0}
  .see-more{
    position:absolute;top:clamp(14px,3vh,28px);left:clamp(16px,4vw,40px);
    display:inline-flex;align-items:center;gap:8px;
    font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;
    color:var(--gold-soft);text-decoration:none;
    transition:gap .3s ease,color .3s ease;
  }
  .see-more:hover{gap:14px;color:var(--ivory)}
  .see-more svg{width:15px;height:15px}

  .carousel-wrap{margin-top:clamp(26px,5vh,50px)}
  .services-swiper,.reviews-swiper{width:100%;padding:14px 0 46px}
  .swiper-slide{height:auto;display:flex}

  /* ================================================================
     SERVICE CARD — responsive: vertical on narrow, horizontal on wide
     ================================================================ */
  .service-card{
    margin-inline:auto;
    display:flex;flex-direction:column;
    border-radius:26px;overflow:hidden;
    background:linear-gradient(180deg,var(--plum-600),#413560);
    border:1px solid rgba(200,162,74,.16);
    box-shadow:0 22px 44px -20px rgba(0,0,0,.45);
    transform:scale(.82);opacity:.5;
    transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s ease,border-color .7s ease,box-shadow .7s ease;
    will-change:transform,opacity;
  }

  /* ---- MOBILE / NARROW (vertical 9:16) ---- */
  /* Covers: folded Z Flip (~320-380px), standard phones, folded Z Fold/Flip (~380-480px) */
  @media (max-width:639px){
    .service-card{
      flex-direction:column;
      width:min(280px, 78vw);
      aspect-ratio:9 / 16;
    }
  }

  /* ---- TABLET / WIDE (horizontal) ---- */
  /* Covers: unfolded Z Fold (~700-820px), tablets, desktops */
  @media (min-width:640px){
    .service-card{
      flex-direction:row;
      width:min(640px, 88vw);
      aspect-ratio:16 / 9;
    }
    .card-media{
      flex:0 0 42%;
      aspect-ratio:auto;
    }
    .card-media img{height:100%;width:100%;object-fit:cover}
    .card-body{
      flex:1;
      justify-content:center;
      gap:12px;
    }
    .card-body h3{font-size:clamp(1.4rem,3.2vw,1.9rem)}
    .card-body p{font-size:.95rem}
  }

  .swiper-slide-active .service-card,
  .swiper-slide-active .review-card{
    transform:scale(1);opacity:1;
    border-color:rgba(200,162,74,.45);
    box-shadow:var(--shadow);
  }

  .card-media{position:relative;aspect-ratio:1/1.02;background:#2c2240}
  .card-media img{width:100%;height:100%;object-fit:cover}
  .card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(51,40,71,.18),transparent 30%,transparent 70%,rgba(51,40,71,.35))}
  .card-tag{
    position:absolute;top:14px;left:14px;z-index:1;
    padding:6px 14px;border-radius:999px;
    background:rgba(43,33,64,.78);border:1px solid rgba(200,162,74,.4);
    backdrop-filter:blur(6px);color:var(--gold-soft);
    font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  }
  .card-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:clamp(18px,4vw,24px);text-align:left}
  .card-body h3{
    font-family:'Cormorant Garamond',serif;font-weight:600;
    font-size:clamp(1.3rem,4vw,1.62rem);color:var(--gold);line-height:1.15;
  }
  .card-price{
    font-family:'Cormorant Garamond',serif;font-weight:500;
    font-size:clamp(1.05rem,3vw,1.25rem);color:var(--gold-soft);letter-spacing:.06em;
  }
  .card-body p{font-weight:300;font-size:.92rem;line-height:1.6;color:var(--muted)}
  .card-link{
    margin-top:auto;padding-top:8px;
    display:inline-flex;align-items:center;gap:8px;
    color:var(--gold-soft);text-decoration:none;
    font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
    transition:gap .3s ease,color .3s ease;
  }
  .card-link:hover{gap:14px;color:var(--ivory)}

  .menu-note{
    text-align:center;font-weight:300;font-size:.82rem;letter-spacing:.08em;
    color:var(--muted);padding:0 16px;
  }

  .carousel-controls{
    display:flex;align-items:center;justify-content:center;
    gap:clamp(14px,3.4vw,26px);padding:0 16px;margin-top:clamp(14px,2.6vh,20px);
  }
  .nav-btn{
    flex:none;width:clamp(40px,9vw,48px);height:clamp(40px,9vw,48px);border-radius:50%;
    border:1px solid rgba(200,162,74,.55);background:transparent;color:var(--gold);
    display:grid;place-items:center;cursor:pointer;
    transition:background .3s ease,color .3s ease,transform .3s ease;
  }
  .nav-btn:hover{background:var(--gold);color:var(--plum-900);transform:scale(1.06)}
  .nav-btn svg{width:18px;height:18px}
  .swiper-pagination-el{position:static;width:auto;display:flex;align-items:center;gap:8px}
  .swiper-pagination-el .swiper-pagination-bullet{
    width:8px;height:8px;border-radius:999px;background:rgba(244,239,230,.32);opacity:1;
    transition:width .35s ease,background .35s ease;
  }
  .swiper-pagination-el .swiper-pagination-bullet-active{width:26px;background:var(--gold)}

  /* ============ BRAND VALUES MARQUEE ============ */
  .values-section{padding:clamp(64px,11vh,120px) 0 0}
  .marquee{
    margin-top:clamp(24px,4.5vh,40px);
    overflow:hidden;
    border-block:1px solid rgba(200,162,74,.28);
    padding:clamp(16px,3vh,24px) 0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  }
  .marquee-track{display:flex;width:max-content;animation:marqueeLTR 30s linear infinite;animation-play-state:paused}
  .marquee.in-view .marquee-track{animation-play-state:running}
  @keyframes marqueeLTR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  .marquee-group{display:flex;align-items:center;gap:clamp(26px,5vw,58px);padding-right:clamp(26px,5vw,58px)}
  .value-item{
    display:flex;align-items:center;gap:clamp(12px,2.4vw,20px);
    font-family:'Cormorant Garamond',serif;font-weight:500;
    font-size:clamp(1.25rem,3.4vw,1.9rem);letter-spacing:.06em;
    color:var(--ivory);white-space:nowrap;
  }
  .value-item .blossom-icon{width:clamp(18px,3vw,26px);color:var(--gold);flex:none}
  @media (prefers-reduced-motion:reduce){
    .marquee-track{animation:none}
    .marquee{overflow-x:auto}
  }

  /* ============ REVIEWS ============ */
  .reviews-section{padding:clamp(64px,11vh,120px) 0 0}
  .review-card{
    width:min(560px,90vw);margin-inline:auto;
    display:flex;flex-direction:column;gap:14px;
    border-radius:26px;
    background:linear-gradient(180deg,var(--plum-600),#413560);
    border:1px solid rgba(200,162,74,.16);
    box-shadow:0 22px 44px -20px rgba(0,0,0,.45);
    padding:clamp(22px,4.6vw,32px);
    transform:scale(.86);opacity:.5;
    transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s ease,border-color .7s ease,box-shadow .7s ease;
    will-change:transform,opacity;
    text-align:left;
  }
  .review-head{display:flex;align-items:center;gap:14px}
  .review-avatar{
    flex:none;width:48px;height:48px;border-radius:50%;
    background:rgba(200,162,74,.15);border:1px solid rgba(200,162,74,.45);
    color:var(--gold);display:grid;place-items:center;
    font-family:'Cormorant Garamond',serif;font-size:1.35rem;
  }
  .review-name{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.1rem,3vw,1.35rem);color:var(--ivory);line-height:1.2}
  .review-ago{font-weight:300;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .review-stars{margin-left:auto;color:var(--gold);letter-spacing:4px;font-size:.95rem;white-space:nowrap}
  .review-text{
    font-weight:300;font-size:.95rem;line-height:1.7;color:var(--muted);
    display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;
  }
  .review-link{
    margin-top:auto;padding-top:4px;
    display:inline-flex;align-items:center;gap:8px;
    font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;
    transition:gap .3s ease,color .3s ease;
  }
  .review-link:hover{gap:14px;color:var(--ivory)}

  /* ============ FOOTER ============ */
  .site-footer{
    margin-top:clamp(70px,12vh,130px);
    border-top:1px solid rgba(200,162,74,.25);
    background:rgba(43,32,64,.55);
    backdrop-filter:blur(4px);
  }
  .footer-grid{
    max-width:1100px;margin:0 auto;
    padding:clamp(36px,6vh,60px) clamp(16px,4vw,32px) clamp(20px,4vh,32px);
    display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,48px);
    align-items:start;
  }
  .footer-brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
  .footer-brand .blossom-icon{width:38px;color:var(--gold)}
  .footer-brand-name{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.5rem,3.6vw,2rem);color:var(--gold);line-height:1.1}
  .footer-brand-tag{font-weight:300;font-size:.88rem;letter-spacing:.1em;color:var(--muted)}
  .footer-col h3{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:14px}
  .footer-col a{
    display:flex;align-items:flex-start;gap:10px;
    color:var(--ivory);text-decoration:none;
    font-weight:300;font-size:.95rem;line-height:1.5;margin-bottom:12px;
    transition:color .3s ease;
  }
  .footer-col a:hover{color:var(--gold-soft)}
  .footer-col a svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--gold)}
  .copyright{
    max-width:1100px;margin:0 auto;
    padding:18px clamp(16px,4vw,32px) 26px;
    border-top:1px solid rgba(200,162,74,.16);
    font-weight:300;font-size:.8rem;letter-spacing:.1em;color:var(--muted);
    display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  }

  @media (max-width:760px){.footer-grid{grid-template-columns:1fr}}
  @media (max-width:380px){
    .service-card{width:88vw}
    .review-card{width:92vw}
  }

  /* ================================================================
     FOLDABLE PHONE SUPPORT
     ================================================================
     Reference sizes (viewport widths in landscape/portrait):
     • Samsung Galaxy Z Flip 5/6: folded ~340px, unfolded ~412px (portrait)
     • Samsung Galaxy Z Fold 5/6: folded ~344px, unfolded ~744px (portrait)
     • Google Pixel Fold: folded ~384px, unfolded ~600px (portrait)
     • Huawei Mate X5: folded ~384px, unfolded ~784px (portrait)
     • Motorola Razr 40 Ultra: folded ~380px, unfolded ~414px
     • OnePlus Open: folded ~384px, unfolded ~772px
     • Oppo Find N3: folded ~384px, unfolded ~768px

     Strategy:
     - Below 640px → vertical cards (covers all folded states + small phones)
     - 640px–820px → horizontal cards (covers unfolded Fold/Pixel Fold/etc.)
     - 820px+ → wider horizontal cards (tablets, desktops)
     ================================================================ */

  /* Unfolded large foldables (Z Fold, Pixel Fold unfolded, etc.) */
  @media (min-width:640px) and (max-width:820px){
    .service-card{
      width:min(560px, 92vw);
      aspect-ratio:16 / 10;
    }
  }

  /* Tablets and desktops */
  @media (min-width:821px){
    .service-card{
      width:min(680px, 86vw);
      aspect-ratio:16 / 9;
    }
  }

/* ================================================================
   INNER PAGES — same plum / gold system as the supplied homepage
   ================================================================ */
.inner-page { min-height: 100vh; }
.inner-page .page-wrap { overflow: clip; }
.inner-page .site-header { position: sticky; }
.inner-page .page-hero {
  position: relative; overflow: hidden; min-height: 52vh; display: flex; align-items: end;
  background: linear-gradient(180deg, rgba(51,40,71,.12), rgba(43,32,64,.94)),
    url('https://image.qwenlm.ai/public_source/db43a57e-db6e-4fd6-bbf9-002ba794189a/13e02f194-1756-48b1-a7c1-94ef20d568c2.png') center 42% / cover;
}
.inner-page .page-hero::after { content:""; position:absolute; inset:0; background: radial-gradient(700px 300px at 80% 10%, rgba(200,162,74,.18), transparent 65%); pointer-events:none; }
.inner-page .page-hero-content { position:relative; z-index:1; width:min(1200px, 100%); margin:0 auto; padding:clamp(70px, 12vh, 135px) clamp(16px, 4vw, 40px) clamp(55px, 8vh, 88px); }
.inner-page .page-eyebrow { color:var(--gold-soft); font-size:.72rem; letter-spacing:.26em; text-transform:uppercase; }
.inner-page .page-title { max-width: 11ch; margin-top: 16px; color:var(--ivory); font-family:'Cormorant Garamond',serif; font-size:clamp(3.4rem, 9vw, 7rem); font-weight:500; line-height:.95; }
.inner-page .page-title em { color:var(--gold); font-style:normal; }
.inner-page .page-lede { max-width:600px; margin-top:22px; color:rgba(244,239,230,.86); font-size:clamp(.98rem,2.3vw,1.12rem); font-weight:300; line-height:1.65; }
.inner-page .content-section { position:relative; max-width:1100px; margin:0 auto; padding:clamp(64px, 11vh, 120px) clamp(16px, 4vw, 32px) 0; }
.inner-page .content-section:last-of-type { padding-bottom:clamp(64px, 11vh, 120px); }
.inner-page .content-section.narrow { max-width:850px; }
.inner-page .section-kicker { margin-bottom:15px; color:var(--gold); font-size:.7rem; letter-spacing:.26em; text-transform:uppercase; }
.inner-page .content-title { margin-bottom:18px; color:var(--ivory); font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem, 6vw, 4rem); font-weight:500; line-height:1; }
.inner-page .content-title em { color:var(--gold); font-style:normal; }
.inner-page .body-copy { max-width:720px; color:var(--muted); font-size:1rem; font-weight:300; line-height:1.8; }
.inner-page .body-copy + .body-copy { margin-top:16px; }
.inner-page .split-section { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:clamp(32px, 8vw, 100px); align-items:center; }
.inner-page .split-media { position:relative; overflow:hidden; border-radius:26px; border:1px solid rgba(200,162,74,.24); box-shadow:var(--shadow); }
.inner-page .split-media img { width:100%; aspect-ratio:4 / 5; object-fit:cover; filter:saturate(.7); }
.inner-page .split-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 60%, rgba(51,40,71,.55)); pointer-events:none; }
.inner-page .gold-rule { width:78px; height:1px; margin:23px 0; background:var(--gold); }
.inner-page .pill-link { display:inline-flex; align-items:center; gap:10px; margin-top:26px; padding:12px 20px; border:1px solid rgba(200,162,74,.6); border-radius:999px; color:var(--gold-soft); font-size:.75rem; letter-spacing:.13em; text-transform:uppercase; transition:background .3s,color .3s,transform .3s; }
.inner-page .pill-link:hover { background:var(--gold); color:var(--plum-900); transform:translateY(-2px); }
.inner-page .dark-panel { background:rgba(43,32,64,.62); border-block:1px solid rgba(200,162,74,.2); }
.inner-page .service-list { display:grid; gap:16px; }
.inner-page .service-row { display:grid; grid-template-columns:54px 1fr auto; gap:20px; align-items:center; padding:23px 25px; border:1px solid rgba(200,162,74,.2); border-radius:22px; background:linear-gradient(135deg, rgba(76,64,112,.74), rgba(58,46,81,.86)); box-shadow:0 18px 36px -25px rgba(0,0,0,.6); transition:border-color .3s,transform .3s; }
.inner-page .service-row:hover { border-color:rgba(200,162,74,.55); transform:translateY(-2px); }
.inner-page .service-number { color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:1.6rem; }
.inner-page .service-row h3 { margin-bottom:4px; color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:clamp(1.35rem,3vw,1.8rem); font-weight:600; }
.inner-page .service-row p { color:var(--muted); font-size:.9rem; font-weight:300; line-height:1.6; }
.inner-page .service-time { color:var(--gold-soft); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; }
.inner-page .photo-grid { display:grid; grid-template-columns:repeat(12, 1fr); gap:16px; }
.inner-page .photo-grid figure { position:relative; min-height:260px; margin:0; overflow:hidden; border-radius:22px; border:1px solid rgba(200,162,74,.16); }
.inner-page .photo-grid figure:nth-child(1) { grid-column:span 7; }
.inner-page .photo-grid figure:nth-child(2) { grid-column:span 5; margin-top:54px; }
.inner-page .photo-grid figure:nth-child(3), .inner-page .photo-grid figure:nth-child(4) { grid-column:span 4; }
.inner-page .photo-grid img { width:100%; height:100%; min-height:260px; object-fit:cover; filter:saturate(.7); transition:transform .6s,filter .6s; }
.inner-page .photo-grid figure:hover img { filter:saturate(1); transform:scale(1.04); }
.inner-page .photo-grid figcaption { position:absolute; right:16px; bottom:14px; left:16px; color:var(--ivory); font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; }
.inner-page .article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.inner-page .article-card { overflow:hidden; border:1px solid rgba(200,162,74,.2); border-radius:22px; background:linear-gradient(145deg,rgba(76,64,112,.75),rgba(58,46,81,.9)); box-shadow:0 18px 36px -25px rgba(0,0,0,.6); }
.inner-page .article-card img { width:100%; aspect-ratio:1.12; object-fit:cover; filter:saturate(.65); }
.inner-page .article-card-copy { padding:22px; }
.inner-page .article-meta { margin-bottom:11px; color:var(--gold); font-size:.67rem; letter-spacing:.2em; text-transform:uppercase; }
.inner-page .article-card h3 { margin-bottom:10px; color:var(--ivory); font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:500; line-height:1.05; }
.inner-page .article-card p { color:var(--muted); font-size:.9rem; font-weight:300; line-height:1.6; }
.inner-page .article-card .pill-link { margin-top:15px; padding:0; border:0; border-radius:0; font-size:.65rem; }
.inner-page .review-note { padding:clamp(25px, 5vw, 42px); border:1px solid rgba(200,162,74,.26); border-radius:26px; background:linear-gradient(135deg,rgba(76,64,112,.75),rgba(58,46,81,.86)); }
.inner-page .review-note p { color:var(--muted); font-family:'Cormorant Garamond',serif; font-size:clamp(1.65rem,4vw,2.4rem); line-height:1.12; }
.inner-page .review-note cite { display:block; margin-top:18px; color:var(--gold-soft); font-family:'Jost',sans-serif; font-size:.7rem; font-style:normal; letter-spacing:.17em; text-transform:uppercase; }
.inner-page .contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(35px, 8vw, 90px); }
.inner-page .contact-details { display:grid; gap:14px; }
.inner-page .contact-detail { padding:19px 0; border-bottom:1px solid rgba(200,162,74,.22); }
.inner-page .contact-detail h3 { margin-bottom:6px; color:var(--gold); font-size:.7rem; font-weight:400; letter-spacing:.22em; text-transform:uppercase; }
.inner-page .contact-detail p, .inner-page .contact-detail a { color:var(--muted); font-size:.95rem; font-weight:300; line-height:1.6; }
.inner-page .contact-form { padding:clamp(23px, 5vw, 38px); border:1px solid rgba(200,162,74,.2); border-radius:26px; background:linear-gradient(135deg,rgba(76,64,112,.75),rgba(58,46,81,.86)); }
.inner-page .form-field { margin-bottom:20px; }
.inner-page .form-field label { display:block; margin-bottom:7px; color:var(--gold-soft); font-size:.67rem; letter-spacing:.18em; text-transform:uppercase; }
.inner-page .form-field input, .inner-page .form-field textarea, .inner-page .form-field select { width:100%; padding:12px 0; border:0; border-bottom:1px solid rgba(200,162,74,.28); outline:none; background:transparent; color:var(--ivory); font:inherit; }
.inner-page .form-field select option { color:var(--plum-900); }
.inner-page .form-field textarea { min-height:95px; resize:vertical; }
.inner-page .form-field input:focus, .inner-page .form-field textarea:focus, .inner-page .form-field select:focus { border-bottom-color:var(--gold); }
.inner-page .form-status { margin-top:13px; color:var(--gold-soft); font-size:.82rem; }
.inner-page details { padding:20px 0; border-bottom:1px solid rgba(200,162,74,.2); }
.inner-page summary { cursor:pointer; list-style:none; color:var(--ivory); font-family:'Cormorant Garamond',serif; font-size:1.55rem; }
.inner-page summary::-webkit-details-marker { display:none; }
.inner-page details p { max-width:740px; margin-top:10px; color:var(--muted); font-size:.9rem; font-weight:300; line-height:1.7; }
.inner-page .site-footer { margin-top:0; }

@media (max-width:760px) {
  .inner-page .split-section, .inner-page .contact-grid { grid-template-columns:1fr; }
  .inner-page .service-row { grid-template-columns:35px 1fr; }
  .inner-page .service-time { grid-column:2; }
  .inner-page .photo-grid { grid-template-columns:1fr 1fr; }
  .inner-page .photo-grid figure:nth-child(n) { grid-column:span 1; margin-top:0; }
  .inner-page .photo-grid figure:first-child { grid-column:span 2; }
  .inner-page .article-grid { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .inner-page .page-hero { min-height:62vh; }
  .inner-page .page-title { font-size:clamp(3rem,17vw,5rem); }
  .inner-page .photo-grid img, .inner-page .photo-grid figure { min-height:190px; }
}


/* ================================================================
   BLOG ARTICLES — editorial long-form treatment
   ================================================================ */
.inner-page .article-shell { max-width: 980px; margin: 0 auto; padding: clamp(64px, 11vh, 120px) clamp(16px, 4vw, 32px); }
.inner-page .article-header { max-width: 760px; margin: 0 auto clamp(38px, 7vh, 72px); text-align: center; }
.inner-page .article-header .page-eyebrow { color: var(--gold-soft); }
.inner-page .article-header .article-title { margin-top: 15px; color: var(--ivory); font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem, 8vw, 6rem); font-weight: 500; line-height: .96; }
.inner-page .article-header .article-title em { color: var(--gold); font-style: normal; }
.inner-page .article-header .article-meta { margin-top: 20px; color: var(--muted); font-size: .76rem; font-weight: 300; letter-spacing: .14em; text-transform: uppercase; }
.inner-page .article-hero-image { position: relative; overflow: hidden; margin-bottom: clamp(35px, 7vh, 66px); border: 1px solid rgba(200,162,74,.24); border-radius: 26px; box-shadow: var(--shadow); }
.inner-page .article-hero-image img { width: 100%; max-height: 560px; object-fit: cover; filter: saturate(.7); }
.inner-page .article-prose { max-width: 700px; margin: 0 auto; color: var(--muted); font-size: 1rem; font-weight: 300; line-height: 1.85; }
.inner-page .article-prose p { margin-bottom: 20px; }
.inner-page .article-prose .article-lead { color: var(--ivory); font-family: 'Cormorant Garamond',serif; font-size: clamp(1.7rem, 4vw, 2.5rem); line-height: 1.14; }
.inner-page .article-prose h2 { margin: 48px 0 16px; color: var(--ivory); font-family: 'Cormorant Garamond',serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 500; line-height: 1; }
.inner-page .article-prose h2 em { color: var(--gold); font-style: normal; }
.inner-page .article-prose a { color: var(--gold-soft); }
.inner-page .article-prose strong { color: var(--ivory); font-weight: 400; }
.inner-page .article-callout { margin: 38px 0; padding: 26px 28px; border-left: 2px solid var(--gold); background: rgba(76,64,112,.58); color: var(--ivory); font-family: 'Cormorant Garamond',serif; font-size: 1.55rem; line-height: 1.2; }
.inner-page .article-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 700px; margin: 44px auto; }
.inner-page .article-fact { padding: 18px; border: 1px solid rgba(200,162,74,.22); border-radius: 18px; background: rgba(76,64,112,.45); }
.inner-page .article-fact strong { display: block; margin-bottom: 5px; color: var(--gold); font-family: 'Cormorant Garamond',serif; font-size: 1.55rem; font-weight: 500; }
.inner-page .article-fact span { color: var(--muted); font-size: .76rem; font-weight: 300; line-height: 1.45; }
.inner-page .article-footer { max-width: 700px; margin: 56px auto 0; padding-top: 22px; border-top: 1px solid rgba(200,162,74,.24); }
.inner-page .article-footer p { color: var(--muted); font-size: .78rem; font-weight: 300; line-height: 1.6; }
@media (max-width: 600px) {
  .inner-page .article-facts { grid-template-columns: 1fr; }
  .inner-page .article-callout { padding: 21px; font-size: 1.35rem; }
}