{"id":2,"date":"2025-10-08T05:53:01","date_gmt":"2025-10-08T05:53:01","guid":{"rendered":"http:\/\/toffeetravels.com\/?page_id=2"},"modified":"2026-01-14T08:53:20","modified_gmt":"2026-01-14T08:53:20","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/toffeetravels.com\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c09b018 elementor-section-full_width elementor-section-stretched elementor-section-content-top elementor-section-height-default elementor-section-height-default\" data-id=\"3c09b018\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-669d0675\" data-id=\"669d0675\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2279d2d9 elementor-widget elementor-widget-html\" data-id=\"2279d2d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Toffee Travels | Private Itinerary Management<\/title><meta name=\"description\" content=\"Effortless private itinerary management for ultra-high-net-worth families. Commission your travel masterpiece.\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&family=Manrope:wght@200;400;500;800&display=swap\" rel=\"stylesheet\"><style>\r\n\r\n\/* --- CORE VARIABLES --- *\/\r\n:root {\r\n    --bg-color: #050A14;\r\n    --text-color: #E6B89C;\r\n    --text-dim: rgba(230, 184, 156, 0.7);\r\n    --glass-bg: rgba(230, 184, 156, 0.05);\r\n    --glass-border: rgba(230, 184, 156, 0.15);\r\n    --line-color: rgba(230, 184, 156, 0.15);\r\n    --font-sans: 'Manrope', sans-serif;\r\n    --font-serif: 'Cormorant Garamond', serif;\r\n    --easing: cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n\r\n\/* WIDGET RESET *\/\r\n.toffee-wrapper {\r\n    background-color: var(--bg-color);\r\n    color: var(--text-color);\r\n    font-family: var(--font-sans);\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    text-rendering: optimizeLegibility;\r\n}\r\n\r\n.toffee-wrapper * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* TYPOGRAPHY *\/\r\n.toffee-wrapper h1,\r\n.toffee-wrapper h2,\r\n.toffee-wrapper h3,\r\n.toffee-wrapper h4 {\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.1;\r\n    margin: 0;\r\n}\r\n\r\n.toffee-wrapper .serif {\r\n    font-family: var(--font-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n.toffee-wrapper .giant-text {\r\n    font-size: clamp(3rem, 6vw, 6.5rem);\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.toffee-wrapper .section-title {\r\n    font-size: clamp(2rem, 4vw, 3.5rem);\r\n    margin-bottom: 1rem;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.toffee-wrapper .body-text {\r\n    font-size: 1.1rem;\r\n    line-height: 1.6;\r\n    color: var(--text-dim);\r\n}\r\n\r\n.toffee-wrapper .micro {\r\n    font-size: 0.75rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--text-dim);\r\n    display: block;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n.toffee-container {\r\n    width: 90%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.toffee-section {\r\n    padding: 10vh 0;\r\n    position: relative;\r\n}\r\n\r\n.toffee-wrapper img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n   \/* object-fit: cover; *\/\r\n    background-color: #1a1a1a;\r\n    min-height: 200px;\r\n}\r\n\r\n\/* ANIMATIONS (Desktop Only) *\/\r\n@media (min-width: 1025px) {\r\n    .fade-up {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: opacity 1s var(--easing), transform 1s var(--easing);\r\n    }\r\n\r\n    .fade-up.view-in {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* MOBILE OVERRIDE: FORCE VISIBILITY *\/\r\n@media (max-width: 1024px) {\r\n    .fade-up {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        visibility: visible !important;\r\n    }\r\n}\r\n\r\n\/* EFFECTS *\/\r\n.film-grain {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 999;\r\n    opacity: 0.04;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* CURSOR (Desktop Only) *\/\r\n@media (pointer: fine) {\r\n    body:not(.elementor-editor-active) {\r\n        cursor: none;\r\n    }\r\n\r\n    .cursor {\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid var(--text-color);\r\n        border-radius: 50%;\r\n        position: fixed;\r\n        pointer-events: none;\r\n        z-index: 1000;\r\n        mix-blend-mode: difference;\r\n        transition: transform 0.1s, opacity 0.3s;\r\n    }\r\n\r\n    .cursor.expand {\r\n        background: var(--text-color);\r\n        transform: scale(3);\r\n        opacity: 0.2;\r\n        border: none;\r\n    }\r\n}\r\n\r\n\/* NAV *\/\r\n.toffee-nav {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 2rem 5%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    z-index: 10;\r\n}\r\n\r\n.toffee-nav .nav-links {\r\n    display: flex;\r\n    gap: 3rem;\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.toffee-nav .nav-links a {\r\n    color: var(--text-color);\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    font-size: 0.75rem;\r\n    letter-spacing: 0.1em;\r\n    opacity: 0.8;\r\n    transition: opacity 0.3s;\r\n    font-weight: 500;\r\n}\r\n\r\n.toffee-nav .nav-links a:hover {\r\n    opacity: 1;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .toffee-nav .nav-links {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo {\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n}\r\n\r\n.nav-btn {\r\n    border: 1px solid var(--line-color);\r\n    padding: 0.8rem 2rem;\r\n    border-radius: 50px;\r\n    text-transform: uppercase;\r\n    font-size: 0.75rem;\r\n    letter-spacing: 0.1em;\r\n    transition: 0.3s;\r\n    text-decoration: none;\r\n    color: var(--text-color);\r\n}\r\n\r\n.nav-btn:hover {\r\n    border-color: var(--text-color);\r\n    background: var(--glass-bg);\r\n}\r\n\r\n.dest-card,\r\n.mood-card {\r\n    cursor: pointer;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-bg-img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: 0;\r\n}\r\n\r\n.hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, rgba(5, 10, 20, 0.3), rgba(5, 10, 20, 0.8));\r\n    z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n    max-width: 900px;\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 0 1rem;\r\n}\r\n\r\n.hero-btns {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    margin-top: 2rem;\r\n}\r\n\r\n.hero-btns .micro {\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n.hero-btns {\r\n    margin-top: 3rem;\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    justify-content: center;\r\n}\r\n\r\n.trust-strip {\r\n    padding: 3rem 0 1rem;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 4rem;\r\n    align-items: center;\r\n    opacity: 0.4;\r\n    user-select: none;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.logo-marquee {\r\n    width: 100%;\r\n    padding: 2rem 0;\r\n    margin-top: 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    border-top: 1px solid rgba(230, 184, 156, 0.2);\r\n    border-bottom: 1px solid rgba(230, 184, 156, 0.2);\r\n}\r\n\r\n.marquee-track {\r\n    display: flex;\r\n    gap: 8rem;\r\n    width: max-content;\r\n    animation: scroll 40s linear infinite;\r\n}\r\n\r\n.logo-marquee .marquee-logo {\r\n    height: 30px !important;\r\n    width: auto !important;\r\n    min-height: 0 !important;\r\n    max-width: none !important;\r\n    object-fit: contain !important;\r\n    opacity: 0.6;\r\n    background-color: transparent !important;\r\n}\r\n\r\n\r\n@keyframes scroll {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.btn-primary {\r\n    background: var(--text-color);\r\n    color: var(--bg-color);\r\n    border: none;\r\n    padding: 1.2rem 3rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-secondary {\r\n    background: transparent;\r\n    color: var(--text-color);\r\n    border: 1px solid var(--text-color);\r\n    padding: 1.2rem 3rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease;\r\n}\r\n\r\n.scroll-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(5, 10, 20, 0.8);\r\n    border: 1px solid var(--line-color);\r\n    color: var(--text-color);\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: all 0.3s;\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.scroll-btn:hover {\r\n    background: var(--text-color);\r\n    color: var(--bg-color);\r\n}\r\n\r\n.scroll-btn.prev {\r\n    left: 2rem;\r\n}\r\n\r\n.scroll-btn.next {\r\n    right: 2rem;\r\n}\r\n\r\n.btn-primary:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.btn-secondary:hover {\r\n    background: rgba(230, 184, 156, 0.1);\r\n}\r\n\r\n\/* PILLARS *\/\r\n.pillars-section {\r\n    padding: 10vh 0;\r\n    position: relative;\r\n    border-bottom: none;\r\n}\r\n\r\n.pillars-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 10%;\r\n    width: 80%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--line-color), transparent);\r\n}\r\n\r\n.pillars-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2rem;\r\n}\r\n\r\n.pillar-card {\r\n    text-align: center;\r\n    padding: 1rem;\r\n    border-right: 1px solid var(--line-color);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 1rem;\r\n}\r\n\r\n.pillar-card:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.pillar-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    stroke: var(--text-color);\r\n    fill: none;\r\n    stroke-width: 1.5;\r\n}\r\n\r\n.pillar-title {\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* SCROLL *\/\r\n.dest-scroll-section {\r\n    padding: 10vh 0;\r\n    position: relative;\r\n}\r\n\r\n.dest-scroll {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    gap: 3rem;\r\n    padding-bottom: 3rem;\r\n    scrollbar-width: none;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.dest-scroll::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.dest-card {\r\n    min-width: 60vw;\r\n    position: relative;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    scroll-snap-align: center;\r\n}\r\n\r\n.dest-img {\r\n    height: 70vh;\r\n    transition: transform 0.5s;\r\n    filter: brightness(0.8);\r\n}\r\n\r\n.dest-card:hover .dest-img {\r\n    transform: scale(1.05);\r\n    filter: brightness(1);\r\n}\r\n\r\n.dest-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 3rem;\r\n    background: linear-gradient(to top, #050A14, transparent);\r\n}\r\n\r\n\/* PROCESS *\/\r\n.process-grid {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 2rem;\r\n    margin-top: 4rem;\r\n    position: relative;\r\n    padding: 0 2rem;\r\n}\r\n\r\n\/* Horizontal Line *\/\r\n.process-grid::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 30%;\r\n    left: 5%;\r\n    width: 90%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--line-color), transparent);\r\n    z-index: 0;\r\n}\r\n\r\n.process-card {\r\n    flex: 1;\r\n    padding: 2rem;\r\n    position: relative;\r\n    background: transparent;\r\n    \/* Remove glass card background for cleaner look *\/\r\n    border: none;\r\n    box-shadow: none;\r\n    text-align: center;\r\n    backdrop-filter: none;\r\n}\r\n\r\n.process-card:hover {\r\n    transform: translateY(-5px);\r\n    background: transparent;\r\n    border: none;\r\n}\r\n\r\n.step-num {\r\n    font-family: var(--font-serif);\r\n    font-size: 4rem;\r\n    \/* Larger, more elegant *\/\r\n    color: var(--text-color);\r\n    opacity: 0.2;\r\n    margin-bottom: 0.5rem;\r\n    display: block;\r\n    position: relative;\r\n    background: var(--bg-color);\r\n    \/* Mask the line *\/\r\n    width: max-content;\r\n    margin: 0 auto 1rem;\r\n    padding: 0 1rem;\r\n    z-index: 1;\r\n}\r\n\r\n.process-card h4 {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 0.5rem;\r\n    color: var(--text-color);\r\n}\r\n\r\n.process-card .body-text {\r\n    font-size: 0.9rem;\r\n    opacity: 0.8;\r\n}\r\n\r\n\/* ARROW CONNECTORS between steps (CSS only) *\/\r\n.process-card:not(:last-child)::after {\r\n    content: '\u2192';\r\n    font-family: var(--font-sans);\r\n    position: absolute;\r\n    right: -1.5rem;\r\n    top: 30%;\r\n    transform: translateY(-50%);\r\n    font-size: 1.5rem;\r\n    color: var(--text-color);\r\n    opacity: 0.3;\r\n    z-index: 2;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .process-grid {\r\n        flex-direction: column;\r\n        gap: 3rem;\r\n    }\r\n\r\n    .process-grid::before {\r\n        width: 1px;\r\n        height: 90%;\r\n        top: 5%;\r\n        left: 50%;\r\n    }\r\n\r\n    .process-card:not(:last-child)::after {\r\n        content: '\u2193';\r\n        right: 50%;\r\n        top: auto;\r\n        bottom: -2rem;\r\n        transform: translateX(50%);\r\n    }\r\n}\r\n\r\n\/* MOOD GRID *\/\r\n.mood-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 4rem;\r\n}\r\n\r\n.mood-card {\r\n    padding: 2rem;\r\n    height: 400px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    transition: border-color 0.3s;\r\n}\r\n\r\n.mood-card:hover {\r\n    border-color: var(--text-color);\r\n}\r\n\r\n.mood-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: -1;\r\n    opacity: 1;\r\n    transition: transform 0.5s;\r\n}\r\n\r\n.mood-card:hover .mood-bg {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.mood-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 60%;\r\n    background: linear-gradient(to top, rgba(5, 10, 20, 0.9), transparent);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.mood-card h3,\r\n.mood-card .micro,\r\n.mood-card .body-text {\r\n    color: #FFFFFF;\r\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.mood-card .body-text {\r\n    color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.mood-card:nth-child(1) {\r\n    grid-column: span 2;\r\n}\r\n\r\n\/* FAQ *\/\r\n.faq-layout {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.accordion-item {\r\n    margin-bottom: 1rem;\r\n    transition: border-color 0.3s;\r\n}\r\n\r\n.accordion-header {\r\n    padding: 2rem;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    user-select: none;\r\n}\r\n\r\n.accordion-title {\r\n    font-size: 1.1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n}\r\n\r\n.icon-plus {\r\n    font-size: 1.5rem;\r\n    transition: transform 0.3s;\r\n}\r\n\r\n.accordion-content {\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    transition: grid-template-rows 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n\r\n.accordion-inner {\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    padding: 0 2rem;\r\n}\r\n\r\n.accordion-item.faq-open {\r\n    border-color: var(--text-color);\r\n}\r\n\r\n.accordion-item.faq-open .icon-plus {\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.accordion-item.faq-open .accordion-content {\r\n    grid-template-rows: 1fr;\r\n}\r\n\r\n.accordion-item.faq-open .accordion-inner {\r\n    opacity: 1;\r\n    padding-bottom: 2rem;\r\n}\r\n\r\n\/* CONTACT *\/\r\n.contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr;\r\n    gap: 10rem;\r\n    align-items: start;\r\n}\r\n\r\n.contact-form .input-group {\r\n    margin-bottom: 3rem;\r\n}\r\n\r\n.contact-form label {\r\n    display: block;\r\n    font-size: 0.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 1rem;\r\n    color: var(--text-dim);\r\n}\r\n\r\n.contact-form input,\r\n.contact-form textarea,\r\n.contact-form select {\r\n    width: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    border-bottom: 1px solid var(--line-color);\r\n    color: var(--text-color);\r\n    font-family: var(--font-serif);\r\n    font-size: 1.5rem;\r\n    padding: 0.5rem 0;\r\n    outline: none;\r\n    transition: border-color 0.3s;\r\n    border-radius: 0;\r\n}\r\n\r\n.contact-form select {\r\n    cursor: pointer;\r\n}\r\n\r\n.contact-form option {\r\n    background: var(--bg-color);\r\n    color: var(--text-color);\r\n    padding: 10px;\r\n}\r\n\r\n.contact-form input:focus,\r\n.contact-form textarea:focus,\r\n.contact-form select:focus {\r\n    border-color: var(--text-color);\r\n}\r\n\r\n.contact-info-card {\r\n    padding: 3rem;\r\n}\r\n\/* --- CONTACT FORM 7 STYLING --- *\/\r\n\r\n\/* 1. The Layout Grid (Responsive) *\/\r\n.wpcf7 .contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr;\r\n    gap: 6rem;\r\n    align-items: start;\r\n}\r\n\r\n\/* 2. Responsive Mobile Behavior (Stack columns) *\/\r\n@media (max-width: 1024px) {\r\n    .wpcf7 .contact-grid {\r\n        grid-template-columns: 1fr !important; \/* Stack vertically *\/\r\n        gap: 3rem !important;\r\n    }\r\n    \/* Fix Hero spacing on mobile while we are here *\/\r\n    .hero { padding-top: 180px !important; align-items: flex-start !important; }\r\n}\r\n\r\n\/* 3. Input Styles (Transparent & Luxurious) *\/\r\n.wpcf7 input[type=\"text\"],\r\n.wpcf7 input[type=\"email\"],\r\n.wpcf7 textarea,\r\n.wpcf7 select {\r\n    width: 100%;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-bottom: 1px solid rgba(230, 184, 156, 0.3) !important;\r\n    color: #E6B89C !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 1.5rem !important;\r\n    padding: 0.5rem 0 !important;\r\n    outline: none !important;\r\n    border-radius: 0 !important;\r\n}\r\n\r\n\/* 4. Focus State *\/\r\n.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {\r\n    border-bottom-color: #E6B89C !important;\r\n}\r\n\r\n\/* 5. Labels *\/\r\n.input-group label {\r\n    display: block;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-size: 0.75rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 0.5rem;\r\n    color: rgba(230, 184, 156, 0.7);\r\n    margin-top: 2rem;\r\n}\r\n\r\n\/* 6. Placeholder Text *\/\r\n.wpcf7 ::placeholder { color: rgba(230, 184, 156, 0.3); font-style: italic; }\r\n\r\n\/* 7. Submit Button (Positioned Below Form) *\/\r\n.wpcf7 input[type=\"submit\"] {\r\n    background: #E6B89C !important;\r\n    color: #050A14 !important;\r\n    border: none !important;\r\n    padding: 1.2rem 3rem !important;\r\n    font-family: 'Manrope', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.1em !important;\r\n    cursor: pointer !important;\r\n    margin-top: 2rem !important; \/* Reduced from 2.5rem *\/\r\n    width: auto !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n.wpcf7 input[type=\"submit\"]:hover {\r\n    transform: translateY(-3px);\r\n    opacity: 0.9;\r\n}\r\n\r\n\/* 8. Disclaimer Text (Tighter Spacing) *\/\r\n.wpcf7 .micro {\r\n    margin-top: 0.75rem !important; \/* FIXED: Moved closer to button *\/\r\n    color: rgba(230, 184, 156, 0.6) !important;\r\n    text-align: left;\r\n    font-size: 0.7rem;\r\n    display: block;\r\n}\r\n\r\n\/* 9. Dropdown Option Fix *\/\r\n.wpcf7 select option { background-color: #050A14; color: #E6B89C; }\r\n\/* --- FORCED CONTACT FORM STYLES --- *\/\r\n\r\n\/* 1. Force the Submit Button Spacing *\/\r\n.toffee-wrapper .wpcf7 input[type=\"submit\"] {\r\n    margin-top: 1.5rem !important; \/* Reduced top gap *\/\r\n    margin-bottom: 0 !important;\r\n    background: #E6B89C !important;\r\n    color: #050A14 !important;\r\n    border: none !important;\r\n    padding: 1.2rem 3rem !important;\r\n    font-family: 'Manrope', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.1em !important;\r\n    cursor: pointer !important;\r\n    width: auto !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n\/* 2. Force the Disclaimer Text to Hug the Button *\/\r\n.toffee-wrapper .wpcf7 .micro {\r\n    margin-top: 0.5rem !important; \/* Forces it very close to button *\/\r\n    padding-top: 0 !important;\r\n    color: rgba(230, 184, 156, 0.6) !important;\r\n    text-align: left !important;\r\n    font-size: 0.7rem !important;\r\n    display: block !important;\r\n    line-height: 1.4 !important;\r\n}\r\n\r\n\/* 3. Ensure Inputs are Transparent *\/\r\n.toffee-wrapper .wpcf7 input:not([type=\"submit\"]),\r\n.toffee-wrapper .wpcf7 textarea,\r\n.toffee-wrapper .wpcf7 select {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-bottom: 1px solid rgba(230, 184, 156, 0.3) !important;\r\n    color: #E6B89C !important;\r\n    border-radius: 0 !important;\r\n}\r\n\/* --- FIXED 2-COLUMN FORM LAYOUT --- *\/\r\n\r\n\/* 1. Main Grid: Give the Form (Left) MORE space so it doesn't crush *\/\r\n.wpcf7 .contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 3fr 2fr; \/* Changed from 2fr 1fr to give form more room *\/\r\n    gap: 4rem;\r\n    align-items: start;\r\n}\r\n\r\n\/* 2. Internal Form Split: Force equal 50\/50 columns *\/\r\n.form-internal-columns {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem; \/* Increased gap for breathing room *\/\r\n    width: 100%;\r\n}\r\n\r\n\/* 3. FORCE Inputs to fill the column (Fixes the short line issue) *\/\r\n.form-sub-col-1, .form-sub-col-2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0; \/* Prevents grid collapse *\/\r\n}\r\n\r\n\/* 4. Textarea Styling (Fixes \"Tell us...\" floating weirdly) *\/\r\n.wpcf7 textarea {\r\n    height: 100% !important;\r\n    min-height: 200px; \/* Consistent height *\/\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-bottom: 1px solid rgba(230, 184, 156, 0.3) !important; \/* Ensure line is visible *\/\r\n    color: #E6B89C !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 1.5rem !important;\r\n    padding: 0.5rem 0 !important;\r\n    resize: none;\r\n    border-radius: 0 !important;\r\n    vertical-align: top; \/* Starts text at the top *\/\r\n}\r\n\r\n\/* 5. General Input Styling (Ensures consistency) *\/\r\n.wpcf7 input:not([type=\"submit\"]), .wpcf7 select {\r\n    width: 100% !important; \/* FORCE WIDTH *\/\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-bottom: 1px solid rgba(230, 184, 156, 0.3) !important;\r\n    color: #E6B89C !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 1.5rem !important;\r\n    padding: 0.5rem 0 !important;\r\n    border-radius: 0 !important;\r\n    outline: none !important;\r\n}\r\n\r\n\/* 6. Label Styling (Prevents \"NUMBER OF GUESTS\" from breaking) *\/\r\n.input-group label {\r\n    white-space: nowrap; \/* Forces label to stay on one line *\/\r\n    display: block;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-size: 0.75rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 0.5rem;\r\n    color: rgba(230, 184, 156, 0.7);\r\n    margin-top: 1.5rem;\r\n}\r\n\r\n\/* 7. Button & Disclaimer Spacing *\/\r\n.form-footer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-top: 2rem;\r\n    gap: 0.75rem !important;\r\n}\r\n\r\n.wpcf7 input[type=\"submit\"] {\r\n    background: #E6B89C !important;\r\n    color: #050A14 !important;\r\n    border: none !important;\r\n    padding: 1.2rem 3rem !important;\r\n    font-family: 'Manrope', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.1em !important;\r\n    cursor: pointer !important;\r\n    width: auto !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.form-footer .micro {\r\n    margin: 0 !important;\r\n    color: rgba(230, 184, 156, 0.6) !important;\r\n    font-size: 0.7rem !important;\r\n}\r\n\r\n\/* 8. Mobile Stack (Responsive) *\/\r\n@media (max-width: 1024px) {\r\n    .wpcf7 .contact-grid {\r\n        grid-template-columns: 1fr !important; \/* Stack Form vs Info Card *\/\r\n        gap: 4rem;\r\n    }\r\n    .form-internal-columns {\r\n        grid-template-columns: 1fr !important; \/* Stack left\/right form columns *\/\r\n        gap: 0;\r\n    }\r\n    .wpcf7 textarea {\r\n        min-height: 150px;\r\n    }\r\n}\r\n\/* --- FIXED CONTACT FORM STYLES --- *\/\r\n\r\n\/* 1. Grid Layout Fix (Keeps Form Left, Card Right) *\/\r\n.wpcf7 .contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr; \/* Form takes 60%, Info takes 40% *\/\r\n    gap: 6rem;\r\n    align-items: start;\r\n}\r\n\r\n\/* 2. Button & Disclaimer Grouping (The Spacing Fix) *\/\r\n.form-footer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-top: 2rem;\r\n    gap: 0.75rem !important; \/* Tight spacing between button and text *\/\r\n}\r\n\r\n\/* 3. Reset Button Margins (So gap works) *\/\r\n.wpcf7 input[type=\"submit\"] {\r\n    margin: 0 !important; \/* Remove default margins *\/\r\n    background: #E6B89C !important;\r\n    color: #050A14 !important;\r\n    border: none !important;\r\n    padding: 1.2rem 3rem !important;\r\n    font-family: 'Manrope', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.1em !important;\r\n    cursor: pointer !important;\r\n    width: auto !important;\r\n}\r\n\r\n\/* 4. Disclaimer Text Styling *\/\r\n.form-footer .micro {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: rgba(230, 184, 156, 0.6) !important;\r\n    font-size: 0.7rem !important;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* 5. Input Styles (Transparent) *\/\r\n.wpcf7 input:not([type=\"submit\"]),\r\n.wpcf7 textarea,\r\n.wpcf7 select {\r\n    width: 100%;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-bottom: 1px solid rgba(230, 184, 156, 0.3) !important;\r\n    color: #E6B89C !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 1.5rem !important;\r\n    padding: 0.5rem 0 !important;\r\n    border-radius: 0 !important;\r\n    outline: none !important;\r\n}\r\n\r\n\/* 6. Mobile Stack Fix *\/\r\n@media (max-width: 1024px) {\r\n    .wpcf7 .contact-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 4rem !important;\r\n    }\r\n    .contact-info-card { margin-top: 0 !important; }\r\n}\r\n\/* FOOTER *\/\r\n.toffee-footer {\r\n    padding: 10rem 0 4rem;\r\n    position: relative;\r\n    border-top: none;\r\n}\r\n\r\n.toffee-footer::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 10%;\r\n    width: 80%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--line-color), transparent);\r\n}\r\n\r\n.footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n    gap: 4rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.footer-col h4 {\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 1.5rem;\r\n    opacity: 0.5;\r\n}\r\n\r\n.footer-col ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.footer-col li {\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.footer-col a {\r\n    color: var(--text-color);\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.footer-col a:hover {\r\n    opacity: 0.6;\r\n}\r\n\r\n.social-icons {\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    align-items: center;\r\n}\r\n\r\n.social-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: var(--text-color);\r\n    opacity: 0.7;\r\n    transition: transform 0.3s, opacity 0.3s;\r\n}\r\n\r\n.social-icon:hover {\r\n    transform: scale(1.2);\r\n    opacity: 1;\r\n}\r\n\r\n.copyright {\r\n    text-align: center;\r\n    font-size: 0.75rem;\r\n    opacity: 0.4;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    padding-top: 2rem;\r\n    position: relative;\r\n    border-top: none;\r\n}\r\n\r\n.copyright::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 20%;\r\n    width: 60%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--line-color), transparent);\r\n}\r\n\/* --- 1. DESKTOP NAVIGATION FIX --- *\/\r\n.toffee-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center; \/* This forces Logo and Button to be on the exact same center line *\/\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 2rem 5%;\r\n    z-index: 100;\r\n}\r\n\r\n\/* Ensure the button doesn't float weirdly *\/\r\n.nav-btn {\r\n    align-self: center; \/* Double enforcement for centering *\/\r\n    margin-top: 0 !important; \/* Removes any accidental margins *\/\r\n}\r\n\r\n\/* --- 2. HERO SPACING FIX (DESKTOP) --- *\/\r\n.hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    \/* Add padding to ensure content never hits the nav bar *\/\r\n    padding-top: 120px; \r\n}\r\n\r\n\/* --- 3. MOBILE SPACING FIX (CRITICAL) --- *\/\r\n@media (max-width: 1024px) {\r\n    .hero {\r\n        \/* Drastically increase top padding on mobile to clear the logo *\/\r\n        padding-top: 180px !important; \r\n        align-items: flex-start !important; \/* Start text from top (after padding) instead of centering *\/\r\n    }\r\n\r\n    .toffee-nav {\r\n        padding: 1.5rem 5% !important; \/* Tighter nav padding on mobile *\/\r\n    }\r\n    \r\n    \/* Scale down the giant text slightly on mobile if it's still too aggressive *\/\r\n    .giant-text {\r\n        font-size: 2.8rem !important; \r\n    }\r\n}\r\n\/* RESPONSIVE & MOBILE FIXES *\/\r\n@media (max-width: 1024px) {\r\n\r\n    \/* HERO MOBILE OVERFLOW FIX *\/\r\n    .hero {\r\n        height: auto !important;\r\n        min-height: 100dvh !important;\r\n        padding: 8rem 0 4rem 0;\r\n        overflow: hidden !important;\r\n        \/* Forces clip so image doesn't overlap pillars *\/\r\n    }\r\n\r\n    .hero-bg-img {\r\n        position: absolute;\r\n        height: 100% !important;\r\n        \/* Fits container strictly *\/\r\n        width: 100% !important;\r\n        object-position: center bottom !important;\r\n    }\r\n\r\n    \/* COMPACT TEXT *\/\r\n    .giant-text {\r\n        font-size: 2.5rem;\r\n        line-height: 1.1;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .hero-content .body-text {\r\n        font-size: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .hero-btns {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        padding: 0 5%;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .btn-primary,\r\n    .btn-secondary {\r\n        width: 100%;\r\n        padding: 1rem 0;\r\n    }\r\n\r\n    \/* GRID STACKING *\/\r\n    .pillars-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .pillar-card {\r\n        border-right: none;\r\n        border-bottom: 1px solid var(--line-color);\r\n    }\r\n\r\n    .process-grid,\r\n    .contact-grid,\r\n    .footer-grid,\r\n    .mood-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n\r\n    .mood-card:nth-child(1) {\r\n        grid-column: span 1;\r\n    }\r\n\r\n    .dest-card {\r\n        min-width: 85vw;\r\n    }\r\n\r\n    .scroll-btn {\r\n        display: none;\r\n    }\r\n\r\n    .dest-img {\r\n        height: 50vh;\r\n    }\r\n\r\n    .mood-card {\r\n        height: 350px;\r\n    }\r\n}\r\n\r\n\/* 1. Aligns items to the corners *\/\r\n.toffee-nav {\r\n    display: flex;\r\n    justify-content: space-between; \/* This forces Logo Left, Button Right *\/\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 2rem 5%;\r\n    z-index: 100;\r\n}\r\n\r\n\/* 2. Forces exact size *\/\r\n.logo-img {\r\n    width: 250px !important; \r\n    height: 50% !important;\r\n    object-fit: contain;\r\n    display: block;\r\n    background: transparent !important;\r\n}\r\n\/* --- MOBILE LAYOUT FIXES --- *\/\r\n@media (max-width: 1024px) {\r\n    \/* 1. Push the Hero Content DOWN so it doesn't overlap the logo *\/\r\n    .hero {\r\n        padding-top: 180px !important; \/* increased space at top *\/\r\n        align-items: flex-start !important; \/* align text to top (after padding) instead of center *\/\r\n    }\r\n\r\n    \/* 2. Ensure Logo and Button fit on one line *\/\r\n    .toffee-nav {\r\n        padding: 1.5rem 5% !important;\r\n    }\r\n}\r\n\/* 3. Removes link borders\/backgrounds *\/\r\n.logo-link {\r\n    background: transparent !important;\r\n    border: none !important;\r\n}\r\n<\/style><div class=\"toffee-wrapper\"><div class=\"film-grain\"><\/div><div class=\"cursor\"><\/div>\r\n<nav class=\"toffee-nav\">\r\n    <a href=\"#\" class=\"logo-link\">\r\n        <img decoding=\"async\" class=\"logo-img\" src=\"https:\/\/toffeetravels.com\/wp-content\/uploads\/2026\/01\/toffee-logoo-e1768372029627.png\" alt=\"Toffee Travels Logo\">\r\n    <\/a>\r\n    <div class=\"nav-links\"><a href=\"#destinations\">Destinations<\/a><a href=\"philosophy.html\">The Philosophy<\/a><a href=\"#contact\">Contact<\/a><\/div><a href=\"#contact\" class=\"nav-btn\">Start Journey<\/a><\/nav><section class=\"hero\"><div class=\"hero-overlay\"><\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?q=80&w=2000&auto=format&fit=crop\" class=\"hero-bg-img\" alt=\"Cinematic Landscape\"><div class=\"hero-content fade-up\"><h1 class=\"giant-text\">End-to-End<br><span class=\"serif\" style=\"text-transform: none;\">Private Travel Management<\/span><br>for Families.<\/h1><p class=\"body-text\" style=\"max-width: 600px; margin: 2rem auto; opacity: 0.9;\">Effortlessly curated private itineraries for ultra-high-net-worth families.<\/p><div class=\"hero-btns\"><button class=\"btn-primary\" onclick=\"window.location.href='#contact'\">Request Itinerary Proposal<\/button><p class=\"micro\" style=\"margin-top: 1rem; opacity: 0.9; font-size: 0.75rem; font-weight: 600;\">Complimentary Quote+Itinerary Preview. No commitment required.<\/p><\/div><\/div><\/section><div class=\"logo-marquee fade-up\"><div class=\"marquee-track\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f8\/VOGUE_LOGO.svg\" class=\"marquee-logo\" alt=\"Vogue\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/36\/Tatler_logo.svg\/3840px-Tatler_logo.svg.png\" class=\"marquee-logo\" alt=\"Tatler\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Monocle_brand_logo.svg\/3840px-Monocle_brand_logo.svg.png\" class=\"marquee-logo\" alt=\"Monocle\"><img decoding=\"async\" src=\"https:\/\/d1io3yog0oux5.cloudfront.net\/_de55198389bf5ef1db8e3bb0dba53840\/travelandleisureco\/logo.png\" class=\"marquee-logo\" alt=\"Travel + Leisure\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/61\/Cond%C3%A9_Nast_logo.svg\/1024px-Cond%C3%A9_Nast_logo.svg.png\" class=\"marquee-logo\" alt=\"Cond\u00e9 Nast\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f8\/VOGUE_LOGO.svg\" class=\"marquee-logo\" alt=\"Vogue\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/36\/Tatler_logo.svg\/3840px-Tatler_logo.svg.png\" class=\"marquee-logo\" alt=\"Tatler\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Monocle_brand_logo.svg\/3840px-Monocle_brand_logo.svg.png\" class=\"marquee-logo\" alt=\"Monocle\"><img decoding=\"async\" src=\"https:\/\/d1io3yog0oux5.cloudfront.net\/_de55198389bf5ef1db8e3bb0dba53840\/travelandleisureco\/logo.png\" class=\"marquee-logo\" alt=\"Travel + Leisure\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/61\/Cond%C3%A9_Nast_logo.svg\/1024px-Cond%C3%A9_Nast_logo.svg.png\" class=\"marquee-logo\" alt=\"Cond\u00e9 Nast\"><\/div><\/div><div class=\"toffee-container\"><section class=\"pillars-section\"><div class=\"pillars-grid fade-up\"><div class=\"pillar-card\"><svg class=\"pillar-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zm0 9l2.5-1.25L12 8.5l-2.5 1.25L12 11zm0 2.5l-5-2.5-5 2.5L12 22l10-8.5-5-2.5-5 2.5z\" \/><\/svg><span class=\"pillar-title\">Architected Dreams<\/span><p class=\"body-text\" style=\"font-size: 0.8rem; margin-top: 0.5rem; opacity: 0.7;\">Bespoke Design<\/p><\/div><div class=\"pillar-card\"><svg class=\"pillar-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/><\/svg><span class=\"pillar-title\">Privacy-First<\/span><p class=\"body-text\" style=\"font-size: 0.8rem; margin-top: 0.5rem; opacity: 0.7;\">Anonymity<\/p><\/div><div class=\"pillar-card\"><svg class=\"pillar-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><polyline points=\"12 6 12 12 16 14\" \/><\/svg><span class=\"pillar-title\">Fluid Itineraries<\/span><p class=\"body-text\" style=\"font-size: 0.8rem; margin-top: 0.5rem; opacity: 0.7;\">Flights & Logistics Included<\/p><\/div><div class=\"pillar-card\"><svg class=\"pillar-icon\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" \/><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"17\" \/><line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"17\" \/><line x1=\"16\" y1=\"11\" x2=\"16\" y2=\"17\" \/><line x1=\"2\" y=\"8\" x2=\"22\" y=\"8\" \/><\/svg><span class=\"pillar-title\">Transparent Budgets<\/span><p class=\"body-text\" style=\"font-size: 0.8rem; margin-top: 0.5rem; opacity: 0.7;\">Starts at $2,\r\n000\/pp<\/p><\/div><\/div><\/section><\/div><br><div id=\"destinations\" class=\"dest-scroll-section\"><div class=\"toffee-container fade-up\" style=\"margin-bottom: 2rem;\"><span class=\"micro\">02. The Panorama<\/span><h2 class=\"section-title\">Glimpses of <span class=\"serif\">the Unseen.<\/span><\/h2><\/div><div class=\"dest-scroll-container\" style=\"position:relative;\"><button class=\"scroll-btn prev\" onclick=\"document.querySelector('.dest-scroll').scrollBy({left: -400, behavior: 'smooth'})\">\u2190<\/button><button class=\"scroll-btn next\" onclick=\"document.querySelector('.dest-scroll').scrollBy({left: 400, behavior: 'smooth'})\">\u2192<\/button><div class=\"dest-scroll fade-up\"><div class=\"dest-card\" onclick=\"window.location.href='#contact'\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1493976040374-85c8e12f0c0e?q=80&w=1000&auto=format&fit=crop\" class=\"dest-img\" alt=\"Kyoto\"><div class=\"dest-overlay\"><span class=\"micro\">Japan<\/span><h3>Kyoto,\r\nSakura Season<\/h3><\/div><\/div><div class=\"dest-card\" onclick=\"window.location.href='#contact'\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1548115184-bc6544d06a58?q=80&w=1000&auto=format&fit=crop\" class=\"dest-img\" alt=\"Jeju\"><div class=\"dest-overlay\"><span class=\"micro\">South Korea<\/span><h3>Jeju Island Cliffs<\/h3><\/div><\/div><div class=\"dest-card\" onclick=\"window.location.href='#contact'\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1504457047772-27faf1c00561?q=80&w=1000&auto=format&fit=crop\" class=\"dest-img\" alt=\"Hoi An\"><div class=\"dest-overlay\"><span class=\"micro\">Vietnam<\/span><h3>Hoi An Lanterns<\/h3><\/div><\/div><div class=\"dest-card\" onclick=\"window.location.href='#contact'\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1556881798-ea9705321743?q=80&w=1000&auto=format&fit=crop\" class=\"dest-img\" alt=\"Kazakhstan\"><div class=\"dest-overlay\"><span class=\"micro\">Kazakhstan<\/span><h3>Charyn Canyon<\/h3><\/div><\/div><\/div><\/div><div class=\"toffee-container\"><section id=\"philosophy\"><div class=\"fade-up\"><span class=\"micro\">03. The Method<\/span><h2 class=\"section-title\">Your journey,\r\n<br><span class=\"serif\">gently unfolded.<\/span><\/h2><\/div><div class=\"process-grid\"><div class=\"process-card glass-card fade-up\"><span class=\"step-num\">01<\/span><h4>The Dialogue<\/h4><p class=\"body-text\" style=\"margin-top: 1rem;\">We learn your vibe,\r\ntravel style,\r\npace,\r\nand curiosity. No forms,\r\njust a conversation.<\/p><\/div><div class=\"process-card glass-card fade-up\" style=\"transition-delay: 0.1s;\"><span class=\"step-num\">02<\/span><h4>The Blueprint<\/h4><p class=\"body-text\" style=\"margin-top: 1rem;\">Your itinerary evolves with mood,\r\ntimelines,\r\nand inspiration. A living document,\r\nnot a PDF.<\/p><\/div><div class=\"process-card glass-card fade-up\" style=\"transition-delay: 0.2s;\"><span class=\"step-num\">03<\/span><h4>The Immersion<\/h4><p class=\"body-text\" style=\"margin-top: 1rem;\">Real-time adaptive suggestions as you travel. Weather changed? Mood shifted? We adjust.<\/p><\/div><div class=\"process-card glass-card fade-up\" style=\"transition-delay: 0.3s;\"><span class=\"step-num\">04<\/span><h4>The Memory<\/span><\/p><\/div><\/div><\/section><\/div><br><section class=\"toffee-section testimonial-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1506744038136-46273834b3fb?q=80&w=2000&auto=format&fit=crop'); background-position: center; background-size: cover; padding: 15vh 0; position: relative;\"><div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #0f0f0f, rgba(15, 15, 15, 0.4), #0f0f0f); z-index: 1;\"><\/div><div style=\"max-width: 1400px; margin: 0 auto; position: relative; z-index: 2;\"><style>.testimonial-scroller {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    gap: 2rem;\r\n    padding: 2rem 2rem 4rem 2rem;\r\n    scroll-behavior: smooth;\r\n    -webkit-overflow-scrolling: touch;\r\n    width: 100%;\r\n}\r\n\r\n.testimonial-scroller::-webkit-scrollbar {\r\n    height: 4px;\r\n}\r\n\r\n.testimonial-scroller::-webkit-scrollbar-track {\r\n    background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.testimonial-scroller::-webkit-scrollbar-thumb {\r\n    background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.testimonial-item {\r\n    min-width: 85vw;\r\n    max-width: 85vw;\r\n    flex-shrink: 0;\r\n    text-align: left;\r\n    scroll-snap-align: center;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 3rem;\r\n    border-radius: 4px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .testimonial-item {\r\n        min-width: 500px;\r\n        max-width: 500px;\r\n    }\r\n}\r\n\r\n<\/style><div class=\"testimonial-scroller\"><div class=\"testimonial-item\"><span class=\"micro\" style=\"color: rgba(255,255,255,0.6); margin-bottom: 1.5rem; display: block;\">Client Note<\/span><h3 class=\"serif\" style=\"font-size: 1.5rem; line-height: 1.5; margin-bottom: 2rem; color: #e0e0e0;\">\"Traveling with kids usually means compromise, this time, it didn\u2019t. Toffee Travels worked every detail for all of us for our family trip to Japan. Spacious accommodations, seamless logistics, and experiences our children still talk about. We felt relaxed, connected, and genuinely cared for. That\u2019s rare for a family trip.\" <\/h3><span class=\"micro\" style=\"color: #fff; opacity: 1; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1rem; display: inline-block;\">The Mitchell Family<\/span><\/div><div class=\"testimonial-item\"><span class=\"micro\" style=\"color: rgba(255,255,255,0.6); margin-bottom: 1.5rem; display: block;\">Client Note<\/span><h3 class=\"serif\" style=\"font-size: 1.5rem; line-height: 1.5; margin-bottom: 2rem; color: #e0e0e0;\">\"Our honeymoon across Bali and Singapore felt intimate and beautifully paced. Quiet mornings, surprise moments, and stays that felt completely heavenly. Toffee Travels created a journey that let us fall in love with the places and with each other all over again.\" <\/h3><span class=\"micro\" style=\"color: #fff; opacity: 1; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1rem; display: inline-block;\">Emma & David<\/span><\/div><div class=\"testimonial-item\"><span class=\"micro\" style=\"color: rgba(255,255,255,0.6); margin-bottom: 1.5rem; display: block;\">Client Note<\/span><h3 class=\"serif\" style=\"font-size: 1.5rem; line-height: 1.5; margin-bottom: 2rem; color: #e0e0e0;\">\"Traveling with our family through Uzbekistan and Kazakhstan felt effortless thanks to Toffee Travels. Every transfer, hotel, and daily plan was perfectly handled. It was luxury in the sense that we could completely relax and just enjoy being there.\" <\/h3><span class=\"micro\" style=\"color: #fff; opacity: 1; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1rem; display: inline-block;\">Mr. Arnault & Family<\/span><\/div><\/div><\/div><\/section><\/div><div class=\"toffee-container\"><section class=\"toffee-section\"><div class=\"fade-up\" style=\"text-align: center; margin-bottom: 3rem;\"><span class=\"micro\">05. Clarity<\/span><h2 class=\"section-title\">Questions,\r\n<span class=\"serif\">Answered.<\/span><\/h2><\/div><div class=\"faq-layout\"><div class=\"accordion-item glass-card fade-up\"><div class=\"accordion-header\"><span class=\"accordion-title\">What is \"Slow Travel\" ?<\/span><span class=\"icon-plus\">+<\/span><\/div><div class=\"accordion-content\"><div class=\"accordion-inner\">It means we prioritize depth over breadth. Instead of 10 cities in 10 days,\r\nwe arrange immersive stays that allow you to truly breathe in the culture. <\/div><\/div><\/div><div class=\"accordion-item glass-card fade-up\"><div class=\"accordion-header\"><span class=\"accordion-title\">Do you handle flights?<\/span><span class=\"icon-plus\">+<\/span><\/div><div class=\"accordion-content\"><div class=\"accordion-inner\">Yes,\r\nour concierge team handles all logistics,\r\nincluding private aviation,\r\ncommercial first\/business class,\r\nand complex transfers. <\/div><\/div><\/div><div class=\"accordion-item glass-card fade-up\"><div class=\"accordion-header\"><span class=\"accordion-title\">What is the minimum budget?<\/span><span class=\"icon-plus\">+<\/span><\/div><div class=\"accordion-content\"><div class=\"accordion-inner\">To ensure the quality of curation and exclusivity of access,\r\nour bespoke itineraries typically begin at $2,\r\n000 per person,\r\nexcluding international airfare. <\/div><\/div><\/div><div class=\"accordion-item glass-card fade-up\"><div class=\"accordion-header\"><span class=\"accordion-title\">Do you work with families\/children?<\/span><span class=\"icon-plus\">+<\/span><\/div><div class=\"accordion-content\"><div class=\"accordion-inner\">Absolutely. We specialize in multi-generational travel,\r\nensuring that every age group\u2014from toddlers to grandparents\u2014has a seamless and engaging experience. We understand the nuances of family dynamics on the road.<\/div><\/div><\/div><\/div><\/section><\/div><div class=\"toffee-container\"><section id=\"contact\" class=\"toffee-section\"><div class=\"contact-grid\"><div class=\"fade-up\"><span class=\"micro\">06. Connection<\/span><h2 class=\"section-title\">Commission Your <span class=\"serif\">Journey<\/span><\/h2>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f133-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"133\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F2#wpcf7-f133-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"133\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f133-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-grid\">\n\t<div class=\"form-area-split fade-up\">\n\t\t<div class=\"form-internal-columns\">\n\t\t\t<div class=\"form-sub-col-1\">\n\t\t\t\t<div class=\"input-group\">\n\t\t\t\t\t<p><label>Name<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"input-group\">\n\t\t\t\t\t<p><label>Email<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"email@address.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"input-group\">\n\t\t\t\t\t<p><label>Budget (USD)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"budget\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required budget-select\" aria-required=\"true\" aria-invalid=\"false\" name=\"budget\"><option value=\"Select Range...\">Select Range...<\/option><option value=\"$2k - $5k\">$2k - $5k<\/option><option value=\"$5k - $10k\">$5k - $10k<\/option><option value=\"$10k - $20k\">$10k - $20k<\/option><option value=\"$20k - $50k\">$20k - $50k<\/option><option value=\"$50k+\">$50k+<\/option><\/select><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-footer\">\n\t\t\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Request Invitation\" \/>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<p class=\"micro\">Limited bespoke slots available.\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-sub-col-2\">\n\t\t\t\t<div class=\"input-group\">\n\t\t\t\t\t<p><label>Number of Guests<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-guests\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"02\" value=\"\" type=\"text\" name=\"your-guests\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"input-group\" style=\"height: 100%; display:flex; flex-direction:column;\">\n\t\t\t\t\t<p><label>What's on your mind?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Tell us...\" name=\"your-message\"><\/textarea><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div><div class=\"contact-info-card glass-card fade-up\" style=\"margin-top: 4rem;\"><h3>We reply within<br><span class=\"serif\">one business day.<\/span><\/h3><p class=\"body-text\" style=\"margin-top: 1rem;\">No bots. Just travelers talking to travelers. We value your privacy and time above all else.<\/p><\/div><\/div><\/section><\/div><div class=\"toffee-container\"><footer class=\"toffee-footer\" style=\"text-align: center; padding: 4rem 0;\"><div class=\"footer-center\"><h3 style=\"margin-bottom: 2rem;\">TOFFEE TRAVELS<\/h3><p class=\"body-text\" style=\"font-size: 0.9rem; max-width: 500px; margin: 0 auto 2rem;\">Cinematic,\r\nbrutalist,\r\nluxury journeys for those who seek the silence between the noise.<\/p><div class=\"footer-links\" style=\"margin-bottom: 2rem;\"><a href=\"mailto:hello@toffeetravels.com\" style=\"color: var(--text-color); margin: 0 1rem; text-decoration: none; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.1em;\">hello@toffeetravels.com<\/a><\/div><div class=\"social-icons\" style=\"margin-bottom: 2rem; justify-content: center;\"><a href=\"#\" class=\"social-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\" \/><\/svg><\/a><a href=\"#\" class=\"social-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\" \/><\/svg><\/a><\/div><div class=\"copyright\" style=\"font-size: 0.7rem; opacity: 0.5;\">\u00a9 2025 Toffee Travels. All Rights Reserved.<\/div><\/div><\/footer><\/div><\/div><script>document.addEventListener(\"DOMContentLoaded\", ()=> {\r\n        \/\/ Cursor Logic (Desktop Only)\r\n        const cursor=document.querySelector('.cursor');\r\n\r\n        if (window.matchMedia(\"(pointer: fine)\").matches) {\r\n            document.addEventListener('mousemove', e=> {\r\n                    if (cursor) {\r\n                        cursor.style.left=e.clientX + 'px';\r\n                        cursor.style.top=e.clientY + 'px';\r\n                    }\r\n                });\r\n\r\n            document.querySelectorAll('a, button, input, textarea, .accordion-header, .mood-card, .dest-card').forEach(el=> {\r\n                    el.addEventListener('mouseenter', ()=> cursor && cursor.classList.add('expand'));\r\n                    el.addEventListener('mouseleave', ()=> cursor && cursor.classList.remove('expand'));\r\n                });\r\n        }\r\n\r\n        \/\/ Scroll Reveal\r\n        const observer=new IntersectionObserver((entries)=> {\r\n                entries.forEach(entry=> {\r\n                        if(entry.isIntersecting) {\r\n                            entry.target.classList.add('view-in');\r\n                        }\r\n                    });\r\n\r\n            }\r\n\r\n            , {\r\n            threshold: 0.1\r\n        });\r\n\r\n    \/\/ Testimonial Rotator (Removed, replaced with scrollable)\r\n    \/\/ const slides=document.querySelectorAll('.testimonial-slide');\r\n    \/\/ let currentSlide=0;\r\n\r\n    \/\/ \/\/ Init: Show first slide\r\n    \/\/ if (slides.length > 0) {\r\n    \/\/     slides[0].style.display='block';\r\n    \/\/     setTimeout(()=> slides[0].style.opacity='1', 10);\r\n    \/\/ }\r\n\r\n    \/\/ setInterval(()=> {\r\n    \/\/         if (slides.length===0) return;\r\n\r\n    \/\/         \/\/ Fade out current\r\n    \/\/         slides[currentSlide].style.opacity='0';\r\n\r\n    \/\/         setTimeout(()=> {\r\n    \/\/                 slides[currentSlide].style.display='none';\r\n\r\n    \/\/                 \/\/ Next index\r\n    \/\/                 currentSlide=(currentSlide + 1) % slides.length;\r\n\r\n    \/\/                 \/\/ Fade in next\r\n    \/\/                 slides[currentSlide].style.display='block';\r\n\r\n    \/\/                 setTimeout(()=> {\r\n    \/\/                         slides[currentSlide].style.opacity='1';\r\n    \/\/                     }\r\n\r\n    \/\/                     , 10);\r\n    \/\/             }\r\n\r\n    \/\/             , 1000); \/\/ Wait for fade out\r\n    \/\/     }\r\n\r\n    \/\/     , 6000); \/\/ 6 seconds per slide\r\n    document.querySelectorAll('.fade-up').forEach(el=> observer.observe(el));\r\n\r\n    \/\/ FAQ Logic\r\n    document.querySelectorAll('.accordion-header').forEach(header=> {\r\n            header.addEventListener('click', ()=> {\r\n                    const item=header.parentElement;\r\n                    const isActive=item.classList.contains('faq-open');\r\n                    document.querySelectorAll('.accordion-item').forEach(i=> i.classList.remove('faq-open'));\r\n                    if ( !isActive) item.classList.add('faq-open');\r\n                });\r\n        });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Toffee Travels | Private Itinerary Management DestinationsThe PhilosophyContactStart Journey End-to-EndPrivate Travel Managementfor Families. Effortlessly curated private itineraries for ultra-high-net-worth families. Request Itinerary Proposal Complimentary Quote+Itinerary Preview. No commitment required. Architected Dreams Bespoke Design Privacy-First Anonymity Fluid Itineraries Flights &#038; Logistics Included Transparent Budgets Starts at $2, 000\/pp 02. The Panorama Glimpses of the Unseen. \u2190\u2192Japan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/toffeetravels.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toffeetravels.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toffeetravels.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toffeetravels.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toffeetravels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":102,"href":"https:\/\/toffeetravels.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/toffeetravels.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/toffeetravels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}