{"id":25,"date":"2026-07-01T01:59:21","date_gmt":"2026-07-01T01:59:21","guid":{"rendered":"https:\/\/bloggsandco.com\/?page_id=25"},"modified":"2026-07-01T02:06:32","modified_gmt":"2026-07-01T02:06:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/bloggsandco.com\/?page_id=25","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fac519f e-flex e-con-boxed e-con e-parent\" data-id=\"fac519f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9627bd elementor-widget elementor-widget-html\" data-id=\"a9627bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Contact \u2014 Bloggs &amp; Co<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght,ital@9..144,300..700,0..1&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --jungle-950:#0A211C;\r\n    --jungle-900:#0E2B24;\r\n    --jungle-800:#163B32;\r\n    --jungle-700:#1F5245;\r\n    --ivory:#FBF6EC;\r\n    --ivory-dim:#F1EAD9;\r\n    --ink:#16201C;\r\n    --ink-soft:#4C564F;\r\n    --coral:#E15A32;\r\n    --coral-dark:#B8461F;\r\n    --gold:#C79A46;\r\n    --gold-soft:#E9D6A8;\r\n    --line:rgba(22,32,28,0.12);\r\n    --line-light:rgba(251,246,236,0.16);\r\n    --radius-lg:22px;\r\n    --radius-md:14px;\r\n  }\r\n  *{box-sizing:border-box; margin:0; padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    font-family:'Inter', sans-serif;\r\n    color:var(--ink);\r\n    background:var(--ivory);\r\n    line-height:1.6;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  img{max-width:100%; display:block;}\r\n  a{color:inherit; text-decoration:none;}\r\n  .wrap{max-width:1200px; margin:0 auto; padding:0 32px;}\r\n  h1,h2,h3,h4{font-family:'Fraunces', serif; font-weight:600; letter-spacing:-0.01em; color:var(--ink);}\r\n  .eyebrow{\r\n    font-family:'Space Mono', monospace;\r\n    font-size:12px;\r\n    letter-spacing:0.14em;\r\n    text-transform:uppercase;\r\n    color:var(--coral-dark);\r\n    display:flex; align-items:center; gap:10px;\r\n    margin-bottom:14px;\r\n  }\r\n  .eyebrow::before{content:\"\"; width:7px; height:7px; border-radius:50%; background:var(--coral); flex-shrink:0;}\r\n  .eyebrow.light{color:var(--gold-soft);}\r\n  .eyebrow.light::before{background:var(--gold);}\r\n  .btn{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    padding:15px 28px;\r\n    border-radius:100px;\r\n    font-family:'Inter'; font-weight:600; font-size:15px;\r\n    cursor:pointer; border:none;\r\n    transition:transform .18s ease, box-shadow .18s ease;\r\n  }\r\n  .btn:hover{transform:translateY(-2px);}\r\n  .btn-primary{background:var(--coral); color:var(--ivory); box-shadow:0 8px 24px -8px rgba(225,90,50,0.55);}\r\n  .btn-primary:hover{background:var(--coral-dark);}\r\n  .btn-ghost-dark{background:transparent; color:var(--ivory); border:1.5px solid var(--line-light);}\r\n  .btn-ghost-dark:hover{background:rgba(251,246,236,0.08); border-color:var(--ivory);}\r\n  .btn-ghost-light{background:transparent; color:var(--ink); border:1.5px solid var(--line);}\r\n  .btn-ghost-light:hover{background:rgba(22,32,28,0.05);}\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  header{\r\n    position:sticky; top:0; z-index:100;\r\n    padding:20px 0;\r\n    transition:background .3s ease, padding .3s ease, box-shadow .3s ease;\r\n  }\r\n  header.scrolled{background:var(--ivory); padding:12px 0; box-shadow:0 1px 0 var(--line);}\r\n  .nav-row{display:flex; align-items:center; justify-content:space-between; gap:24px;}\r\n  .logo{font-family:'Fraunces', serif; font-weight:600; font-size:22px; color:var(--ivory); display:flex; align-items:center; gap:8px;}\r\n  header.scrolled .logo{color:var(--ink);}\r\n  .logo .dot{color:var(--coral);}\r\n  nav.main-nav{display:flex; align-items:center; gap:32px;}\r\n  nav.main-nav a{font-size:14.5px; font-weight:500; color:rgba(251,246,236,0.85); position:relative;}\r\n  header.scrolled nav.main-nav a{color:var(--ink-soft);}\r\n  nav.main-nav a:hover{color:var(--ivory);}\r\n  header.scrolled nav.main-nav a:hover{color:var(--ink);}\r\n  .nav-actions{display:flex; align-items:center; gap:14px;}\r\n  .nav-phone{font-family:'Space Mono', monospace; font-size:13.5px; color:var(--ivory);}\r\n  header.scrolled .nav-phone{color:var(--ink);}\r\n  .mobile-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px;}\r\n  .mobile-toggle span{display:block; width:22px; height:2px; background:var(--ivory); margin:5px 0; transition:.2s;}\r\n  header.scrolled .mobile-toggle span{background:var(--ink);}\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  .hero{\r\n    position:relative;\r\n    background:linear-gradient(180deg, var(--jungle-950) 0%, var(--jungle-900) 55%, var(--jungle-800) 100%);\r\n    color:var(--ivory);\r\n    padding:110px 0 90px;\r\n    overflow:hidden;\r\n  }\r\n  .hero::after{\r\n    content:\"\";\r\n    position:absolute; left:0; right:0; bottom:0; height:220px;\r\n    background:radial-gradient(80% 100% at 50% 100%, rgba(199,154,70,0.22), transparent 70%);\r\n    pointer-events:none;\r\n  }\r\n  .hero-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:56px; align-items:center; position:relative;}\r\n  .hero h1{font-size:clamp(38px,5vw,64px); line-height:1.05; color:var(--ivory); margin-bottom:22px;}\r\n  .hero h1 em{font-style:italic; color:var(--gold-soft);}\r\n  .hero p.lead{font-size:18px; color:rgba(251,246,236,0.78); max-width:480px; margin-bottom:34px;}\r\n  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:46px;}\r\n  .hero-stats{display:flex; gap:36px; flex-wrap:wrap;}\r\n  .hero-stats .stat-num{font-family:'Fraunces'; font-size:28px; color:var(--gold-soft);}\r\n  .hero-stats .stat-label{font-family:'Space Mono'; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:rgba(251,246,236,0.6);}\r\n\r\n  .hero-card-stack{position:relative; height:460px;}\r\n  .float-card{\r\n    position:absolute; background:var(--ivory); border-radius:var(--radius-md);\r\n    padding:16px; box-shadow:0 24px 50px -18px rgba(0,0,0,0.5);\r\n  }\r\n  .float-card img{border-radius:8px; height:100%; width:100%; object-fit:cover;}\r\n  .fc1{top:0; left:6%; width:64%; height:280px; z-index:2;}\r\n  .fc2{bottom:0; right:0; width:52%; height:230px; z-index:3; padding:14px;}\r\n  .fc-pin{\r\n    position:absolute; bottom:-16px; left:16px; z-index:4;\r\n    background:var(--coral); color:var(--ivory); font-family:'Space Mono'; font-size:11.5px;\r\n    padding:8px 14px; border-radius:100px; display:flex; align-items:center; gap:8px;\r\n    box-shadow:0 10px 24px -8px rgba(225,90,50,0.6);\r\n  }\r\n  .fc-pin b{font-family:'Fraunces'; font-size:14px; font-weight:600;}\r\n\r\n  \/* route \/ itinerary divider *\/\r\n  .route{\r\n    display:flex; align-items:center; gap:18px;\r\n    padding:22px 0;\r\n  }\r\n  .route .line{flex:1; height:1px; background-image:linear-gradient(to right, var(--line) 0 6px, transparent 6px 12px); background-size:12px 1px; background-repeat:repeat-x;}\r\n  .route .coord{font-family:'Space Mono'; font-size:11.5px; color:var(--ink-soft); letter-spacing:.04em; white-space:nowrap;}\r\n  .route .pin{width:8px; height:8px; border-radius:50%; background:var(--coral); flex-shrink:0;}\r\n\r\n  section{padding:88px 0;}\r\n  .section-head{max-width:640px; margin-bottom:52px;}\r\n  .section-head h2{font-size:clamp(28px,3.6vw,42px); line-height:1.1;}\r\n  .section-head p{font-size:16.5px; color:var(--ink-soft); margin-top:14px;}\r\n  .section-head.center{margin-left:auto; margin-right:auto; text-align:center;}\r\n\r\n  \/* ---------- PILLARS ---------- *\/\r\n  .pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\r\n  .pillar-card{\r\n    border-radius:var(--radius-lg); padding:34px 28px; position:relative; overflow:hidden;\r\n    min-height:340px; display:flex; flex-direction:column; justify-content:flex-end;\r\n    transition:transform .25s ease;\r\n  }\r\n  .pillar-card:hover{transform:translateY(-6px);}\r\n  .pillar-card.dark{background:var(--jungle-900); color:var(--ivory);}\r\n  .pillar-card.ivory{background:var(--ivory-dim); color:var(--ink); border:1px solid var(--line);}\r\n  .pillar-card.coral{background:var(--coral); color:var(--ivory);}\r\n  .pillar-num{font-family:'Space Mono'; font-size:12px; letter-spacing:.1em; opacity:.65; margin-bottom:auto;}\r\n  .pillar-card h3{font-size:25px; margin:14px 0 10px;}\r\n  .pillar-card p{font-size:14.5px; opacity:.85; margin-bottom:18px;}\r\n  .pillar-link{font-family:'Space Mono'; font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; display:inline-flex; align-items:center; gap:6px;}\r\n\r\n  \/* ---------- WHY \/ STATS BAND ---------- *\/\r\n  .why{background:var(--ivory-dim); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\r\n  .why-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:start;}\r\n  .why-list{display:flex; flex-direction:column; gap:28px; margin-top:32px;}\r\n  .why-item{display:flex; gap:18px;}\r\n  .why-item .idx{font-family:'Fraunces'; font-size:22px; color:var(--coral); flex-shrink:0; width:34px;}\r\n  .why-item h4{font-size:18px; margin-bottom:6px;}\r\n  .why-item p{font-size:14.5px; color:var(--ink-soft);}\r\n  .why-panel{background:var(--jungle-900); color:var(--ivory); border-radius:var(--radius-lg); padding:38px; position:sticky; top:110px;}\r\n  .why-panel .big-stat{font-family:'Fraunces'; font-size:56px; color:var(--gold-soft); line-height:1;}\r\n  .why-panel p.cap{font-size:14px; color:rgba(251,246,236,0.7); margin-top:8px; margin-bottom:26px;}\r\n  .why-panel-row{display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid var(--line-light); font-size:14px;}\r\n  .why-panel-row span:first-child{color:rgba(251,246,236,0.7);}\r\n  .why-panel-row span:last-child{font-family:'Space Mono'; color:var(--ivory);}\r\n\r\n  \/* ---------- PROCESS ---------- *\/\r\n  .process-row{display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;}\r\n  .process-row::before{content:\"\"; position:absolute; top:22px; left:5%; right:5%; height:1px; background-image:linear-gradient(to right, var(--line) 0 6px, transparent 6px 12px); background-size:12px 1px; background-repeat:repeat-x; z-index:0;}\r\n  .process-step{position:relative; z-index:1; padding-right:20px;}\r\n  .process-step .stop{width:44px; height:44px; border-radius:50%; background:var(--ivory); border:1.5px solid var(--coral); color:var(--coral-dark); display:flex; align-items:center; justify-content:center; font-family:'Space Mono'; font-size:14px; margin-bottom:20px;}\r\n  .process-step h4{font-size:17px; margin-bottom:8px;}\r\n  .process-step p{font-size:14px; color:var(--ink-soft);}\r\n\r\n  \/* ---------- DESTINATIONS ---------- *\/\r\n  .dest-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}\r\n  .dest-card{position:relative; border-radius:var(--radius-md); overflow:hidden; height:280px;}\r\n  .dest-card img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}\r\n  .dest-card:hover img{transform:scale(1.06);}\r\n  .dest-card::after{content:\"\"; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(10,33,28,0.85) 100%);}\r\n  .dest-tag{position:absolute; bottom:16px; left:16px; right:16px; z-index:2; color:var(--ivory);}\r\n  .dest-tag .coord{font-family:'Space Mono'; font-size:10.5px; letter-spacing:.06em; opacity:.75;}\r\n  .dest-tag h4{font-size:18px; color:var(--ivory); margin-top:4px;}\r\n  .dest-card.wide{grid-column:span 2;}\r\n\r\n  \/* ---------- TESTIMONIALS ---------- *\/\r\n  .testi-band{background:var(--jungle-900); color:var(--ivory);}\r\n  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\r\n  .testi-card{background:var(--jungle-800); border-radius:var(--radius-md); padding:28px; border:1px solid var(--line-light);}\r\n  .stars{color:var(--gold-soft); font-size:14px; margin-bottom:16px; letter-spacing:2px;}\r\n  .testi-card p.quote{font-size:15px; color:rgba(251,246,236,0.9); margin-bottom:22px;}\r\n  .testi-person{display:flex; align-items:center; gap:12px;}\r\n  .testi-avatar{width:38px; height:38px; border-radius:50%; background:var(--coral); display:flex; align-items:center; justify-content:center; font-family:'Fraunces'; font-size:14px;}\r\n  .testi-person b{font-size:14px; display:block;}\r\n  .testi-person span{font-size:12.5px; color:rgba(251,246,236,0.6);}\r\n\r\n  \/* ---------- FAQ ---------- *\/\r\n  .faq-grid{display:grid; grid-template-columns:0.8fr 1.2fr; gap:56px;}\r\n  .faq-item{border-top:1px solid var(--line); padding:22px 0;}\r\n  .faq-item:last-child{border-bottom:1px solid var(--line);}\r\n  .faq-q{display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:'Fraunces'; font-size:18px; gap:20px;}\r\n  .faq-q .plus{font-family:'Space Mono'; font-size:20px; color:var(--coral); transition:transform .25s ease; flex-shrink:0;}\r\n  .faq-item.open .plus{transform:rotate(45deg);}\r\n  .faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}\r\n  .faq-item.open .faq-a{max-height:200px;}\r\n  .faq-a p{padding-top:14px; font-size:14.5px; color:var(--ink-soft); max-width:520px;}\r\n\r\n  \/* ---------- BLOG ---------- *\/\r\n  .blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\r\n  .blog-card img{width:100%; height:210px; object-fit:cover; border-radius:var(--radius-md); margin-bottom:18px;}\r\n  .blog-cat{font-family:'Space Mono'; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--coral-dark);}\r\n  .blog-card h4{font-size:19px; margin:8px 0 8px; line-height:1.3;}\r\n  .blog-card p{font-size:14px; color:var(--ink-soft);}\r\n\r\n  \/* ---------- FINAL CTA ---------- *\/\r\n  .final-cta{background:linear-gradient(135deg, var(--coral) 0%, var(--coral-dark) 100%); color:var(--ivory); text-align:center; border-radius:var(--radius-lg); padding:70px 40px; margin:0 32px 0; max-width:1136px; margin-inline:auto;}\r\n  .final-cta h2{color:var(--ivory); font-size:clamp(28px,4vw,40px); margin-bottom:16px;}\r\n  .final-cta p{max-width:480px; margin:0 auto 32px; color:rgba(251,246,236,0.85);}\r\n  .final-cta .btn-primary{background:var(--ivory); color:var(--coral-dark);}\r\n  .final-cta .btn-primary:hover{background:var(--ivory-dim);}\r\n\r\n  \/* ---------- FOOTER ---------- *\/\r\n  footer{background:var(--jungle-950); color:rgba(251,246,236,0.75); padding:70px 0 30px; margin-top:88px;}\r\n  .footer-grid{display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:40px; padding-bottom:48px; border-bottom:1px solid var(--line-light);}\r\n  .footer-grid h5{font-family:'Space Mono'; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:18px;}\r\n  .footer-grid ul{list-style:none; display:flex; flex-direction:column; gap:11px;}\r\n  .footer-grid a{font-size:14px; color:rgba(251,246,236,0.7);}\r\n  .footer-grid a:hover{color:var(--ivory);}\r\n  .footer-logo{font-family:'Fraunces'; font-size:22px; color:var(--ivory); margin-bottom:14px;}\r\n  .footer-grid p.desc{font-size:14px; max-width:280px; margin-bottom:20px;}\r\n  .newsletter{display:flex; gap:8px; margin-top:10px;}\r\n  .newsletter input{flex:1; padding:11px 14px; border-radius:100px; border:1px solid var(--line-light); background:transparent; color:var(--ivory); font-size:13.5px;}\r\n  .newsletter input::placeholder{color:rgba(251,246,236,0.45);}\r\n  .newsletter button{background:var(--coral); border:none; color:var(--ivory); padding:11px 20px; border-radius:100px; font-size:13.5px; font-weight:600; cursor:pointer;}\r\n  .footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:26px; font-size:13px; flex-wrap:wrap; gap:12px;}\r\n  .footer-bottom .links{display:flex; gap:20px;}\r\n\r\n  @media (max-width:960px){\r\n    .hero-grid, .why-grid, .faq-grid{grid-template-columns:1fr;}\r\n    .pillars, .process-row, .dest-grid, .testi-grid, .blog-grid, .footer-grid{grid-template-columns:repeat(2,1fr);}\r\n    .process-row::before{display:none;}\r\n    .dest-card.wide{grid-column:span 2;}\r\n    nav.main-nav, .nav-phone{display:none;}\r\n    .mobile-toggle{display:block;}\r\n    .why-panel{position:static;}\r\n    .hero-card-stack{height:340px; margin-top:20px;}\r\n  }\r\n  @media (max-width:600px){\r\n    .pillars, .process-row, .dest-grid, .testi-grid, .blog-grid, .footer-grid{grid-template-columns:1fr;}\r\n    .wrap{padding:0 20px;}\r\n    .final-cta{margin:0 20px;}\r\n    section{padding:60px 0;}\r\n  }\r\n<\/style>\r\n<style>\r\n  .ct-hero{\r\n    background:linear-gradient(180deg, var(--jungle-950) 0%, var(--jungle-900) 60%, var(--jungle-800) 100%);\r\n    color:var(--ivory); padding:80px 0 60px;\r\n  }\r\n  .ct-hero h1{color:var(--ivory); font-size:clamp(34px,4.6vw,52px); line-height:1.08; max-width:640px;}\r\n  .ct-hero p.lead{color:rgba(251,246,236,0.78); font-size:17px; max-width:480px; margin-top:18px;}\r\n\r\n  .ct-grid{display:grid; grid-template-columns:1fr 1.15fr; gap:56px; align-items:start;}\r\n\r\n  .ct-info-card{border-radius:var(--radius-lg); border:1px solid var(--line); background:var(--ivory-dim); padding:30px; margin-bottom:20px;}\r\n  .ct-info-row{display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-top:1px solid var(--line);}\r\n  .ct-info-row:first-child{border-top:none; padding-top:0;}\r\n  .ct-info-icon{font-family:'Space Mono'; font-size:11px; color:var(--coral-dark); width:64px; flex-shrink:0; text-transform:uppercase; letter-spacing:.05em; padding-top:2px;}\r\n  .ct-info-row div.val{font-size:15px;}\r\n  .ct-info-row div.val a{color:var(--coral-dark); font-weight:600;}\r\n\r\n  .hours-row{display:flex; justify-content:space-between; font-size:14px; padding:9px 0; border-top:1px solid var(--line);}\r\n  .hours-row:first-child{border-top:none;}\r\n  .hours-row span:first-child{color:var(--ink-soft);}\r\n  .hours-row span:last-child{font-family:'Space Mono'; font-size:13px;}\r\n\r\n  .social-row{display:flex; gap:10px; margin-top:6px;}\r\n  .social-pill{\r\n    width:40px; height:40px; border-radius:50%; border:1.5px solid var(--line);\r\n    display:flex; align-items:center; justify-content:center; font-family:'Space Mono'; font-size:12px;\r\n    color:var(--ink-soft); transition:.18s;\r\n  }\r\n  .social-pill:hover{border-color:var(--coral); color:var(--coral-dark);}\r\n\r\n  .map-frame{\r\n    border-radius:var(--radius-lg); overflow:hidden; height:220px; position:relative;\r\n    background:var(--ivory-dim); border:1px solid var(--line);\r\n  }\r\n  .map-frame img{width:100%; height:100%; object-fit:cover; opacity:0.9;}\r\n  .map-pin-overlay{\r\n    position:absolute; top:50%; left:50%; transform:translate(-50%,-100%);\r\n    background:var(--coral); color:var(--ivory); width:36px; height:36px; border-radius:50% 50% 50% 0;\r\n    transform-origin:bottom center; display:flex; align-items:center; justify-content:center;\r\n    box-shadow:0 8px 20px -6px rgba(225,90,50,0.6);\r\n  }\r\n  .map-pin-overlay::before{content:\"\u25cf\"; font-size:10px; transform:rotate(45deg);}\r\n\r\n  .form-card{border-radius:var(--radius-lg); border:1px solid var(--line); background:var(--ivory); padding:38px;}\r\n  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}\r\n  .field label{display:block; font-family:'Space Mono'; font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft); margin-bottom:8px;}\r\n  .field input, .field textarea{\r\n    width:100%; padding:13px 16px; border-radius:10px; border:1.5px solid var(--line);\r\n    background:var(--ivory-dim); font-family:'Inter'; font-size:14.5px; color:var(--ink);\r\n    transition:border-color .18s ease;\r\n  }\r\n  .field input:focus, .field textarea:focus{outline:none; border-color:var(--coral);}\r\n  .field textarea{resize:vertical; min-height:120px;}\r\n  .field.full{margin-bottom:16px;}\r\n  .consent-row{display:flex; align-items:flex-start; gap:10px; margin:6px 0 24px;}\r\n  .consent-row input{width:16px; height:16px; margin-top:3px; accent-color:var(--coral);}\r\n  .consent-row label{font-size:13px; color:var(--ink-soft); line-height:1.5;}\r\n  .form-submit{width:100%; justify-content:center;}\r\n  .form-note{font-size:12.5px; color:var(--ink-soft); text-align:center; margin-top:14px;}\r\n\r\n  @media (max-width:960px){\r\n    .ct-grid{grid-template-columns:1fr;}\r\n  }\r\n  @media (max-width:600px){\r\n    .form-row{grid-template-columns:1fr;}\r\n  }\r\n<\/style>\r\n<body>\r\n\r\n<header id=\"siteHeader\">\r\n  <div class=\"wrap nav-row\">\r\n    <a href=\"index.html\" class=\"logo\">Bloggs<span class=\"dot\">&<\/span>Co<\/a>\r\n    <nav class=\"main-nav\">\r\n      <a href=\"index.html#pillars\">Explore Thailand<\/a>\r\n      <a href=\"index.html#pillars\">Property<\/a>\r\n      <a href=\"services.html\">Services<\/a>\r\n      <a href=\"about.html\">About<\/a>\r\n      <a href=\"index.html#blog\">Journal<\/a>\r\n      <a href=\"contact.html\">Contact<\/a>\r\n    <\/nav>\r\n    <div class=\"nav-actions\">\r\n      <span class=\"nav-phone\">+66 84 320 0279<\/span>\r\n      <a href=\"contact.html\" class=\"btn btn-primary\" style=\"padding:11px 22px; font-size:13.5px;\">Send a message<\/a>\r\n      <button class=\"mobile-toggle\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"ct-hero\">\r\n  <div class=\"wrap\">\r\n    <div class=\"eyebrow light\">GET IN TOUCH<\/div>\r\n    <h1>Questions about a trip, a property, or your business \u2014 one inbox, real replies.<\/h1>\r\n    <p class=\"lead\">A local team member reads every message. Expect a reply within one business day.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"wrap\"><div class=\"route\"><span class=\"pin\"><\/span><span class=\"line\"><\/span><span class=\"coord\">BANGKOK, THAILAND<\/span><span class=\"line\"><\/span><span class=\"pin\"><\/span><\/div><\/div>\r\n\r\n<section>\r\n  <div class=\"wrap ct-grid\">\r\n\r\n    <div>\r\n      <div class=\"ct-info-card\">\r\n        <div class=\"ct-info-row\">\r\n          <div class=\"ct-info-icon\">Email<\/div>\r\n          <div class=\"val\"><a href=\"mailto:inf@bloggsandco.com\">inf@bloggsandco.com<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ct-info-row\">\r\n          <div class=\"ct-info-icon\">Phone<\/div>\r\n          <div class=\"val\"><a href=\"tel:+66843200279\">+66 84 320 0279<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"ct-info-row\">\r\n          <div class=\"ct-info-icon\">Based in<\/div>\r\n          <div class=\"val\">Bangkok, Thailand<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ct-info-card\">\r\n        <h4 style=\"font-size:16px; margin-bottom:14px;\">Opening hours<\/h4>\r\n        <div class=\"hours-row\"><span>Monday \u2013 Friday<\/span><span>09:00 \u2013 18:00 ICT<\/span><\/div>\r\n        <div class=\"hours-row\"><span>Saturday<\/span><span>10:00 \u2013 14:00 ICT<\/span><\/div>\r\n        <div class=\"hours-row\"><span>Sunday<\/span><span>Closed<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ct-info-card\">\r\n        <h4 style=\"font-size:16px; margin-bottom:14px;\">Find us<\/h4>\r\n        <div class=\"map-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508009603885-50cf7c579365?w=700&q=80\" alt=\"Map placeholder showing Bangkok city area\">\r\n          <div class=\"map-pin-overlay\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ct-info-card\" style=\"margin-bottom:0;\">\r\n        <h4 style=\"font-size:16px; margin-bottom:12px;\">Follow along<\/h4>\r\n        <div class=\"social-row\">\r\n          <a href=\"#\" class=\"social-pill\" aria-label=\"Instagram\">IG<\/a>\r\n          <a href=\"#\" class=\"social-pill\" aria-label=\"Facebook\">FB<\/a>\r\n          <a href=\"#\" class=\"social-pill\" aria-label=\"YouTube\">YT<\/a>\r\n          <a href=\"#\" class=\"social-pill\" aria-label=\"LinkedIn\">LI<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-card\">\r\n      <h3 style=\"font-size:22px; margin-bottom:6px;\">Send a message<\/h3>\r\n      <p style=\"font-size:14px; color:var(--ink-soft); margin-bottom:28px;\">Fill in the form and we'll route it to the right person on the team.<\/p>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"field\"><label for=\"ct-name\">Name<\/label><input id=\"ct-name\" type=\"text\" placeholder=\"Your full name\"><\/div>\r\n        <div class=\"field\"><label for=\"ct-email\">Email<\/label><input id=\"ct-email\" type=\"email\" placeholder=\"name@email.com\"><\/div>\r\n      <\/div>\r\n      <div class=\"form-row\">\r\n        <div class=\"field\"><label for=\"ct-phone\">Phone<\/label><input id=\"ct-phone\" type=\"tel\" placeholder=\"+66 00 000 0000\"><\/div>\r\n        <div class=\"field\"><label for=\"ct-company\">Company (optional)<\/label><input id=\"ct-company\" type=\"text\" placeholder=\"Business name\"><\/div>\r\n      <\/div>\r\n      <div class=\"field full\">\r\n        <label for=\"ct-message\">Message<\/label>\r\n        <textarea id=\"ct-message\" placeholder=\"Tell us what you need help with \u2014 a trip, a property, or your business\"><\/textarea>\r\n      <\/div>\r\n      <div class=\"consent-row\">\r\n        <input type=\"checkbox\" id=\"ct-consent\">\r\n        <label for=\"ct-consent\">I agree to be contacted by Bloggs & Co regarding my enquiry, in line with the privacy policy.<\/label>\r\n      <\/div>\r\n      <button class=\"btn btn-primary form-submit\">Send message<\/button>\r\n      <p class=\"form-note\">We typically reply within one business day.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<section style=\"background:var(--ivory-dim); border-top:1px solid var(--line); border-bottom:1px solid var(--line);\">\r\n  <div class=\"wrap faq-grid\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">FAQ<\/div>\r\n      <h2>Before you send a message<\/h2>\r\n    <\/div>\r\n    <div class=\"faq-list\">\r\n      <div class=\"faq-item open\">\r\n        <div class=\"faq-q\">How quickly will I hear back?<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"faq-a\"><p>Within one business day. Property and services enquiries are routed directly to the relevant team member.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\">Can I call instead of using the form?<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"faq-a\"><p>Yes \u2014 call or message +66 84 320 0279 during opening hours, Bangkok time (ICT).<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\">I want to submit a guest guide or story. Who do I contact?<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"faq-a\"><p>Send it through the form above with \"Guest submission\" in your message and our editorial team will follow up.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"footer-grid\">\r\n      <div>\r\n        <div class=\"footer-logo\">Bloggs & Co<\/div>\r\n        <p class=\"desc\">Thailand's complete travel, lifestyle and property resource \u2014 written and verified by people who live here.<\/p>\r\n        <div class=\"newsletter\"><input type=\"email\" placeholder=\"Your email address\"><button>Join<\/button><\/div>\r\n      <\/div>\r\n      <div><h5>Explore<\/h5><ul><li><a href=\"index.html#pillars\">Travel guides<\/a><\/li><li><a href=\"index.html#destinations\">Beaches & islands<\/a><\/li><li><a href=\"index.html#pillars\">Itineraries<\/a><\/li><li><a href=\"index.html#destinations\">Destinations<\/a><\/li><\/ul><\/div>\r\n      <div><h5>Property & life<\/h5><ul><li><a href=\"index.html#pillars\">Real estate listings<\/a><\/li><li><a href=\"index.html#pillars\">Investment guides<\/a><\/li><li><a href=\"index.html#pillars\">Visas & relocation<\/a><\/li><li><a href=\"index.html#pillars\">Retirement in Thailand<\/a><\/li><\/ul><\/div>\r\n      <div><h5>Company<\/h5><ul><li><a href=\"about.html\">About us<\/a><\/li><li><a href=\"services.html\">Services<\/a><\/li><li><a href=\"contact.html\">Contact<\/a><\/li><li><a href=\"mailto:inf@bloggsandco.com\">inf@bloggsandco.com<\/a><\/li><li><a href=\"tel:+66843200279\">+66 84 320 0279<\/a><\/li><\/ul><\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\">\r\n      <span>\u00a9 2026 Bloggs & Co. All rights reserved.<\/span>\r\n      <div class=\"links\"><a href=\"#\">Privacy policy<\/a><a href=\"#\">Terms<\/a><a href=\"#\">Cookie policy<\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  const header = document.getElementById('siteHeader');\r\n  window.addEventListener('scroll', () => {\r\n    header.classList.toggle('scrolled', window.scrollY > 40);\r\n  });\r\n  document.querySelectorAll('.faq-item').forEach(item => {\r\n    item.querySelector('.faq-q').addEventListener('click', () => {\r\n      const isOpen = item.classList.contains('open');\r\n      document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n      if (!isOpen) item.classList.add('open');\r\n    });\r\n  });\r\n  document.querySelector('.form-submit').addEventListener('click', () => {\r\n    const name = document.getElementById('ct-name').value.trim();\r\n    const email = document.getElementById('ct-email').value.trim();\r\n    const consent = document.getElementById('ct-consent').checked;\r\n    if (!name || !email || !consent) {\r\n      alert('Please fill in your name, email, and confirm consent before sending.');\r\n      return;\r\n    }\r\n    alert('Thanks \u2014 this is a design prototype, so no message was actually sent. In production this connects to WPForms.');\r\n  });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact \u2014 Bloggs &amp; Co Bloggs&#038;Co Explore Thailand Property Services About Journal Contact +66 84 320 0279 Send a message [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bloggsandco.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bloggsandco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bloggsandco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bloggsandco.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloggsandco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":4,"href":"https:\/\/bloggsandco.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/bloggsandco.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/bloggsandco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}