{"id":1004,"date":"2026-06-22T14:54:15","date_gmt":"2026-06-22T13:54:15","guid":{"rendered":"https:\/\/hospitality.vittaazio.com\/?page_id=1004"},"modified":"2026-07-20T10:25:54","modified_gmt":"2026-07-20T09:25:54","slug":"comfort-inn","status":"publish","type":"page","link":"https:\/\/hospitality.vittaazio.com\/index.php\/brand-programs\/comfort-inn\/","title":{"rendered":"Comfort Inn"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1004\" class=\"elementor elementor-1004\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-a4b5418 e-con-full hotel-detail-wrapper e-flex e-con e-parent\" data-id=\"a4b5418\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01f34ea elementor-widget elementor-widget-html\" data-id=\"01f34ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TOKENS & UTILITIES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --ink:      #0F0F0E;\r\n  --ink-60:   rgba(15,15,14,.6);\r\n  --ink-20:   rgba(15,15,14,.12);\r\n  --sand:     #F5F1EB;\r\n  --linen:    #EDE8DF;\r\n  --gold:     #B08C52;\r\n  --gold-lt:  #D4B47A;\r\n  --white:    #FFFFFF;\r\n  --f-display: 'Futura-bk-bt', sans-serif;\r\n  --f-body:    'Futura-bk-bt', sans-serif;\r\n  --f-mono:    'Futura-bk-bt', sans-serif;\r\n  --ease: cubic-bezier(.25,0,.15,1);\r\n}\r\n\r\n.eyebrow {\r\n  font-family: var(--f-mono) !important;\r\n  font-size: 11px !important;\r\n  font-weight: 300 !important;\r\n  letter-spacing: .2em !important;\r\n  text-transform: uppercase !important;\r\n  color: var(--gold) !important;\r\n}\r\n\r\n.btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  font-family: var(--f-body) !important;\r\n  font-size: 12px !important;\r\n  font-weight: 500 !important;\r\n  letter-spacing: .16em !important;\r\n  text-transform: uppercase !important;\r\n  padding: 13px 28px !important;\r\n  transition: all .3s var(--ease) !important;\r\n  cursor: pointer !important;\r\n  border: 1px solid currentColor !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* Hollow Gold Button *\/\r\n.btn-gold { color: var(--gold) !important; border-color: var(--gold) !important; background: transparent !important; }\r\n.btn-gold:hover { background: var(--gold) !important; color: #fff !important; }\r\n\r\n\/* Filled Gold Button *\/\r\n.btn-gold-filled { background: var(--gold) !important; color: #fff !important; border-color: var(--gold) !important; }\r\n.btn-gold-filled:hover { background: transparent !important; color: var(--gold) !important; }\r\n\r\n\/* Hollow White Button *\/\r\n.btn-white { color: #fff !important; border-color: rgba(255,255,255,.5) !important; background: transparent !important; }\r\n.btn-white:hover { background: #fff !important; color: var(--ink) !important; }\r\n\r\n\/* Dark Button *\/\r\n.btn-dark { color: var(--ink) !important; border-color: var(--ink) !important; background: transparent !important; }\r\n.btn-dark:hover { background: var(--ink) !important; color: #fff !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HERO CSS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n  position: relative;\r\n  height: 92vh;\r\n  min-height: 580px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  overflow: hidden;\r\n}\r\n.hero-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: url('https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Confort-1_.jpg') center\/cover no-repeat;\r\n}\r\n.hero-img::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(160deg, rgba(15,15,14,.15) 0%, rgba(15,15,14,.72) 100%);\r\n}\r\n.hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 0 72px; \/* Removed horizontal padding for desktop *\/\r\n  max-width: 1300px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n}\r\n@media(max-width: 768px) {\r\n  .hero-content { padding: 0 20px 48px; } \/* Kept mobile padding to prevent text from touching screen edges *\/\r\n}\r\n.hero-brand {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n}\r\n.hero-brand-line {\r\n  width: 36px;\r\n  height: 1px;\r\n  background: var(--gold) !important;\r\n}\r\n.hero-heading {\r\n  font-family: var(--f-display) !important;\r\n  font-size: clamp(40px, 6vw, 80px) !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.05 !important;\r\n  color: #fff !important;\r\n  letter-spacing: -.01em !important;\r\n  margin-bottom: 20px !important;\r\n  margin-top: 0 !important;\r\n}\r\n.hero-heading em { font-style: italic !important; color: var(--gold-lt) !important; }\r\n.hero-sub {\r\n  font-family: var(--f-body) !important;\r\n  font-size: 15px !important;\r\n  color: rgba(255,255,255,.65) !important;\r\n  line-height: 1.75 !important;\r\n  max-width: 480px !important;\r\n  margin-bottom: 36px !important;\r\n}\r\n.hero-actions {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero\" id=\"top\">\r\n  <div class=\"hero-img\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-brand\">\r\n      <div class=\"hero-brand-line\"><\/div>\r\n      <span class=\"eyebrow\" style=\"color:rgba(255,255,255,.5) !important;\">Brand Program<\/span>\r\n    <\/div>\r\n    <h1 class=\"hero-heading\">Comfort Inn<br><em>&amp; Suites<\/em><\/h1>\r\n    <p class=\"hero-sub\">Purpose-built FF&amp;E for a brand trusted by everyday travellers across thousands of properties worldwide.<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#products\" class=\"btn btn-white\">Explore Products<\/a>\r\n      <a href=\"#contact\" class=\"btn btn-gold-filled\">Download Brochure<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<section class=\"elementor-element elementor-element-ac94d14 relative-div e-flex e-con-boxed e-con e-child\" data-id=\"ac94d14\" 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-e7ecda1 elementor-widget__width-initial elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"e7ecda1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TOKENS & ELEMENTOR FIXES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --ink:      #0F0F0E;\r\n  --ink-60:   rgba(15,15,14,.6);\r\n  --ink-20:   rgba(15,15,14,.12);\r\n  --gold:     #B08C52;\r\n  --f-display: 'Futura-bk-bt', sans-serif;\r\n  --f-body:    'Futura-bk-bt', sans-serif;\r\n  --f-mono:    'Futura-bk-bt', sans-serif;\r\n}\r\n\r\n\/* Forces the custom wrapper and its Elementor children to allow sticky behavior *\/\r\n.hotel-detail-wrapper,\r\n.hotel-detail-wrapper .elementor-section,\r\n.hotel-detail-wrapper .elementor-container,\r\n.hotel-detail-wrapper .elementor-column,\r\n.hotel-detail-wrapper .elementor-column-wrap,\r\n.hotel-detail-wrapper .elementor-widget-wrap,\r\n.hotel-detail-wrapper .elementor-widget,\r\n.hotel-detail-wrapper .elementor-widget-container,\r\n.hotel-detail-wrapper .elementor-widget-html {\r\n  overflow: visible !important;\r\n  overflow-x: visible !important;\r\n  overflow-y: visible !important;\r\n  contain: none !important;\r\n  transform: none !important;\r\n  clip-path: none !important;\r\n  will-change: auto !important;\r\n}\r\n\r\n.elementor-widget-container,\r\n.elementor-widget-html,\r\n.elementor-column-wrap,\r\n.elementor-widget-wrap,\r\n.elementor-column,\r\n.elementor-section {\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SIDE NAV CSS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.side-nav {\r\n  padding: 64px 0 64px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-right: 1px solid var(--ink-20);\r\n  padding-right: 32px;\r\n  font-family: var(--f-body);\r\n}\r\n.side-nav::-webkit-scrollbar { width: 0; display: none; }\r\n\r\n@media(max-width: 960px) {\r\n  .side-nav {\r\n    position: static; height: auto; border-right: none;\r\n    border-bottom: 1px solid var(--ink-20);\r\n    flex-direction: row; flex-wrap: wrap; gap: 0;\r\n    padding: 0; margin-bottom: 0; overflow-x: auto;\r\n  }\r\n}\r\n\r\n.side-nav-label {\r\n  font-family: var(--f-mono);\r\n  font-size: 11px;\r\n  font-weight: 300;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 20px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 1px solid var(--ink-20);\r\n}\r\n@media(max-width: 960px) { .side-nav-label { display: none; } }\r\n\r\n.side-nav-list {\r\n  list-style: none; display: flex; flex-direction: column; gap: 0;\r\n  padding: 0; margin: 0;\r\n}\r\n@media(max-width: 960px) {\r\n  .side-nav-list { flex-direction: row; gap: 0; overflow-x: auto; width: 100%; }\r\n}\r\n\r\n.side-nav-list li { border-bottom: 1px solid var(--ink-20); }\r\n@media(max-width: 960px) {\r\n  .side-nav-list li { border-bottom: none; border-right: 1px solid var(--ink-20); }\r\n}\r\n\r\n.side-nav-list a {\r\n  display: flex; align-items: center; gap: 10px;\r\n  padding: 14px 0;\r\n  font-size: 15px; \r\n  font-weight: 400; letter-spacing: .04em;\r\n  color: var(--ink-60); transition: color .25s, padding-left .25s;\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n}\r\n@media(max-width: 960px) { .side-nav-list a { padding: 14px 20px; } }\r\n.side-nav-list a:hover, .side-nav-list a.active { color: var(--ink); padding-left: 6px; }\r\n@media(max-width: 960px) { .side-nav-list a:hover, .side-nav-list a.active { padding-left: 20px; } }\r\n\r\n.side-nav-list a .dot {\r\n  width: 5px; height: 5px; border-radius: 50%;\r\n  background: var(--gold); opacity: 0; transition: opacity .25s; flex-shrink: 0;\r\n}\r\n.side-nav-list a.active .dot, .side-nav-list a:hover .dot { opacity: 1; }\r\n<\/style>\r\n\r\n<nav class=\"side-nav\" aria-label=\"Page sections\">\r\n  <p class=\"side-nav-label\">On this page<\/p>\r\n  <ul class=\"side-nav-list\">\r\n    <li><a href=\"#overview\" class=\"active\"><span class=\"dot\"><\/span>Overview<\/a><\/li>\r\n    <li><a href=\"#gallery\"><span class=\"dot\"><\/span>Gallery<\/a><\/li>\r\n    <li><a href=\"#products\"><span class=\"dot\"><\/span>Products<\/a><\/li>\r\n    <li><a href=\"#materials\"><span class=\"dot\"><\/span>Materials<\/a><\/li>\r\n    <li><a href=\"#downloads\"><span class=\"dot\"><\/span>Downloads<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<script>\r\n\/* \u2500\u2500 Active side nav \u2500\u2500 *\/\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  const navLinks = document.querySelectorAll('.side-nav-list a');\r\n  \/\/ Extract target section IDs based on link hrefs\r\n  const targetIds = Array.from(navLinks).map(link => link.getAttribute('href').substring(1));\r\n  \r\n  const onScroll = () => {\r\n    \/\/ Find the sections dynamically in case they render slightly after the menu\r\n    const sections = targetIds.map(id => document.getElementById(id)).filter(section => section !== null);\r\n    let current = sections.length > 0 ? sections[0].getAttribute('id') : '';\r\n\r\n    sections.forEach(section => {\r\n      const rect = section.getBoundingClientRect();\r\n      \/\/ Update the active state when a section enters the top third of the viewport\r\n      if (rect.top <= window.innerHeight \/ 3) {\r\n        current = section.getAttribute('id');\r\n      }\r\n    });\r\n\r\n    \/\/ Fallback: If we've scrolled all the way to the bottom, force highlight the last item\r\n    if ((window.innerHeight + Math.round(window.scrollY)) >= document.documentElement.scrollHeight - 50) {\r\n      if (sections.length > 0) {\r\n        current = sections[sections.length - 1].getAttribute('id');\r\n      }\r\n    }\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.toggle('active', link.getAttribute('href') === '#' + current);\r\n    });\r\n  };\r\n\r\n  \/\/ Trigger once on load to set the initial active state\r\n  onScroll();\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b6d329 e-con-full e-flex e-con e-child\" data-id=\"0b6d329\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4c271 elementor-widget elementor-widget-html\" data-id=\"9f4c271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TOKENS & UTILITIES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --ink:      #0F0F0E;\r\n  --ink-60:   rgba(15,15,14,.6);\r\n  --ink-20:   rgba(15,15,14,.12);\r\n  --sand:     #F5F1EB;\r\n  --linen:    #EDE8DF;\r\n  --gold:     #B08C52;\r\n  --gold-lt:  #D4B47A;\r\n  --white:    #FFFFFF;\r\n  --f-display: 'Futura-bk-bt', sans-serif;\r\n  --f-body:    'Futura-bk-bt', sans-serif;\r\n  --f-mono:    'Futura-bk-bt', sans-serif;\r\n  --ease: cubic-bezier(.25,0,.15,1);\r\n}\r\n\r\n.main-content {\r\n  font-family: var(--f-body);\r\n  color: var(--ink);\r\n  padding: 64px 0 64px 56px;\r\n}\r\n@media(max-width: 960px) { .main-content { padding: 48px 0; } }\r\n\r\n.eyebrow {\r\n  font-family: var(--f-mono); font-size: 11px; font-weight: 300;\r\n  letter-spacing: .2em; text-transform: uppercase; color: var(--gold);\r\n}\r\n.btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  font-family: var(--f-body); font-size: 12px; font-weight: 500;\r\n  letter-spacing: .16em; text-transform: uppercase;\r\n  padding: 13px 28px; transition: all .3s var(--ease); cursor: pointer;\r\n  border: 1px solid currentColor; text-decoration: none;\r\n}\r\n.btn-dark { color: var(--ink); border-color: var(--ink); }\r\n.btn-dark:hover { background: var(--ink); color: #fff; }\r\n\r\n\/* \u2500\u2500 Section headings \u2500\u2500 *\/\r\n.section-head { margin-bottom: 48px; }\r\n.section-head .eyebrow { margin-bottom: 12px; }\r\n.section-head h2 {\r\n  font-family: var(--f-display);\r\n  font-size: clamp(28px, 3.5vw, 44px);\r\n  font-weight: 400; line-height: 1.15; margin: 0;\r\n}\r\n.section-head h2 em { font-style: italic; color: var(--gold); }\r\n\r\n\/* \u2500\u2500 Intro panel \u2500\u2500 *\/\r\n.intro-panel {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 48px;\r\n  align-items: stretch; margin-bottom: 80px; padding-bottom: 80px;\r\n  border-bottom: 1px solid var(--ink-20);\r\n}\r\n@media(max-width: 768px) { .intro-panel { grid-template-columns: 1fr; gap: 32px; } }\r\n.intro-img { position: relative; height: 100%; overflow: hidden; border-radius: 4px; }\r\n.intro-img::after {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: #CDA14663; \/* 40% Ink brand color overlay *\/\r\n  z-index: 1; pointer-events: none;\r\n}\r\n@media(max-width: 768px) { .intro-img { aspect-ratio: 4\/3; height: auto; } }\r\n.intro-img > img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; }\r\n.intro-badge {\r\n  position: absolute; inset: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  z-index: 2; pointer-events: none;\r\n}\r\n.intro-badge-bg {\r\n  background: #ffffff;\r\n  padding: 24px 32px;\r\n  border-radius: 6px;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n}\r\n.intro-badge img { width: 150px; max-width: 100%; height: auto; display: block; }\r\n\r\n.intro-text h2 {\r\n  font-family: var(--f-display); font-size: clamp(22px, 2.5vw, 32px);\r\n  font-weight: 400; line-height: 1.2; margin-top: 0; margin-bottom: 16px;\r\n}\r\n.intro-text h2 em { font-style: italic; color: var(--gold); }\r\n.intro-text p { font-size: 15px; color: var(--ink-60); line-height: 1.8; margin-bottom: 28px; }\r\n\r\n\/* \u2500\u2500 Gallery \u2500\u2500 *\/\r\n.section-gallery { margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid var(--ink-20); }\r\n.gallery-grid {\r\n  display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 260px; gap: 16px;\r\n}\r\n.gallery-grid a {\r\n  position: relative; overflow: hidden; display: block; background: var(--linen);\r\n  border-radius: 4px; \/* Adds a modern, polished touch *\/\r\n}\r\n.gallery-grid .g-main { grid-column: span 7; grid-row: span 2; }\r\n.gallery-grid .g-side { grid-column: span 5; grid-row: span 1; }\r\n.gallery-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); display: block; }\r\n.gallery-grid a:hover img { transform: scale(1.05); }\r\n\r\n\/* Tablet adjustments *\/\r\n@media(max-width: 960px) {\r\n  .gallery-grid { grid-auto-rows: 320px; }\r\n  .gallery-grid .g-main { grid-column: span 12; grid-row: span 1; }\r\n  .gallery-grid .g-side { grid-column: span 6; grid-row: span 1; }\r\n}\r\n\/* Mobile adjustments *\/\r\n@media(max-width: 600px) {\r\n  .gallery-grid { grid-auto-rows: 250px; gap: 12px; }\r\n  .gallery-grid .g-side { grid-column: span 12; }\r\n}\r\n\r\n\/* \u2500\u2500 Products \u2500\u2500 *\/\r\n.section-products { margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid var(--ink-20); }\r\n.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }\r\n@media(max-width: 768px) { .products-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media(max-width: 480px) { .products-grid { grid-template-columns: 1fr; } }\r\n.product-card { background: var(--linen); position: relative; overflow: hidden; display: flex; flex-direction: column; }\r\n.product-card-img { aspect-ratio: 1; overflow: hidden; background: #e8e3da; }\r\n.product-card-img img { width: 100%; height: 100%; object-fit: contain; padding: 16px; transition: transform .5s var(--ease); }\r\n.product-card:hover .product-card-img img { transform: scale(1.06); }\r\n.product-card-body { padding: 16px 18px 20px; border-top: 1px solid var(--ink-20); }\r\n.product-card-body p { margin: 0; font-size: 15px; font-weight: 400; line-height: 1.4; color: var(--ink); }\r\n\r\n\/* \u2500\u2500 Materials \u2500\u2500 *\/\r\n.section-materials { margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid var(--ink-20); }\r\n.materials-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }\r\n@media(max-width: 768px) { .materials-grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media(max-width: 480px) { .materials-grid { grid-template-columns: repeat(2, 1fr); } }\r\n.material-card { position: relative; overflow: hidden; cursor: pointer; aspect-ratio: 1; }\r\n.material-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }\r\n.material-card:hover img { transform: scale(1.08); }\r\n.material-label {\r\n  position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 10px;\r\n  background: linear-gradient(to top, rgba(15,15,14,.72) 0%, transparent 55%);\r\n  opacity: 0; transition: opacity .3s;\r\n}\r\n.material-card:hover .material-label { opacity: 1; }\r\n.material-label span { font-size: 15px; font-weight: 400; letter-spacing: .04em; color: #fff; line-height: 1.3; }\r\n\r\n\/* \u2500\u2500 Downloads \u2500\u2500 *\/\r\n.section-downloads { margin-bottom: 80px; }\r\n.download-card {\r\n  display: flex; align-items: center; justify-content: space-between; gap: 24px;\r\n  padding: 28px 32px; background: var(--linen); border: 1px solid var(--ink-20);\r\n  transition: border-color .3s; text-decoration: none; color: var(--ink);\r\n}\r\n.download-card:hover { border-color: var(--gold); }\r\n.download-info p.eyebrow { margin-top: 0; margin-bottom: 6px; }\r\n.download-info h4 { margin: 0; font-family: var(--f-display); font-size: 20px; font-weight: 400; }\r\n.download-icon {\r\n  width: 44px; height: 44px; border: 1px solid var(--gold); display: flex; align-items: center;\r\n  justify-content: center; color: var(--gold); flex-shrink: 0; font-size: 18px;\r\n  transition: background .3s, color .3s;\r\n}\r\n.download-card:hover .download-icon { background: var(--gold); color: #fff; }\r\n\r\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s var(--ease), transform .7s var(--ease); }\r\n.reveal.in { opacity: 1; transform: translateY(0); }\r\n<\/style>\r\n\r\n<main class=\"main-content\">\r\n  <!-- \u2500\u2500 OVERVIEW \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <section id=\"overview\" class=\"reveal\">\r\n    <div class=\"intro-panel\">\r\n      <div class=\"intro-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-Heroshot-2.jpg\" alt=\"Comfort Inn interior\"\/>\r\n        <div class=\"intro-badge\">\r\n          <div class=\"intro-badge-bg\">\r\n            <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-Inn-1.png\" alt=\"Comfort Inn logo\"\/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"intro-text\">\r\n        <div class=\"eyebrow\" style=\"margin-bottom:12px\">Overview<\/div>\r\n        <h2>A Partnership Built on<em> Comfort<\/em><\/h2>\r\n        <p>Vittaazio is proud to partner with Comfort Inn, a trusted brand dedicated to making travellers feel right at home wherever they go. Renowned for its reliable comfort, welcoming environments, and thoughtful amenities, Comfort Inn is all about helping guests recharge and prepare for the day.<\/p>\r\n        <p style=\"margin-top:-8px\">At Vittaazio, our furniture solutions mirror this mission \u2014 offering practical, highly comfortable designs that elevate both relaxation and functionality across the entire guest experience.<\/p>\r\n        <a href=\"#contact\" class=\"btn btn-dark\" target=\"_blank\" style=\"margin-top:8px\">Download Brochure<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 GALLERY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <section id=\"gallery\" class=\"section-gallery reveal\">\r\n    <div class=\"section-head\">\r\n      <p class=\"eyebrow\">Gallery<\/p>\r\n      <h2>Installation <em>Highlights<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"gallery-grid\">\r\n      <a href=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-Heroshot-2.jpg\" class=\"g-main\" target=\"_blank\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-Heroshot-2.jpg\" alt=\"Comfort Inn guest room\"\/>\r\n      <\/a>\r\n      <a href=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-Heroshot-1.jpg\" class=\"g-side\" target=\"_blank\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-Heroshot-1.jpg\" alt=\"Comfort Inn lounge\"\/>\r\n      <\/a>\r\n      <a href=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-1_4.jpg\" class=\"g-side\" target=\"_blank\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Comfort-1_4.jpg\" alt=\"Comfort Inn detail\"\/>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 PRODUCTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <section id=\"products\" class=\"section-products reveal\">\r\n    <div class=\"section-head\">\r\n      <p class=\"eyebrow\">Products<\/p>\r\n      <h2>The Complete <em>FF&amp;E Collection<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"products-grid\">\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/1-Wall-Panel-Design_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Headboard Light Switch On Left \u2014 King Room<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/2-Door-Wordrobe_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Semi Open Closet L\/R<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/3-Ref-N-Oven-Box_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Amenity Tower Microfridge Cabinet<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/4-Bench_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Short Luggage Bench<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/5-Side-Box-14_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Nightstand King<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/6-Panel-Design_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>TV Panel<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/7-Mirror-With-Hanger_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Mirror W\/Hooks On Right<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/08-Side-Table-13_3.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Ottoman Table<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/8-Desk-Cubby-1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Desk Leg On Left\/Right City<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/9-Desk-3D_1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Desk On Right\/Left<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/10-Chair_2.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Lobby Accent Chair Fabric \u2014 City Scheme<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/11-Chair-1.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Lounge Chair Fabric City Scheme<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/12-Chair-22_2.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Task\/Dining\/Desk Chair \u2014 Widebay Suites City<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/13-Chair-2.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Lobby Focal Chair Fabric \u2014 City<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"product-card\">\r\n        <div class=\"product-card-img\"><img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/14-chair-2.webp\" alt=\"\"\/><\/div>\r\n        <div class=\"product-card-body\"><p>Task Chair With Casters<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 MATERIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <section id=\"materials\" class=\"section-materials reveal\">\r\n    <div class=\"section-head\">\r\n      <p class=\"eyebrow\">Materials<\/p>\r\n      <h2>Approved <em>Finishes &amp; Fabrics<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"materials-grid\">\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/10592-38-Charcoal.jpeg\" alt=\"Charcoal\"\/>\r\n        <div class=\"material-label\"><span>Charcoal<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Black-Metal.jpg\" alt=\"Black Metal\"\/>\r\n        <div class=\"material-label\"><span>Black Metal<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-AptitudeGranite.jpg\" alt=\"Culp Aptitude Granite\"\/>\r\n        <div class=\"material-label\"><span>Culp Aptitude Granite<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-BesoGraphite.jpg\" alt=\"Culp Beso Graphite\"\/>\r\n        <div class=\"material-label\"><span>Culp Beso Graphite<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-ConnellySparrow.jpg\" alt=\"Culp Connelly Sparrow\"\/>\r\n        <div class=\"material-label\"><span>Culp Connelly Sparrow<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-DwellQuartz.jpg\" alt=\"Culp Dwell Quartz\"\/>\r\n        <div class=\"material-label\"><span>Culp Dwell Quartz<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-EquisSaddle.jpg\" alt=\"Culp Equis Saddle\"\/>\r\n        <div class=\"material-label\"><span>Culp Equis Saddle<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-KotorStream.jpg\" alt=\"Culp Kotor Stream\"\/>\r\n        <div class=\"material-label\"><span>Culp Kotor Stream<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-LinetteMustard.jpg\" alt=\"Culp Linette Mustard\"\/>\r\n        <div class=\"material-label\"><span>Culp Linette Mustard<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-LornaBurbon.jpg\" alt=\"Culp Lorna Bourbon\"\/>\r\n        <div class=\"material-label\"><span>Culp Lorna Bourbon<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Culp-LornaKingman.jpg\" alt=\"Culp Lorna Kingman\"\/>\r\n        <div class=\"material-label\"><span>Culp Lorna Kingman<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Fabricut-ImportAdobe.jpg\" alt=\"Fabricut Import Adobe\"\/>\r\n        <div class=\"material-label\"><span>Fabricut Import Adobe<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Fabricut-IntermixStorm.jpg\" alt=\"Fabricut Intermix Storm\"\/>\r\n        <div class=\"material-label\"><span>Fabricut Intermix Storm<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Fabricut-PhenomenonSand.jpg\" alt=\"Fabricut Phenomenon Sand\"\/>\r\n        <div class=\"material-label\"><span>Fabricut Phenomenon Sand<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Fabricut-SinclairShadow.jpg\" alt=\"Fabricut Sinclair Shadow\"\/>\r\n        <div class=\"material-label\"><span>Fabricut Sinclair Shadow<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Fabricut-Vinyl-TweedHarvest.jpg\" alt=\"Fabricut Tweed Harvest\"\/>\r\n        <div class=\"material-label\"><span>Fabricut Tweed Harvest<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Indigo_D379-65HPL-04A.jpeg\" alt=\"Indigo HPL\"\/>\r\n        <div class=\"material-label\"><span>Indigo D379-65 HPL<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"material-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/Wilsonart-8213K-28-Phantom-Cocoa-HPL-01.jpeg\" alt=\"Wilsonart Phantom Cocoa\"\/>\r\n        <div class=\"material-label\"><span>Wilsonart Phantom Cocoa HPL<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 DOWNLOADS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <section id=\"downloads\" class=\"section-downloads reveal\">\r\n    <div class=\"section-head\">\r\n      <p class=\"eyebrow\">Downloads<\/p>\r\n      <h2>Product <em>Documentation<\/em><\/h2>\r\n    <\/div>\r\n    <a href=\"#contact\" class=\"download-card\" target=\"_blank\">\r\n      <div class=\"download-info\">\r\n        <p class=\"eyebrow\">PDF \u00b7 Brand Program<\/p>\r\n        <h4 style=\"color:black;\">Comfort Inn Brochure<\/h4>\r\n      <\/div>\r\n      <div class=\"download-icon\">\u2193<\/div>\r\n    <\/a>\r\n  <\/section>\r\n<\/main>\r\n\r\n<script>\r\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  const revealEls = document.querySelectorAll('.reveal');\r\n  const ro = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('in'); ro.unobserve(e.target); } });\r\n  }, { threshold: 0.1 });\r\n  revealEls.forEach(el => ro.observe(el));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-a72f929 e-flex e-con-boxed e-con e-parent\" data-id=\"a72f929\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa881e5 e-con-full e-flex e-con e-child\" data-id=\"aa881e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08b99be elementor-widget elementor-widget-heading\" data-id=\"08b99be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GET IN TOUCH<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c875eb5 elementor-widget elementor-widget-aux_contact_form\" data-id=\"c875eb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_contact_form.default\">\n\t\t\t\t\t<section class=\"widget-container aux-widget-contact-form aux-parent-au5f952f20\">            <div class=\"aux-col-wrapper aux-no-gutter\">\n            <!-- @TODO - The output for element here -->\n\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1540-o1\" lang=\"en-GB\" dir=\"ltr\" data-wpcf7-id=\"1540\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/1004#wpcf7-f1540-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=\"1540\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_GB\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1540-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"name-comfort\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full Name\" value=\"\" type=\"text\" name=\"name-comfort\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-comfort\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email Address\" value=\"\" type=\"email\" name=\"email-comfort\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"tel-comfort\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone\" value=\"\" type=\"tel\" name=\"tel-comfort\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"text-591\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Company Name\" value=\"\" type=\"text\" name=\"text-591\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"select-563\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"select-563\"><option value=\"\">Role \/ Title<\/option><option value=\"Owner\">Owner<\/option><option value=\"Developer\">Developer<\/option><option value=\"Asset Manager\">Asset Manager<\/option><option value=\"Procurement Lead\">Procurement Lead<\/option><option value=\"Designer \/ Architect\">Designer \/ Architect<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"text-255\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Project Location (City, State)\" value=\"\" type=\"text\" name=\"text-255\" \/><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"Web-Brand-Comfort Inn\" type=\"hidden\" name=\"lead-source\" \/>\n<\/p>\n<div style=\"display:inline-block;\">\n\t<p><button type=\"submit\" class=\"modern-cta-btn\"><br \/>\n<span>Submit<\/span><br \/>\n<span class=\"cta-icon\">\u2192<\/span><br \/>\n<\/button>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n            <\/div><!-- aux-col-wrapper -->\n    <\/section><!-- widget-container -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30027cc elementor-widget elementor-widget-html\" data-id=\"30027cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('wpcf7mailsent', function(event) {\r\n    \/\/ Check if the submitted form is the Comfort Inn form \r\n    \/\/ (Replace '123' with your actual CF7 Form ID if you have multiple forms on the site)\r\n    \/\/ if ( '123' == event.detail.contactFormId ) {\r\n\r\n        \/\/ Open the PDF in a new tab\r\n        window.open('https:\/\/hospitality.vittaazio.com\/wp-content\/uploads\/2026\/06\/AAHOACON26-Comfort.pdf', '_blank');\r\n        \r\n    \/\/ }\r\n}, false);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0f6522 e-con-full e-flex e-con e-child\" data-id=\"c0f6522\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f375b9f elementor-widget elementor-widget-html\" data-id=\"f375b9f\" 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 Section<\/title>\r\n    <style>\r\n        \/* Importing Futura font *\/\r\n        @import url('https:\/\/fonts.cdnfonts.com\/css\/futura-bk-bt');\r\n        \r\n        \/* FIX: We created a specific wrapper class instead of styling the 'body'.\r\n           This prevents the layout from breaking the rest of your existing website. \r\n        *\/\r\n        .contact-section-wrapper {\r\n            background-color: #F9F4EE; \/* Soft beige background matching the image *\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 60px 20px; \/* Added padding instead of forcing 100vh on the whole page *\/\r\n            font-family: 'Futura Bk BT', 'Futura', sans-serif;\r\n            font-size: 15px; \r\n            color: #333333;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .contact-container {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .contact-row {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 35px 20px;\r\n            border-bottom: 1px solid rgba(0, 0, 0, 0.08); \/* Subtle horizontal divider *\/\r\n            gap: 30px;\r\n            transition: background-color 0.3s ease, transform 0.3s ease;\r\n            border-radius: 0px;\r\n        }\r\n\r\n        \/* Hover effect for a modern feel *\/\r\n        .contact-row:hover {\r\n            background-color: rgba(102, 51, 0, 0.03); \/* Updated to brown rgb *\/\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .contact-row:hover .icon-circle {\r\n            background-color: #CDA146;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        \/* Remove bottom border from the last item *\/\r\n        .contact-row:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .icon-circle {\r\n            flex-shrink: 0;\r\n            width: 65px;\r\n            height: 65px;\r\n            border-radius: 50%;\r\n            border: 1px solid #CDA146;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #CDA146;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .icon-circle svg {\r\n            width: 26px;\r\n            height: 26px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        .text-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n        }\r\n\r\n        .title {\r\n            color: #CDA146;\r\n            font-size: 1.15rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            font-weight: normal;\r\n        }\r\n\r\n        .detail {\r\n            color: #1A1A1A;\r\n            font-size: 1.05rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Link styling for email and phone *\/\r\n        .detail a {\r\n            color: inherit;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .detail a:hover {\r\n            color: #663300;\r\n        }\r\n\r\n        \/* Responsive Layout for Mobile *\/\r\n        @media (max-width: 600px) {\r\n            .contact-row {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 15px;\r\n                padding: 30px 10px;\r\n            }\r\n            .contact-row:hover {\r\n                transform: translateY(-5px); \/* Vertical hover effect on mobile *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- FIX: Wrapped the container in .contact-section-wrapper -->\r\n    <div class=\"contact-section-wrapper\">\r\n        <div class=\"contact-container\">\r\n            \r\n            <!-- Call Us -->\r\n            <div class=\"contact-row\">\r\n                <div class=\"icon-circle\">\r\n                    <!-- Phone SVG Icon -->\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-content\">\r\n                    <div class=\"title\">CALL US<\/div>\r\n                    <div class=\"detail\"><a href=\"tel:+1 (732) 791-6074\">+1 (732) 791-6074<\/a><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Email Us -->\r\n            <div class=\"contact-row\">\r\n                <div class=\"icon-circle\">\r\n                    <!-- Envelope SVG Icon -->\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-content\">\r\n                    <div class=\"title\">EMAIL US<\/div>\r\n                    <div class=\"detail\"><a href=\"mailto:projects.usa@vittaazio.com\">projects.usa@vittaazio.com<\/a><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Visit Us -->\r\n            <div class=\"contact-row\">\r\n                <div class=\"icon-circle\">\r\n                    <!-- Location Pin SVG Icon -->\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"text-content\">\r\n                    <div class=\"title\">VISIT US<\/div>\r\n                    <div class=\"detail\">\r\n                        16192, Coastal Highway, Lewes, Delaware 19958, County of Sussex, USA\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Brand Program Comfort Inn&amp; Suites Purpose-built FF&amp;E for a brand trusted by everyday travellers across thousands of properties worldwide. Explore Products Download Brochure On this page Overview Gallery Products Materials Downloads Overview A Partnership Built on Comfort Vittaazio is proud to partner with Comfort Inn, a trusted brand dedicated to making travellers feel right at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":994,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/pages\/1004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/comments?post=1004"}],"version-history":[{"count":187,"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/pages\/1004\/revisions"}],"predecessor-version":[{"id":1553,"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/pages\/1004\/revisions\/1553"}],"up":[{"embeddable":true,"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/pages\/994"}],"wp:attachment":[{"href":"https:\/\/hospitality.vittaazio.com\/index.php\/wp-json\/wp\/v2\/media?parent=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}