.elementor-4249 .elementor-element.elementor-element-392e943{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */:root {
        --void: #060504;
        --ink: #0c0a08;
        --snow: #f5f2ec;
        --pale: #f0ebe1;
        --paper: #faf7f0;
        --gold: #c9a96e;
        --gold-soft: #e8dcc0;
        --gold-deep: #a8884e;
        --rust: #b04a2f;
        --grey-1: #8a8680;
        --grey-2: #c4bfb6;
        --hairline: rgba(201, 169, 110, 0.22);
      }
html {
        scroll-behavior: smooth;
      }
      body {
        font-family: "Cormorant Garamond", Georgia, serif;
        font-weight: 400;
        color: var(--ink);
        background: var(--paper);
        line-height: 1.65;
        font-size: 17px;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
      }
      .document {
        max-width: 100%;
        margin: 0 auto;
        background: var(--paper);
      }
      .page_ibi {
        padding: 1rem min(10vw, 140px);
        position: relative;
        page-break-after: always;
      }
      .page:last-child {
        page-break-after: auto;
      }
      .page-header {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--hairline);
        margin-bottom: 4rem;
      }
      .ph-brand {
        font-family: "Cinzel", serif;
        font-weight: 600;
        letter-spacing: 0.32em;
        font-size: 14px;
        color: var(--gold-deep);
      }
      .ph-meta {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.12em;
        font-size: 10px;
        text-transform: uppercase;
        color: var(--grey-1);
      }
      .rule {
        border: none;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          var(--gold),
          transparent
        );
        margin: 4rem 0;
      }
      .price-pill {
        font-family: "Cinzel", serif;
        letter-spacing: 0.18em;
        font-size: 11px;
        text-transform: uppercase;
        color: var(--gold);
        border: 1px solid rgba(201, 169, 110, 0.35);
        padding: 0.65rem 0.9rem;
        display: inline-block;
        margin-top: 2rem;
      }
      .price-big {
        font-family: "Cormorant Garamond", serif;
        font-size: 34px;
        color: var(--gold-soft);
        margin-top: 0.45rem;
      }
      
      
      
      
      
      /* ── COVER ── */
      .cover {
        background: var(--void);
        color: var(--snow);
        min-height: 100vh;
        padding: 4.5rem min(10vw, 140px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        page-break-after: always;
        position: relative;
        overflow: hidden;
      }
      .cover::before {
        content: "";
        position: absolute;
        top: 35%;
        right: -180px;
        width: 650px;
        height: 650px;
        background: radial-gradient(
          circle,
          rgba(176, 74, 47, 0.08) 0%,
          transparent 70%
        );
        pointer-events: none;
      }
      .c-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        z-index: 2;
      }
      .c-brand {
        font-family: "Cinzel", serif;
        font-weight: 600;
        letter-spacing: 0.45em;
        font-size: 18px;
        color: var(--gold);
      }
      .c-meta {
        text-align: right;
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.18em;
        font-size: 10px;
        text-transform: uppercase;
        color: var(--grey-2);
        line-height: 1.9;
      }
      .c-center {
        position: relative;
        z-index: 2;
      }
      .c-eyebrow {
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.5em;
        font-size: 10px;
        color: var(--gold);
        margin-bottom: 2.5rem;
        text-transform: uppercase;
      }
      .c-title {
        font-family: "Cormorant Garamond", serif;
        font-weight: 300;
        font-size: 88px;
        line-height: 0.93;
        color: var(--snow);
      }
      .c-title .acc {
        font-style: italic;
        color: var(--gold);
        font-weight: 400;
      }
      .c-subtitle {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 22px;
        color: var(--gold-soft);
        font-weight: 300;
        max-width: 540px;
        line-height: 1.5;
        margin-top: 1.8rem;
      }
      .c-bottom {
        position: relative;
        z-index: 2;
        border-top: 1px solid rgba(201, 169, 110, 0.2);
        padding-top: 2.5rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
      }
      .c-stages {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        max-width: 55%;
      }
      .c-stage {
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.16em;
        font-size: 8.5px;
        text-transform: uppercase;
        color: var(--gold-soft);
        display: flex;
        align-items: center;
        gap: 0.4rem;
      }
      .c-stage::before {
        content: "";
        width: 4px;
        height: 4px;
        background: var(--gold);
        border-radius: 50%;
        flex-shrink: 0;
      }
      .c-tag {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        color: var(--gold);
        font-size: 14px;
        line-height: 1.55;
        text-align: right;
        max-width: 240px;
      }
      .c-stages-wrap {
        margin-top: 2rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(201, 169, 110, 0.2);
        position: relative;
        z-index: 2;
      }
      
      
      
      
      
       /* ── LETTER FROM JAD ── */
      .letter-wrap {
        max-width: 620px;
        margin: 0 auto;
      }
      .l-eyebrow {
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.4em;
        font-size: 10px;
        color: var(--gold-deep);
        text-transform: uppercase;
        margin-bottom: 3rem;
      }
      .l-body p {
        font-size: 18.5px;
        line-height: 1.8;
        margin-bottom: 1.5rem;
        color: var(--ink);
      }
      .l-body p:first-of-type::first-letter {
        font-family: "Cinzel", serif;
        font-weight: 600;
        font-size: 58px;
        float: left;
        line-height: 0.88;
        margin: 0.1rem 0.6rem 0 0;
        color: var(--gold-deep);
      }
      .l-coda {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 20px;
        color: var(--gold-deep);
        margin-top: 2rem;
        line-height: 1.5;
      }
      .l-sig {
        margin-top: 3.5rem;
      }
      .l-sig .name {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 28px;
        color: var(--gold-deep);
      }
      .l-sig .role {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        font-size: 10px;
        color: var(--grey-1);
        margin-top: 0.3rem;
      }
      
      
      
      
      
      
      /* ── OVERVIEW ── */
      .ov-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border-top: 1px solid var(--hairline);
        margin-top: 3rem;
      }
      .ov-label,
      .ov-value {
        padding: 1.3rem 0;
        border-bottom: 1px solid var(--hairline);
      }
      .ov-label {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        font-size: 11px;
        color: var(--grey-1);
      }
      .ov-value {
        font-family: "Cormorant Garamond", serif;
        font-size: 18px;
        color: var(--ink);
        text-align: right;
      }
      .ov-value strong {
        font-family: "Cinzel", serif;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: 0.1em;
      }

      /* ── METEO ── */
      .meteo-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1px;
        background: var(--hairline);
        border: 1px solid var(--hairline);
        margin-top: 2.5rem;
      }
      .m-cell {
        background: var(--paper);
        padding: 1.5rem 1.1rem;
      }
      .m-city {
        font-family: "Cinzel", serif;
        font-weight: 500;
        letter-spacing: 0.14em;
        font-size: 9.5px;
        text-transform: uppercase;
        color: var(--ink);
        margin-bottom: 0.7rem;
      }
      .m-temp {
        font-family: "Cormorant Garamond", serif;
        font-size: 30px;
        color: var(--gold-deep);
        line-height: 1;
        margin-bottom: 0.4rem;
      }
      .m-temp span {
        font-size: 15px;
        color: var(--grey-1);
      }
      .m-note {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        font-size: 10px;
        letter-spacing: 0.04em;
        color: var(--grey-1);
        line-height: 1.5;
      }
      .m-warn {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1em;
        font-size: 9.5px;
        text-transform: uppercase;
        color: var(--rust);
        margin-top: 0.4rem;
      }

      /* ── MOVEMENTS ── */
      .seg-strip {
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 2.5rem;
        padding: 2.5rem 0;
        border-bottom: 1px solid var(--hairline);
      }
      .seg-strip:last-child {
        border-bottom: none;
      }
      .seg-n {
        font-family: "Cinzel", serif;
        font-weight: 300;
        font-size: 54px;
        color: var(--gold);
        line-height: 1;
      }
      .seg-c h3 {
        font-family: "Cinzel", serif;
        font-weight: 500;
        letter-spacing: 0.18em;
        font-size: 13px;
        text-transform: uppercase;
        color: var(--ink);
        margin-bottom: 0.4rem;
      }
      .seg-c .stag {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 18px;
        color: var(--gold-deep);
        margin-bottom: 0.9rem;
      }
      .seg-c p {
        font-size: 16px;
        line-height: 1.7;
        color: var(--grey-1);
      }

      /* ── ITINERARY ── */
      .seg-banner {
        margin-top: 4rem;
        margin-bottom: 1.8rem;
        padding: 1.5rem 0;
        border-top: 1px solid var(--gold);
        border-bottom: 1px solid var(--hairline);
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 0.5rem;
      }
      .sb-num {
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.4em;
        font-size: 10px;
        color: var(--gold-deep);
      }
      .sb-name {
        font-family: "Cormorant Garamond", serif;
        font-weight: 300;
        font-size: 24px;
        color: var(--ink);
      }
      .sb-name .i {
        font-style: italic;
        color: var(--gold-deep);
      }
      .sb-nights {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        font-size: 10px;
        color: var(--grey-1);
      }
      .day {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 3rem;
        padding: 2.5rem 0;
        border-bottom: 1px solid var(--hairline);
        page-break-inside: avoid;
      }
      .day.transit {
        border-left: 2px solid var(--gold);
        padding-left: 1.5rem;
        background: linear-gradient(
          90deg,
          rgba(201, 169, 110, 0.04) 0%,
          transparent 100%
        );
      }
      .d-mark {
        text-align: right;
      }
      .d-num {
        font-family: "Cinzel", serif;
        font-weight: 300;
        font-size: 42px;
        line-height: 1;
        color: var(--gold);
      }
      .d-num.dim {
        color: var(--gold-deep);
      }
      .d-date {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        font-size: 8px;
        color: var(--gold-deep);
        margin-top: 0.2rem;
      }
      .d-loc {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        font-size: 8px;
        color: var(--grey-1);
        margin-top: 0.2rem;
        line-height: 1.4;
      }
      .d-content h4 {
        font-family: "Cinzel", serif;
        font-weight: 500;
        letter-spacing: 0.14em;
        font-size: 14px;
        text-transform: uppercase;
        color: var(--ink);
        margin-bottom: 0.5rem;
      }
      .d-place {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 17px;
        color: var(--gold-deep);
        margin-bottom: 1.1rem;
      }
      .d-content p {
        font-size: 17px;
        line-height: 1.78;
        color: var(--ink);
        margin-bottom: 1rem;
      }
      .d-content p.light {
        color: var(--grey-1);
        font-size: 16px;
      }
      .d-note {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1em;
        font-size: 10px;
        color: var(--grey-2);
        margin-top: 1rem;
        border-top: 1px solid var(--hairline);
        padding-top: 0.8rem;
      }
      .rouh-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.2em;
        font-size: 8.5px;
        text-transform: uppercase;
        color: var(--gold-deep);
        border: 1px solid rgba(201, 169, 110, 0.35);
        padding: 0.2rem 0.6rem;
        margin-bottom: 0.8rem;
      }
      .rouh-tag::before {
        content: "✦";
        font-size: 7px;
      }
      .route-row {
        display: flex;
        align-items: center;
        gap: 0;
        flex-wrap: wrap;
        margin: 0.6rem 0 1.1rem;
      }
      .r-city {
        font-family: "Cinzel", serif;
        font-weight: 500;
        letter-spacing: 0.14em;
        font-size: 9.5px;
        text-transform: uppercase;
        color: var(--ink);
      }
      .r-arr {
        font-family: "Jost", sans-serif;
        font-size: 10px;
        color: var(--gold);
        padding: 0 0.4rem;
      }
      .r-info {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.08em;
        font-size: 9px;
        text-transform: uppercase;
        color: var(--grey-1);
        background: var(--snow);
        border: 1px solid var(--hairline);
        padding: 0.15rem 0.45rem;
        margin: 0 0.3rem;
        white-space: nowrap;
      }





