:root{
    --burgundy: #65172D;
    --burgundy-deep: #4B1021;
    --espresso: #2C1B13;
    --gold: #F4C077;
    --gold-soft: #FBE3BB;
    --orange: #D55120;
    --white: #FFFFFF;
    --paper: #FFFDFB;
    --line: #ECE3DA;
    --ink-soft: #6B5D53;
    --shadow-burgundy: rgba(101,23,45,0.22);
    --shadow-orange: rgba(213,81,32,0.22);
    --shadow-gold: rgba(180,130,30,0.22);
  }

  *{ box-sizing: border-box; }
  html{ scroll-behavior: smooth; }
  body{
    margin:0;
    background: var(--white);
    color: var(--espresso);
    font-family: 'Maigara', 'Miagara Regular', 'Miagara', Georgia, serif;
    font-weight: 400;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
  }
  h1,h2,h3,h4{
    font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif;
    font-weight: 500;
    margin: 0;
    color: var(--espresso);
    letter-spacing: -0.01em;
  }
  p{ margin: 0; }
  a{ color: inherit; text-decoration: none; }
  ul{ margin:0; padding:0; list-style:none; }
  img{ max-width:100%; display:block; }
  button{ font-family: inherit; cursor:pointer; }

  .wrap{
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px;
  }

  :focus-visible{
    outline: 2px solid var(--orange);
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce){
    *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  }

  /* ---------- NAV ---------- */
  header.site-nav{
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--line);
  }
  .nav-inner{
    display:flex;
    align-items:center;
    justify-content: space-between;
    padding: 16px 32px;
    max-width: 1180px;
    margin: 0 auto;
  }
  .nav-logo img{ height: 48px; width:58px; object-fit:contain; object-position:center; }
  nav.nav-links{ display:flex; gap: 34px; }
  nav.nav-links a{
    font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif;
    font-size: 0.95rem;
    color: var(--espresso);
    position: relative;
    padding: 4px 0;
  }
  nav.nav-links a::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-2px;
    height: 1px;
    background: var(--orange);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
  }
  nav.nav-links a:hover::after{ transform: scaleX(1); }
  .nav-cta{
    display:inline-flex;
    align-items:center;
    font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif;
    background: var(--burgundy);
    color: var(--white);
    font-size: 0.88rem;
    padding: 10px 20px;
    border-radius: 999px;
    white-space: nowrap;
    transition: background 0.2s ease;
  }
  nav.nav-links .nav-cta{ color: var(--white); }
  .nav-cta:hover{ background: var(--burgundy-deep); }
  .nav-toggle{ display:none; order:3; border:0; background:transparent; color:var(--espresso); padding:8px; }
  .nav-toggle span{ display:block; width:24px; height:2px; margin:5px 0; background:currentColor; transition:transform .2s ease, opacity .2s ease; }
  .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); }

  /* ---------- HERO ---------- */
  .hero{
    padding: 76px 0 96px;
    overflow: hidden;
  }
  .hero-grid{
    display:grid;
    grid-template-columns: 1.05fr 0.75fr;
    gap: 56px;
    align-items:center;
  }
  .hero-eyebrow{
    font-size: 0.85rem;
    color: rgba(255,255,255,0.9);
    font-weight: 600;
    margin-bottom: 18px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .hero h1{
    font-size: clamp(2.4rem, 4.4vw, 3.6rem);
    line-height: 1.08;
    max-width: 12ch;
    color: rgba(255,255,255,0.98);
    text-shadow: 0 2px 12px rgba(0,0,0,0.18);
  }
  .hero p.lede{
    margin-top: 22px;
    font-size: 1.08rem;
    color: rgba(255,255,255,0.82);
    max-width: 42ch;
    text-shadow: 0 2px 12px rgba(0,0,0,0.12);
  }
  .hero-actions{
    display:flex;
    gap: 16px;
    margin-top: 36px;
    flex-wrap: wrap;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 15px 30px;
    border-radius: 999px;
    font-size: 0.98rem;
    font-weight: 500;
    border: 1px solid transparent;
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  }
  .btn-primary{
    background: var(--burgundy);
    color: var(--white);
    box-shadow: 0 16px 30px -12px var(--shadow-burgundy);
  }
  .btn-primary:hover{ background: var(--burgundy-deep); transform: translateY(-2px); }
  .btn-secondary{
    background: transparent;
    color: var(--espresso);
    border-color: var(--espresso);
  }
  .btn-secondary:hover{ background: var(--espresso); color: var(--white); transform: translateY(-2px); }

  .hero-visual{
    position: relative;
    height: 460px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .swatch-stack{
    display:flex;
    flex-direction:column;
    gap: 14px;
    width: 190px;
  }
  .swatch{
    height: 78px;
    border-radius: 22px;
  }
  .swatch.c1{ background: var(--burgundy); margin-left: 0; }
  .swatch.c2{ background: var(--espresso); margin-left: 34px; }
  .swatch.c3{ background: var(--gold); margin-left: 0; }
  .swatch.c4{ background: var(--orange); margin-left: 34px; }
  .hero-mark{
    position:absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background: var(--paper);
    box-shadow: 0 30px 60px -20px var(--shadow-burgundy);
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 30px;
  }
  .hero-mark img{ width: 100%; }

  /* ---------- HERO IMAGE CAROUSEL ---------- */
  .hero{
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: 640px;
    display: flex;
    align-items: center;
  }
  .hero-slider{
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .hero-slide{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center 20%;
    opacity: 0;
    transform: translateX(6%);
    animation: heroSlide var(--hero-cycle-duration, 18s) infinite;
  }
  .hero-slide:nth-child(1){ animation-delay: 0s; }
  .hero-slide:nth-child(2){ animation-delay: 6s; }
  .hero-slide:nth-child(3){ animation-delay: 12s; }
  @keyframes heroSlide{
    0%{ opacity: 0; transform: translateX(6%) scale(1.04); }
    4%{ opacity: 1; transform: translateX(0) scale(1.04); }
    28%{ opacity: 1; transform: translateX(0) scale(1.08); }
    33%{ opacity: 0; transform: translateX(-6%) scale(1.08); }
    100%{ opacity: 0; transform: translateX(-6%) scale(1.08); }
  }
  .hero-scrim{
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
      linear-gradient(100deg, rgba(43,20,14,0.88) 0%, rgba(43,20,14,0.72) 32%, rgba(43,20,14,0.38) 58%, rgba(43,20,14,0.15) 100%),
      linear-gradient(0deg, rgba(43,20,14,0.55) 0%, rgba(43,20,14,0) 40%);
  }
  .hero-content{
    position: relative;
    z-index: 4;
    padding: 120px 0 108px;
    max-width: 620px;
    opacity: 1;
    animation: none;
  }
  .hero-content-alt{
    opacity: 1;
    max-width: 590px;
    padding-top: 92px;
    padding-bottom: 86px;
    animation: none;
  }
  .hero-scrim-alt{
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(100deg, rgba(43,20,14,0.88) 0%, rgba(43,20,14,0.72) 32%, rgba(43,20,14,0.38) 58%, rgba(43,20,14,0.15) 100%), linear-gradient(0deg, rgba(43,20,14,0.55) 0%, rgba(43,20,14,0) 40%);
    animation: none;
    opacity: 1;
  }
  .hero-story-logo{
    width: min(154px, 42vw);
    height: auto;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
  }
  .hero-story-text{
    max-width: 54ch;
    margin: 0;
    color: rgba(255,255,255,0.9);
    font-family: inherit;
    font-size: clamp(0.92rem, 1.35vw, 1.08rem);
    line-height: 1.55;
  }
  @keyframes heroContent{
    0%, 46%{ opacity: 1; }
    50%, 96%{ opacity: 0; }
    100%{ opacity: 1; }
  }
  @keyframes heroStoryScrim{
    0%, 46%{ opacity: 0; }
    50%, 96%{ opacity: 1; }
    100%{ opacity: 0; }
  }
  .hero .hero-eyebrow{
    color: var(--gold-soft);
  }
  .hero h1{
    color: var(--white);
  }
  .hero p.lede{
    color: rgba(255,255,255,0.85);
  }
  .hero .btn-secondary{
    color: var(--white);
    border-color: rgba(255,255,255,0.7);
  }
  .hero .btn-secondary:hover{
    background: var(--white);
    color: var(--espresso);
  }
  .hero-dots{
    position: absolute;
    z-index: 2;
    right: 32px;
    bottom: 28px;
    display: flex;
    gap: 8px;
  }
  .hero-dots span{
    width: 26px;
    height: 3px;
    border-radius: 2px;
    background: rgba(255,255,255,0.35);
    overflow: hidden;
    position: relative;
  }
  .hero-dots span::after{
    content:"";
    position: absolute;
    inset: 0;
    background: var(--gold);
    transform: translateX(-100%);
    animation: heroDot var(--hero-cycle-duration, 18s) infinite;
  }
  .hero-dots span:nth-child(1)::after{ animation-delay: 0s; }
  .hero-dots span:nth-child(2)::after{ animation-delay: 6s; }
  .hero-dots span:nth-child(3)::after{ animation-delay: 12s; }
  @keyframes heroDot{
    0%{ transform: translateX(-100%); }
    2%{ transform: translateX(0); }
    12.5%{ transform: translateX(0); }
    12.51%{ transform: translateX(-100%); }
    100%{ transform: translateX(-100%); }
  }
  @media (max-width: 720px){
    .hero{ min-height: 560px; }
    .hero-content{ padding: 96px 0 80px; }
    .hero-content-alt{ padding: 76px 0 68px; }
    .hero-story-logo{ width: 124px; margin-bottom: 16px; }
    .hero-story-text{ max-width: 100%; font-size: 0.9rem; line-height: 1.48; }
  }

  /* ---------- WHY STRIP ---------- */
  .why{
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 52px 0;
  }
  .why-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .why-item{
    padding: 0 28px;
    border-left: 1px solid var(--line);
  }
  .why-item:first-child{ border-left: none; padding-left: 0; }
  .why-item h4{
    font-size: 1.05rem;
    font-weight: 500;
    margin-bottom: 8px;
  }
  .why-item p{
    font-size: 0.92rem;
    color: var(--ink-soft);
  }

  /* ---------- SECTION HEADS ---------- */
  section{ padding: 96px 0; }
  .section-head{
    max-width: 640px;
    margin-bottom: 52px;
  }
  .section-head .kicker{
    color: var(--burgundy);
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 14px;
  }
  .section-head h2{
    font-size: clamp(1.9rem, 3vw, 2.5rem);
    line-height: 1.15;
  }
  .section-head p{
    margin-top: 16px;
    color: var(--ink-soft);
    font-size: 1.02rem;
  }

  /* ---------- ABOUT ---------- */
  .about{ background: var(--paper); }
  .about-grid{
    display:grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 64px;
  }
  .about-copy p{
    color: var(--ink-soft);
    font-size: 1.02rem;
  }
  .about-copy p + p{ margin-top: 18px; }
  .pillars{
    display:flex;
    flex-direction:column;
    gap: 26px;
  }
  .pillar{
    border-left: 3px solid var(--burgundy);
    padding-left: 22px;
  }
  .pillar:nth-child(2){ border-color: var(--orange); }
  .pillar:nth-child(3){ border-color: var(--gold); }
  .pillar h4{ font-size: 1.15rem; font-weight: 500; margin-bottom: 6px; }
  .pillar p{ color: var(--ink-soft); font-size: 0.96rem; }
  .commitment-list{
    margin-top: 40px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 28px;
  }
  .commitment-list li{
    font-size: 0.94rem;
    color: var(--espresso);
    padding-left: 22px;
    position: relative;
  }
  .commitment-list li::before{
    content:"";
    position:absolute;
    left:0; top: 8px;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--orange);
  }

  /* ---------- SERVICES ---------- */
  .tabs{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 44px;
  }
  .tab-btn{
    background: var(--white);
    border: 1px solid var(--line);
    color: var(--ink-soft);
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
  }
  .tab-btn:hover{ border-color: var(--burgundy); color: var(--burgundy); }
  .tab-btn.active{
    background: var(--espresso);
    border-color: var(--espresso);
    color: var(--white);
  }
  .service-panel{ display:none; }
  .service-panel.active{ display:block; animation: fadein 0.35s ease; }
  @keyframes fadein{ from{ opacity:0; transform: translateY(6px); } to{ opacity:1; transform:none; } }

  .panel-note{
    font-size: 0.92rem;
    color: var(--ink-soft);
    margin-bottom: 24px;
    max-width: 60ch;
  }

  .card-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .service-card{
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: var(--paper);
    border-radius: 18px;
    padding: 26px 24px 24px;
    box-shadow: 0 22px 40px -22px var(--shadow-burgundy);
    border-top: 3px solid var(--burgundy);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .service-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 26px 48px -18px var(--shadow-burgundy);
  }
  .service-card.tone-orange{ border-top-color: var(--orange); box-shadow: 0 22px 40px -22px var(--shadow-orange); }
  .service-card.tone-orange:hover{ box-shadow: 0 26px 48px -18px var(--shadow-orange); }
  .service-card.tone-gold{ border-top-color: var(--gold); box-shadow: 0 22px 40px -22px var(--shadow-gold); }
  .service-card.tone-gold:hover{ box-shadow: 0 26px 48px -18px var(--shadow-gold); }

  .service-card h4{
    font-size: 1.08rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .service-card .price{
    margin-top: 14px;
    font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.2rem;
    color: var(--burgundy);
  }
  .service-card .tap-hint{
    margin-top: 16px;
    color: var(--ink-soft);
    font-size: 0.82rem;
  }
  .service-card.tone-orange .price{ color: var(--orange); }
  .service-card.tone-gold .price{ color: #9C7212; }

  /* ---------- VOUCHERS ---------- */
  .vouchers{ background: var(--espresso); color: var(--white); }
  .vouchers .section-head h2{ color: var(--white); }
  .vouchers .section-head p{ color: #C9BBAF; }
  .vouchers .section-head .kicker{ color: var(--gold); }

  .voucher-grid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
  }
  .voucher-card{
    position: relative;
    background: #3A2419;
    border-radius: 20px;
    padding: 30px 30px 28px;
    border: 1px solid #4E3225;
  }
  .voucher-card::before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width: 10px;
    background-repeat: repeat-y;
    background-size: 10px 16px;
    background-image: radial-gradient(circle at 5px 8px, var(--espresso) 4px, transparent 4.5px);
    border-radius: 20px 0 0 20px;
  }
  .voucher-card.v-gold::before{ background-image: radial-gradient(circle at 5px 8px, var(--espresso) 4px, transparent 4.5px); }
  .voucher-top{
    display:flex;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 14px;
  }
  .voucher-top .tier{
    font-size: 0.86rem;
    color: var(--gold);
    font-weight: 600;
  }
  .voucher-card h3{
    color: var(--white);
    font-size: 1.9rem;
    padding-left: 14px;
    margin-top: 6px;
  }
  .voucher-card ul{
    margin-top: 20px;
    padding-left: 14px;
    display:flex;
    flex-direction:column;
    gap: 9px;
  }
  .voucher-card li{
    font-size: 0.92rem;
    color: #D9CCC1;
    padding-left: 18px;
    position:relative;
  }
  .voucher-card li::before{
    content:"—";
    position:absolute;
    left:0;
    color: var(--gold);
  }
  .voucher-note{
    margin-top: 32px;
    font-size: 0.86rem;
    color: #A79789;
    max-width: 60ch;
  }

  /* ---------- CONTACT ---------- */
  .contact-grid{
    display:grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 60px;
  }
  .booking-steps{
    display:flex;
    flex-direction:column;
    gap: 16px;
    margin-top: 28px;
  }
  .booking-steps li{
    display:flex;
    gap: 14px;
    align-items:flex-start;
    font-size: 0.98rem;
  }
  .booking-steps .dot{
    width: 8px; height:8px;
    margin-top: 8px;
    border-radius: 50%;
    background: var(--burgundy);
    flex-shrink:0;
  }
  .contact-card{
    background: var(--paper);
    border-radius: 22px;
    padding: 40px;
    box-shadow: 0 24px 50px -24px var(--shadow-burgundy);
  }
  .contact-row{
    display:flex;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid var(--line);
    gap: 20px;
  }
  .contact-row:last-child{ border-bottom:none; padding-bottom: 0; }
  .contact-row:first-child{ padding-top: 0; }
  .contact-row .label{
    font-size: 0.86rem;
    color: var(--ink-soft);
  }
  .contact-row .value{
    font-size: 0.96rem;
    text-align: right;
    max-width: 60%;
  }
  .contact-note{
    margin-top: 40px;
    font-size: 0.9rem;
    color: var(--ink-soft);
  }

  /* ---------- SERVICE MODAL ---------- */
  .modal-overlay{
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(44,27,19,0.72);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }
  .modal-overlay.open{ opacity: 1; pointer-events: auto; }
  .modal-card{
    position: relative;
    width: min(100%, 520px);
    padding: 42px;
    border-radius: 18px;
    background: var(--paper);
    box-shadow: 0 24px 70px rgba(0,0,0,0.28);
    transform: translateY(12px);
    transition: transform 0.2s ease;
  }
  .modal-overlay.open .modal-card{ transform: translateY(0); }
  .modal-close{
    position: absolute;
    top: 14px;
    right: 16px;
    border: 0;
    background: transparent;
    color: var(--ink-soft);
    font-size: 1.8rem;
    line-height: 1;
  }
  .modal-kicker{ color: var(--burgundy); font-size: 0.85rem; font-weight: 600; }
  .modal-card h3{ margin-top: 8px; font-size: 1.8rem; }
  .modal-price{ margin-top: 8px; color: var(--burgundy); font-weight: 600; }
  .modal-desc{ margin-top: 20px; color: var(--ink-soft); }
  .modal-whatsapp{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 28px;
    padding: 14px 20px;
    border-radius: 999px;
    background: #25D366;
    color: var(--white);
    font-weight: 600;
  }

  /* ---------- FOOTER ---------- */
  footer{
    background: var(--espresso);
    color: #C9BBAF;
    padding: 64px 0 32px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #4E3225;
  }
  .footer-logo img{ height: 72px; width:86px; object-fit:contain; object-position:center; filter: brightness(0) invert(1); margin-bottom: 16px; }
  .footer-grid p{ font-size: 0.92rem; max-width: 32ch; }
  .footer-grid h5{
    color: var(--gold);
    font-family: 'Maigara', 'Miagara Regular', 'Miagara', Georgia, serif;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 16px;
  }
  .footer-grid ul{ display:flex; flex-direction:column; gap: 10px; }
  .footer-grid a{ font-size: 0.92rem; }
  .footer-grid a:hover{ color: var(--white); }
  .footer-bottom{
    display:flex;
    justify-content: space-between;
    padding-top: 26px;
    font-size: 0.82rem;
    flex-wrap: wrap;
    gap: 10px;
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 920px){
    .hero-grid{ grid-template-columns: 1fr; }
    .hero-visual{ height: 320px; order: -1; }
    .why-grid{ grid-template-columns: repeat(2,1fr); gap: 28px; }
    .why-item{ border-left:none; padding-left:0; }
    .about-grid{ grid-template-columns: 1fr; gap: 40px; }
    .commitment-list{ grid-template-columns: 1fr; }
    .card-grid{ grid-template-columns: repeat(2,1fr); }
    .voucher-grid{ grid-template-columns: 1fr; }
    .contact-grid{ grid-template-columns: 1fr; gap: 40px; }
    .footer-grid{ grid-template-columns: 1fr; gap: 30px; }
  }
  @media (max-width: 640px){
    .wrap{ padding: 0 20px; }
    .nav-inner{ padding: 14px 20px; }
    .nav-toggle{ display:block; }
    nav.nav-links{ display:flex; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:0; max-height:0; overflow:hidden; background:var(--white); border-bottom:1px solid var(--line); transition:max-height .25s ease; }
    nav.nav-links.open{ max-height:320px; }
    nav.nav-links a, nav.nav-links .nav-cta{ width:100%; padding:14px 20px; border-bottom:1px solid var(--line); }
    .card-grid{ grid-template-columns: 1fr; }
    section{ padding: 64px 0; }
    .hero{ padding: 48px 0 64px; }
    .contact-row{ flex-direction:column; gap:4px; }
    .contact-row .value{ text-align:left; max-width:100%; }
  }

  /* ---------- BOOKING (CALENDLY) ---------- */
  .booking{ background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .booking-widget{
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 30px 60px -30px var(--shadow-burgundy);
    overflow: hidden;
    padding: 8px;
  }
  .calendly-inline-widget{ border-radius: 14px; overflow: hidden; }