/* ── SEALED LETTER ── */
      .letter-page {
        background: var(--void);
        color: var(--snow);
        padding: 6rem min(10vw, 140px);
        page-break-before: always;
        page-break-after: always;
        position: relative;
        overflow: hidden;
      }
      .letter-page::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(
          ellipse at 30% 50%,
          rgba(201, 169, 110, 0.06) 0%,
          transparent 65%
        );
        pointer-events: none;
      }
      .sealed-eyebrow {
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.5em;
        font-size: 10px;
        color: var(--gold);
        text-transform: uppercase;
        margin-bottom: 1rem;
        position: relative;
        z-index: 2;
      }
      .sealed-instruction {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 16px;
        color: var(--grey-2);
        margin-bottom: 3.5rem;
        position: relative;
        z-index: 2;
      }
      .sealed-title {
        font-family: "Cormorant Garamond", serif;
        font-weight: 300;
        font-size: 58px;
        line-height: 1;
        color: var(--snow);
        margin-bottom: 0.8rem;
        position: relative;
        z-index: 2;
      }
      .sealed-title .acc {
        font-style: italic;
        color: var(--gold);
      }
      .sealed-subtitle {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 20px;
        color: var(--gold-soft);
        margin-bottom: 4rem;
        position: relative;
        z-index: 2;
      }
      .sealed-rule {
        height: 1px;
        background: linear-gradient(
          90deg,
          var(--gold),
          rgba(201, 169, 110, 0.2)
        );
        max-width: 480px;
        margin-bottom: 3.5rem;
        position: relative;
        z-index: 2;
      }
      .sealed-body {
        max-width: 620px;
        position: relative;
        z-index: 2;
      }
      .sealed-body p {
        font-size: 19px;
        line-height: 1.82;
        margin-bottom: 1.6rem;
        color: var(--snow);
      }
      .sealed-body p.dim {
        color: rgba(245, 242, 236, 0.7);
        font-size: 17.5px;
      }
      .sealed-coda {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 22px;
        color: var(--gold);
        margin-top: 2.5rem;
        line-height: 1.5;
        position: relative;
        z-index: 2;
      }
      .sealed-sig {
        margin-top: 3rem;
        position: relative;
        z-index: 2;
      }
      .sealed-sig .name {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 26px;
        color: var(--gold-soft);
      }
      .sealed-sig .role {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        font-size: 10px;
        color: var(--grey-1);
        margin-top: 0.3rem;
      }
      .seal {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid rgba(201, 169, 110, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Cinzel", serif;
        font-size: 14px;
        color: var(--gold);
        margin-bottom: 3rem;
        position: relative;
        z-index: 2;
      }

      /* ── PROPOSITIONS ── */
      .prop-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
        margin-top: 2.5rem;
      }
      .prop-col h3 {
        font-family: "Cinzel", serif;
        font-weight: 500;
        letter-spacing: 0.18em;
        font-size: 11px;
        text-transform: uppercase;
        color: var(--ink);
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--hairline);
      }
      .prop-item {
        padding: 1.1rem 0;
        border-bottom: 1px solid var(--hairline);
      }
      .prop-item .pi-name {
        font-family: "Cormorant Garamond", serif;
        font-size: 17px;
        color: var(--ink);
        margin-bottom: 0.2rem;
      }
      .prop-item .pi-desc {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.06em;
        font-size: 11px;
        color: var(--grey-1);
        line-height: 1.5;
      }

      /* ── CLOSING ── */
      .closing {
        background: var(--void);
        color: var(--snow);
        padding: 6rem min(10vw, 140px);
        text-align: center;
      }
      .c-quote {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-weight: 300;
        font-size: 34px;
        line-height: 1.45;
        color: var(--gold-soft);
        max-width: 600px;
        margin: 0 auto 2rem;
      }
      .c-quote::before {
        content: "201C";
        color: var(--gold);
      }
      .c-quote::after {
        content: "201D";
        color: var(--gold);
      }
      .c-arabic {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 18px;
        color: var(--gold);
        letter-spacing: 0.05em;
        margin-bottom: 4rem;
      }
      .c-contact {
        border-top: 1px solid rgba(201, 169, 110, 0.2);
        padding-top: 3rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
      }
      .cc-label {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        font-size: 9px;
        color: var(--grey-1);
        margin-bottom: 0.5rem;
      }
      .cc-value {
        font-family: "Cormorant Garamond", serif;
        font-size: 17px;
        color: var(--snow);
      }
      
      /* ── ENQUIRY CTA ── */
      .cta-section {
        background: var(--void);
        position: relative;
        overflow: hidden;
        padding: 8rem min(10vw, 140px);
        text-align: center;
      }
      .cta-section::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 900px;
        height: 900px;
        background: radial-gradient(
          circle,
          rgba(201, 169, 110, 0.07) 0%,
          transparent 65%
        );
        pointer-events: none;
      }
      .cta-section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(201, 169, 110, 0.4),
          transparent
        );
      }
      .cta-eyebrow {
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.55em;
        font-size: 10px;
        color: var(--gold);
        text-transform: uppercase;
        margin-bottom: 2rem;
        position: relative;
        z-index: 2;
      }
      .cta-heading {
        font-family: "Cormorant Garamond", serif;
        font-weight: 300;
        font-size: clamp(52px, 7vw, 96px);
        line-height: 0.95;
        color: var(--snow);
        position: relative;
        z-index: 2;
        margin-bottom: 0.4em;
      }
      .cta-heading .acc {
        font-style: italic;
        color: var(--gold);
      }
      .cta-sub {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: clamp(18px, 2vw, 24px);
        color: var(--gold-soft);
        max-width: 560px;
        margin: 0 auto 3.5rem;
        line-height: 1.5;
        position: relative;
        z-index: 2;
      }
      .cta-form {
        max-width: 640px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
      }
      .cta-form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
        margin-bottom: 1.2rem;
      }
      .cta-field {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
        text-align: left;
      }
      .cta-field.full {
        grid-column: 1/-1;
      }
      .cta-field label {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.2em;
        font-size: 9px;
        text-transform: uppercase;
        color: var(--grey-1);
      }
      .cta-field input,
      .cta-field select,
      .cta-field textarea {
        background: transparent;
        border: none;
        border-bottom: 1px solid rgba(201, 169, 110, 0.3);
        padding: 0.7rem 0;
        font-family: "Cormorant Garamond", serif;
        font-size: 17px;
        color: var(--snow);
        outline: none;
        width: 100%;
        transition: border-color 0.25s;
        -webkit-appearance: none;
        appearance: none;
      }
      .cta-field input::placeholder,
      .cta-field textarea::placeholder {
        color: rgba(245, 242, 236, 0.25);
      }
      .cta-field input:focus,
      .cta-field select:focus,
      .cta-field textarea:focus {
        border-bottom-color: var(--gold);
      }
      .cta-field select option {
        background: var(--void);
        color: var(--snow);
      }
      .cta-field textarea {
        resize: none;
        line-height: 1.65;
      }
      .cta-btn {
        margin-top: 2.5rem;
        display: inline-flex;
        align-items: center;
        gap: 1.2rem;
        background: transparent;
        border: 1px solid var(--gold);
        color: var(--gold);
        font-family: "Cinzel", serif;
        font-weight: 400;
        letter-spacing: 0.32em;
        font-size: 11px;
        text-transform: uppercase;
        padding: 1.2rem 3rem;
        cursor: pointer;
        transition:
          background 0.3s,
          color 0.3s;
        position: relative;
        overflow: hidden;
      }
      .cta-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--gold);
        transform: translateX(-100%);
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .cta-btn:hover::before {
        transform: translateX(0);
      }
      .cta-btn:hover {
        color: var(--void);
      }
      .cta-btn span {
        position: relative;
        z-index: 1;
      }
      .cta-btn .arrow {
        position: relative;
        z-index: 1;
        font-size: 16px;
        letter-spacing: 0;
      }
      .cta-divider {
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(201, 169, 110, 0.25),
          transparent
        );
        margin: 3rem 0;
      }
      .cta-contact-row {
        display: flex;
        justify-content: center;
        gap: 4rem;
        position: relative;
        z-index: 2;
        flex-wrap: wrap;
      }
      .cta-contact-item {
        text-align: center;
      }
      .cta-contact-item .label {
        font-family: "Jost", sans-serif;
        font-weight: 300;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        font-size: 9px;
        color: var(--grey-1);
        margin-bottom: 0.4rem;
      }
      .cta-contact-item .value {
        font-family: "Cormorant Garamond", serif;
        font-size: 18px;
        color: var(--snow);
      }
      .cta-success {
        display: none;
        text-align: center;
        padding: 3rem 0;
      }
      .cta-success .s-icon {
        font-size: 32px;
        color: var(--gold);
        margin-bottom: 1.5rem;
      }
      .cta-success h3 {
        font-family: "Cormorant Garamond", serif;
        font-weight: 300;
        font-size: 38px;
        color: var(--snow);
        margin-bottom: 0.8rem;
      }
      .cta-success p {
        font-family: "Cormorant Garamond", serif;
        font-style: italic;
        font-size: 18px;
        color: var(--gold-soft);
      }
      
      .ibi-section{
          display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            margin-top: 0.5rem;
      }

      @media print {
          
        .page,
        .cover,
        .closing,
        .letter-page {
          padding: 3rem 2.5rem;
          page-break-after: always;
        }
        .c-title {
          font-size: 62px;
        }
        .day {
          page-break-inside: avoid;
        }
        @page {
          margin: 0;
          size: A4;
        }
      }
      @media (max-width: 768px) {
          .ibi-section{
          display: block;
         
      }
        /*.page,*/
        /*.cover,*/
        /*.letter-page {*/
        /*  padding: 3rem 1.5rem;*/
        /*}*/
        .cta-section {
          padding: 5rem 1.5rem;
        }
        .cta-form-grid {
          grid-template-columns: 1fr;
        }
        .c-title {
          font-size: 48px;
        }
        .day {
          grid-template-columns: 1fr;
          gap: 0.5rem;
        }
        .d-mark {
          text-align: left;
        }
        .prop-grid,
        .c-contact {
          grid-template-columns: 1fr;
        }
        .meteo-grid {
          grid-template-columns: 1fr 1fr;
        }
        .seg-banner {
          flex-direction: column;
        }
        .cta-contact-row {
          gap: 2rem;
        }
      }/* End custom CSS */