1<!DOCTYPE html><!-- Last Published: Fri Sep 11 2026 19:26:02 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.revrebel.io" data-wf-page="6a5c9dbb891ff56ef51191be" data-wf-site="6a09244ce43d4439301ce56f" lang="en"><head>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 2(window,'GTM-KW9KT2B','google_tags_first_party');</script>
2<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dY2E1Nz', true); 3 var f=d.getElementsByTagName(s)[0], 4 j=d.createElement(s);j.async=true;j.src='/nlhp/'; 5 f.parentNode.insertBefore(j,f); 6 })(window,document,'script','dataLayer');</script>
6<meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>About REVREBEL</title><meta content="Meet REVREBEL, a team of hotel revenue, distribution, marketing, and technology strategists helping independent hotels grow demand and outperform." name="description"/><meta content="About REVREBEL" property="og:title"/><meta content="Meet REVREBEL, a team of hotel revenue, distribution, marketing, and technology strategists helping independent hotels grow demand and outperform." property="og:description"/><meta content="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9b2c0deec911f3caa973cb_meet-the-rebels.jpg" property="og:image"/><meta content="About REVREBEL" name="twitter:title"/><meta content="Meet REVREBEL, a team of hotel revenue, distribution, marketing, and technology strategists helping independent hotels grow demand and outperform." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/css/revrebel.shared.ff7eb5aa5.min.css" rel="stylesheet" type="text/css" integrity="sha384-/361qlJUm7zLZVNZtFDB+S+qT4H4CoPHYXEu9GKLQUvYXGzZbgfbq12g8TicSFl7" crossorigin="anonymous"/><style>html.w-mod-js:not(.w-mod-ix3) :is([trigger="page-nav_menu"], [data-target="page-nav_menu-text"], [data-target="page-nav_menu-icon"], .page-nav_menu-bg-circle, .scrolling-icons_top, .scrolling-icons_bottom, [spinning-icon="target"], [MovingColors="target"]) {visibility: hidden !important;}</style><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
6<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
6<script type="text/javascript">WebFont.load({ google: { families: ["Droid Sans:400,700"] }});</script>
6<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
6<link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9a4f8e6686f241fb380258_8.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9a4f9a6686f241fb380317_Icon%20Primary.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9a4f8f603e95ea6416c0d2_8.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9a4f8fe2aae09ad6730124_8.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9a4f8eb406b2d776d186e3_8.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a9a4f8e3e5cc32383a57547_8.png" rel="icon" type="image/png" sizes="512x512"/><link href="https://www.revrebel.io/about" rel="canonical"/>
6<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-VF5Z5N3FMD'],'google_tags_first_party');</script>
6<script async="" src="/wvxwa3jtwetcNmEwOTI0NGNlNDNkNDQzOTMwMWNlNTZm/6Gzv7g8QYII3upF9DJL2Jw0Geac"></script>
6<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-VF5Z5N3FMD');</script>
6<script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '131199519898776');fbq('track', 'PageView');</script>
6<!-- Google Tag Manager (Disabled in Webflow Designer/Editor) -->
7<script> 8 (function () { 9 function isWebflowEditorOrDesigner() { 10 return window.location.search.includes('?edit') || window.WebflowEditor; 11 } 12 13 if (isWebflowEditorOrDesigner()) { 14 console.log('GTM tracking disabled in Webflow Editor/Designer mode.'); 15 return; 16 } 17 18 // Google Tag Manager
vendor: 435 bytes, lines 18-28
18 19 (function (w, d, s, l, i) { 20 w[l] = w[l] || []; 21 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 22 var f = d.getElementsByTagName(s)[0], 23 j = d.createElement(s), 24 dl = l != 'dataLayer' ? '&l=' + l : ''; 25 j.async = true; 26 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 27 f.parentNode.insertBefore(j, f); 28 })(window, document, 'script', 'dataLayer', '
28GTM-KW9KT2B
vendor: 6 bytes, lines 28-29
28'); 29
29})(); 30</script>
30 31
32<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fitty.min.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
32 33
34<script> 35 // 1. Listen for events immediately 36 window.addEventListener('fit', (e) => console.log('Text resized!', e.detail)); 37 38 window.Webflow = window.Webflow || []; 39 window.Webflow.push(async function () { 40 // 2. Wait for fonts 41 if (document.fonts && document.fonts.ready) { 42 await document.fonts.ready; 43 } 44 45 const elements = Array.from(document.querySelectorAll('.v-headline_container.fit-heading')); 46 console.log('Fitty targets found:', elements.length); 47 48 const previousWidths = new WeakMap(); 49 const observedParents = new Set(); 50 let animationFrame; 51 52 function getSize(element, attribute, fallback) { 53 const value = Number.parseFloat(element.getAttribute(attribute)); 54 return Number.isFinite(value) ? value : fallback; 55 } 56 57 // 3. Initialize Fitty 58 const instances = elements.map(function (element) { 59 console.log('Initializing Fitty for:', element); 60 const maxSize = getSize(element, 'data-fit-max', 139); 61 const requestedMinSize = getSize(element, 'data-fit-min', 48); 62 const minSize = Math.min(requestedMinSize, maxSize); 63 64 return fitty(element, { 65 minSize: minSize, 66 maxSize: maxSize, 67 multiLine: true, 68 }); 69 }); 70 71 function refit() { 72 cancelAnimationFrame(animationFrame); 73 animationFrame = requestAnimationFrame(function () { 74 instances.forEach((instance) => instance.fit({ sync: true })); 75 }); 76 } 77 78 // 4. Setup ResizeObserver on parent containers 79 if ('ResizeObserver' in window) { 80 const observer = new ResizeObserver(function (entries) { 81 let widthChanged = false; 82 entries.forEach((entry) => { 83 const prev = previousWidths.get(entry.target); 84 const curr = entry.contentRect.width; 85 if (prev === undefined || Math.abs(curr - prev) > 0.5) { 86 previousWidths.set(entry.target, curr); 87 widthChanged = true; 88 } 89 }); 90 if (widthChanged) refit(); 91 }); 92 93 instances.forEach(function (instance) { 94 const parent = instance.element.parentElement; 95 if (parent && !observedParents.has(parent)) { 96 observedParents.add(parent); 97 observer.observe(parent); 98 } 99 }); 100 } 101 102 window.addEventListener('resize', refit, { passive: true }); 103 refit(); // Initial trigger 104 }); 105</script>
105<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/[email protected]/dist/gsap-text-reveal.js" type="text/javascript" integrity="sha384-tjP0YVRLeOKgBMvfr+SHrQ/7lwkfRYHkUw8DdhQk2PbvjhyhD1h7Mha5xhoyOGuh" crossorigin="anonymous"></script>
105<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/[email protected]/dist/gsap.js" type="text/javascript" integrity="sha384-ix00rBrixOkNXXSFGDLKF65HUUk2HI2uu2A/8jkEdP8bdb6/3GrREjdoMSI/Wr6i" crossorigin="anonymous"></script>
105<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/[email protected]/dist/gsap-text-highlight.js" type="text/javascript" integrity="sha384-m4EUI085F7J0rlXgBFHcGyyWw4w56X55grQZ9p1ZglmKBUOYmL9aLnltGCAn97sc" crossorigin="anonymous"></script>
105<script src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f%2F6544eda5f000985a163a8687%2F6a09244ce43d4439301ce5ca%2Ffinsweetcomponentsconfig-1.0.2.js" type="module" async="" siteId="68729bbbf00ae2d98c02980d" finsweet="components"></script>
105<script src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f%2F66ba5a08efe71070f98dd10a%2F6a9688cb7108d9c98b988c80%2Fkw9kt2b-1.1.1.js" type="text/javascript"></script>
105<script data-cfasync="false" nonce="05caaef9-1f9d-436d-9d53-e87ef22df359">try{(function(w,d){!function(kP,kQ,kR,kS){if(kP.zaraz)console.error("zaraz is loaded twice");else{kP[kR]=kP[kR]||{};kP[kR].executed=[];kP.zaraz={deferred:[],listeners:[]};kP.zaraz._v="20";kP.zaraz._n="05caaef9-1f9d-436d-9d53-e87ef22df359";kP.zaraz.q=[];kP.zaraz._f=function(kT){return async function(){var kU=Array.prototype.slice.call(arguments);kP.zaraz.q.push({m:kT,a:kU})}};for(const kV of["track","set","ecommerce","debug"])kP.zaraz[kV]=kP.zaraz._f(kV);kP.zaraz.init=()=>{var kW=kQ.getElementsByTagName(kS)[0],kX=kQ.createElement(kS),kY=kQ.getElementsByTagName("title")[0];kY&&(kP[kR].t=kQ.getElementsByTagName("title")[0].text);kP[kR].x=Math.random();kP[kR].w=kP.screen.width;kP[kR].h=kP.screen.height;kP[kR].j=kP.innerHeight;kP[kR].e=kP.innerWidth;kP[kR].l=kP.location.href;kP[kR].r=kQ.referrer;kP[kR].k=kP.screen.colorDepth;kP[kR].n=kQ.characterSet;kP[kR].o=(new Date).getTimezoneOffset();if(kP.dataLayer)for(const kZ of Object.entries(Object.entries(dataLayer).reduce((k$,la)=>({...k$[1],...la[1]}),{})))zaraz.set(kZ[0],kZ[1],{scope:"page"});kP[kR].q=[];for(;kP.zaraz.q.length;){const lb=kP.zaraz.q.shift();kP[kR].q.push(lb)}kX.defer=!0;for(const lc of[localStorage,sessionStorage])Object.keys(lc||{}).filter(le=>le.startsWith("_zaraz_")).forEach(ld=>{try{kP[kR]["z_"+ld.slice(7)]=JSON.parse(lc.getItem(ld))}catch{kP[kR]["z_"+ld.slice(7)]=lc.getItem(ld)}});kX.referrerPolicy="origin";kX.src="/cdn-cgi/zaraz/s.js?z="+btoa(encodeURIComponent(JSON.stringify(kP[kR])));kW.parentNode.insertBefore(kX,kW)};["complete","interactive"].includes(kQ.readyState)?zaraz.init():kP.addEventListener("DOMContentLoaded",zaraz.init)}}(w,d,"zarazData","script");window.zaraz._p=async kH=>new Promise(kI=>{if(kH){kH.e&&kH.e.forEach(kJ=>{try{const kK=d.querySelector("script[nonce]"),kL=kK?.nonce||kK?.getAttribute("nonce"),kM=d.createElement("script");kL&&(kM.nonce=kL);kM.innerHTML=kJ;kM.onload=()=>{d.head.removeChild(kM)};d.head.appendChild(kM)}catch(kN){console.error(`Error executing script: ${kJ}\n`,kN)}});Promise.allSettled((kH.f||[]).map(kO=>fetch(kO[0],kO[1])))}kI()});zaraz._p({"e":["(function(w,d){})(window,document)"]});})(window,document)}catch(e){throw fetch("/cdn-cgi/zaraz/t"),e;};</script>
105</head><body><div><div class="g-styles w-embed"> 106<style> 107 108 109/* ========================================================= 110 NAVIGATION 111 ========================================================= */ 112 113html.wf-design-mode [data-nav-open="True"] .w-nav-menu { 114 display: flex !important; 115 opacity: 1 !important; 116 visibility: visible !important; 117 transform: none !important; 118} 119 120html.wf-design-mode [data-nav-dropdown-1="True"] .w-dropdown-list { 121 display: block !important; 122 opacity: 1 !important; 123 visibility: visible !important; 124 transform: none !important; 125} 126 127 128html.wf-design-mode [data-nav-dropdown-2="True"] .w-dropdown-list { 129 display: block !important; 130 opacity: 1 !important; 131 visibility: visible !important; 132 transform: none !important; 133} 134 135.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { 136 color: inherit !important; 137} 138 139 140/* ========================================================= 141 FOOTER 142 ========================================================= */ 143 144@media screen and (max-width: 1132px) { 145 .footer_contact-wrapper.margin_left-auto { 146 flex-flow: column; 147 margin-left: unset; 148 width: 100% 149 } 150} 151 152@media screen and (max-width: 991px) { 153 .footer_contact-wrapper.margin_left-auto { 154 flex-flow: column; 155 width: 100% 156 } 157} 158 159@media screen and (max-width: 767px) { 160 .footer_contact-wrapper.margin_left-auto { 161 flex-flow: row; 162 } 163} 164 165@media screen and (max-width: 479px) { 166 .footer_contact-wrapper.margin_left-auto { 167 flex-flow: column; 168 } 169} 170 171</style></div><div class="global-styles_general w-embed"><style> 172/* 173 * Applies a color filter to elements with both 'icon' and '{COLOR}' class. 174 * The filter uses a combination of invert, sepia, saturate, hue-rotate, brightness, and contrast 175 * to achieve the desired purple hue effect on the icon. 176 */ 177 178/* 179 * Gradients 180 */ 181 182.bg-gradient-yellow-red { 183 background-image: linear-gradient(to right, #faca78, #fabc6e, #f9ae66, #f8a060, #f6915c, #f48759, #f17d56, #ee7254, #eb6a50, #e7624d, #e4594a, #e05047); 184} 185 186.bg-gradient-blue-green { 187 background-image: linear-gradient(to right, #27498b, #145491, #005e95, #006897, #007198, #067b9c, #1785a0, #278fa3, #3a9dac, #4cacb4, #5ebabd, #71c9c5); 188} 189 190.bg-red-purple { 191 background-image: linear-gradient(to right, #f37d59, #f07555, #ec6d51, #e9654e, #e55c4b, #df554f, #d84e53, #d04856, #c2455f, #b14565, #a04569, #8e456a); 192} 193 194.bg-yellow-purple { 195 background-image: linear-gradient(to right, #faca78, #fabc6e, #f9ae66, #f8a060, #f6915c, #f0835e, #e97660, #e06963, #ce5d68, #ba536b, #a54c6c, #8e456a); 196} 197 198.bg-yellow-red { 199 background-image: linear-gradient(to right, #faca78, #fabc6e, #f9ae66, #f8a060, #f6915c, #f48759, #f17d56, #ee7254, #eb6a50, #e7624d, #e4594a, #e05047); 200} 201 202.bg-blue-red { 203 background-image: linear-gradient(to right, #27498b, #494788, #604583, #72447d, #804375, #8e4372, #9b446e, #a64568, #b74563, #c7475c, #d54a53, #e05047); 204} 205 206.is-rebel, 207.text-rebel { 208 background-image: linear-gradient(to right, #27498b, #145491, #005e95, #006897, #007198, #00789b, #007f9d, #00869f, #008ea5, #0096ab, #009eb1, #00a6b6, #71c9c5, #7aceb5, #8fd2a2, #abd38e, #ccd17e, #dbca73, #ebc16d, #fab86b, #f9aa64, #f89b5e, #f68c5b, #f37d59, #f37d59, #f07555, #ec6d51, #e9654e, #e55c4b, #df554f, #d84e53, #d04856, #c2455f, #b14565, #a04569, #8e456a); 209} 210 211/* 212 * Navigation Breakpoint Adjustment 213 */ 214 215@media screen and (max-width: 1132px) { 216 .footer_contact-wrapper.margin_left-auto { 217 flex-flow: column; 218 margin-left: unset; 219 width: 100% 220 } 221} 222 223@media screen and (max-width: 991px) { 224 .footer_contact-wrapper.margin_left-auto { 225 flex-flow: column; 226 width: 100% 227 } 228} 229 230@media screen and (max-width: 767px) { 231 .footer_contact-wrapper.margin_left-auto { 232 flex-flow: row; 233 } 234} 235 236@media screen and (max-width: 479px) { 237 .footer_contact-wrapper.margin_left-auto { 238 flex-flow: column; 239 } 240} 241 242 243body { 244 -moz-osx-font-smoothing: grayscale; 245 -webkit-font-smoothing: antialiased; 246 -webkit-font-smoothing: subpixel-antialiased; 247 font-size: 100%; 248 /* stylelint-disable-next-line */ 249 font-smooth: always; 250 /* stylelint-disable-next-line */ 251 font-smoothing: antialiased; 252 font-variant-ligatures: none; 253 text-rendering: optimizelegibility; 254 text-shadow: rgb(0 0 0 / 1%) 0 0 1px; 255 text-size-adjust: 100%; 256} 257 258h1, h2, h3, h4, h5, h6, p, label, blockquote { 259 margin-top: 0; 260 margin-bottom: 0; 261} 262 263button { 264 background-color: unset; 265 padding: unset; 266 text-align: inherit; 267} 268 269img::selection { 270 background: transparent; 271} 272 273/*Reset links styles*/ 274 275a { 276 color: inherit; 277 text-decoration: inherit; 278 font-size: inherit; 279} 280.w-richtext > *:first-child { 281 margin-top: 0; 282} 283.w-richtext > *:last-child { 284 margin-bottom: 0; 285} 286.wf-empty[class*="--"], video.wf-empty { 287 padding: 0; 288} 289video { 290 width: 100%; 291 object-fit: cover; 292} 293svg { 294 display: block; 295} 296section, header, footer { 297 position: relative; 298} 299 300:root { 301 --list-icon: 'â'; 302 --icon-color: inherit; 303 --icon-size: inherit 304} 305 306.w-form-done { 307 text-align: inherit; 308} 309 310 311[tabindex]:focus-visible, 312input[type=file]:focus-visible { 313 outline: .125rem solid #4d65ff; 314 outline-offset: 0.125rem 315} 316 317[tabindex]:focus-visible, 318input[type=file]:focus-visible { 319 outline: .125rem solid #4d65ff; 320 outline-offset: 0.125rem 321} 322 323.w-richtext > :not(div):first-child, 324.w-richtext >
324 div:first-child > :first-child { 325 margin-top: 0!important 326} 327 328.w-richtext > :last-child, 329.w-richtext ol li:last-child, 330.w-richtext ul li:last-child { 331 margin-bottom: 0!important 332} 333 334.div-square::after { 335 content: ""; 336 display: block; 337 padding-bottom: 100% 338} 339 340.full-page-container { 341 margin-right: none!important; 342 margin-left: none!important; 343 width: 100%!important; 344 height: 100%!important 345} 346 347.container 348.container-xxlarge, 349.container-large, 350.container-medium, 351.container-small, 352.container-xlarge, 353.container-xsmall, 354.container-xxsmall { 355 margin-right: auto!important; 356 margin-left: auto!important; 357 box-sizing: border-box 358} 359 360@media screen and (max-width:479px) { 361 .container .container-xxlarge, 362 .container-large, 363 .container-medium, 364 .container-small, 365 .container-xlarge, 366 .container-xsmall, 367 .container-xxsmall { 368 box-sizing: border-box 369 } 370} 371 372.display-inlineflex { 373 display: inline-flex 374} 375 376.show-on-mobile { 377 display: none!important 378} 379 380@media screen and (max-width:991px) { 381 .show-on-mobile { 382 display: block!important 383 } 384} 385 386.hide { 387 display: none!important 388} 389 390@media screen and (max-width:991px) { 391 .hide, 392 .hide-tablet { 393 display: none!important 394 } 395} 396 397@media screen and (max-width:767px) { 398 .hide-mobile-landscape { 399 display: none!important 400 } 401} 402 403@media screen and (max-width:479px) { 404 .hide-mobile { 405 display: none!important 406 } 407} 408 409.truncate-width { 410 width: 100%; 411 white-space: nowrap; 412 overflow: hidden; 413 text-overflow: ellipsis 414} 415 416.no-scrollbar { 417 -ms-overflow-style: none; 418 overflow: -moz-scrollbars-none 419} 420 421.no-scrollbar::-webkit-scrollbar {
422 display: none 423} 424 425.margin-none { 426 margin: 0!important 427} 428 429.padding-none { 430 padding: 0!important 431} 432 433.spacing-clean { 434 padding: 0!important; 435 margin: 0!important 436} 437 438.margin-top { 439 margin-right: 0!important; 440 margin-bottom: 0!important; 441 margin-left: 0!important 442} 443 444.padding-top { 445 padding-right: 0!important; 446 padding-bottom: 0!important; 447 padding-left: 0!important 448} 449 450.margin-right { 451 margin-top: 0!important; 452 margin-bottom: 0!important; 453 margin-left: 0!important 454} 455 456.padding-right { 457 padding-top: 0!important; 458 padding-bottom: 0!important; 459 padding-left: 0!important 460} 461 462.margin-bottom { 463 margin-top: 0!important; 464 margin-right: 0!important; 465 margin-left: 0!important 466} 467 468.padding-bottom { 469 padding-top: 0!important; 470 padding-right: 0!important; 471 padding-left: 0!important 472} 473 474.margin-left { 475 margin-top: 0!important; 476 margin-right: 0!important; 477 margin-bottom: 0!important 478} 479 480.padding-left { 481 padding-top: 0!important; 482 padding-right: 0!important; 483 padding-bottom: 0!important 484} 485 486.margin-horizontal { 487 margin-top: 0!important; 488 margin-bottom: 0!important 489} 490 491.padding-horizontal { 492 padding-top: 0!important; 493 padding-bottom: 0!important 494} 495 496.margin-vertical { 497 margin-right: 0!important; 498 margin-left: 0!important 499} 500 501.padding-vertical { 502 padding-right: 0!important; 503 padding-left: 0!important 504} 505 506.w-dropdown-btn,.w-dropdown-link,.w-dropdown-toggle,.w-nav-link,.w-tab-link,a { 507 color: inherit 508} 509 510.clickable-off { 511 pointer-events: none 512} 513 514.clickable-on { 515 pointer-events: auto 516} 517 518.w-input,.w-select,a { 519 color: inherit; 520 text-decoration: inherit; 521 font-size: inherit 522} 523 524/* Mobile/tablet only */ 525@media (max-width: 991px) { 526/* Webflow draws an overlay wrapper for the menu on mobile */ 527 .w-nav-overlay,.w-nav-menu { 528 max-height: 100dvh; 529 /* fills the viewport */ 530 overflow-y: auto; 531 /* make the menu scroll */ 532 -webkit-overflow-scrolling: touch; 533 /* momentum scroll on iOS */ 534 } 535} 536 537@media (max-width: 991px) { 538 .w-nav-menu .w-dropdown-list { 539 position: static; 540 /* stack in the flow so height adds to the menu */ 541 max-height: none; 542 overflow: visible; 543 } 544} 545 546@supports (-webkit-touch-callout: none) { 547 .w-nav-overlay, .w-nav-menu { 548 overscroll-behavior: contain; 549 } 550} 551 552@media screen and (max-width: 1024px) { 553.navcard_headline { 554 padding-right: 80px; 555 font-size: 2rem; 556} 557 558/* Prevent clickable from blocking button in designer */ 559html.wf-design-mode .g_clickable_wrap { 560 pointer-events: none; 561} 562 563</style> 564 565 566 567 568<style> 569 570 // This fix handles the specific property causing the issue 571 const el = document.querySelector('.newsletter_text'); 572 el.style.columnRule = 'none'; 573 el.style.webkitColumnRule = 'none'; 574 el.style.MozColumnRule = 'none'; 575 576 // Also adding a global style to catch it across all media queries 577 const style = document.createElement('style'); 578 style.innerHTML = ` 579 @media screen and (max-width: 991px) { 580 .newsletter_text.w-variant-1fd7159b-087e-3714-d70d-8344c785e934 { 581 column-rule: none !important; 582 -webkit-column-rule: none !important; 583 border: none !important; 584 outline: none !important; 585 } 586 } 587 `; 588 document.head.appendChild(style); 589</style></div><div class="global-styles_special w-embed"><style> 590 .collection-list_article-cards { 591 position: relative; 592 } 593 594 @media screen and (min-width: 768px) { 595 .collection-list_article-cards::after { 596 content: ''; 597 position: absolute; 598 top: 0; 599 bottom: 0; 600 left: 50%; 601 width: 2px; 602 background: var(--_color---primary--inverse); 603 transform: translateX(-50%); 604 pointer-events: none; 605 z-index: 5; 606 } 607 } 608 609 @media screen and (min-width: 480px) { 610 .collection-list_article-cards > .collection-item_article-cards:first-child { 611 border-right: 2px solid var(--_color---primary--inverse); 612 } 613 } 614 615 @media screen and (max-width: 479px) { 616 .collection-list_article-cards > .collection-item_article-cards:first-child { 617 border-right: 0; 618 } 619 } 620</style></div><div class="g-styles w-embed"><style> 621 /* ========================================================= 622 TEXT ALIGN 623 ========================================================= */ 624 .c-headline[data-text-align='center'], 625 .v-text-align[data-text-align='left'] { 626 text-align: left; 627 } 628 629 .c-headline[data-text-align='center'], 630 .v-text-align[data-text-align='right'] { 631 text-align: right; 632 } 633 634 .c-headline[data-text-align='center'], 635 .v-text-align[data-text-align='center'] { 636 text-align: center; 637 } 638 639 .c-headline[data-text-align='justify'], 640 .v-text-align[data-text-align='justify'] { 641 text-align: justify; 642 } 643 644 /* ========================================================= 645 COLOR INHERIT 646 ========================================================= */ 647 648 .v-headline-responsive[data-color-inherit='on'], 649 .v-color-inherit[data-color-inherit='on'] { 650 color: inherit; 651 } 652 653 .v-headline-responsive[data-color-inherit='off'], 654 .v-color-inherit[data-color-inherit='Off'] { 655 color: var(--_color---primary--normal); 656 } 657 658 /* ========================================================= 659 FONT WEIGHT 660 ========================================================= */ 661 662 .v-font-size[data-font-weight='bold'],
663 .v-font-weight[data-font-weight='bold'] .v-headline-responsive, 664 .v-font-weight[data-font-weight='bold'] .v-subhead, 665 .v-headline-responsive[data-font-weight='bold'] { 666 font-weight: 700; 667 } 668 669 .v-font-size[data-font-weight='semibold'], 670 .v-font-weight[data-font-weight='semibold'], 671 .v-font-weight[data-font-weight='semibold'] .v-headline-responsive, 672 .v-font-weight[data-font-weight='semibold'] .v-subhead, 673 .v-headline-responsive[data-font-weight='semibold'] { 674 font-weight: 600; 675 } 676 677 .global-component_container.component_category-label[data-padding='remove'] { 678 padding-left: 0px; 679 } 680 681 /* ========================================================= 682 TEXT WRAP 683 ========================================================= */ 684 685 [data-component="responsive-headline"] .v-text-wrap[data-text-wrap='text-wrap-pretty'] .v-headline, 686 [data-component="responsive-headline"] .v-text-wrap[data-text-wrap='text-wrap-pretty'] .v-subhead { 687 text-wrap: pretty; 688 } 689 690 [data-component="responsive-headline"] .v-text-wrap[data-text-wrap='text-wrap-balance'] .v-headline, 691 [data-component="responsive-headline"] .v-text-wrap[data-text-wrap='text-wrap-balance'] .v-subhead { 692 text-wrap: balance; 693 } 694 695 /* ========================================================= 696 FONT SIZE 697 ========================================================= */ 698 699 .v-font-size[data-font-size='jumbo'] { 700 font-size: var(--_typography---responsive-text--jumbo); 701 } 702 703 .v-font-size[data-font-size='xxxl'] { 704 font-size: var(--_typography---responsive-text--xxxl); 705 } 706 707 .v-font-size[data-font-size='xxl'] { 708 font-size: var(--_typography---responsive-text--xxl); 709 } 710 711 .v-font-size[data-font-size='xl'] { 712 font-size: var(--_typography---responsive-text--xl); 713 } 714 715 .v-font-size[data-font-size='lg'] { 716 font-size: var(--_typography---responsive-text--lg); 717 } 718 719 .v-font-size[data-font-size='md'] { 720 font-size: var(--_typography---responsive-text--md); 721 } 722 723 .v-font-size[data-font-size='base'] { 724 font-size: var(--_typography---responsive-text--base); 725 } 726 727 .v-font-size[data-font-size='sm'] { 728 font-size: var(--_typography---responsive-text--sm); 729 } 730 731 .v-font-size[data-font-size='xs'] { 732 font-size: var(--_typography---responsive-text--xs); 733 } 734 735 .v-font-size[data-font-size='xxs'] { 736 font-size: var(--_typography---responsive-text--xxs); 737 } 738 739 .v-font-size[data-font-size='tiny'] { 740 font-size: var(--_typography---responsive-text--tiny); 741 } 742</style></div><div class="g-styles w-embed"><style> 743 /* ========================================================= 744 LABEL BASE 745 ========================================================= */ 746 747 [data-component='label'] .v-label { 748 background-clip: padding-box; 749 750 transition-property: border-width, color, border-color, background-color; 751 752 transition-duration: 600ms, 600ms, 600ms, 600ms; 753 754 transition-timing-function: ease; 755 } 756 757 /* ========================================================= 758 LABEL V-COLOR WRAPPER 759 Keep wrapper visually neutral 760 ========================================================= */ 761 762 [data-component='label'] .v-color[data-color-style] { 763 background-color: transparent; 764 border-color: transparent; 765 } 766 767 /* ========================================================= 768 CLASS LABEL LAYOUT 769 ========================================================= */ 770 771 [data-component='label'] [data-color-style='text-only'] { 772 padding: 0px; 773 } 774 775 [data-component='label'] [data-icon-position='before-text'] { 776 flex-flow: row-reverse; 777 } 778 779 /* ========================================================= 780 TEXT ALIGNMENT 781 ========================================================= */ 782 783 [data-component='label'] [data-text-align='left'] .v-label { 784 text-align: left; 785 } 786 787 [data-component='label'] [data-text-align='right'] .v-label { 788 text-align: right; 789 } 790 791 [data-component='label'] [data-text-align='center'] .v-label { 792 text-align: center; 793 } 794 795 [data-component='label'] [data-text-align='justify'] .v-label { 796 text-align: justify; 797 } 798 799 /* ========================================================= 800 FONT WEIGHT 801 ========================================================= */ 802 803 [data-component='label'] [data-font-weight='bold'] .v-label { 804 font-weight: 700; 805 } 806 807 [data-component='label'] [data-font-weight='semibold'] .v-label { 808 font-weight: 600; 809 } 810 811 /* ========================================================= 812 COLOR MODE 813 ========================================================= */ 814 815 [data-component='label'] .v-color[data-color-mode='normal'] .v-label { 816 --is-primary: var(--normal); 817 --on-primary: var(--inverse); 818 --action: var(--fade); 819 } 820 821 [data-component='label'] .v-color[data-color-mode='inverse'] .v-label { 822 --is-primary: var(--inverse); 823 --on-primary: var(--normal); 824 --action: var(--inverse-fade); 825 } 826 827 [data-component='label'] .v-color[data-color-mode='inherit'] .v-label { 828 background-color: color-mix(in srgb, currentColor 20%, transparent); 829 } 830 831 /* ========================================================= 832 COLOR STYLE 833 ========================================================= */ 834 835 [data-component='label'] .v-color[data-color-style='filled'] .v-label { 836 color: var(--on-primary); 837 background-color: var(--is-primary); 838 border: 3px solid var(--is-primary); 839 } 840 841 [data-component='label'] .v-color[data-color-style='outline'] .v-label { 842 color: var(--is-primary); 843 background-color: transparent; 844 border: 3px solid var(--is-primary); 845 } 846 847 [data-component='label'] .v-color[data-color-style='text-only'] .v-label { 848 color: var(--is-primary); 849 background-color: transparent; 850 border: 0px; 851 } 852 853 [data-component='label'] .v-color[data-color-style='filled'] .v-label-text.is-color-mix, 854 [data-component='label'] .v-color[data-color-style='outline'] .v-label-text.is-color-mix, 855 [data-component='label'] .v-color[data-color-style='text-only'] .v-label-text.is-color-mix { 856 color: var(--is-primary); 857 } 858 859 /* ========================================================= 860 HOVER 861 Outline remains transparent 862 ========================================================= */ 863 864 [data-component='label'] .v-color[data-color-style='text-only']:hover, 865 [data-component='label'] .v-color[data-color-style='outline']:hover { 866 background-color: transparent; 867 } 868 869 [data-component='label'] .v-color[data-color-style='text-only']:hover .v-label, 870 [data-component='label'] .v-color[data-color-style='outline']:hover .v-label { 871 background-color: transparent; 872 } 873 874 /* ========================================================= 875 INTERACTION â FILLED 876 ========================================================= */ 877 878 [data-component='label'] .v-color[data-clickable='enable'][data-hover-effect='fade'][data-color-style='filled']:hover .v-label { 879 color: var(--on-primary); 880 background-color: var(--hover-surface); 881 border-color: var(--hover-surface); 882 } 883 884 [data-component='label'] .v-color[data-clickable='enable'][data-hover-effect='inverse'][data-color-style='filled']:hover .v-label { 885 color: var(--on-primary); 886 background-color: var(--hover-is-primary); 887 border-color: var(--hover-is-primary); 888 } 889 890 /* ========================================================= 891 INTERACTION â OUTLINE 892 ========================================================= */ 893 894 [data-component='label'] .v-color[data-clickable='enable'][data-hover-effect='fade'][data-color-style='outline']:hover .v-label { 895 color: var(--hover-is-primary); 896 background-color: transparent; 897 border-color: currentColor; 898 } 899 900 [data-component='label'] .v-color[data-clickable='enable'][data-hover-effect='inverse'][data-color-style='outline']:hover .v-label { 901 color: var(--hover-is-primary); 902 background-color: transparent; 903 border-color: currentColor; 904 } 905 906 /* ========================================================= 907 INTERACTION TEXT-ONLY 908 ========================================================= */ 909 910 [data-component='label'] .v-color[data-clickable='enable'][data-color-style='text-only']:hover .v-label { 911 color: var(--hover-is-primary); 912 background-color: transparent; 913 } 914 915 916 /* ========================================================= 917 INTERACTION MUTED 918 ========================================================= */ 919 920 [data-component='label'] .v-color[data-color-style='filled'] .v-label-text.is-color-mix:hover , 921 [data-component='label'] .v-color[data-color-style='outline'] .v-label-text.is-color-mix:hover , 922 [data-component='label'] .v-color[data-color-style='text-only'] .v-label-text.is-color-mix:hover { 923 color: var(--hover-is-primary); 924 } 925 926</style></div><div class="g-styles w-embed"><style> 927 /* ========================================================= 928 COLOR STYLE 929 REMOVE FROM GLOBAL V-COLOR 930 ========================================================= */ 931 932 .v-color[data-color-style='filled'] { 933 color: var(--on-primary); 934 background-color: var(--is-primary); 935 border-color: var(--is-primary); 936 outline-color: var(--action); 937 } 938 939 .v-color[data-color-style='outline'] { 940 color: var(--is-primary); 941 background-color: transparent; 942 border-color: currentColor; 943 outline-color: var(--action); 944 } 945 946 /* ========================================================= 947 COLOR MODE 948 ========================================================= */ 949 950 .v-color[data-color-mode='normal'] { 951 --is-primary: var(--normal); 952 --on-primary: var(--inverse); 953 --action: var(--fade); 954 --on-action: var(--inverse-fade); 955 956 --inverse-is-primary: var(--inverse); 957 --inverse-on-primary: var(--normal); 958 } 959 960 .v-color[data-color-mode='inverse'] { 961 --is-primary: var(--inverse); 962 --on-primary: var(--normal); 963 --action: var(--inverse-fade); 964 --on-action: var(--fade); 965 966 --inverse-is-primary: var(--normal); 967 --inverse-on-primary: var(--inverse); 968 } 969 970 /* ========================================================= 971 HOVER EFFECT 972 ========================================================= */ 973 974 .v-color[data-hover-effect='fade'] { 975 --hover-is-primary: var(--action); 976 --hover-on-primary: var(--on-action); 977 978 --hover-surface: color-mix(in srgb, var(--is-primary) 80%, transparent); 979 } 980 981 .v-color[data-hover-effect='inverse'] { 982 --hover-is-primary: var(--inverse-is-primary); 983 --hover-on-primary: var(--inverse-on-primary); 984 985 --hover-surface: var(--inverse-is-primary); 986 } 987 988 989 990 /* ========================================================= 991 COLOR TOKEN MAPPING 992 ========================================================= */ 993 994 .v-color[data-color='primary'] { 995 --normal: var(--_color---primary--normal); 996 --fade: var(--_color---primary--fade); 997 --inverse: var(--_color---primary--inverse); 998 --inverse-fade: var(--_color---primary--inverse-fade); 999 } 1000 1001 .v-color[data-color='teal'] { 1002 --normal: var(--_color---teal--normal); 1003 --fade: var(--_color---teal--fade); 1004 --inverse: var(--_color---teal--inverse); 1005 --inverse-fade: var(--_color---teal--inverse-fade); 1006 } 1007 1008 .v-color[data-color='cyan'] { 1009 --normal: var(--_color---cyan--normal); 1010 --fade: var(--_color---cyan--fade); 1011 --inverse: var(--_color---cyan--inverse); 1012 --inverse-fade: var(--_color---cyan--inverse-fade); 1013 } 1014 1015 .v-color[data-color='aqua'] { 1016 --normal: var(--_color---aqua--normal); 1017 --fade: var(--_color---aqua--fade); 1018 --inverse: var(--_color---aqua--inverse); 1019 --inverse-fade: var(--_color---aqua--inverse-fade); 1020 } 1021 1022 .v-color[data-color='powder'] { 1023 --normal: var(--_color---powder--normal); 1024 --fade: var(--_color---powder--fade); 1025 --inverse: var(--_color---powder--inverse); 1026 --inverse-fade: var(--_color---powder--inverse-fade); 1027 } 1028 1029 .v-color[data-color='yellow'] { 1030 --normal: var(--_color---yellow--normal); 1031 --fade: var(--_color---yellow--fade); 1032 --inverse: var(--_color---yellow--inverse); 1033 --inverse-fade: var(--_color---yellow--inverse-fade); 1034 } 1035 1036 .v-color[data-color='orange'] { 1037 --normal: var(--_color---orange--normal); 1038 --fade: var(--_color---orange--fade); 1039 --inverse: var(--_color---orange--inverse); 1040 --inverse-fade: var(--_color---orange--inverse-fade); 1041 } 1042 1043 .v-color[data-color='red'] { 1044 --normal: var(--_color---red--normal); 1045 --fade: var(--_color---red--fade); 1046 --inverse: var(--_color---red--inverse); 1047 --inverse-fade: var(--_color---red--inverse-fade); 1048 } 1049 1050 .v-color[data-color='purple'] { 1051 --normal: var(--_color---purple--normal); 1052 --fade: var(--_color---purple--fade); 1053 --inverse: var(--_color---purple--inverse); 1054 --inverse-fade: var(--_color---purple--inverse-fade); 1055 } 1056 1057 .v-color[data-color='frost'] { 1058 --normal: var(--_color---frost--normal); 1059 --fade: var(--_color---frost--fade); 1060 --inverse: var(--_color---frost--inverse); 1061 --inverse-fade: var(--_color---frost--inverse-fade); 1062 } 1063 1064 .v-color[data-color='grey-1'] { 1065 --normal: var(--_color---grey-1--normal); 1066 --fade: var(--_color---grey-1--fade); 1067 --inverse: var(--_color---grey-1--inverse); 1068 --inverse-fade: var(--_color---grey-1--inverse-fade); 1069 } 1070 1071 .v-color[data-color='grey-2'] { 1072 --normal: var(--_color---grey-2--normal); 1073 --fade: var(--_color---grey-2--fade); 1074 --inverse: var(--_color---grey-2--inverse); 1075 --inverse-fade: var(--_color---grey-2--inverse-fade); 1076 } 1077 1078 .v-color[data-color='grey-3'] { 1079 --normal: var(--_color---grey-3--normal); 1080 --fade: var(--_color---grey-3--fade); 1081 --inverse: var(--_color---grey-3--inverse); 1082 --inverse-fade: var(--_color---grey-3--inverse-fade); 1083 } 1084</style></div><div class="g-styles w-embed"><style> 1085 1086 /* ========================================================= 1087 class: v-size | attribute: data-size 1088 ========================================================= */ 1089 1090 .v-size[data-size='lg'] { 1091 width: var(--_size---icon-size--lg); 1092 } 1093 1094 .v-size[data-size='md'] { 1095 width: var(--_size---icon-size--xs); 1096 } 1097 1098 .v-size[data-size='base'] { 1099 width: var(--_size---icon-size--base); 1100 } 1101 1102 .v-size[data-size='sm'] { 1103 width: var(--_size---icon-size--sm); 1104 } 1105 1106 .v-size[data-size='xs'] { 1107 width: var(--_size---icon-size--xxs); 1108 } 1109 1110</style></div><div class="g-styles w-embed"><style> 1111 /* ========================================================= 1112 BUTTON BASE 1113 ========================================================= */ 1114 1115 [data-component='button'] .v-button-wrapper { 1116 --button-shadow-color: currentcolor; 1117 --button-outline-color: currentcolor; 1118 1119 outline-width: 2px; 1120 outline-style: solid; 1121 outline-color: transparent; 1122 outline-offset: -3px; 1123 transition-property: color, border-color, background-color, outline-color, box-shadow; 1124 1125 transition-duration: 600ms, 600ms, 600ms, 600ms, 600ms; 1126 1127 transition-timing-function: ease; 1128 } 1129 1130 [data-component='button'] .v-color[data-color-mode='invserse'][data-color-style='outline'] .v-button-wrapper, 1131 [data-component='button'] .v-color[data-color-mode='invserse'][data-color-style='filled'] .v-button-wrapper, 1132 [data-component='button'] .v-color[data-color-mode='normal'][data-color-style='outline'] .v-button-wrapper, 1133 [data-component='button'] .v-color[data-color-mode='normal'][data-color-style='filled'] .v-button-wrapper { 1134 outline-width: 2px; 1135 outline-style: solid; 1136 outline-color: transparent; 1137 outline-offset: -3px; 1138 } 1139 1140 /* ========================================================= 1141 COLOR MODE 1142 ========================================================= */ 1143 1144 [data-component='button'] .v-color[data-color-mode='normal'] .v-button-wrapper { 1145 --is-primary: var(--normal); 1146 --on-primary: var(--inverse); 1147 --action: var(--fade); 1148 } 1149 1150 [data-component='button'] .v-color[data-color-mode='inverse'] .v-button-wrapper { 1151 --is-primary: var(--inverse); 1152 --on-primary: var(--normal); 1153 --action: var(--inverse-fade); 1154 } 1155 1156 [data-component='button'] .v-color[data-color-style='filled'] .v-button-wrapper { 1157 color: var(--on-primary); 1158 background-color: var(--is-primary); 1159 border-color: var(--is-primary); 1160 border: 3px solid var(--is-primary); 1161 outline-color: var(--action); 1162 } 1163 1164 [data-component='button'] .v-color[data-color-style='outline'] .v-button-wrapper { 1165 color: var
1165(--is-primary); 1166 background-color: transparent; 1167 border-color: var(--is-primary); 1168 border: 3px solid var(--is-primary); 1169 outline-color: var(--action); 1170 } 1171 1172 /* ========================================================= 1173 BUTTON SIZE 1174 v-button-size 1175 ========================================================= */ 1176 1177 [data-component='button'] [data-button-size='xl'] .v-button-wrapper { 1178 font-size: var(--_typography---text-size--xl); 1179 padding-top: var(--button-lg--padding-top); 1180 padding-right: var(--button-lg--padding-right); 1181 padding-bottom: var(--button-lg--padding-bottom); 1182 padding-left: var(--button-lg--padding-left); 1183 } 1184 1185 [data-component='button'] [data-button-size='lg'] .v-button-wrapper { 1186 font-size: var(--_typography---text-size--lg); 1187 padding-top: var(--button-lg--padding-top); 1188 padding-right: var(--button-lg--padding-right); 1189 padding-bottom: var(--button-lg--padding-bottom); 1190 padding-left: var(--button-lg--padding-left); 1191 } 1192 1193 [data-component='button'] [data-button-size='md'] .v-button-wrapper { 1194 font-size: var(--_typography---text-size--md); 1195 padding-top: var(--button--padding-top); 1196 padding-right: var(--button--padding-right); 1197 padding-bottom: var(--button--padding-bottom); 1198 padding-left: var(--button--padding-left); 1199 } 1200 1201 [data-component='button'] [data-button-size='base'] .v-button-wrapper { 1202 font-size: var(--_typography---text-size--base); 1203 padding-top: var(--button--padding-top); 1204 padding-right: var(--button--padding-right); 1205 padding-bottom: var(--button--padding-bottom); 1206 padding-left: var(--button--padding-left); 1207 } 1208 1209 [data-component='button'] [data-button-size='sm'] .v-button-wrapper { 1210 font-size: var(--_typography---text-size--sm); 1211 padding-top: var(--button-sm--padding-top); 1212 padding-right: var(--button-sm--padding-right); 1213 padding-bottom: var(--button-sm--padding-bottom); 1214 padding-left: var(--button-sm--padding-left); 1215 } 1216 1217 [data-component='button'] [data-button-size='xs'] .v-button-wrapper { 1218 font-size: var(--_typography---text-size--xs); 1219 padding-top: var(--button-sm--padding-top); 1220 padding-right: var(--button-sm--padding-right); 1221 padding-bottom: var(--button-sm--padding-bottom); 1222 padding-left: var(--button-sm--padding-left); 1223 } 1224 1225 /* ========================================================= 1226 ON-HOVER 1227 ========================================================= */ 1228 1229 /* ========================================================= 1230 INTERACTION 1231 FILLED 1232 ========================================================= */ 1233 1234 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='normal'][data-color-style='filled'][data-hover-effect='fade']:hover .v-button-wrapper { 1235 color: var(--inverse-fade); 1236 background-color: var(--fade); 1237 border-color: var(--normal); 1238 outline-color: var(--fade); 1239 outline-offset: -3px; 1240 outline-style: solid; 1241 outline-width: 2px; 1242 box-shadow: none; 1243 } 1244 1245 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='inverse'][data-color-style='filled'][data-hover-effect='fade']:hover .v-button-wrapper { 1246 color: var(--fade); 1247 background-color: var(--inverse-fade); 1248 border-color: var(--inverse); 1249 outline-color: var(--inverse-fade); 1250 outline-offset: -3px; 1251 outline-style: solid; 1252 outline-width: 2px; 1253 box-shadow: none; 1254 } 1255 1256 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='normal'][data-color-style='filled'][data-hover-effect='inverse']:hover .v-button-wrapper { 1257 color: var(--normal); 1258 background-color: var(--inverse); 1259 border-color: var(--normal); 1260 } 1261 1262 [data-component='button'] .v-color[data-color-mode='normal'][data-color-style='filled'] .v-button-wrapper { 1263 --button-shadow-color: var(--normal); 1264 --button-outline-color: var(--fade); 1265 } 1266 1267 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='inverse'][data-color-style='filled'][data-hover-effect='inverse']:hover .v-button-wrapper { 1268 color: var(--inverse); 1269 background-color: var(--normal); 1270 border-color: var(--inverse); 1271 } 1272 1273 [data-component='button'] .v-color[data-color-mode='inverse'][data-color-style='filled'] .v-button-wrapper { 1274 --button-shadow-color: var(--inverse); 1275 --button-outline-color: var(--inverse-fade); 1276 } 1277 1278 /* ========================================================= 1279 INTERACTION 1280 OUTLINE 1281 ========================================================= */ 1282 1283 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='normal'][data-color-style='outline'][data-hover-effect='fade']:hover .v-button-wrapper { 1284 color: var(--fade); 1285 background-color: transparent; 1286 border-color: var(--normal); 1287 outline-color: var(--fade); 1288 outline-offset: -3px; 1289 outline-style: solid; 1290 outline-width: 2px; 1291 box-shadow: none; 1292 } 1293 1294 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='inverse'][data-color-style='outline'][data-hover-effect='fade']:hover .v-button-wrapper { 1295 color: var(--inverse-fade); 1296 background-color: transparent; 1297 border-color: var(--inverse-fade); 1298 outline-color: var(--inverse); 1299 outline-offset: -3px; 1300 outline-style: solid; 1301 outline-width: 2px; 1302 box-shadow: none; 1303 } 1304 1305 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='normal'][data-color-style='outline'][data-hover-effect='inverse']:hover .v-button-wrapper { 1306 color: var(--normal); 1307 background-color: transparent; 1308 border-color: var(--normal); 1309 } 1310 1311 [data-component='button'] .v-color[data-clickable='enable'][data-color-mode='inverse'][data-color-style='outline'][data-hover-effect='inverse']:hover .v-button-wrapper { 1312 color: var(--inverse); 1313 background-color: transparent; 1314 border-color: var(--inverse); 1315 } 1316 1317 [data-component='button'] .v-color[data-color-mode='normal'][data-color-style='outline'] .v-button-wrapper { 1318 --button-shadow-color: var(--normal); 1319 --button-outline-color: var(--fade); 1320 } 1321 1322 [data-component='button'] .v-color[data-color-mode='inverse'][data-color-style='outline'] .v-button-wrapper { 1323 --button-shadow-color: var(--inverse); 1324 --button-outline-color: var(--inverse-fade); 1325 } 1326 1327 /* ========================================================= 1328 HOVER 1329 Outline remains transparent 1330 ========================================================= */ 1331 1332 [data-component='button'] .v-color[data-color-style='outline']:hover { 1333 background-color: transparent; 1334 } 1335 1336 [data-component='button'] .v-color[data-color-style='outline']:hover .v-button-wrapper { 1337 background-color: transparent; 1338 } 1339 1340 /* ========================================================= 1341 HOVER 1342 ========================================================= */ 1343 1344 [data-component='button'] .v-color[data-hover-effect='fade'] .v-button-wrapper:hover, 1345 [data-component='button'] .v-color[data-hover-effect='fade'] .v-button:hover { 1346 box-shadow: none !important; 1347 } 1348 1349 [data-component='button'] .v-color[data-hover-effect='inverse'] .v-button-wrapper:hover { 1350 outline-offset: -3px; 1351 outline-style: solid; 1352 outline-width: 2px; 1353 outline-color: var(--button-outline-color); 1354 mix-blend-mode: normal; 1355 1356 box-shadow: 1357 var(--button-shadow-color) 0.5px 0.5px 0px,
1358 var(--button-shadow-color) 1px 1px 0px, 1359 var(--button-shadow-color) 1.5px 1.5px 0px, 1360 var(--button-shadow-color) 2px 2px 0px, 1361 var(--button-shadow-color) 2.5px 2.5px 0px, 1362 var(--button-shadow-color) 3px 3px 0px, 1363 var(--button-shadow-color) 3.5px 3.5px 0px, 1364 var(--button-shadow-color) 4px 4px 0px, 1365 var(--button-shadow-color) 4.5px 4.5px 0px, 1366 var(--button-shadow-color) 5px 5px 0px, 1367 var(--button-shadow-color) 5.5px 5.5px 0px, 1368 var(--button-shadow-color) 6px 6px 0px, 1369 var(--button-shadow-color) 6.5px 6.5px 0px, 1370 var(--button-shadow-color) 7px 7px 0px, 1371 var(--button-shadow-color) 7.5px 7.5px 0px, 1372 var(--button-shadow-color) 8px 8px 0px, 1373 var(--button-shadow-color) 8.5px 8.5px 0px; 1374 } 1375 1376 /* ========================================================= 1377 ACTIVE 1378 ========================================================= */ 1379 1380 [data-component='button'] .v-color[data-hover-effect='inverse'] .v-button-wrapper:active { 1381 outline-offset: -3px; 1382 outline-style: solid; 1383 outline-width: 2px; 1384 outline-color: var(--button-outline-color); 1385 1386 box-shadow: 1387 var(--button-shadow-color) 0.5px 0.5px 0px, 1388 var(--button-shadow-color) 1px 1px 0px, 1389 var(--button-shadow-color) 1.5px 1.5px 0px, 1390 var(--button-shadow-color) 2px 2px 0px, 1391 var(--button-shadow-color) 2.5px 2.5px 0px, 1392 var(--button-shadow-color) 3px 3px 0px, 1393 var(--button-shadow-color) 3.5px 3.5px 0px, 1394 var(--button-shadow-color) 4px 4px 0px, 1395 var(--button-shadow-color) 4.5px 4.5px 0px; 1396 } 1397</style></div><div class="g-styles w-embed"><style> 1398 /* ========================================================= 1399 COLOR BLOCK 1400 ========================================================= */ 1401 1402 /* ========================================================= 1403 COLOR MODE 1404 ========================================================= */ 1405 1406 .c-color-block[data-color-mode='normal'] { 1407 background-color: var(--normal); 1408 color: var(--inverse); 1409 } 1410 1411 .c-color-block[data-color-mode='inverse'] { 1412 background-color: var(--inverse); 1413 color: var(--normal); 1414 } 1415 1416 1417 1418 /* ========================================================= 1419 COLOR TOKEN MAPPING 1420 ========================================================= */ 1421 1422 .c-color-block[data-color='primary'] { 1423 --normal: var(--_color---primary--normal); 1424 --inverse: var(--_color---primary--inverse); 1425 } 1426 1427 .c-color-block[data-color='teal'] { 1428 --normal: var(--_color---teal--normal); 1429 --inverse: var(--_color---teal--inverse); 1430 } 1431 1432 .c-color-block[data-color='cyan'] { 1433 --normal: var(--_color---cyan--normal); 1434 --inverse: var(--_color---cyan--inverse); 1435 } 1436 1437 .c-color-block[data-color='aqua'] { 1438 --normal: var(--_color---aqua--normal); 1439 --inverse: var(--_color---aqua--inverse); 1440 } 1441 1442 .c-color-block[data-color='powder'] { 1443 --normal: var(--_color---powder--normal); 1444 --inverse: var(--_color---powder--inverse); 1445 } 1446 1447 .c-color-block[data-color='yellow'] { 1448 --normal: var(--_color---yellow--normal); 1449 --inverse: var(--_color---yellow--inverse); 1450 } 1451 1452 .c-color-block[data-color='orange'] { 1453 --normal: var(--_color---orange--normal); 1454 --inverse: var(--_color---orange--inverse); 1455 } 1456 1457 .c-color-block[data-color='red'] { 1458 --normal: var(--_color---red--normal); 1459 --inverse: var(--_color---red--inverse); 1460 } 1461 1462 .c-color-block[data-color='purple'] { 1463 --normal: var(--_color---purple--normal); 1464 --inverse: var(--_color---purple--inverse); 1465 } 1466 1467 .c-color-block[data-color='frost'] { 1468 --normal: var(--_color---frost--normal); 1469 --inverse: var(--_color---frost--inverse); 1470 } 1471 1472</style></div><div class="g-styles w-embed"><style> 1473 1474 /* ========================================================= 1475 CLASS LABEL LAYOUT 1476 ========================================================= */ 1477 1478 .v-label[data-icon-position='before-text'] { 1479 flex-flow: row-reverse; 1480 } 1481 1482 .v-layout[data-layout='row'], 1483 .v-layout[data-layout='row'] .slot_gap, 1484 .v-layout[data-layout='row-compact'], 1485 .v-layout[data-layout='row-compact'] .slot_gap { 1486 display: flex; 1487 flex-flow: row; 1488 justify-content: space-between; 1489 align-items: left; 1490 } 1491 1492 } 1493 .v-layout.is-child[data-layout='row-compact'] .slot_gap { 1494 display: flex; 1495 justify-content: space-between; 1496 align-items: left; 1497 } 1498 1499 .v-layout[data-layout='row-compact'], 1500 .v-layout[data-layout='row-compact'] .slot_gap { 1501 display: flex; 1502 flex-flow: column; 1503 justify-content: space-between; 1504 align-items: flex-start; 1505 } 1506 1507 .v-layout[data-layout='column'], 1508 .v-layout[data-layout='column'] .slot_gap { 1509 display: flex; 1510 flex-flow: row; 1511 justify-content: space-between; 1512 align-items: left; 1513 } 1514 1515 .v-layout[data-layout='column'], 1516 .v-layout[data-layout='column'] .slot_gap { 1517 display: flex; 1518 flex-flow: column; 1519 justify-content: space-between; 1520 align-items: flex-start; 1521 } 1522 1523 .v-layout[data-layout='column-compact'], 1524 .v-layout[data-layout='column-compact'] .slot_gap { 1525 display: flex; 1526 flex-flow: column; 1527 } 1528 1529 .v-layout[data-gap='none'], 1530 .v-layout[data-gap='none'] .slot_gap { 1531 gap: 0; 1532 } 1533 1534 .v-layout[data-gap='xxl'], 1535 .v-layout[data-gap='xxl'] .slot_gap { 1536 gap: var(--_size---gap--xxl); 1537 } 1538 1539 .v-layout[data-gap='xl'], 1540 .v-layout[data-gap='xl'] .slot_gap { 1541 gap: var(--_size---gap--xl); 1542 } 1543 1544 .v-layout[data-gap='lg'], 1545 .v-layout[data-gap='lg'] .slot_gap { 1546 gap: var(--_size---gap--lg); 1547 } 1548 1549 .v-layout[data-gap='md'], 1550 .v-layout[data-gap='md'] .slot_gap { 1551 gap: var(--_size---gap--md); 1552 } 1553 1554 .v-layout[data-gap='sm'], 1555 .v-layout[data-gap='sm'] .slot_gap { 1556 gap: var(--_size---gap--sm); 1557 } 1558 1559 .v-layout[data-gap='xs'], 1560 .v-layout[data-gap='xs'] .slot_gap { 1561 gap: var(--_size---gap--xs); 1562 } 1563 1564 .v-layout[data-gap='xxs'], 1565 .v-layout[data-gap='xxs'] .slot_gap { 1566 gap: var(--_size---gap--xxs); 1567 } 1568</style></div><div class="g-styles w-embed"><style> 1569 1570/* ========================================================= 1571 COMPONENT: RESPONSIVE HEADLINE 1572 ========================================================= */ 1573 1574 1575/* ========================================================= 1576 HEADLINE CONTAINER 1577 Creates the container-query context. 1578 Headline inherits font-size from this element. 1579 ========================================================= */ 1580 1581[data-component='responsive-headline'] .v-headline-container { 1582 container-type: inline-size; 1583 width: 100%; 1584 min-width: 0; 1585 1586 font-size: var(--_typography---responsive-headline--base); 1587 line-height: var(--_typography---h3--line-height); 1588 1589} 1590 1591/* ========================================================= 1592 FONT SIZE ROUTING 1593 1594 data-font-size controls: 1595 1. Headline size via inherited font-size 1596 2. Eyebrow size via --rh-eyebrow-size 1597 3. Subheadline size via --rh-subheadline-size 1598 1599 Relative subheadline + paragraph adjustments 1600 Scale: jumbo > xxxl > xxl > xl > lg > md > base > sm > xs > xxs > tiny 1601 ========================================================= */ 1602 1603 1604/* ========================================================= 1605 JUMBO 1606 ========================================================= */ 1607 1608[data-component='responsive-headline'] .v-headline-container[data-font-size='jumbo'] { 1609 font-size: var(--_typography---responsive-headline--jumbo); 1610 1611 --rh-eyebrow-size: var(--_typography---responsive-text--jumbo); 1612 1613 --rh-subheadline-size: var(--_typography---responsive-subheadline--jumbo); 1614 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--jumbo); 1615 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--jumbo); 1616 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--xxxl); 1617 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--xxl); 1618 1619 --rh-paragraph-size: var(--_typography---responsive-text--jumbo); 1620 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--jumbo); 1621 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--jumbo); 1622 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--xxxl); 1623 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--xxl); 1624} 1625 1626 1627/* ========================================================= 1628 XXXL 1629 ========================================================= */ 1630 1631[data-component='responsive-headline'] .v-headline-container[data-font-size='xxxl'] { 1632 font-size: var(--_typography---responsive-headline--xxxl); 1633 1634 --rh-eyebrow-size: var(--_typography---responsive-text--xxxl); 1635 1636 --rh-subheadline-size: var(--_typography---responsive-subheadline--xxxl); 1637 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--jumbo); 1638 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--jumbo); 1639 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--xxl); 1640 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--xl); 1641 1642 --rh-paragraph-size: var(--_typography---responsive-text--xxxl); 1643 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--jumbo); 1644 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--jumbo); 1645 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--xxl); 1646 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--xl); 1647} 1648 1649 1650/* ========================================================= 1651 XXL 1652 ========================================================= */ 1653 1654[data-component='responsive-headline'] .v-headline-container[data-font-size='xxl'] { 1655 font-size: var(--_typography---responsive-headline--xxl); 1656 1657 --rh-eyebrow-size: var(--_typography---responsive-text--xxl); 1658 1659 --rh-subheadline-size: var(--_typography---responsive-subheadline--xxl); 1660 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--xxxl); 1661 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--jumbo); 1662 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--xl); 1663 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--lg); 1664 1665 --rh-paragraph-size: var(--_typography---responsive-text--xxl); 1666 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--xxxl); 1667 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--jumbo); 1668 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--xl); 1669 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--lg); 1670} 1671 1672 1673/* ========================================================= 1674 XL 1675 ========================================================= */ 1676 1677[data-component='responsive-headline'] .v-headline-container[data-font-size='xl'] { 1678 font-size: var(--_typography---responsive-headline--xl); 1679 1680 --rh-eyebrow-size: var(--_typography---responsive-text--xl); 1681 1682 --rh-subheadline-size: var(--_typography---responsive-subheadline--xl); 1683 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--xxl); 1684 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--xxxl); 1685 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--lg); 1686 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--md); 1687 1688 --rh-paragraph-size: var(--_typography---responsive-text--xl); 1689 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--xxl); 1690 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--xxxl); 1691 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--lg); 1692 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--md); 1693} 1694 1695 1696/* ========================================================= 1697 LG 1698 ========================================================= */ 1699 1700[data-component='responsive-headline'] .v-headline-container[data-font-size='lg'] { 1701 font-size: var(--_typography---responsive-headline--lg); 1702 1703 --rh-eyebrow-size: var(--_typography---responsive-text--lg); 1704 1705 --rh-subheadline-size: var(--_typography---responsive-subheadline--lg); 1706 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--xl); 1707 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--xxl); 1708 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--md); 1709 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--base); 1710 1711 --rh-paragraph-size: var(--_typography---responsive-text--lg); 1712 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--xl); 1713 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--xxl); 1714 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--md); 1715 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--base); 1716} 1717 1718 1719/* ========================================================= 1720 MD 1721 ========================================================= */ 1722 1723[data-component='responsive-headline'] .v-headline-container[data-font-size='md'] { 1724 font-size: var(--_typography---responsive-headline--md); 1725 1726 --rh-eyebrow-size: var(--_typography---responsive-text--md); 1727 1728 --rh-subheadline-size: var(--_typography---responsive-subheadline--md); 1729 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--lg); 1730 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--xl); 1731 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--base); 1732 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--sm); 1733 1734 --rh-paragraph-size: var(--_typography---responsive-text--md); 1735 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--lg); 1736 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--xl); 1737 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--base); 1738 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--sm); 1739} 1740 1741/* Base */ 1742[data-component='responsive-headline'] .v-headline-container[data-font-size='base'] { 1743 font-size: var(--_typography---responsive-headline--base); 1744 1745 --rh-eyebrow-size: var(--_typography---responsive-text--base); 1746 1747 --rh-subheadline-size: var(--_typography---responsive-subheadline--base); 1748 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--md); 1749 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--lg); 1750 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--sm); 1751 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--xs); 1752 1753 --rh-paragraph-size: var(--_typography---responsive-text--base); 1754 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--md); 1755 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--lg); 1756 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--sm); 1757 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--xs); 1758} 1759 1760 1761/* ========================================================= 1762 SM 1763 ========================================================= */ 1764 1765[data-component='responsive-headline'] .v-headline-container[data-font-size='sm'] { 1766 font-size: var(--_typography---responsive-headline--sm); 1767 1768 --rh-eyebrow-size: var(--_typography---responsive-text--sm); 1769 1770 --rh-subheadline-size: var(--_typography---responsive-subheadline--sm); 1771 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--base); 1772 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--md); 1773 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--xs); 1774 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--xxs); 1775 1776 --rh-paragraph-size: var(--_typography---responsive-text--sm); 1777 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--base); 1778 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--md); 1779 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--xs); 1780 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--xxs); 1781} 1782 1783 1784/* ========================================================= 1785 XS 1786 ========================================================= */ 1787 1788[data-component='responsive-headline'] .v-headline-container[data-font-size='xs'] { 1789 font-size: var(--_typography---responsive-headline--xs); 1790 1791 --rh-eyebrow-size: var(--_typography---responsive-text--xs); 1792 1793 --rh-subheadline-size: var(--_typography---responsive-subheadline--xs); 1794 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--sm); 1795 --rh-subheadline-size-plus-2: var(--_typography---
1795responsive-subheadline--base); 1796 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--xxs); 1797 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--tiny); 1798 1799 --rh-paragraph-size: var(--_typography---responsive-text--xs); 1800 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--sm); 1801 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--base); 1802 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--xxs); 1803 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--tiny); 1804} 1805 1806 1807/* ========================================================= 1808 XXS 1809 ========================================================= */ 1810 1811[data-component='responsive-headline'] .v-headline-container[data-font-size='xxs'] { 1812 font-size: var(--_typography---responsive-headline--xxs); 1813 1814 --rh-eyebrow-size: var(--_typography---responsive-text--xxs); 1815 1816 --rh-subheadline-size: var(--_typography---responsive-subheadline--xxs); 1817 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--xs); 1818 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--sm); 1819 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--tiny); 1820 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--tiny); 1821 1822 --rh-paragraph-size: var(--_typography---responsive-text--xxs); 1823 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--xs); 1824 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--sm); 1825 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--tiny); 1826 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--tiny); 1827} 1828 1829 1830/* ========================================================= 1831 TINY 1832 ========================================================= */ 1833 1834[data-component='responsive-headline'] .v-headline-container[data-font-size='tiny'] { 1835 font-size: var(--_typography---responsive-headline--tiny); 1836 1837 --rh-eyebrow-size: var(--_typography---responsive-text--tiny); 1838 1839 --rh-subheadline-size: var(--_typography---responsive-subheadline--tiny); 1840 --rh-subheadline-size-plus-1: var(--_typography---responsive-subheadline--xxs); 1841 --rh-subheadline-size-plus-2: var(--_typography---responsive-subheadline--xs); 1842 --rh-subheadline-size-minus-1: var(--_typography---responsive-subheadline--tiny); 1843 --rh-subheadline-size-minus-2: var(--_typography---responsive-subheadline--tiny); 1844 1845 --rh-paragraph-size: var(--_typography---responsive-text--tiny); 1846 --rh-paragraph-size-plus-1: var(--_typography---responsive-text--xxs); 1847 --rh-paragraph-size-plus-2: var(--_typography---responsive-text--xs); 1848 --rh-paragraph-size-minus-1: var(--_typography---responsive-text--tiny); 1849 --rh-paragraph-size-minus-2: var(--_typography---responsive-text--tiny); 1850} 1851 1852 1853/* ========================================================= 1854 EYEBROW 1855 ========================================================= */ 1856 1857[data-component='responsive-headline'] .v-eyebrow { 1858 margin-top: 0; 1859 margin-bottom: 0.25rem; 1860 color: var(--_color---aqua--normal); 1861 opacity: 0.6; 1862 font-family: var(--font-family--eyebrow); 1863 font-size: var(--rh-eyebrow-size); 1864 font-weight: 300; 1865 line-height: 1; 1866 letter-spacing: 0.15em; 1867 text-align: inherit; 1868 text-transform: uppercase; 1869 text-wrap: balance; 1870} 1871 1872[data-component='responsive-headline'] .v-eyebrow[data-color='normal'][data-contrast='dark'] { 1873 color: var(--_color---primary--normal); 1874} 1875 1876[data-component='responsive-headline'] .v-eyebrow[data-color='normal'][data-contrast='light'] { 1877 color: var(--_color---aqua--normal); 1878} 1879 1880[data-component='responsive-headline'] .v-eyebrow[data-color='inverse'][data-contrast='dark'] { 1881 color: var(--_color---frost--normal); 1882} 1883 1884[data-component='responsive-headline'] .v-eyebrow[data-color='inverse'][data-contrast='light'] { 1885 color: var(--_color---teal--normal); 1886} 1887 1888 1889 1890 1891/* ========================================================= 1892 SUBHEADLINE 1893 ========================================================= */ 1894 1895[data-component='responsive-headline'] .v-subheadline { 1896 padding-top: 0.1rem; 1897 color: inherit; 1898 font-family: var(--font-family--subheadline); 1899 font-size: var(--rh-subheadline-size); 1900 font-weight: 200; 1901 line-height: 1.25; 1902 letter-spacing: 0; 1903 text-align: inherit; 1904} 1905 1906 1907 1908[data-component='responsive-headline'] .v-subheadline[data-component='subheadline'][data-text-transform='uppercase'] { 1909 text-transform: uppercase; 1910} 1911 1912[data-component='responsive-headline'] .v-subheadline[data-component='subheadline'][data-text-transform='none'] { 1913 text-transform: none; 1914} 1915 1916 1917[data-component='responsive-headline'] .v-subheadline[data-font-size='normal'] { 1918 font-size: var(--rh-subheadline-size); 1919} 1920 1921[data-component='responsive-headline'] .v-subheadline[data-font-size='adjustment'][data-size-adjustment='2'] { 1922 font-size: var(--rh-subheadline-size-plus-2); 1923} 1924 1925[data-component='responsive-headline'] .v-subheadline[data-font-size='adjustment'][data-size-adjustment='1'] { 1926 font-size: var(--rh-subheadline-size-plus-1); 1927} 1928 1929[data-component='responsive-headline'] .v-subheadline[data-font-size='adjustment'][data-size-adjustment='-1'] { 1930 font-size: var(--rh-subheadline-size-minus-1); 1931} 1932 1933[data-component='responsive-headline'] .v-subheadline[data-font-size='adjustment'][data-size-adjustment='-2'] { 1934 font-size: var(--rh-subheadline-size-minus-2); 1935} 1936 1937 1938 1939/* ========================================================= 1940 PARAGRAPH 1941 ========================================================= */ 1942 1943[data-component='responsive-headline'] .v-paragraph { 1944 padding-top: 0.5rem; 1945 color: inherit; 1946 font-family: var(--font-family--body); 1947 font-size: var(--rh-paragraph-size); 1948 font-weight: 400; 1949 line-height: 1.5; 1950 letter-spacing: 0; 1951 text-align: inherit; 1952 1953 white-space: normal; 1954 text-wrap-style: pretty; 1955} 1956 1957 1958 1959[data-component='responsive-headline'] .v-paragraph[data-font-weight='regular'] { 1960 font-weight: var(--_typography---font-weight--400, 400); 1961} 1962 1963[data-component='responsive-headline'] .v-paragraph[data-font-weight='light'] { 1964 font-weight: var(--_typography---font-weight--300, 300); 1965} 1966 1967 1968[data-component='responsive-headline'] .v-paragraph[data-font-size='normal'] { 1969 font-size: var(--rh-paragraph-size); 1970} 1971 1972[data-component='responsive-headline'] .v-paragraph[data-font-size='adjustment'][data-size-adjustment='2'] { 1973 font-size: var(--rh-paragraph-size-plus-2); 1974} 1975 1976[data-component='responsive-headline'] .v-paragraph[data-font-size='adjustment'][data-size-adjustment='1'] { 1977 font-size: var(--rh-paragraph-size-plus-1); 1978} 1979 1980[data-component='responsive-headline'] .v-paragraph[data-font-size='adjustment'][data-size-adjustment='-1'] { 1981 font-size: var(--rh-paragraph-size-minus-1); 1982} 1983 1984[data-component='responsive-headline'] .v-paragraph[data-font-size='adjustment'][data-size-adjustment='-2'] { 1985 font-size: var(--rh-paragraph-size-minus-2); 1986} 1987 1988 1989 1990 1991/* ========================================================= 1992 TEXT ALIGNMENT 1993 Applied to both wrapping and non-wrapping wrappers 1994 ========================================================= */ 1995 1996[data-component='responsive-headline'] .v-headline-wrapper[data-text-align='left'] { 1997 text-align: left; 1998} 1999 2000[data-component='responsive-headline'] .v-headline-wrapper[data-text-align='right'] { 2001 text-align: right; 2002} 2003 2004[data-component='responsive-headline'] .v-headline-wrapper[data-text-align='center'] { 2005 text-align: center; 2006} 2007 2008[data-component='responsive-headline'] .v-headline-wrapper[data-text-align='justify'] { 2009 text-align: justify; 2010} 2011 2012 2013/* ========================================================= 2014 HEADLINE FONT WEIGHT 2015 Applied directly to .v-headline 2016 ========================================================= */ 2017 2018[data-component='responsive-headline'] .v-headline[data-font-weight='bold'] { 2019 font-weight: var(--_typography---font-weight--700, 700); 2020} 2021 2022[data-component='responsive-headline'] .v-headline[data-font-weight='semibold'] { 2023 font-weight: var(--_typography---font-weight--600, 600); 2024} 2025 2026 2027 2028/* ========================================================= 2029 ALIGN MODE 2030 Controlled by data-wrap-headline on .v-headline-wrapper 2031 ========================================================= */ 2032 2033[data-component='responsive-headline'] .v-headline-wrapper[data-flex-align='left'] { 2034 display: flex; 2035 flex-flow: column; 2036 justify-content: center; 2037 align-items: flex-start; 2038} 2039 2040[data-component='responsive-headline'] .v-headline-wrapper[data-flex-align='center'] { 2041 display: flex; 2042 flex-flow: column; 2043 justify-content: center; 2044 align-items: center; 2045} 2046 2047[data-component='responsive-headline'] .v-headline-wrapper[data-flex-align='right'] { 2048 display: flex; 2049 flex-flow: column; 2050 justify-content: center; 2051 align-items: flex-end; 2052} 2053 2054[data-component='responsive-headline'] .v-headline-wrapper[data-flex-align='strech'] { 2055 display: flex; 2056 flex-flow: column; 2057 justify-content: center; 2058 align-items: stretch; 2059} 2060 2061 2062/* ========================================================= 2063 WRAP MODE 2064 Controlled by data-wrap-headline on .v-headline-wrapper 2065 Inherited by headline and subheadline 2066 ========================================================= */ 2067 2068[data-component='responsive-headline'] .v-headline-wrapper[data-wrap-headline='is-wrapping'] { 2069 white-space: normal; 2070} 2071 2072[data-component='responsive-headline'] .v-headline-wrapper[data-wrap-headline='is-no-wrapping'] { 2073 white-space: nowrap; 2074} 2075 2076 2077/* ========================================================= 2078 TEXT WRAP STYLE 2079 Controls HOW wrapping occurs, not WHETHER it occurs 2080 ========================================================= */ 2081 2082[data-component='responsive-headline'] .v-headline[data-text-wrap='auto'], 2083[data-component='responsive-headline'] .v-subheadline[data-text-wrap='auto'] { 2084 text-wrap-style: auto; 2085} 2086 2087[data-component='responsive-headline'] .v-headline[data-text-wrap='balance'], 2088[data-component='responsive-headline'] .v-subheadline[data-text-wrap='balance'] { 2089 text-wrap-style: balance; 2090} 2091 2092[data-component='responsive-headline'] .v-headline[data-text-wrap='pretty'], 2093[data-component='responsive-headline'] .v-subheadline[data-text-wrap='pretty'] { 2094 text-wrap-style: pretty; 2095} 2096 2097 2098</style></div><div class="g-styles w-embed"><style> 2099 2100/* ========================================================= 2101 BASE 2102 ============================================================ */ 2103 2104[data-component='icon'] .v-icon-image { 2105 display: inline-flex; 2106 justify-content: center; 2107 align-items: center; 2108 object-fit: cover; 2109 background-color: transparent; 2110} 2111 2112[data-component='icon'] .v-color { 2113 background-color: transparent; 2114} 2115 2116[data-component='icon'] .v-color[data-color-style='outline'], 2117[data-component='icon'] .v-color[data-color-style='filled'] { 2118 background-color: transparent; 2119} 2120 2121[data-component='icon'] .v-icon, 2122[data-component='icon'] .v-icon-image img, 2123[data-component='icon'] .v-icon-image svg { 2124 background-color: transparent; 2125} 2126 2127 2128/* ========================================================= 2129 COLOR MODE 2130 ========================================================= */ 2131 2132 2133/* INLINE SVG ========================================= */ 2134 2135[data-component='icon'] .v-color[data-color-mode='normal'] .v-icon-svg.w-embed svg {
2136 color: var(--icon-normal); 2137} 2138 2139[data-component='icon'] .v-color[data-color-mode='inverse'] .v-icon-svg.w-embed svg { 2140 color: var(--icon-inverse); 2141} 2142 2143[data-component='icon'] .v-color[data-color-mode='inherit'] .v-icon-svg.w-embed svg { 2144 color: currentColor; 2145} 2146 2147 2148/* INLINE IMG ========================================= */ 2149 2150[data-component='icon'] .v-color[data-color-mode='normal'] .v-icon-image { 2151 --icon-filter-current: var(--icon-filter-normal); 2152} 2153 2154[data-component='icon'] .v-color[data-color-mode='inverse'] .v-icon-image { 2155 --icon-filter-current: var(--icon-filter-inverse); 2156} 2157 2158[data-component='icon'] .v-color[data-color-mode='inherit'] .v-icon-image { 2159 filter: none; 2160} 2161 2162 2163 2164/* ================================================================= 2165 COLOR VARIABLE ASSIGNMENT) 2166 ================================================================== */ 2167 2168[data-component='icon'] [data-color='primary'] .v-icon-svg.w-embed { 2169 --icon-normal: var(--_color---primary--normal); 2170 --icon-inverse: var(--_color---primary--inverse); 2171} 2172 2173[data-component='icon'] [data-color='teal'] .v-icon-svg.w-embed { 2174 --icon-normal: var(--_color---teal--normal); 2175 --icon-inverse: var(--_color---teal--inverse); 2176} 2177 2178[data-component='icon'] [data-color='cyan'] .v-icon-svg.w-embed { 2179 --icon-normal: var(--_color---cyan--normal); 2180 --icon-inverse: var(--_color---cyan--inverse); 2181} 2182 2183[data-component='icon'] [data-color='aqua'] .v-icon-svg.w-embed { 2184 --icon-normal: var(--_color---aqua--normal); 2185 --icon-inverse: var(--_color---aqua--inverse); 2186} 2187 2188[data-component='icon'] [data-color='powder'] .v-icon-svg.w-embed { 2189 --icon-normal: var(--_color---powder--normal); 2190 --icon-inverse: var(--_color---powder--inverse); 2191} 2192 2193[data-component='icon'] [data-color='yellow'] .v-icon-svg.w-embed { 2194 --icon-normal: var(--_color---yellow--normal); 2195 --icon-inverse: var(--_color---yellow--inverse); 2196} 2197 2198[data-component='icon'] [data-color='orange'] .v-icon-svg.w-embed { 2199 --icon-normal: var(--_color---orange--normal); 2200 --icon-inverse: var(--_color---orange--inverse); 2201} 2202 2203[data-component='icon'] [data-color='red'] .v-icon-svg.w-embed { 2204 --icon-normal: var(--_color---red--normal); 2205 --icon-inverse: var(--_color---red--inverse); 2206} 2207 2208[data-component='icon'] [data-color='purple'] .v-icon-svg.w-embed { 2209 --icon-normal: var(--_color---purple--normal); 2210 --icon-inverse: var(--_color---purple--inverse); 2211} 2212 2213[data-component='icon'] [data-color='frost'] .v-icon-svg.w-embed { 2214 --icon-normal: var(--_color---frost--normal); 2215 --icon-inverse: var(--_color---frost--inverse); 2216} 2217 2218[data-component='icon'] [data-color='grey-1'] .v-icon-svg.w-embed { 2219 --icon-normal: var(--_color---grey-1--normal); 2220 --icon-inverse: var(--_color---grey-1--inverse); 2221} 2222 2223[data-component='icon'] [data-color='grey-2'] .v-icon-svg.w-embed { 2224 --icon-normal: var(--_color---grey-2--normal); 2225 --icon-inverse: var(--_color---grey-2--inverse); 2226} 2227 2228[data-component='icon'] [data-color='grey-3'].v-icon-svg.w-embed { 2229 --icon-normal: var(--_color---grey-3--normal); 2230 --icon-inverse: var(--_color---grey-3--inverse); 2231} 2232 2233 2234/* ========================================================= 2235 ICON FILTER 2236 ========================================================= */ 2237 2238 2239/* BASE RESET ============================================= */ 2240 2241[data-component="icon"] .v-color[data-color-mode='inherit'] { 2242 filter: none; 2243 color: inherit; 2244} 2245 2246 2247/* ICON TRANSITION ======================================== */ 2248 2249[data-component='icon'] .v-icon-image, 2250[data-component='icon'] .v-icon-svg.w-embed { 2251 transition: 2252 filter 400ms ease, 2253 opacity 400ms ease, 2254 color 400ms ease; 2255} 2256 2257 2258/* BASE =================================================== */ 2259 2260[data-component='icon'] .v-icon-image { 2261 --icon-filter-reset: brightness(0) saturate(100%); 2262} 2263 2264[data-component='icon'] .v-icon-image { 2265 filter: var(--icon-filter-current, none); 2266} 2267 2268 2269/* ========================================================= 2270 PRIMARY 2271 Normal â Primary 2272 Inverse â Powder 2273 ========================================================= */ 2274 2275[data-component='icon'] .v-color[data-color='primary'] .v-icon-image { 2276 --icon-filter-normal: 2277 var(--icon-filter-reset) 2278 invert(calc(var(--primary-filter--invert) * 1%)) 2279 sepia(calc(var(--primary-filter--sepia) * 1%)) 2280 saturate(calc(var(--primary-filter--saturate) * 1%)) 2281 hue-rotate(calc(var(--primary-filter--hue-rotate) * 1deg)) 2282 brightness(calc(var(--primary-filter--brightness) * 1%)) 2283 contrast(calc(var(--primary-filter--contrast) * 1%)); 2284 2285 --icon-filter-inverse: 2286 var(--icon-filter-reset) 2287 invert(calc(var(--powder-filter--invert) * 1%)) 2288 sepia(calc(var(--powder-filter--sepia) * 1%)) 2289 saturate(calc(var(--powder-filter--saturate) * 1%)) 2290 hue-rotate(calc(var(--powder-filter--hue-rotate) * 1deg)) 2291 brightness(calc(var(--powder-filter--brightness) * 1%)) 2292 contrast(calc(var(--powder-filter--contrast) * 1%)); 2293} 2294 2295 2296/* ========================================================= 2297 TEAL 2298 Normal â Teal 2299 Inverse â Frost 2300 ========================================================= */ 2301 2302[data-component='icon'] .v-color[data-color='teal'] .v-icon-image img { 2303 --icon-filter-normal: 2304 var(--icon-filter-reset) 2305 invert(calc(var(--teal-filter--invert) * 1%)) 2306 sepia(calc(var(--teal-filter--sepia) * 1%)) 2307 saturate(calc(var(--teal-filter--saturate) * 1%)) 2308 hue-rotate(calc(var(--teal-filter--hue-rotate) * 1deg)) 2309 brightness(calc(var(--teal-filter--brightness) * 1%)) 2310 contrast(calc(var(--teal-filter--contrast) * 1%)); 2311 2312 --icon-filter-inverse: 2313 var(--icon-filter-reset) 2314 invert(calc(var(--frost-filter--invert) * 1%)) 2315 sepia(calc(var(--frost-filter--sepia) * 1%)) 2316 saturate(calc(var(--frost-filter--saturate) * 1%)) 2317 hue-rotate(calc(var(--frost-filter--hue-rotate) * 1deg)) 2318 brightness(calc(var(--frost-filter--brightness) * 1%)) 2319 contrast(calc(var(--frost-filter--contrast) * 1%)); 2320} 2321 2322 2323/* ========================================================= 2324 CYAN 2325 Normal â Cyan 2326 Inverse â Yellow 2327 ========================================================= */ 2328 2329[data-component='icon'] .v-color[data-color='cyan'] .v-icon-image { 2330 --icon-filter-normal: 2331 var(--icon-filter-reset) 2332 invert(calc(var(--cyan-filter--invert) * 1%)) 2333 sepia(calc(var(--cyan-filter--sepia) * 1%)) 2334 saturate(calc(var(--cyan-filter--saturate) * 1%)) 2335 hue-rotate(calc(var(--cyan-filter--hue-rotate) * 1deg)) 2336 brightness(calc(var(--cyan-filter--brightness) * 1%)) 2337 contrast(calc(var(--cyan-filter--contrast) * 1%)); 2338 2339 --icon-filter-inverse: 2340 var(--icon-filter-reset) 2341 invert(calc(var(--yellow-filter--invert) * 1%)) 2342 sepia(calc(var(--yellow-filter--sepia) * 1%)) 2343 saturate(calc(var(--yellow-filter--saturate) * 1%)) 2344 hue-rotate(calc(var(--yellow-filter--hue-rotate) * 1deg)) 2345 brightness(calc(var(--yellow-filter--brightness) * 1%)) 2346 contrast(calc(var(--yellow-filter--contrast) * 1%)); 2347} 2348 2349 2350/* ========================================================= 2351 AQUA 2352 Normal â Aqua 2353 Inverse â Teal 2354 ========================================================= */ 2355 2356[data-component='icon'] .v-color[data-color='aqua'] .v-icon-image { 2357 --icon-filter-normal: 2358 var(--icon-filter-reset) 2359 invert(calc(var(--aqua-filter--invert) * 1%)) 2360 sepia(calc(var(--aqua-filter--sepia) * 1%)) 2361 saturate(calc(var(--aqua-filter--saturate) * 1%)) 2362 hue-rotate(calc(var(--aqua-filter--hue-rotate) * 1deg)) 2363 brightness(calc(var(--aqua-filter--brightness) * 1%)) 2364 contrast(calc(var(--aqua-filter--contrast) * 1%)); 2365 2366 --icon-filter-inverse: 2367 var(--icon-filter-reset) 2368 invert(calc(var(--teal-filter--invert) * 1%)) 2369 sepia(calc(var(--teal-filter--sepia) * 1%)) 2370 saturate(calc(var(--teal-filter--saturate) * 1%)) 2371 hue-rotate(calc(var(--teal-filter--hue-rotate) * 1deg)) 2372 brightness(calc(var(--teal-filter--brightness) * 1%)) 2373 contrast(calc(var(--teal-filter--contrast) * 1%)); 2374} 2375 2376 2377/* ========================================================= 2378 POWDER 2379 Normal â Powder 2380 Inverse â Primary 2381 ========================================================= */ 2382 2383[data-component='icon'] .v-color[data-color='powder'] .v-icon-image { 2384 --icon-filter-normal: 2385 var(--icon-filter-reset) 2386 invert(calc(var(--powder-filter--invert) * 1%)) 2387 sepia(calc(var(--powder-filter--sepia) * 1%)) 2388 saturate(calc(var(--powder-filter--saturate) * 1%)) 2389 hue-rotate(calc(var(--powder-filter--hue-rotate) * 1deg)) 2390 brightness(calc(var(--powder-filter--brightness) * 1%)) 2391 contrast(calc(var(--powder-filter--contrast) * 1%)); 2392 2393 --icon-filter-inverse: 2394 var(--icon-filter-reset) 2395 invert(calc(var(--primary-filter--invert) * 1%)) 2396 sepia(calc(var(--primary-filter--sepia) * 1%)) 2397 saturate(calc(var(--primary-filter--saturate) * 1%)) 2398 hue-rotate(calc(var(--primary-filter--hue-rotate) * 1deg)) 2399 brightness(calc(var(--primary-filter--brightness) * 1%)) 2400 contrast(calc(var(--primary-filter--contrast) * 1%)); 2401} 2402 2403 2404/* ========================================================= 2405 YELLOW 2406 Normal â Yellow 2407 Inverse â Red 2408 ========================================================= */ 2409 2410[data-component='icon'] .v-color[data-color='yellow'] .v-icon-image { 2411 --icon-filter-normal: 2412 var(--icon-filter-reset) 2413 invert(calc(var(--yellow-filter--invert) * 1%)) 2414 sepia(calc(var(--yellow-filter--sepia) * 1%)) 2415 saturate(calc(var(--yellow-filter--saturate) * 1%)) 2416 hue-rotate(calc(var(--yellow-filter--hue-rotate) * 1deg)) 2417 brightness(calc(var(--yellow-filter--brightness) * 1%)) 2418 contrast(calc(var(--yellow-filter--contrast) * 1%)); 2419 2420 --icon-filter-inverse: 2421 var(--icon-filter-reset) 2422 invert(calc(var(--red-filter--invert) * 1%)) 2423 sepia(calc(var(--red-filter--sepia) * 1%)) 2424 saturate(calc(var(--red-filter--saturate) * 1%)) 2425 hue-rotate(calc(var(--red-filter--hue-rotate) * 1deg)) 2426 brightness(calc(var(--red-filter--brightness) * 1%)) 2427 contrast(calc(var(--red-filter--contrast) * 1%)); 2428} 2429 2430 2431/* ========================================================= 2432 ORANGE 2433 Normal â Orange 2434 Inverse â Primary 2435 ========================================================= */ 2436 2437[data-component='icon'] .v-color[data-color='orange'] .v-icon-image { 2438 --icon-filter-normal: 2439 var(--icon-filter-reset) 2440 invert(calc(var(--orange-filter--invert) * 1%)) 2441 sepia(calc(var(--orange-filter--sepia) * 1%)) 2442 saturate(calc(var(--orange-filter--saturate) * 1%)) 2443 hue-rotate(calc(var(--orange-filter--hue-rotate) * 1deg)) 2444 brightness(calc(var(--orange-filter--brightness) * 1%)) 2445 contrast(calc(var(--orange-filter--contrast) * 1%)); 2446 2447 --icon-filter-inverse: 2448 var(--icon-filter-reset) 2449 invert(calc(var(--primary-filter--invert) * 1%)) 2450 sepia(calc(var(--primary-filter--sepia) * 1%)) 2451 saturate(calc(var(--primary-filter--saturate) * 1%)) 2452 hue-rotate(calc(var(--primary-filter--hue-rotate) * 1deg)) 2453 brightness(calc(var(--primary-filter--brightness) * 1%)) 2454 contrast(calc(var(--primary-filter--contrast) * 1%)); 2455} 2456 2457 2458/* ========================================================= 2459 RED 2460 Normal â Red 2461 Inverse â Powder 2462 ========================================================= */ 2463 2464[data-component='icon'] .v-color[data-color='red'] .v-icon-image { 2465 --icon-filter-normal: 2466 var(--icon-filter-reset) 2467 invert(calc(var(--red-filter--invert) * 1%)) 2468 sepia(calc(var(--red-filter--sepia) * 1%)) 2469 saturate(calc(var(--red-filter--saturate) * 1%)) 2470 hue-rotate(calc(var(--red-filter--hue-rotate) * 1deg)) 2471 brightness(calc(var(--red-filter--brightness) * 1%)) 2472 contrast(calc(var(--red-filter--contrast) * 1%)); 2473 2474 --icon-filter-inverse: 2475 var(--icon-filter-reset) 2476 invert(calc(var(--powder-filter--invert) * 1%)) 2477 sepia(calc(var(--powder-filter--sepia) * 1%)) 2478 saturate(calc(var(--powder-filter--saturate) * 1%)) 2479 hue-rotate(calc(var(--powder-filter--hue-rotate) * 1deg)) 2480 brightness(calc(var(--powder-filter--brightness) * 1%)) 2481 contrast(calc(var(--powder-filter--contrast) * 1%)); 2482} 2483 2484 2485/* ========================================================= 2486 PURPLE 2487 Normal â Purple 2488 Inverse â Orange 2489 ========================================================= */ 2490 2491[data-component='icon'] .v-color[data-color='purple'] .v-icon-image { 2492 --icon-filter-normal: 2493 var(--icon-filter-reset) 2494 invert(calc(var(--purple-filter--invert) * 1%)) 2495 sepia(calc(var(--purple-filter--sepia) * 1%)) 2496 saturate(calc(var(--purple-filter--saturate) * 1%)) 2497 hue-rotate(calc(var(--purple-filter--hue-rotate) * 1deg)) 2498 brightness(calc(var(--purple-filter--brightness) * 1%)) 2499 contrast(calc(var(--purple-filter--contrast) * 1%)); 2500 2501 --icon-filter-inverse: 2502 var(--icon-filter-reset) 2503 invert(calc(var(--orange-filter--invert) * 1%)) 2504 sepia(calc(var(--orange-filter--sepia) * 1%)) 2505 saturate(calc(var(--orange-filter--saturate) * 1%)) 2506 hue-rotate(calc(var(--orange-filter--hue-rotate) * 1deg)) 2507 brightness(calc(var(--orange-filter--brightness) * 1%)) 2508 contrast(calc(var(--orange-filter--contrast) * 1%)); 2509} 2510 2511 2512/* ========================================================= 2513 FROST 2514 Normal â Frost 2515 Inverse â Primary 2516 ========================================================= */ 2517 2518[data-component='icon'] .v-color[data-color='frost'] .v-icon-image { 2519 --icon-filter-normal: 2520 var(--icon-filter-reset) 2521 invert(calc(var(--frost-filter--invert) * 1%)) 2522 sepia(calc(var(--frost-filter--sepia) * 1%)) 2523 saturate(calc(var(--frost-filter--saturate) * 1%)) 2524 hue-rotate(calc(var(--frost-filter--hue-rotate) * 1deg)) 2525 brightness(calc(var(--frost-filter--brightness) * 1%)) 2526 contrast(calc(var(--frost-filter--contrast) * 1%)); 2527 2528 --icon-filter-inverse: 2529 var(--icon-filter-reset) 2530 invert(calc(var(--primary-filter--invert) * 1%)) 2531 sepia(calc(var(--primary-filter--sepia) * 1%)) 2532 saturate(calc(var(--primary-filter--saturate) * 1%)) 2533 hue-rotate(calc(var(--primary-filter--hue-rotate) * 1deg)) 2534 brightness(calc(var(--primary-filter--brightness) * 1%)) 2535 contrast(calc(var(--primary-filter--contrast) * 1%)); 2536} 2537 2538 2539/* ========================================================= 2540 GREY 1 2541 Normal â Grey 1 2542 Inverse â Grey 3 2543 2544 NOTE: 2545 Grey 1 inverse was not defined in the previous CSS. 2546 Grey 3 is assumed here as the reciprocal mapping. 2547 ========================================================= */ 2548 2549[data-component='icon'] .v-color[data-color='grey-1'] .v-icon-image { 2550 --icon-filter-normal: 2551 var(--icon-filter-reset) 2552 invert(calc(var(--grey-1-filter--invert) * 1%)) 2553 sepia(calc(var(--grey-1-filter--sepia) * 1%)) 2554 saturate(calc(var(--grey-1-filter--saturate) * 1%)) 2555 hue-rotate(calc(var(--grey-1-filter--hue-rotate) * 1deg)) 2556 brightness(calc(var(--grey-1-filter--brightness) * 1%)) 2557 contrast(calc(var(--grey-1-filter--contrast) * 1%)); 2558 2559 --icon-filter-inverse: 2560 var(--icon-filter-reset) 2561 invert(calc(var(--grey-3-filter--invert) * 1%)) 2562 sepia(calc(var(--grey-3-filter--sepia) * 1%)) 2563 saturate(calc(var(--grey-3-filter--saturate) * 1%)) 2564 hue-rotate(calc(var(--grey-3-filter--hue-rotate) * 1deg)) 2565 brightness(calc(var(--grey-3-filter--brightness) * 1%)) 2566 contrast(calc(var(--grey-3-filter--contrast) * 1%)); 2567} 2568 2569 2570/* ========================================================= 2571 GREY 2 2572 Normal â Grey 2 2573 Inverse â Grey 1 2574 ========================================================= */ 2575 2576[data-component='icon'] .v-color[data-color='grey-2'] .v-icon-image { 2577 --icon-filter-normal: 2578 var(--icon-filter-reset) 2579 invert(calc(var(--grey-2-filter--invert) * 1%)) 2580 sepia(calc(var(--grey-2-filter--sepia) * 1%)) 2581 saturate(calc(var(--grey-2-filter--saturate) * 1%)) 2582 hue-rotate(calc(var(--grey-2-filter--hue-rotate) * 1deg)) 2583 brightness(calc(var(--grey-2-filter--brightness) * 1%)) 2584 contrast(calc(var(--grey-2-filter--contrast) * 1%)); 2585 2586 --icon-filter-inverse: 2587 var(--icon-filter-reset) 2588 invert(calc(var(--grey-1-filter--invert) * 1%)) 2589 sepia(calc(var(--grey-1-filter--sepia) * 1%)) 2590 saturate(calc(var(--grey-1-filter--saturate) * 1%)) 2591 hue-rotate(calc(var(--grey-1-filter--hue-rotate) * 1deg)) 2592 brightness(calc(var(--grey-1-filter--brightness) * 1%)) 2593 contrast(calc(var(--grey-1-filter--contrast) * 1%)); 2594} 2595 2596 2597/* ========================================================= 2598 GREY 3 2599 Nor
2599mal â Grey 3 2600 Inverse â Grey 1 2601 ========================================================= */ 2602 2603[data-component='icon'] .v-color[data-color='grey-3'] .v-icon-image { 2604 --icon-filter-normal: 2605 var(--icon-filter-reset) 2606 invert(calc(var(--grey-3-filter--invert) * 1%)) 2607 sepia(calc(var(--grey-3-filter--sepia) * 1%)) 2608 saturate(calc(var(--grey-3-filter--saturate) * 1%)) 2609 hue-rotate(calc(var(--grey-3-filter--hue-rotate) * 1deg)) 2610 brightness(calc(var(--grey-3-filter--brightness) * 1%)) 2611 contrast(calc(var(--grey-3-filter--contrast) * 1%)); 2612 2613 --icon-filter-inverse: 2614 var(--icon-filter-reset) 2615 invert(calc(var(--grey-1-filter--invert) * 1%)) 2616 sepia(calc(var(--grey-1-filter--sepia) * 1%)) 2617 saturate(calc(var(--grey-1-filter--saturate) * 1%)) 2618 hue-rotate(calc(var(--grey-1-filter--hue-rotate) * 1deg)) 2619 brightness(calc(var(--grey-1-filter--brightness) * 1%)) 2620 contrast(calc(var(--grey-1-filter--contrast) * 1%)); 2621} 2622 2623 2624/* ========================================================= 2625 INTERACTION 2626 ========================================================= */ 2627 2628/* FADE (enable + fade) ========================================= */ 2629 2630[data-component='icon'] 2631.v-color[data-clickable='enable'][data-hover-effect='fade'][data-color-mode='normal']:hover .v-icon-image, 2632 2633[data-component='icon'] 2634.v-color[data-clickable='enable'][data-hover-effect='fade'][data-color-mode='normal']:hover .v-icon-svg.w-embed svg{ 2635 opacity: 0.65; 2636} 2637 2638 2639/* INVERSE (Normal â Inverse) ========================================= */ 2640 2641[data-component='icon'] .v-color[data-clickable='enable'][data-hover-effect='inverse'][data-color-mode='normal']:hover .v-icon-image { 2642 --icon-filter-current: var(--icon-filter-inverse) 2643} 2644 2645[data-component='icon'] .v-color[data-clickable='enable'][data-hover-effect='inverse'][data-color-mode='normal']:hover .v-icon-svg.w-embed svg{ 2646 color: var(--icon-inverse); 2647} 2648 2649 2650/* INVERSE (Inverse â Normal) ========================================= */ 2651 2652[data-component='icon'] .v-color[data-clickable='enable'][data-hover-effect='inverse'][data-color-mode='inverse']:hover .v-icon-image { 2653 --icon-filter-current: var(--icon-filter-normal); 2654} 2655 2656[data-component='icon'] .v-color[data-clickable='enable'][data-hover-effect='inverse'][data-color-mode='inverse']:hover .v-icon-svg.w-embed svg{ 2657 color: var(--icon-normal); 2658} 2659 2660 2661/* ========================================================= 2662 ICON SIZE 2663 ========================================================= */ 2664 2665[data-component='icon'] [data-size='xl'] .v-icon { 2666 height: var(--_size---icon-size--xl); 2667} 2668 2669[data-component='icon'] [data-size='lg'] .v-icon { 2670 width: var(--_size---icon-size--lg); 2671} 2672 2673[data-component='icon'] [data-size='md'] .v-icon { 2674 width: var(--_size---icon-size--md); 2675} 2676 2677[data-component='icon'] [data-size='base'] .v-icon { 2678 width: var(--_size---icon-size--base); 2679} 2680 2681[data-component='icon'] [data-size='sm'] .v-icon { 2682 width: var(--_size---icon-size--sm); 2683} 2684 2685[data-component='icon'] [data-size='xs'] .v-icon { 2686 width: var(--_size---icon-size--xs); 2687} 2688 2689[data-component='icon'] [data-size='xxs'] .v-icon { 2690 width: var(--_size---icon-size--xxs); 2691} 2692 2693 2694</style></div><div class="g-styles w-embed"><style> 2695 2696/* ========================================================= 2697 BOX SELECT 2698 ========================================================= */ 2699 2700 2701/* ========================================================= 2702 BASE 2703 ========================================================= */ 2704 2705/* Keep Webflow's checkbox layer visually neutral */ 2706.c-box-select .c-box-select_input, 2707.c-box-select .c-box-select_input:checked { 2708 background-color: transparent; 2709 background-image: none; 2710} 2711 2712 2713/* ========================================================= 2714 PRIMARY 2715 ========================================================= */ 2716 2717/* UNCHECKED */ 2718.c-box-select[data-color="primary"] { 2719 border-color: var(--_color---primary--normal); 2720 background-color: transparent; 2721} 2722 2723.c-box-select[data-color="primary"] .label.is-box-select { 2724 color: var(--_color---primary--normal); 2725} 2726 2727 2728/* UNCHECKED + HOVER */ 2729.c-box-select[data-color="primary"]:not(
2730 :has(.c-box-select_input:checked) 2731):hover { 2732 border-color: var(--_color---primary--fade); 2733 background-color: transparent; 2734} 2735 2736.c-box-select[data-color="primary"]:not( 2737 :has(.c-box-select_input:checked) 2738):hover .label.is-box-select { 2739 color: var(--_color---primary--fade); 2740} 2741 2742 2743/* CHECKED */ 2744.c-box-select[data-color="primary"]:has( 2745 .c-box-select_input:checked 2746) { 2747 border-color: var(--_color---primary--normal); 2748 background-color: var(--_color---primary--normal); 2749} 2750 2751.c-box-select[data-color="primary"]:has( 2752 .c-box-select_input:checked 2753) .label.is-box-select { 2754 color: var(--_color---primary--inverse); 2755} 2756 2757 2758/* CHECKED + HOVER */ 2759.c-box-select[data-color="primary"]:has( 2760 .c-box-select_input:checked 2761):hover { 2762 border-color: var(--_color---primary--fade); 2763 background-color: var(--_color---primary--fade); 2764} 2765 2766.c-box-select[data-color="primary"]:has( 2767 .c-box-select_input:checked 2768):hover .label.is-box-select { 2769 color: var(--_color---primary--inverse-fade); 2770} 2771 2772 2773/* ========================================================= 2774 TEAL 2775 ========================================================= */ 2776 2777/* UNCHECKED */ 2778.c-box-select[data-color="teal"] { 2779 border-color: var(--_color---teal--normal); 2780 background-color: transparent; 2781} 2782 2783.c-box-select[data-color="teal"] .label.is-box-select { 2784 color: var(--_color---teal--normal); 2785} 2786 2787 2788/* UNCHECKED + HOVER */ 2789.c-box-select[data-color="teal"]:not( 2790 :has(.c-box-select_input:checked) 2791):hover { 2792 border-color: var(--_color---teal--fade); 2793 background-color: transparent; 2794} 2795 2796.c-box-select[data-color="teal"]:not( 2797 :has(.c-box-select_input:checked) 2798):hover .label.is-box-select { 2799 color: var(--_color---teal--fade); 2800} 2801 2802 2803/* CHECKED */ 2804.c-box-select[data-color="teal"]:has( 2805 .c-box-select_input:checked 2806) { 2807 border-color: var(--_color---teal--normal); 2808 background-color: var(--_color---teal--normal); 2809} 2810 2811.c-box-select[data-color="teal"]:has( 2812 .c-box-select_input:checked 2813) .label.is-box-select { 2814 color: var(--_color---teal--inverse); 2815} 2816 2817 2818/* CHECKED + HOVER */ 2819.c-box-select[data-color="teal"]:has( 2820 .c-box-select_input:checked 2821):hover { 2822 border-color: var(--_color---teal--fade); 2823 background-color: var(--_color---teal--fade); 2824} 2825 2826.c-box-select[data-color="teal"]:has( 2827 .c-box-select_input:checked 2828):hover .label.is-box-select { 2829 color: var(--_color---teal--inverse-fade); 2830} 2831 2832 2833/* ========================================================= 2834 CYAN 2835 ========================================================= */ 2836 2837/* UNCHECKED */ 2838.c-box-select[data-color="cyan"] { 2839 border-color: var(--_color---cyan--normal); 2840 background-color: transparent; 2841} 2842 2843.c-box-select[data-color="cyan"] .label.is-box-select { 2844 color: var(--_color---cyan--normal); 2845} 2846 2847 2848/* UNCHECKED + HOVER */ 2849.c-box-select[data-color="cyan"]:not( 2850 :has(.c-box-select_input:checked) 2851):hover { 2852 border-color: var(--_color---cyan--fade); 2853 background-color: transparent; 2854} 2855 2856.c-box-select[data-color="cyan"]:not( 2857 :has(.c-box-select_input:checked) 2858):hover .label.is-box-select { 2859 color: var(--_color---cyan--fade); 2860} 2861 2862 2863/* CHECKED */ 2864.c-box-select[data-color="cyan"]:has( 2865 .c-box-select_input:checked 2866) { 2867 border-color: var(--_color---cyan--normal); 2868 background-color: var(--_color---cyan--normal); 2869} 2870 2871.c-box-select[data-color="cyan"]:has( 2872 .c-box-select_input:checked 2873) .label.is-box-select { 2874 color: var(--_color---cyan--inverse); 2875} 2876 2877 2878/* CHECKED + HOVER */ 2879.c-box-select[data-color="cyan"]:has( 2880 .c-box-select_input:checked 2881):hover { 2882 border-color: var(--_color---cyan--fade); 2883 background-color: var(--_color---cyan--fade); 2884} 2885 2886.c-box-select[data-color="cyan"]:has( 2887 .c-box-select_input:checked 2888):hover .label.is-box-select { 2889 color: var(--_color---cyan--inverse-fade); 2890} 2891 2892 2893/* ========================================================= 2894 AQUA 2895 ========================================================= */ 2896 2897/* UNCHECKED */ 2898.c-box-select[data-color="aqua"] { 2899 border-color: var(--_color---aqua--normal); 2900 background-color: transparent; 2901} 2902 2903.c-box-select[data-color="aqua"] .label.is-box-select { 2904 color: var(--_color---aqua--normal); 2905} 2906 2907 2908/* UNCHECKED + HOVER */ 2909.c-box-select[data-color="aqua"]:not(
2910 :has(.c-box-select_input:checked) 2911):hover { 2912 border-color: var(--_color---aqua--fade); 2913 background-color: transparent; 2914} 2915 2916.c-box-select[data-color="aqua"]:not( 2917 :has(.c-box-select_input:checked) 2918):hover .label.is-box-select { 2919 color: var(--_color---aqua--fade); 2920} 2921 2922 2923/* CHECKED */ 2924.c-box-select[data-color="aqua"]:has( 2925 .c-box-select_input:checked 2926) { 2927 border-color: var(--_color---aqua--normal); 2928 background-color: var(--_color---aqua--normal); 2929} 2930 2931.c-box-select[data-color="aqua"]:has( 2932 .c-box-select_input:checked 2933) .label.is-box-select { 2934 color: var(--_color---aqua--inverse); 2935} 2936 2937 2938/* CHECKED + HOVER */ 2939.c-box-select[data-color="aqua"]:has( 2940 .c-box-select_input:checked 2941):hover { 2942 border-color: var(--_color---aqua--fade); 2943 background-color: var(--_color---aqua--fade); 2944} 2945 2946.c-box-select[data-color="aqua"]:has( 2947 .c-box-select_input:checked 2948):hover .label.is-box-select { 2949 color: var(--_color---aqua--inverse-fade); 2950} 2951 2952 2953/* ========================================================= 2954 POWDER 2955 ========================================================= */ 2956 2957/* UNCHECKED */ 2958.c-box-select[data-color="powder"] { 2959 border-color: var(--_color---powder--normal); 2960 background-color: transparent; 2961} 2962 2963.c-box-select[data-color="powder"] .label.is-box-select { 2964 color: var(--_color---powder--normal); 2965} 2966 2967 2968/* UNCHECKED + HOVER */ 2969.c-box-select[data-color="powder"]:not( 2970 :has(.c-box-select_input:checked) 2971):hover { 2972 border-color: var(--_color---powder--fade); 2973 background-color: transparent; 2974} 2975 2976.c-box-select[data-color="powder"]:not( 2977 :has(.c-box-select_input:checked) 2978):hover .label.is-box-select { 2979 color: var(--_color---powder--fade); 2980} 2981 2982 2983/* CHECKED */ 2984.c-box-select[data-color="powder"]:has( 2985 .c-box-select_input:checked 2986) { 2987 border-color: var(--_color---powder--normal); 2988 background-color: var(--_color---powder--normal); 2989} 2990 2991.c-box-select[data-color="powder"]:has( 2992 .c-box-select_input:checked 2993) .label.is-box-select { 2994 color: var(--_color---powder--inverse); 2995} 2996 2997 2998/* CHECKED + HOVER */ 2999.c-box-select[data-color="powder"]:has( 3000 .c-box-select_input:checked 3001):hover { 3002 border-color: var(--_color---powder--fade); 3003 background-color: var(--_color---powder--fade); 3004} 3005 3006.c-box-select[data-color="powder"]:has( 3007 .c-box-select_input:checked 3008):hover .label.is-box-select { 3009 color: var(--_color---powder--inverse-fade); 3010} 3011 3012 3013/* ========================================================= 3014 YELLOW 3015 ========================================================= */ 3016 3017/* UNCHECKED */ 3018.c-box-select[data-color="yellow"] { 3019 border-color: var(--_color---yellow--normal); 3020 background-color: transparent; 3021} 3022 3023.c-box-select[data-color="yellow"] .label.is-box-select { 3024 color: var(--_color---yellow--normal); 3025} 3026 3027 3028/* UNCHECKED + HOVER */ 3029.c-box-select[data-color="yellow"]:not( 3030 :has(.c-box-select_input:checked) 3031):hover { 3032 border-color: var(--_color---yellow--fade); 3033 background-color: transparent; 3034} 3035 3036.c-box-select[data-color="yellow"]:not( 3037 :has(.c-box-select_input:checked) 3038):hover .label.is-box-select { 3039 color: var(--_color---yellow--fade); 3040} 3041 3042 3043/* CHECKED */ 3044.c-box-select[data-color="yellow"]:has( 3045 .c-box-select_input:checked 3046) { 3047 border-color: var(--_color---yellow--normal); 3048 background-color: var(--_color---yellow--normal); 3049} 3050 3051.c-box-select[data-color="yellow"]:has( 3052 .c-box-select_input:checked 3053) .label.is-box-select { 3054 color: var(--_color---yellow--inverse); 3055} 3056 3057 3058/* CHECKED + HOVER */ 3059.c-box-select[data-color="yellow"]:has( 3060 .c-box-select_input:checked 3061):hover { 3062 border-color: var(--_color---yellow--fade); 3063 background-color: var(--_color---yellow--fade); 3064} 3065 3066.c-box-select[data-color="yellow"]:has( 3067 .c-box-select_input:checked 3068):hover .label.is-box-select { 3069 color: var(--_color---yellow--inverse-fade); 3070} 3071 3072 3073/* ========================================================= 3074 ORANGE 3075 ========================================================= */ 3076 3077/* UNCHECKED */ 3078.c-box-select[data-color="orange"] { 3079 border-color: var(--_color---orange--normal); 3080 background-color: transparent; 3081} 3082 3083.c-box-select[data-color="orange"] .label.is-box-select { 3084 color: var(--_color---orange--normal); 3085} 3086 3087 3088/* UNCHECKED + HOVER */ 3089.c-box-select[data-color="orange"]:not(
3090 :has(.c-box-select_input:checked) 3091):hover { 3092 border-color: var(--_color---orange--fade); 3093 background-color: transparent; 3094} 3095 3096.c-box-select[data-color="orange"]:not( 3097 :has(.c-box-select_input:checked) 3098):hover .label.is-box-select { 3099 color: var(--_color---orange--fade); 3100} 3101 3102 3103/* CHECKED */ 3104.c-box-select[data-color="orange"]:has( 3105 .c-box-select_input:checked 3106) { 3107 border-color: var(--_color---orange--normal); 3108 background-color: var(--_color---orange--normal); 3109} 3110 3111.c-box-select[data-color="orange"]:has( 3112 .c-box-select_input:checked 3113) .label.is-box-select { 3114 color: var(--_color---orange--inverse); 3115} 3116 3117 3118/* CHECKED + HOVER */ 3119.c-box-select[data-color="orange"]:has( 3120 .c-box-select_input:checked 3121):hover { 3122 border-color: var(--_color---orange--fade); 3123 background-color: var(--_color---orange--fade); 3124} 3125 3126.c-box-select[data-color="orange"]:has( 3127 .c-box-select_input:checked 3128):hover .label.is-box-select { 3129 color: var(--_color---orange--inverse-fade); 3130} 3131 3132 3133/* ========================================================= 3134 RED 3135 ========================================================= */ 3136 3137/* UNCHECKED */ 3138.c-box-select[data-color="red"] { 3139 border-color: var(--_color---red--normal); 3140 background-color: transparent; 3141} 3142 3143.c-box-select[data-color="red"] .label.is-box-select { 3144 color: var(--_color---red--normal); 3145} 3146 3147 3148/* UNCHECKED + HOVER */ 3149.c-box-select[data-color="red"]:not( 3150 :has(.c-box-select_input:checked) 3151):hover { 3152 border-color: var(--_color---red--fade); 3153 background-color: transparent; 3154} 3155 3156.c-box-select[data-color="red"]:not( 3157 :has(.c-box-select_input:checked) 3158):hover .label.is-box-select { 3159 color: var(--_color---red--fade); 3160} 3161 3162 3163/* CHECKED */ 3164.c-box-select[data-color="red"]:has( 3165 .c-box-select_input:checked 3166) { 3167 border-color: var(--_color---red--normal); 3168 background-color: var(--_color---red--normal); 3169} 3170 3171.c-box-select[data-color="red"]:has( 3172 .c-box-select_input:checked 3173) .label.is-box-select { 3174 color: var(--_color---red--inverse); 3175} 3176 3177 3178/* CHECKED + HOVER */ 3179.c-box-select[data-color="red"]:has( 3180 .c-box-select_input:checked 3181):hover { 3182 border-color: var(--_color---red--fade); 3183 background-color: var(--_color---red--fade); 3184} 3185 3186.c-box-select[data-color="red"]:has( 3187 .c-box-select_input:checked 3188):hover .label.is-box-select { 3189 color: var(--_color---red--inverse-fade); 3190} 3191 3192 3193/* ========================================================= 3194 PURPLE 3195 ========================================================= */ 3196 3197/* UNCHECKED */ 3198.c-box-select[data-color="purple"] { 3199 border-color: var(--_color---purple--normal); 3200 background-color: transparent; 3201} 3202 3203.c-box-select[data-color="purple"] .label.is-box-select { 3204 color: var(--_color---purple--normal); 3205} 3206 3207 3208/* UNCHECKED + HOVER */ 3209.c-box-select[data-color="purple"]:not( 3210 :has(.c-box-select_input:checked) 3211):hover { 3212 border-color: var(--_color---purple--fade); 3213 background-color: transparent; 3214} 3215 3216.c-box-select[data-color="purple"]:not( 3217 :has(.c-box-select_input:checked) 3218):hover .label.is-box-select { 3219 color: var(--_color---purple--fade); 3220} 3221 3222 3223/* CHECKED */ 3224.c-box-select[data-color="purple"]:has( 3225 .c-box-select_input:checked 3226) { 3227 border-color: var(--_color---purple--normal); 3228 background-color: var(--_color---purple--normal); 3229} 3230 3231.c-box-select[data-color="purple"]:has( 3232 .c-box-select_input:checked 3233) .label.is-box-select { 3234 color: var(--_color---purple--inverse); 3235} 3236 3237 3238/* CHECKED + HOVER */ 3239.c-box-select[data-color="purple"]:has( 3240 .c-box-select_input:checked 3241):hover { 3242 border-color: var(--_color---purple--fade); 3243 background-color: var(--_color---purple--fade); 3244} 3245 3246.c-box-select[data-color="purple"]:has( 3247 .c-box-select_input:checked 3248):hover .label.is-box-select { 3249 color: var(--_color---purple--inverse-fade); 3250} 3251 3252 3253/* ========================================================= 3254 FROST 3255 ========================================================= */ 3256 3257/* UNCHECKED */ 3258.c-box-select[data-color="frost"] { 3259 border-color: var(--_color---frost--normal); 3260 background-color: transparent; 3261} 3262 3263.c-box-select[data-color="frost"] .label.is-box-select { 3264 color: var(--_color---frost--normal); 3265} 3266 3267 3268/* UNCHECKED + HOVER */ 3269.c-box-select[data-color="frost"]:not(
3270 :has(.c-box-select_input:checked) 3271):hover { 3272 border-color: var(--_color---frost--fade); 3273 background-color: transparent; 3274} 3275 3276.c-box-select[data-color="frost"]:not( 3277 :has(.c-box-select_input:checked) 3278):hover .label.is-box-select { 3279 color: var(--_color---frost--fade); 3280} 3281 3282 3283/* CHECKED */ 3284.c-box-select[data-color="frost"]:has( 3285 .c-box-select_input:checked 3286) { 3287 border-color: var(--_color---frost--normal); 3288 background-color: var(--_color---frost--normal); 3289} 3290 3291.c-box-select[data-color="frost"]:has( 3292 .c-box-select_input:checked 3293) .label.is-box-select { 3294 color: var(--_color---frost--inverse); 3295} 3296 3297 3298/* CHECKED + HOVER */ 3299.c-box-select[data-color="frost"]:has( 3300 .c-box-select_input:checked 3301):hover { 3302 border-color: var(--_color---frost--fade); 3303 background-color: var(--_color---frost--fade); 3304} 3305 3306.c-box-select[data-color="frost"]:has( 3307 .c-box-select_input:checked 3308):hover .label.is-box-select { 3309 color: var(--_color---frost--inverse-fade); 3310} 3311 3312 3313/* ========================================================= 3314 GREY 1 3315 ========================================================= */ 3316 3317/* UNCHECKED */ 3318.c-box-select[data-color="grey-1"] { 3319 border-color: var(--_color---grey-1--normal); 3320 background-color: transparent; 3321} 3322 3323.c-box-select[data-color="grey-1"] .label.is-box-select { 3324 color: var(--_color---grey-1--normal); 3325} 3326 3327 3328/* UNCHECKED + HOVER */ 3329.c-box-select[data-color="grey-1"]:not( 3330 :has(.c-box-select_input:checked) 3331):hover { 3332 border-color: var(--_color---grey-1--fade); 3333 background-color: transparent; 3334} 3335 3336.c-box-select[data-color="grey-1"]:not( 3337 :has(.c-box-select_input:checked) 3338):hover .label.is-box-select { 3339 color: var(--_color---grey-1--fade); 3340} 3341 3342 3343/* CHECKED */ 3344.c-box-select[data-color="grey-1"]:has( 3345 .c-box-select_input:checked 3346) { 3347 border-color: var(--_color---grey-1--normal); 3348 background-color: var(--_color---grey-1--normal); 3349} 3350 3351.c-box-select[data-color="grey-1"]:has( 3352 .c-box-select_input:checked 3353) .label.is-box-select { 3354 color: var(--_color---grey-1--inverse); 3355} 3356 3357 3358/* CHECKED + HOVER */ 3359.c-box-select[data-color="grey-1"]:has( 3360 .c-box-select_input:checked 3361):hover { 3362 border-color: var(--_color---grey-1--fade); 3363 background-color: var(--_color---grey-1--fade); 3364} 3365 3366.c-box-select[data-color="grey-1"]:has( 3367 .c-box-select_input:checked 3368):hover .label.is-box-select { 3369 color: var(--_color---grey-1--inverse-fade); 3370} 3371 3372 3373/* ========================================================= 3374 GREY 2 3375 ========================================================= */ 3376 3377/* UNCHECKED */ 3378.c-box-select[data-color="grey-2"] { 3379 border-color: var(--_color---grey-2--normal); 3380 background-color: transparent; 3381} 3382 3383.c-box-select[data-color="grey-2"] .label.is-box-select { 3384 color: var(--_color---grey-2--normal); 3385} 3386 3387 3388/* UNCHECKED + HOVER */ 3389.c-box-select[data-color="grey-2"]:not( 3390 :has(.c-box-select_input:checked) 3391):hover { 3392 border-color: var(--_color---grey-2--fade); 3393 background-color: transparent; 3394} 3395 3396.c-box-select[data-color="grey-2"]:not( 3397 :has(.c-box-select_input:checked) 3398):hover .label.is-box-select { 3399 color: var(--_color---grey-2--fade); 3400} 3401 3402 3403/* CHECKED */ 3404.c-box-select[data-color="grey-2"]:has( 3405 .c-box-select_input:checked 3406) { 3407 border-color: var(--_color---grey-2--normal); 3408 background-color: var(--_color---grey-2--normal); 3409} 3410 3411.c-box-select[data-color="grey-2"]:has( 3412 .c-box-select_input:checked 3413) .label.is-box-select { 3414 color: var(--_color---grey-2--inverse); 3415} 3416 3417 3418/* CHECKED + HOVER */ 3419.c-box-select[data-color="grey-2"]:has( 3420 .c-box-select_input:checked 3421):hover { 3422 border-color: var(--_color---grey-2--fade); 3423 background-color: var(--_color---grey-2--fade); 3424} 3425 3426.c-box-select[data-color="grey-2"]:has( 3427 .c-box-select_input:checked 3428):hover .label.is-box-select { 3429 color: var(--_color---grey-2--inverse-fade); 3430} 3431 3432 3433/* ========================================================= 3434 GREY 3 3435 ========================================================= */ 3436 3437/* UNCHECKED */ 3438.c-box-select[data-color="grey-3"] { 3439 border-color: var(--_color---grey-3--normal); 3440 background-color: transparent; 3441} 3442 3443.c-box-select[data-color="grey-3"] .label.is-box-select { 3444 color: var(--_color---grey-3--normal); 3445} 3446 3447 3448/* UNCHECKED + HOVER */ 3449.c-box-select[data-color="grey-3"]:not(
3450 :has(.c-box-select_input:checked) 3451):hover { 3452 border-color: var(--_color---grey-3--fade); 3453 background-color: transparent; 3454} 3455 3456.c-box-select[data-color="grey-3"]:not( 3457 :has(.c-box-select_input:checked) 3458):hover .label.is-box-select { 3459 color: var(--_color---grey-3--fade); 3460} 3461 3462 3463/* CHECKED */ 3464.c-box-select[data-color="grey-3"]:has( 3465 .c-box-select_input:checked 3466) { 3467 border-color: var(--_color---grey-3--normal); 3468 background-color: var(--_color---grey-3--normal); 3469} 3470 3471.c-box-select[data-color="grey-3"]:has( 3472 .c-box-select_input:checked 3473) .label.is-box-select { 3474 color: var(--_color---grey-3--inverse); 3475} 3476 3477 3478/* CHECKED + HOVER */ 3479.c-box-select[data-color="grey-3"]:has( 3480 .c-box-select_input:checked 3481):hover { 3482 border-color: var(--_color---grey-3--fade); 3483 background-color: var(--_color---grey-3--fade); 3484} 3485 3486.c-box-select[data-color="grey-3"]:has( 3487 .c-box-select_input:checked 3488):hover .label.is-box-select { 3489 color: var(--_color---grey-3--inverse-fade); 3490} 3491 3492</style></div><div class="g-script w-embed w-script">
3492<script> 3493 document.addEventListener('DOMContentLoaded', () => { 3494 document.querySelectorAll('.c-box-select').forEach((box) => { 3495 const checkbox = box.querySelector('input[type="checkbox"]'); 3496 3497 if (!checkbox) return; 3498 3499 const syncState = () => { 3500 box.dataset.checked = checkbox.checked ? 'true' : 'false'; 3501 }; 3502 3503 /* Set initial state */ 3504 syncState(); 3505 3506 /* Update whenever checkbox changes */ 3507 checkbox.addEventListener('change', syncState); 3508 }); 3509 }); 3510</script>
3510 3511
3512<script> 3513 document.addEventListener('DOMContentLoaded', () => { 3514 document.querySelectorAll('.c-box-select').forEach((box) => { 3515 const checkbox = box.querySelector('input[type="checkbox"]'); 3516 const form = box.closest('form'); 3517 const fieldName = box.dataset.fieldName; 3518 3519 if (!checkbox) return; 3520 3521 /* ----------------------------------------- 3522 CREATE FORM VALUE 3523 ----------------------------------------- */ 3524 3525 let hiddenInput = null; 3526 3527 if (form && fieldName) { 3528 hiddenInput = document.createElement('input'); 3529 3530 hiddenInput.type = 'hidden'; 3531 hiddenInput.name = fieldName; 3532 hiddenInput.value = 'false'; 3533 3534 form.appendChild(hiddenInput); 3535 } 3536 3537 /* ----------------------------------------- 3538 SYNC COMPONENT + FORM STATE 3539 ----------------------------------------- */ 3540 3541 const syncState = () => { 3542 const checked = checkbox.checked; 3543 3544 /* Component state */ 3545 box.dataset.checked = checked ? 'true' : 'false'; 3546 3547 /* Submitted form value */ 3548 if (hiddenInput) { 3549 hiddenInput.value = checked ? 'true' : 'false'; 3550 } 3551 }; 3552 3553 /* Initial state */ 3554 syncState(); 3555 3556 /* User changes checkbox */ 3557 checkbox.addEventListener('change', syncState); 3558 }); 3559 }); 3560</script>
3560 3561 3562</div></div><div class="global_page-wrapper"><div class="w-layout-blockcontainer global_container w-container"><div class="navigation-section"><div><div data-animation="default" class="navbar_wrapper w-nav" data-easing2="ease" data-watch="nav-bar" data-easing="ease" data-collapse="medium" data-w-id="e698cc38-9e6e-1354-9f78-ca258563cebc" role="banner" data-duration="400" data-nav-open="False" data-wf--v-navbar--settings-navigation-color="light" data-doc-height="1"><div class="w-layout-blockcontainer navbar_container w-container"><div class="navbar_padding"><div class="navbar_inner-content-wrapper"><a href="/" class="navbar_logo-link nav-is-open w-nav-brand"><div class="navbar_brand-logo-wrapper"><div class="navbar_brand-logo-size"><img alt="REVREBEL Logo" loading="lazy" src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cec6a_revrebel_vertical_logo.svg" class="navbar_brand-logo"/></div></div></a><nav role="navigation" class="navbar_menu-wrapper w-nav-menu"><div class="navbar_menu-left"><a dropdown-2="resize-trigger" dropdown-1="resize-trigger" data-w-id="7d2b1833-db7f-0ca0-f406-1a0e1fbe6208" href="/" class="navbar_link w-inline-block"><div dropdown-2="font-size-trigger" dropdown-1="font-size-trigger" class="navbar_text">Home</div><div navbar-line="on-hover" class="navbar_liine is-visible-onhover"></div></a><a dropdown-2="." dropdown-1="resize-trigger" data-w-id="d052d9c9-d058-fecf-0f36-93722f9466e4" href="/about" aria-current="page" class="navbar_link w-inline-block w--current"><div dropdown-2="font-size-trigger" navbar-onclick="dropdown-1" dropdown-1="font-size-trigger" class="navbar_text">The Rebels</div><div navbar-line="on-hover" class="navbar_liine is-visible-onhover"></div></a><div data-delay="300" data-hover="false" data-nav-dropdown-1="False" dropdown-2="resize-trigger" dropdown-1="trigger" data-w-id="e698cc38-9e6e-1354-9f78-ca258563cec8" class="navbar_menu-dropdown-wrapper w-dropdown"><div class="navbar_menu-dropdown w-dropdown-toggle"><div class="navbar_dropdown_wrapper"><div dropdown-2="font-size-trigger" class="navbar_text">Solutions</div><div dropdown-2="resize-icon-trigger" class="navbar_dropdown-icon navbar_line-none w-embed"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M21.9 50.8l26 36.4c.4.6 1.2 1 2 1 0 0 0 0 0 0 .8-.1 1.5-.4 2-1.1l25.8-36.5c.5-.8.6-1.8.1-2.7 -.5-.9-1.3-1.4-2.3-1.4H63.3l0-32.8c0-1.4-1.2-2.6-2.6-2.6l-22.6 0c-1.4-.1-2.6 1.1-2.6 2.5v32.7H23.3c-1 0-1.9.5-2.3 1.3 -.5.8-.4 1.8.1 2.6Z"/></svg></div></div><div navbar-line="on-hover" class="navbar_liine is-visible-onhover"></div></div><nav class="navbar_dropdown-menu w-dropdown-list"><div class="navbar_menu-content-wrapper"><div class="navbar_menu-container"><div class="navcard_dropdown-container"><div id="w-node-d0174b07-a47b-ca67-eae4-84541ca22ebf-8563cebc" class="navcard-wrapper"><div class="slot_card dropdown-menu-1"><a data-wf--c-light-navcard--variant="light" href="/revenue-strategy" class="c-light-navcard w-inline-block"><div class="c-light-navcard_top"><div class="c-light-navcard_top-wrapper"><h3 class="c-navcard_headline dropdown-1_max-width">Revenue <br/>Strategy</h3></div></div><div class="c-light-navcard_bottom"><div class="paragraph_sm padding-bottom_xs">Maximize topline and margin with data-backed strategy</div><div class="label-wrapper slot_label"><div class="component_tag"><div data-wf--variants_tag-font-size--tag-tag-size="regular" class="variants_label-font-size"><div class="slot_label-font-size"><div data-wf--variants_tag-color--settings-color="primary" class="variants_tag-color w-variant-26efa6e7-f52d-6886-fb3b-185b35ad1748"><div class="embed_variants-tag-color w-embed"></div><div class="slot_variants-tag-color"><div data-wf--variants_tag-states--variant="solid" class="variants_tag-states"><div><div class="tag-variant_wrapper"><div class="tag-variant">Maximize Your Topline</div><div class="varient_icon-align-adjust"><div data-wf--variants_icon-color--icon-color="color-4" class="variants_icon-color w-variant-19559c4f-2429-fc43-bef1-418a215370f4"><div class="slot_icon-color"></div></div></div></div></div></div></div></div></div></div></div></div></div></a></div></div><div id="w-node-d0174b07-a47b-ca67-eae4-84541ca22ec0-8563cebc" class="navcard-wrapper"><div class="slot_card"><a data-wf--c-light-navcard--variant="light" href="/brand-activation" class="c-light-navcard w-inline-block"><div class="c-light-navcard_top"><div class="c-light-navcard_top-wrapper"><h3 class="c-navcard_headline dropdown-1_max-width">Brand <br/>Activation</h3></div></div><div class="c-light-navcard_bottom"><div class="paragraph_sm padding-bottom_xs">Create demand and drive bookings with targeted marketing.</div><div class="label-wrapper slot_label"><div class="component_tag"><div data-wf--variants_tag-font-size--tag-tag-size="regular" class="variants_label-font-size"><div class="slot_label-font-size"><div data-wf--variants_tag-color--settings-color="color-2" class="variants_tag-color w-variant-f5ed6ecd-6291-3360-87ee-59d35e024d40"><div class="embed_variants-tag-color w-embed"></div><div class="slot_variants-tag-color"><div data-wf--variants_tag-states--variant="solid" class="variants_tag-states"><div><div class="tag-variant_wrapper"><div class="tag-variant">Generate Demand</div><div class="varient_icon-align-adjust"><div data-wf--variants_icon-color--icon-color="color-5" class="variants_icon-color w-variant-0db5901d-3f58-28eb-25d7-675b73bb9f27"><div class="slot_icon-color"></div></div></div></div></div></div></div></div></div></div></div></div></div></a></div></div><div id="w-node-d0174b07-a47b-ca67-eae4-84541ca22ec1-8563cebc" class="navcard-wrapper"><div class="slot_card dropdown-menu-1"><a data-wf--c-light-navcard--variant="light" href="/distribution" class="c-light-navcard w-inline-block"><div class="c-light-navcard_top"><div class="c-light-navcard_top-wrapper"><h3 class="c-navcard_headline dropdown-1_max-width">Optimized <br/>Distribution</h3></div></div><div class="c-light-navcard_bottom"><div class="paragraph_sm padding-bottom_xs">Amplify your presence, control your channels, increase conversions.</div><div class="label-wrapper slot_label"><div class="component_tag"><div data-wf--variants_tag-font-size--tag-tag-size="regular" class="variants_label-font-size"><div class="slot_label-font-size"><div data-wf--variants_tag-color--settings-color="color-5" class="variants_tag-color w-variant-f5ed6ecd-6291-3360-87ee-59d35e024d46"><div class="embed_variants-tag-color w-embed"></div><div class="slot_variants-tag-color"><div data-wf--variants_tag-states--variant="solid" class="variants_tag-states"><div><div class="tag-variant_wrapper"><div class="tag-variant">Connect Strategically</div><div class="varient_icon-align-adjust"><div data-wf--variants_icon-color--icon-color="color-7" class="variants_icon-color w-variant-563849bc-f141-b6a1-f403-56a78efa74c7"><div class="slot_icon-color"></div></div></div></div></div></div></div></div></div></div></div></div></div></a></div></div><div id="w-node-d0174b07-a47b-ca67-eae4-84541ca22ec2-8563cebc" class="navcard-wrapper"><div class="slot_card dropdown-menu-1"><a data-wf--c-light-navcard--variant="light" href="/tech-integration" class="c-light-navcard w-inline-block"><div class="c-light-navcard_top"><div class="c-light-navcard_top-wrapper"><h3 class="c-navcard_headline dropdown-1_max-width">Tech <br/>Integration</h3></div></div><div class="c-light-navcard_bottom"><div class="paragraph_sm padding-bottom_xs">Maximize topline and margin with data-backed strategy</div><div class="label-wrapper slot_label"><div class="component_tag"><div data-wf--variants_tag-font-size--tag-tag-size="regular" class="variants_label-font-size"><div class="slot_label-font-size"><div data-wf--variants_tag-color--settings-color="color-8" class="variants_tag-color w-variant-f5ed6ecd-6291-3360-87ee-59d35e024d4
3562c"><div class="embed_variants-tag-color w-embed"></div><div class="slot_variants-tag-color"><div data-wf--variants_tag-states--variant="solid" class="variants_tag-states"><div><div class="tag-variant_wrapper"><div class="tag-variant">Build Your Engine</div><div class="varient_icon-align-adjust"><div data-wf--variants_icon-color--icon-color="color-3" class="variants_icon-color w-variant-b4617825-cbaf-9092-eaac-54e73ed461b7"><div class="slot_icon-color w-variant-b4617825-cbaf-9092-eaac-54e73ed461b7"></div></div></div></div></div></div></div></div></div></div></div></div></div></a></div></div></div></div></div></nav></div><div data-delay="300" data-hover="false" data-nav-dropdown-2="False" dropdown-1="resize-trigger" dropdown-2="resize-trigger" data-w-id="e698cc38-9e6e-1354-9f78-ca258563ced6" class="navbar_menu-dropdown-wrapper w-dropdown"><div class="navbar_menu-dropdown w-dropdown-toggle"><div class="navbar_dropdown_wrapper"><div dropdown-1="font-size-trigger" class="navbar_text">Resources</div><div dropdown-1="resize-icon-trigger" class="navbar_dropdown-icon navbar_line-none w-embed"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M21.9 50.8l26 36.4c.4.6 1.2 1 2 1 0 0 0 0 0 0 .8-.1 1.5-.4 2-1.1l25.8-36.5c.5-.8.6-1.8.1-2.7 -.5-.9-1.3-1.4-2.3-1.4H63.3l0-32.8c0-1.4-1.2-2.6-2.6-2.6l-22.6 0c-1.4-.1-2.6 1.1-2.6 2.5v32.7H23.3c-1 0-1.9.5-2.3 1.3 -.5.8-.4 1.8.1 2.6Z"/></svg></div></div><div navbar-line="on-hover" class="navbar_liine is-visible-onhover"></div></div><nav class="navbar_dropdown-menu w-dropdown-list"><div class="navbar_menu-content-wrapper"><div class="navbar_menu-container"><div class="navcard_dropdown-container"><div id="w-node-fe630c68-1d5c-edf9-efd2-012148f2566b-8563cebc" class="navcard-wrapper"><div class="slot_card dropdown-menu-2"><div class="g-container"><div data-hover-effect="fade" data-color="primary" data-color-mode="normal" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="primary" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="normal" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="c-navcard"><a href="/blog" class="navcard_wrapper is-color w-inline-block"><div class="navcard_right-content is-color"><div class="navcard_top-content"><div class="slot_icon"><div data-component="icon" class="c-icon"><div data-size="base" class="v-size"><div class="slot_size"><div data-hover-effect="" data-color="primary" data-color-mode="inverse" data-color-style="outline" data-clickable="disable" data-wf--v-color--color="primary" class="v-color"><div data-color-style="outline" data-wf--v-color-style--color-style="outline" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="v-icon"><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301ceea3_get-quote.svg" loading="lazy" class="v-icon-image"/></div></div></div></div></div></div></div></div></div></div></div><div class="headline-xxs">CTRLShift <br/>Blog</div></div><div class="navcard_middle-content"><div class="paragraph_sm is-line-height-sm font-weight-regular">Where we share our tips and ideas on generating revenue  at your property<br/></div></div><div class="navcard_bottom-content"><div class="slot_label padding-top_xs"><div data-component="label" class="c-label"><div class="v-font"><div data-font-size="xxxs" data-wf--v-font-size--font-size="xxxs" class="v-font-size"><div class="slot_font-size">
3562<div data-font-size="regular" data-wf--v-font-weight--font-weight="regular" class="v-font-weight"><div class="slot_font-weight"><div data-wf--v-text-align--text-align="left" class="v-text-align"><div data-text-align="left" class="slot_text-align"><div class="slot_font"><div data-hover-effect="fade" data-color="primary" data-color-mode="inverse" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="primary" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="g-container is-inline-block"><div data-icon-position="after-text" class="v-label"><div class="v-label-text">[ Read the Blog]</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="navcard_left-content is-color"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%20Sketches%2C%20Wireframes%2C%20%26%20Design%20Mockups%20Alt.avif" loading="lazy" alt="Person viewed from behind studying design wireframes and sketches pinned on a wall." sizes="(max-width: 960px) 100vw, 960px" srcset="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%2520Sketches%252C%2520Wireframes%252C%2520%2526%2520Design%2520Mockups%2520Alt-p-500.avif 500w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%2520Sketches%252C%2520Wireframes%252C%2520%2526%2520Design%2520Mockups%2520Alt-p-800.avif 800w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%2520Sketches%252C%2520Wireframes%252C%2520%2526%2520Design%2520Mockups%2520Alt-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%2520Sketches%252C%2520Wireframes%252C%2520%2526%2520Design%2520Mockups%2520Alt-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%2520Sketches%252C%2520Wireframes%252C%2520%2526%2520Design%2520Mockups%2520Alt-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf213_Brainstorming%20Sketches%2C%20Wireframes%2C%20%26%20Design%20Mockups%20Alt.avif 2400w" class="navcard_image"/></div></a></div></div></div></div></div></div></div></div></div></div><div class="navcard-wrapper"><div class="slot_card dropdown-menu-2"><div class="g-container"><div data-hover-effect="fade" data-color="cyan" data-color-mode="normal" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="cyan" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="normal" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="c-navcard"><a href="/travel-trends" class="navcard_wrapper is-color w-inline-block"><div class="navcard_right-content is-color"><div class="navcard_top-content"><div class="slot_icon"><div data-component="icon" class="c-icon"><div data-size="base" class="v-size"><div class="slot_size"><div data-hover-effect="" data-color="cyan" data-color-mode="inverse" data-color-style="outline" data-clickable="disable" data-wf--v-color--color="cyan" class="v-color"><div data-color-style="outline" data-wf--v-color-style--color-style="outline" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="v-icon"><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf02f_airplane.svg" loading="lazy" class="v-icon-image"/></div></div></div></div></div></div></div></div></div></div></div><div class="headline-xxs">Travel <br/>Trends</div></div><div class="navcard_middle-content"><div class="paragraph_sm is-line-height-sm font-weight-regular">A collection of trends from the largest travel sites, researchers, and companies.</div></div><div class="navcard_bottom-content"><div class="slot_label padding-top_xs"><div data-component="label" class="c-label"><div class="v-font"><div data-font-size="xxxs" data-wf--v-font-size--font-size="xxxs" class="v-font-size"><div class="slot_font-size">
3562<div data-font-size="regular" data-wf--v-font-weight--font-weight="regular" class="v-font-weight"><div class="slot_font-weight"><div data-wf--v-text-align--text-align="left" class="v-text-align"><div data-text-align="left" class="slot_text-align"><div class="slot_font"><div data-hover-effect="fade" data-color="cyan" data-color-mode="inverse" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="cyan" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="g-container is-inline-block"><div data-icon-position="after-text" class="v-label"><div class="v-label-text">[ Explore The Trends]</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="navcard_left-content is-color"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301ceebd_f8c4eb24-5293-46bd-b73f-5950bcef20b0.avif" loading="lazy" alt="Modern desk setup with computer screen showing colorful charts and graphs, surrounded by green plants." class="navcard_image"/></div></a></div></div></div></div></div></div></div></div></div></div><div class="navcard-wrapper"><div class="slot_card dropdown-menu-2"><div class="g-container"><div data-hover-effect="fade" data-color="yellow" data-color-mode="normal" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="yellow" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="normal" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="c-navcard"><a href="#" class="navcard_wrapper is-color w-inline-block"><div class="navcard_right-content is-color"><div class="navcard_top-content"><div class="slot_icon"><div data-component="icon" class="c-icon"><div data-size="base" class="v-size"><div class="slot_size"><div data-hover-effect="" data-color="yellow" data-color-mode="inverse" data-color-style="outline" data-clickable="disable" data-wf--v-color--color="yellow" class="v-color"><div data-color-style="outline" data-wf--v-color-style--color-style="outline" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="v-icon"><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cee98_gear.svg" loading="lazy" class="v-icon-image"/></div></div></div></div></div></div></div></div></div></div></div><div class="headline-xxs">Strategy <br/>Toolkits</div></div><div class="navcard_middle-content"><div class="paragraph_sm is-line-height-sm font-weight-regular">Amplify your presence, control your channels, increase conversions.</div></div><div class="navcard_bottom-content"><div class="slot_label padding-top_xs"><div data-component="label" class="c-label"><div class="v-font"><div data-font-size="xxxs" data-wf--v-font-size--font-size="xxxs" class="v-font-size"><div class="slot_font-size">
3562<div data-font-size="regular" data-wf--v-font-weight--font-weight="regular" class="v-font-weight"><div class="slot_font-weight"><div data-wf--v-text-align--text-align="left" class="v-text-align"><div data-text-align="left" class="slot_text-align"><div class="slot_font"><div data-hover-effect="fade" data-color="yellow" data-color-mode="inverse" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="yellow" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="g-container is-inline-block"><div data-icon-position="after-text" class="v-label"><div class="v-label-text">[ Tap In & Discover]</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="navcard_left-content is-color"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cebde_revrebel_a-stylish-bartender-wearing-a-dark-canvas-apron-wi__94603.avif" loading="lazy" alt="Stylish bartender wearing a dark canvas apron." sizes="(max-width: 960px) 100vw, 960px" srcset="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cebde_35f9a8f91c072b0c89f6c849cf016af4_revrebel_a-stylish-bartender-wearing-a-dark-canvas-apron-wi__94603-p-500.avif 500w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cebde_35f9a8f91c072b0c89f6c849cf016af4_revrebel_a-stylish-bartender-wearing-a-dark-canvas-apron-wi__94603-p-800.avif 800w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cebde_35f9a8f91c072b0c89f6c849cf016af4_revrebel_a-stylish-bartender-wearing-a-dark-canvas-apron-wi__94603-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cebde_revrebel_a-stylish-bartender-wearing-a-dark-canvas-apron-wi__94603.avif 1344w" class="navcard_image"/></div></a></div></div></div></div></div></div></div></div></div></div><div class="navcard-wrapper"><div class="slot_card dropdown-menu-2"><div class="g-container"><div data-hover-effect="fade" data-color="purple" data-color-mode="normal" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="purple" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="normal" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="c-navcard"><a href="/client-hub-login" class="navcard_wrapper is-color w-inline-block"><div class="navcard_right-content is-color"><div class="navcard_top-content"><div class="slot_icon"><div data-component="icon" class="c-icon"><div data-size="base" class="v-size"><div class="slot_size"><div data-hover-effect="" data-color="purple" data-color-mode="inverse" data-color-style="outline" data-clickable="disable" data-wf--v-color--color="purple" class="v-color"><div data-color-style="outline" data-wf--v-color-style--color-style="outline" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="v-icon"><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301ceea1_labtop-with-cursor.svg" loading="lazy" class="v-icon-image"/></div></div></div></div></div></div></div></div></div></div></div><div class="headline-xxs">Client <br/>Hub</div></div><div class="navcard_middle-content"><div class="paragraph_sm is-line-height-sm font-weight-regular">Real-time metrics with  a full view of our current engagement or project.</div></div><div class="navcard_bottom-content"><div class="slot_label padding-top_xs"><div data-component="label" class="c-label"><div class="v-font"><div data-font-size="xxxs" data-wf--v-font-size--font-size="xxxs" class="v-font-size"><div class="slot_font-size">
3562<div data-font-size="regular" data-wf--v-font-weight--font-weight="regular" class="v-font-weight"><div class="slot_font-weight"><div data-wf--v-text-align--text-align="left" class="v-text-align"><div data-text-align="left" class="slot_text-align"><div class="slot_font"><div data-hover-effect="fade" data-color="purple" data-color-mode="inverse" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="purple" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="inverse" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div class="g-container is-inline-block"><div data-icon-position="after-text" class="v-label"><div class="v-label-text">[ Get Briefed ]</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="navcard_left-content is-color"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%20Reading%20Newspaper%20in%20Bed%20v2.avif" loading="lazy" alt="Person sitting in white bed reading a newspaper titled REBEL with two framed photos on the wall." sizes="(max-width: 960px) 100vw, 960px" srcset="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%2520Reading%2520Newspaper%2520in%2520Bed%2520v2-p-500.avif 500w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%2520Reading%2520Newspaper%2520in%2520Bed%2520v2-p-800.avif 800w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%2520Reading%2520Newspaper%2520in%2520Bed%2520v2-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%2520Reading%2520Newspaper%2520in%2520Bed%2520v2-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%2520Reading%2520Newspaper%2520in%2520Bed%2520v2-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf274_Man%20Reading%20Newspaper%20in%20Bed%20v2.avif 2400w" class="navcard_image"/></div></a></div></div></div></div></div></div></div></div></div></div></div></div></div></nav></div></div><div class="navbar_menu-right"><a dropdown-2="resize-trigger" dropdown-1="resize-trigger" data-w-id="043b033e-5b1a-90e0-fc79-7b0d77e64d14" href="#" class="navbar_link w-inline-block"><div dropdown-2="font-size-trigger" dropdown-1="font-size-trigger" class="navbar_text">Client Login</div><div navbar-line="on-hover" class="navbar_liine is-visible-onhover"></div></a><div class="navbar_link padding-right_none"><div class="navbar_button-alignment navbar_link"><div><div data-button-content="contact" data-component="button" data-button-name="get-in-touch" data-button-page="REVREBEL | The Rebels" class="c-button"><div data-button-size="xs" data-wf--v-button-size--button-size="xs" class="v-button-size"><div class="slot_button-size"><div data-hover-effect="fade" data-color="primary" data-color-mode="normal" data-color-style="filled" data-clickable="enable" data-wf--v-color--color="primary" class="v-color"><div data-color-style="filled" data-wf--v-color-style--color-style="filled" class="v-color-style"><div class="slot_color-style"><div data-wf--v-color-mode--color-mode="normal" class="v-color-mode"><div class="slot_color-mode"><div class="slot_color"><div data-icon-placement="" class="v-button-wrapper"><a href="/contact" class="v-button w-button">[ Get In Touch ] </a></div></div></div></div></div></div></div></div></div></div></div></div></div></div></nav><div class="navbar_menu-button w-nav-button"><div class="menu-icon_component"><div class="menu-icon_line-top"></div><div class="menu-icon_line-middle"><div class="menu-icon_line-middle-inner"></div></div><div class="menu-icon_line-bottom"></div></div></div></div></div></div></div></div></div><div class="w-layout-blockcontainer page_container bg-light w-container"><div class="page_wrapper"><main class="main-wrapper"><section class="section max-width_md add-border_left add-border_right"><div class="rebels-hero_component"><div class="rebels-hero_content-left"><div data-wf--c-responsive-headline--options-font-size="xxl" class="g-container flex-strech"><div data-component="responsive-headline" class="c-responsive-headline"><div data-font-size="xxl" data-w-id="09a3a14f-be9f-00de-7845-8d74575aa0c0" class="v-headline-container"><div class="fit-heading-boundary"><div data-flex-align="left" data-wrap-headline="is-no-wrapping" data-text-align="left" data-font-size="xxl" class="v-headline-wrapper is-responsive is-no-wrapping"><h2 data-fit-min="44" data-font-weight="bold" data-text-wrap="auto" data-fit-max="128" class="v-headline is-fit-heading">Diverse <br/>Experience <br/>Across All <br/>Types of <br/>Hotels</h2></div></div></div></div></div></div><div class="rebels-hero_content-right"><div class="w-layout-grid grid_2-col gap-none height_100pct align-content-strech height_15rem"><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c37c-f51191be" class="diverse-exp_stats-headline-wrapper"><h1 class="stat-metric_headline">Markets <br/>with unique <br/>business <br/>outliners</h1></div><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c37f-f51191be" class="diverse-exp-stat_1-wrapper"><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c380-f51191be" class="diverse-exp_metric-wrapper"><div class="stat-metric">50<span class="is-percent-sign">%</span></div><a href="#" class="w-inline-block"><div class="stat-metric_primary">market driven<br/>
3562</div><div class="stat-metric_secondary">wholesale mix<br/></div></a></div><div class="diverse-exp-stat_1"><div class="diverse-exp_stat-wrapper s-stacked"><h1 class="feature-types_stat is-stacked">03</h1><div class="feature-types_label is-horizontal">HOTELS</div></div></div></div><div class="diverse-exp-stat-2-wrapper"><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c397-f51191be" class="diverse-exp_metric-wrapper"><div class="stat-metric">90<span class="is-percent-sign">%</span></div><div><div class="stat-metric_primary is-line-height_1">Annual<br/></div><div class="stat-metric_secondary">OCCUPANY<br/></div></div></div><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c392-f51191be" class="diverse-exp_stat-wrapper s-stacked"><h1 class="feature-types_stat is-stacked">10</h1><div class="feature-types_label is-horizontal">HOTELS</div></div></div><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c3a2-f51191be" class="diverse-exp-stat_3-wrapper"><div id="w-node-_8b62c919-e2a9-045a-e32c-dacd06b9c3a3-f51191be" class="diverse-exp_metric-wrapper"><div class="stat-metric">60<span class="is-percent-sign">%</span></div><div><div class="stat-metric_primary">BUSINESS MIX<br/></div><div class="stat-metric_secondary">corporate<br/></div></div></div><div class="diverse-exp_stat-wrapper s-stacked"><h1 class="feature-types_stat is-stacked">06</h1><div class="feature-types_label is-horizontal">HOTELS</div></div></div></div></div></div></section><section class="section padding-responsive_xl max-width_md padding-block_responsive-xxl add-borders"><div class="w-layout-blockcontainer container-lg hotel-stats_sub-section w-container"><div class="hotel-stats_sub-section-2-wrapper"><div data-wf--c-responsive-headline--options-font-size="base" class="g-container flex-strech"><div data-component="responsive-headline" class="c-responsive-headline"><div data-font-size="base" data-w-id="09a3a14f-be9f-00de-7845-8d74575aa0c0" class="v-headline-container"><div class="fit-heading-boundary"><div data-flex-align="left" data-wrap-headline="is-wrapping" data-text-align="left" data-font-size="base" class="v-headline-wrapper is-responsive is-wrapping"><div data-contrast="light" data-component="eyebrow" data-color="normal" class="v-eyebrow">Different models. Same systems. We adjust the strategy â not the standard.<br/></div><h2 data-fit-min="28" data-font-weight="bold" data-text-wrap="balance" data-fit-max="60" class="v-headline fit-heading">Complex Markets. <br/>Unpredictable demand. </h2><p data-font-weight="regular" data-component="paragraph" data-font-size="normal" data-size-adjustment="0" class="v-paragraph">Some properties donât follow the rules. Extreme seasonality. Niche demand. Operational quirks. Thatâs where strategy matters most. Here are the number and types of hotels we've worked with.</p></div></div></div></div></div></div><div class="hotel-stats_col-3"><div id="w-node-c59c6ebc-491d-1189-b741-e5d455c35da8-f51191be" class="hotel-stats_metric-wrapper"><div class="div-block-773"><div data-wf--variants_text-color--settings-font-color-variants="color-8" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a4"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a4"><div data-wf--inner_hotel-metric-style-2--variant="count-label-icon-horizontal" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid tablet-horizontal is-style-2"><div id="w-node-_7369baee-cc1f-799b-4fb7-0140596f4e5a-c01aaed2" class="hotel-stat_count-wrapper is-resort"><div class="hotel-stat_count">02</div><div class="hotel-stat_count-label is-big is-resort">Resorts</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaedf-c01aaed2" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Ski Markets + Mountain with Activities</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaee2-c01aaed2" class="hotel-stat_icon"><div class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="medium" class="variants_icon-size w-variant-a441894a-e12b-a947-a974-075d4ae3a99c"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-8" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad302e"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf0bf_sky-mask.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div id="w-node-c59c6ebc-491d-1189-b741-e5d455c35dc9-f51191be" class="hotel-stats_metric-wrapper"><div class="div-block-773"><div data-wf--variants_text-color--settings-font-color-variants="color-7" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a3"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a3"><div data-wf--inner_hotel-metric-style-2--variant="count-label-icon-horizontal" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid tablet-horizontal is-style-2"><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaeda-c01aaed2" class="hotel-stat_count-wrapper"><div class="hotel-stat_count">02</div><div class="hotel-stat_count-label is-big is-hotel">Hotels</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaedf-c01aaed2" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">LOCATED ON CAMPUS AT A UNIVERSITY</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaee2-c01aaed2" class="hotel-stat_icon"><div class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="medium" class="variants_icon-size w-variant-a441894a-e12b-a947-a974-075d4ae3a99c"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-7" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad302d"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf100_university.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div id="w-node-c59c6ebc-491d-1189-b741-e5d455c35dea-f51191be" class="hotel-stats_metric-wrapper"><div class="div-block-773"><div data-wf--variants_text-color--settings-font-color-variants="color-6" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a2"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a2"><div data-wf--inner_hotel-metric-style-2--variant="count-label-icon-horizontal" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid tablet-horizontal is-style-2"><div id="w-node-_7369baee-cc1f-799b-4fb7-0140596f4e5a-c01aaed2" class="hotel-stat_count-wrapper is-resort"><div class="hotel-stat_count">11</div><div class="hotel-stat_count-label is-big is-resort">Resorts</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaedf-c01aaed2" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Oceanside on the Sand</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaee2-c01aaed2" class="hotel-stat_icon"><div class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="medium" class="variants_icon-size w-variant-a441894a-e12b-a947-a974-075d4ae3a99c"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-6" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad302c"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf09f_palm-tree.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div id="w-node-c59c6ebc-491d-1189-b741-e5d455c35e0b-f51191be" class="hotel-stats_metric-wrapper"><div class="div-block-773"><div data-wf--variants_text-color--settings-font-color-variants="color-8" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a4"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a4"><div data-wf--inner_hotel-metric-style-2--variant="count-label-icon-horizontal" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid tablet-horizontal is-style-2"><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaeda-c01aaed2" class="hotel-stat_count-wrapper"><div class="hotel-stat_count">08</div><div class="hotel-stat_count-label is-big is-hotel">Hotels</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaedf-c01aaed2" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Extreme Shifts in Seasonal Occupancy</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaed5-c01aaed2" class="hotel-stat_metric-wrapper"><div class="hotel-stat_metric">25%</div><div class="hotel-stat_metric">75%</div></div></div></div></div></div></div></div></div><div id="w-node-c59c6ebc-491d-1189-b741-e5d455c35e2c-f51191be" class="hotel-stats_metric-wrapper"><div class="div-block-773"><div data-wf--variants_text-color--settings-font-color-variants="color-7" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a3"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a3"><div data-wf--inner_hotel-metric-style-2--variant="count-label-icon-horizontal" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid tablet-horizontal is-style-2"><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaeda-c01aaed2" class="hotel-stat_count-wrapper"><div class="hotel-stat_count">05</div><div class="hotel-stat_count-label is-big is-hotel">Hotels</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaedf-c01aaed2" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Rooftop Pools with F+B, Bars & Nightlife</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaee2-c01aaed2" class="hotel-stat_icon"><div class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="medium" class="variants_icon-size w-variant-a441894a-e12b-a947-a974-075d4ae3a99c"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-7" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad302d"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf05a_coconut-cocktail.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div id="w-node-c59c6ebc-491d-1189-b741-e5d455c35e4d-f51191be" class="hotel-stats_metric-wrapper"><div class="div-block-773"><div data-wf--variants_text-color--settings-font-color-variants="color-6" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a2"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c9a2"><div data-wf--inner_hotel-metric-style-2--variant="count-label-icon-horizontal" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid tablet-horizontal is-style-2"><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaeda-c01aaed2" class="hotel-stat_count-wrapper"><div class="hotel-stat_count">02</div><div class="hotel-stat_count-label is-big is-hotel">Hotels</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaedf-c01aaed2" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Room Inventory Under 30 Rooms</div></div><div id="w-node-_5b02ff86-ef89-3aa8-16b2-ac70c01aaee2-c01aaed2" class="hotel-stat_icon"><div class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="medium" class="variants_icon-size w-variant-a441894a-e12b-a947-a974-075d4ae3a99c"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-6" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad302c"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf03c_bed.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></section><section class="section padding-inline_responsive-xl max-width_md padding-block_responsive-xxl add-borders"><div class="w-layout-blockcontainer container-lg hotel-stats_sub-section w-container"><div class="hotel-stats_sub-section-container"><div class="hotel-stats_col-1-mobile"><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61769-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-1" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div data-wf--inner_hotel-metric-style-1--variant="horizontal-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-1" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3027"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf02f_airplane.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper"><h1 class="hotel-stat_count">32</h1><div class="hotel-stat_count-label"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Urban <br/>Metros<br/></div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61782-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-1" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div data-wf--inner_hotel-metric-style-1--variant="horizontal-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-1" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3027"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf0a8_queen.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper"><h1 class="hotel-stat_count">03</h1><div class="hotel-stat_count-label"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Ultra<br/>Luxury</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a6179a-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-2" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div data-wf--inner_hotel-metric-style-1--variant="horizontal-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-2" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3028"><div class="c-icon_size"><img src="https://cdn.prod.website-files.c
3562om/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf066_cottage.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper"><h1 class="hotel-stat_count">07</h1><div class="hotel-stat_count-label"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Condo<br/>Resorts</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a617cc-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-2" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div data-wf--inner_hotel-metric-style-1--variant="horizontal-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-2" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3028"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf065_diamond.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper"><h1 class="hotel-stat_count">09</h1><div class="hotel-stat_count-label"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Unique <br/>Luxury<br/>Retreats</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a617e6-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-3" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div data-wf--inner_hotel-metric-style-1--variant="horizontal-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-3" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3029"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf097_mountian.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper"><h1 class="hotel-stat_count">21</h1><div class="hotel-stat_count-label"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Destination <br/>Resorts<br/>Spas & Golf</div></div></div></div></div></div></div></div></div></div><div id="w-node-a1624ac4-304e-acde-58d5-721db0f86961-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-3" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div data-wf--inner_hotel-metric-style-1--variant="horizontal-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper"><div class="hotel-stat_icon-align"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-3" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3029"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf071_flip-flops.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper"><h1 class="hotel-stat_count">20</h1><div class="hotel-stat_count-label"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper"><div class="hotel-stat_name">Leisure <br/>Locals</div></div></div></div></div></div></div></div></div></div></div><div class="hotel-stats_col-1-desktop"><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61800-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-1" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div data-wf--inner_hotel-metric-style-1--variant="vertical-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194 w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_icon-align w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-1" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3027"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf0bf_sky-mask.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><h1 class="hotel-stat_count w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194">32</h1><div class="hotel-stat_count-label w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_name">Leisure<br/>Locals</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61819-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-2" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div data-wf--inner_hotel-metric-style-1--variant="vertical-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194 w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_icon-align w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-2" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3028"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf0a8_queen.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><h1 class="hotel-stat_count w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194">03</h1><div class="hotel-stat_count-label w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_name">Ultra<br/>Luxury</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61831-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-3" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div data-wf--inner_hotel-metric-style-1--variant="vertical-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194 w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_icon-align w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-3" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3029"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf066_cottage.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><h1 class="hotel-stat_count w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194">07</h1><div class="hotel-stat_count-label w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_name">Condo<br/>Resorts</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61849-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-1" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99d"><div data-wf--inner_hotel-metric-style-1--variant="vertical-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194 w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_icon-align w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-1" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3027"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf065_diamond.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><h1 class="hotel-stat_count w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194">09</h1><div class="hotel-stat_count-label w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_name">Unique <br/>Luxury<br/>Retreats</div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61863-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-2" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99e"><div data-wf--inner_hotel-metric-style-1--variant="vertical-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194 w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_icon-align w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-2" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3028"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf02f_airplane.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><h1 class="hotel-stat_count w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194">32</h1><div class="hotel-stat_count-label w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_name">Urban <br/>Metros<br/></div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a6187d-f51191be"><div><div><div data-wf--variants_text-color--settings-font-color-variants="color-3" class="variants_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div class="slot_font-color w-variant-7ab15625-8b28-a8e5-eb68-a337ddf9c99f"><div data-wf--inner_hotel-metric-style-1--variant="vertical-layout" class="hotel-stat_container"><div class="hotel-stat_item"><div class="hotel-stat_grid w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f1-4881d3ee" class="hotel-stat_icon-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194 w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_icon-align w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div data-wf--variants_icon-size--icon-size-variant="regular" class="variants_icon-size"><div class="slot_icon-size"><div data-wf--icon-color-filter--icon-color="color-3" class="variants_icon-filter-color w-variant-17c9352e-8718-4a08-5ddf-f4f3dbad3029"><div class="c-icon_size"><img src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cf097_mountian.svg" loading="lazy" alt="" class="icon-variant"/></div></div></div></div></div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f3-4881d3ee" class="hotel-stat_count-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><h1 class="hotel-stat_count w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194">21</h1><div class="hotel-stat_count-label w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"># of properties</div></div><div id="w-node-a6f539ac-e985-426f-d9ea-dd894881d3f8-4881d3ee" class="hotel-stat_name-wrapper w-variant-841ad3c8-8ee7-7fbf-e048-49381c5ed194"><div class="hotel-stat_name">Destination <br/>Resorts<br/>Spas & Golf</div></div></div></div></div></div></div></div></div></div></div><div id="w-node-_7d675b7b-712a-5b83-b753-410a40a61896-f51191be" class="hotel-stats_sub-section-wrapper"><div data-wf--c-responsive-headline--options-font-size="base" class="g-container flex-strech"><div data-component="responsive-headline" class="c-responsive-headline"><div data-font-size="base" data-w-id="09a3a14f-be9f-00de-7845-8d74575aa0c0" class="v-headline-container"><div class="fit-heading-boundary"><div data-fle
3562x-align="left" data-wrap-headline="is-wrapping" data-text-align="left" data-font-size="base" class="v-headline-wrapper is-responsive is-wrapping"><div data-contrast="light" data-component="eyebrow" data-color="normal" class="v-eyebrow">Same Goal. <br/>Better Performance.</div><h2 data-fit-min="28" data-font-weight="bold" data-text-wrap="balance" data-fit-max="60" class="v-headline fit-heading">Different <br/>Markets. <br/>Different <br/>Mechanics. </h2><p data-font-weight="regular" data-component="paragraph" data-font-size="normal" data-size-adjustment="0" class="v-paragraph">No two hotels operate the same â and neither should their strategy. From urban metros to destination resorts, weâve seen how different markets behave, perform, and scale. See the number of hotels we're worked with category.</p></div></div></div></div></div></div></div></div></section><section class="section padding-responsive-md max-width_md add-borders is-primary"><section class="rr-about__section rr-about__hero"><div class="rr-about__container rr-about__hero-container"><div class="rr-about__hero-grid"><div><div data-wf--c-responsive-headline--options-font-size="xxl" class="g-container flex-strech"><div data-component="responsive-headline" class="c-responsive-headline"><div data-font-size="xxl" data-w-id="09a3a14f-be9f-00de-7845-8d74575aa0c0" class="v-headline-container"><div class="fit-heading-boundary"><div data-flex-align="left" data-wrap-headline="is-no-wrapping" data-text-align="left" data-font-size="xxl" class="v-headline-wrapper is-responsive is-no-wrapping"><div data-contrast="light" data-component="eyebrow" data-color="normal" class="v-eyebrow">About REVREBEL</div><h1 data-fit-min="44" data-font-weight="bold" data-text-wrap="balance" data-fit-max="128" class="v-headline is-fit-heading">Built by<br/>Someone<br/>Who's <span class="rr-about__accent">Done<br/>the Job.</span></h1><p data-font-weight="regular" data-component="paragraph" data-font-size="normal" data-size-adjustment="0" class="v-paragraph">We're not a consulting factory staffed by MBAs who've read about hotels. It's a practitioner-led firm built by someone who spent over a decade inside major hospitality groupsâmanaging portfolios, rebuilding revenue systems, and watching what actually moves the needle versus what merely makes the deck look good.</p></div></div></div></div></div></div><dl id="w-node-_462dd4aa-a4d7-82ce-a822-9899a31cfcd5-f51191be" class="grid_4-row rr-about__stats"><div class="grid_2-col is-grid-3-1"><div class="label-md">Years of In-Market Experience<br/></div><div class="label-xl">13+</div></div><div class="grid_2-col is-grid-3-1"><div id="w-node-_9a5b606b-50f0-2945-4888-3415e2ad7927-f51191be" class="label-md">US Markets Engaged<br/></div><div id="w-node-b051171e-e931-a8c6-af88-d70b9fc99917-f51191be" class="label-xl">39</div></div><div class="grid_2-col is-grid-3-1"><div class="label-md">Hotel Types Advised<br/></div><div class="label-xl">10</div></div><div class="grid_2-col is-grid-3-1"><div class="label-md">Portfolio Revenue Managed<br/></div><div class="label-xl">$1B+</div></div></dl></div></div></section></section><section class="section padding-responsive-md max-width_md add-borders text-primary"><div class="rr-about__container rr-about__founder-grid"><article class="rr-about__founder"><p class="label_large">Founder</p><h2 class="headline-regular">Gary<br/>Stringham</h2><p class="label-lg padding-bottom_md">Chief RebL<br/>Commercial Strategy, Distribution + Tech</p><p class="paragraph padding-bottom_sm">I'm a geek at heart and a calculated risk-taker with a passion for building strategies and watching them thrive. Growth-focused commercial strategist specializing in revenue management, distribution, pricing, and go-to-market execution across resort and urban hotel portfolios.</p><p class="paragraph">I align revenue, marketing, sales, and technology to drive measurable top-line growth and profitability. My experience spans turnaround environments, centralized reservation platforms, and scalable commercial frameworksâled with data, disciplined experimentation, and a clear focus on sustainable results.</p></article>
3562<div class="rr-about__career"><p class="label-md">Career Timeline /</p><ol role="list" class="rr-about__timeline"><li class="about_timeline"><div class="about_title-block"><div class="eyebrow">May 2025âPresent<br/></div><h3 class="headline-xs">Founder + Chief Rebel</h3><p class="label-lg">REVREBEL</p></div><ul role="list" class="paragraph-sm grid_2-col gap-xs padding-top_sm"><li class="paragraph-sm">Growth-focused commercial strategy across revenue management, distribution, pricing, and go-to-market execution</li><li class="paragraph-sm">End-to-end commercial initiatives covering CRS, PMS, and RMS configuration</li><li class="paragraph-sm">Revenue, marketing, sales, and technology alignment to drive measurable top-line growth</li></ul></li><li class="about_timeline"><div class="about_title-block"><div class="eyebrow">June 2024âMay 2025<br/></div><h3 class="headline-xs">Vice President, Revenue Strategy</h3><p class="label-lg">Aparium Hotel Group</p></div><ul role="list" class="paragraph-sm grid_2-col gap-xs padding-top_sm"><li class="paragraph-sm">Designed and rolled out a unified revenue management framework across the portfolio</li><li class="paragraph-sm">Balanced standardized best practices with flexibility for property-specific market dynamics</li><li class="paragraph-sm">Identified and addressed RMS optimization gapsâredeploying the platform for full utilization</li></ul></li><li class="about_timeline"><div class="about_title-block"><div class="eyebrow">June 2019âAugust 2021<br/></div><h3 class="headline-xs">Vice President of Revenue Generation</h3><p class="label-lg">Springboard Hospitality</p></div><ul role="list" class="paragraph gap-sm"><li class="paragraph-sm padding-top_sm">Onboarded 26 new distribution partners, generating $350K+ in incremental portfolio-wide revenue</li><li class="paragraph-sm padding-top_xs">Led development of 17 standalone hotel websites using UI-tested conversion best practices</li><li class="paragraph-sm padding-top_xs">Delivered $3â5K in annual cost savings per hotel through platform consolidation</li></ul></li><li class="about_timeline"><div class="about_title-block"><div class="eyebrow">August 2016âJanuary 2019<br/></div><h3 class="headline-xs">Regional Vice President, Revenue Strategy</h3><p class="label-lg">Two Roads Hospitality</p></div><ul role="list" class="paragraph"><li class="paragraph-sm padding-top_sm">9.43% growth in Rooms Revenue and 7.9% growth in Total Hotel Revenue in 2018</li><li class="paragraph-sm padding-top_xs">3.1% same-store market share increaseâmanaged 51% of total portfolio revenue</li><li class="paragraph-sm padding-top_xs">Oversaw 20 resort and luxury properties across revenue, sales, operations, and ownership</li></ul></li><li class="about_timeline"><div class="about_title-block"><div class="eyebrow">November 2012âJuly 2016<br/></div><h3 class="headline-xs">Regional Director, Revenue & Distribution</h3><p class="label-lg">Noble House Hotels & Resorts</p></div><ul role="list" class="paragraph"><li class="paragraph-sm padding-top_sm">Strengthened distribution performance across CRS, GDS, brand websites, and third-party channels</li><li class="paragraph-sm padding-top_xs">Designed and executed data-driven pricing and inventory strategies across varied market conditions</li><li class="paragraph-sm padding-top_xs">Balanced transient demand, channel mix, and yield across a diverse multi-property portfolio</li></ul></li></ol></div></div></section><section class="section max-width_md add-borders"><div data-figma-id="327:13231" class="markets_section padding-inline_responsive-sm padding-block_responsive-md"><div data-figma-id="327:13232" class="markets_headline"><div data-figma-id="327:13233" class="container-3"><p data-figma-id="327:13234" class="headline-xxs text-color-cyan">MARKETS WE'VE WORKED /</p></div><div data-figma-id="327:13235" class="heading-2transform-3 text-primary"><p data-figma-id="327:13237" class="headline-md is-vertical-transform">39 Markets</p></div></div><div data-figma-id="327:13238" class="markets_wrapper"><p data-figma-id="327:13239" class="paragraph text-primary">From Waikiki to Key West, Aspen to Anaheim â real in-market experience means knowing that a Denver corporate hotel and a Carmel boutique have almost nothing in common commercially, and building strategy accordingly.</p><div data-figma-id="327:13240" class="markets_container-margin"><div data-figma-id="327:13241" class="markets_container"><div data-figma-id="327:13242" class="markets-block"><div data-figma-id="327:13243" class="markets_text-wrapper"><p data-figma-id="327:13244" class="market_text">Seattle</p></div></div><div data-figma-id="327:13245" class="markets-block"><div data-figma-id="327:13246" class="markets_text-wrapper"><p data-figma-id="327:13247" class="market_text">Tacoma</p></div></div><div data-figma-id="327:13248" class="markets-block"><div data-figma-id="327:13249" class="markets_text-wrapper"><p data-figma-id="327:13250" class="market_text">Portland</p></div></div><div data-figma-id="327:13251" class="markets-block"><div data-figma-id="327:13252" class="markets_text-wrapper"><p data-figma-id="327:13253" class="market_text">Ft Lauderdale</p></div></div><div data-figma-id="327:13254" class="markets-block"><div data-figma-id="327:13255" class="markets_text-wrapper"><p data-figma-id="327:13256" class="market_text">Santa Cruz</p></div></div><div data-figma-id="327:13257" class="markets-block"><div data-figma-id="327:13258" class="markets_text-wrapper"><p data-figma-id="327:13259" class="market_text">Napa</p></div></div><div data-figma-id="327:13260" class="markets-block"><div data-figma-id="327:13261" class="markets_text-wrapper"><p data-figma-id="327:13262" class="market_text">Aspen</p></div></div><div data-figma-id="327:13263" class="markets-block"><div data-figma-id="327:13264" class="markets_text-wrapper"><p data-figma-id="327:13265" class="market_text">Tempe</p></div></div><div data-figma-id="327:13266" class="markets-block"><div data-figma-id="327:13267" class="markets_text-wrapper"><p data-figma-id="327:13268" class="market_text">Denver</p></div></div><div data-figma-id="327:13269" class="markets-block"><div data-figma-id="327:13270" class="markets_text-wrapper"><p data-figma-id="327:13271" class="market_text">Silicon Valley</p></div></div><div data-figma-id="327:13272" class="markets-block"><div data-figma-id="327:13273" class="markets_text-wrapper"><p data-figma-id="327:13274" class="market_text">Palo Alto</p></div></div><div data-figma-id="327:13275" class="markets-block"><div data-figma-id="327:13276" class="markets_text-wrapper"><p data-figma-id="327:13277" class="market_text">Washington DC</p></div></div><div data-figma-id="327:13278" class="markets-block"><div data-figma-id="327:13279" class="markets_text-wrapper"><p data-figma-id="327:13280" class="market_text">Sacramento</p></div></div>
3562<div data-figma-id="327:13281" class="markets-block"><div data-figma-id="327:13282" class="markets_text-wrapper"><p data-figma-id="327:13283" class="market_text">Waikiki</p></div></div><div data-figma-id="327:13284" class="markets-block"><div data-figma-id="327:13285" class="markets_text-wrapper"><p data-figma-id="327:13286" class="market_text">Key West</p></div></div><div data-figma-id="327:13287" class="markets-block"><div data-figma-id="327:13288" class="markets_text-wrapper"><p data-figma-id="327:13289" class="market_text">Minneapolis</p></div></div><div data-figma-id="327:13290" class="markets-block"><div data-figma-id="327:13291" class="markets_text-wrapper"><p data-figma-id="327:13292" class="market_text">Detroit</p></div></div><div data-figma-id="327:13293" class="markets-block"><div data-figma-id="327:13294" class="markets_text-wrapper"><p data-figma-id="327:13295" class="market_text">San Jose</p></div></div><div data-figma-id="327:13296" class="markets-block"><div data-figma-id="327:13297" class="markets_text-wrapper"><p data-figma-id="327:13298" class="market_text">Santa Fe</p></div></div><div data-figma-id="327:13299" class="markets-block"><div data-figma-id="327:13300" class="markets_text-wrapper"><p data-figma-id="327:13301" class="market_text">Monterey</p></div></div><div data-figma-id="327:13302" class="markets-block"><div data-figma-id="327:13303" class="markets_text-wrapper"><p data-figma-id="327:13304" class="market_text">Big Sur</p></div></div><div data-figma-id="327:13305" class="markets-block"><div data-figma-id="327:13306" class="markets_text-wrapper"><p data-figma-id="327:13307" class="market_text">Anaheim</p></div></div><div data-figma-id="327:13308" class="markets-block"><div data-figma-id="327:13309" class="markets_text-wrapper"><p data-figma-id="327:13310" class="market_text">San Francisco</p></div></div><div data-figma-id="327:13311" class="markets-block"><div data-figma-id="327:13312" class="markets_text-wrapper"><p data-figma-id="327:13313" class="market_text">Sunnyvale</p></div></div><div data-figma-id="327:13314" class="markets-block"><div data-figma-id="327:13315" class="markets_text-wrapper"><p data-figma-id="327:13316" class="market_text">Huntington Beach</p></div></div><div data-figma-id="327:13317" class="markets-block"><div data-figma-id="327:13318" class="markets_text-wrapper"><p data-figma-id="327:13319" class="market_text">Carmel by the Sea</p></div></div><div data-figma-id="327:13320" class="markets-block"><div data-figma-id="327:13321" class="markets_text-wrapper"><p data-figma-id="327:13322" class="market_text">West Hollywood</p></div></div><div data-figma-id="327:13323" class="markets-block"><div data-figma-id="327:13324" class="markets_text-wrapper"><p data-figma-id="327:13325" class="market_text">Palm Springs</p></div></div><div data-figma-id="327:13326" class="markets-block"><div data-figma-id="327:13327" class="markets_text-wrapper"><p data-figma-id="327:13328" class="market_text">Laguna Beach</p></div></div><div data-figma-id="327:13329" class="markets-block"><div data-figma-id="327:13330" class="markets_text-wrapper"><p data-figma-id="327:13331" class="market_text">Jackson Hole</p></div></div><div data-figma-id="327:13332" class="markets-block"><div data-figma-id="327:13333" class="markets_text-wrapper"><p data-figma-id="327:13334" class="market_text">New Jersey</p></div></div><div data-figma-id="327:13335" class="markets-block"><div data-figma-id="327:13336" class="markets_text-wrapper"><p data-figma-id="327:13337" class="market_text">San Diego</p></div></div><div data-figma-id="327:13338" class="markets-block"><div data-figma-id="327:13339" class="markets_text-wrapper"><p data-figma-id="327:13340" class="market_text">Scottsdale</p></div></div><div data-figma-id="327:13341" class="markets-block"><div data-figma-id="327:13342" class="markets_text-wrapper"><p data-figma-id="327:13343" class="market_text">New York</p></div></div><div data-figma-id="327:13341" class="markets-block"><div data-figma-id="327:13342" class="markets_text-wrapper"><p data-figma-id="327:13343" class="market_text">Des Moines</p></div></div><div data-figma-id="327:13344" class="markets-block"><div data-figma-id="327:13345" class="markets_text-wrapper"><p data-figma-id="327:13346" class="market_text">Kansas City</p></div></div><div data-figma-id="327:13347" class="markets-block"><div data-figma-id="327:13348" class="markets_text-wrapper"><p data-figma-id="327:13349" class="market_text">New York</p></div></div><div data-figma-id="327:13350" class="markets-block"><div data-figma-id="327:13351" class="markets_text-wrapper"><p data-figma-id="327:13352" class="market_text">New Orleans</p></div></div><div data-figma-id="327:13353" class="markets-block"><div data-figma-id="327:13354" class="markets_text-wrapper"><p data-figma-id="327:13355" class="market_text">South Lake Tahoe</p></div></div><div data-figma-id="327:13356" class="markets-block"><div data-figma-id="327:13357" class="markets_text-wrapper"><p data-figma-id="327:13358" class="market_text">Redondo Beach</p></div></div><div data-figma-id="327:13356" class="markets-block"><div data-figma-id="327:13357" class="markets_text-wrapper"><p data-figma-id="327:13358" class="market_text">Chicago</p></div></div></div></div></div></div></section></main></div></div><section class="footer-section"><section data-wf--footer--settings-background-color-variant="light" class="footer-wrapper"><div class="w-layout-blockcontainer footer_container w-container"><div class="footer_padding"><div class="footer component_color"><div class="footer-wrapper-inner"><div class="footer_top-wrapper"><div class="footer_left-wrapper"><div class="brand-logo"><img width="250" height="Auto" src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/6a09244ce43d4439301cec6a_revrebel_vertical_logo.svg" loading="lazy" alt="" class="logo-wide"/><p class="footer_paragraph">We help hotels craft strategies to grow their revenues and crush the competition</p></div><div class="footer_actions"><div class="footer_form-wrapper"><div class="blog-signup_form-block w-form"><div class="footer_item-headline">Get CtrlShift, our Blog for Hotel Strategy</div><form id="email-form" name="email-form" data-name="Email Form" method="get" class="blog-signup_form flex_horizontal" data-wf-page-id="6a5c9dbb891ff56ef51191be" data-wf-element-id="1a470b26-ac4b-4c90-ba23-5c64f803b26b" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><input class="form_input is-footer w-input" wized="input_email" user-input="email" autocomplete="email" maxlength="256" name="Email" data-name="Email" placeholder="Email Address" type="email" id="Email-Address" required=""/><div class="button-wrapper is-footer"><input type="submit" data-wait="Please wait..." data-button-page="REVREBEL | The Rebels" data-button-name="footer-subscribe" class="button is-btn-color-2 is-btn-sm is-footer w-button" value="[ Subscribe ]"/></div></form><div class="success-message_operator bg-color-blue-offset w-form-done"><div class="success-message_text text-color-primary text-size-sm">Welcome, Operator. Youâve just subscribed to the most profitable backchannel in hospital
3562ity.</div></div><div class="error-message_mission-control w-form-fail"><div class="error-message_text">Mission control, we have a problem.  Error please try again later.</div></div></div></div><div class="item-wrapper"><div class="paragraph_sm flex-vertical footer-privacy-policy"><div class="text-size-sm is-lowercase line-height_1x">By subscribing you agree to with our </div><a href="#" class="label text-color-2 footer-privacy-policy padding-inline_none w-inline-block">Privacy Policy</a><div class="text-size-sm is-lowercase line-height_1x">and provide consent to receive updates from our company.</div></div></div></div></div><div class="footer_links"><div class="footer_contact-wrapper margin_left-auto"><div class="footer-column max-width_175px min-width_175px"><div class="space_xs"></div><div class="footer_item-headline">Get In Touch</div><div class="contact_grid_3-rows"><a href="tel:+13108001124" class="footer_link-wrapper w-inline-block"><div class="footer_link-item label">[P] </div><div class="footer_link-item padding-bottom_3px">(310) 800-1124</div></a><a href="/cdn-cgi/l/email-protection#c6aea3aaaaa986b4a3b0b4a3a4a3aae8afa9" class="footer_link-wrapper w-inline-block"><div class="footer_link-item label">[E] </div><div class="footer_link-item padding-bottom_3px"><span class="__cf_email__" data-cfemail="c4aca1a8a8ab84b6a1b2b6a1a6a1a8eaadab">[email protected]</span></div></a><a id="w-node-_1a470b26-ac4b-4c90-ba23-5c64f803b28d-f803b25c" href="https://revrebel.io" target="_blank" class="footer_link-wrapper w-inline-block"><div class="footer_link-item label">[W] </div><div class="footer_link-item padding-bottom_3px">revrebel.io</div></a></div></div><div class="footer-column max-width_175px min-width_175px margin-right_auto"><div class="space_xs"></div><div class="footer_item-headline">Los Angeles HQ</div><a href="#" class="w-inline-block"><div class="contact_grid_3-rows"><div class="footer_link-wrapper"><div class="footer_link-item">5101 Santa Monica Blvd.</div></div><div class="footer_link-wrapper"><div class="footer_link-item">STE 8 PMB 69</div></div><div class="footer_link-wrapper"><div class="footer_link-item">Los Angeles, CA 90029</div></div></div></a></div></div><div class="footer-column margin-left_auto social-column"><div class="space_xs is-mobile-x3"></div><div class="footer_item-headline text-align-right">Stay in Touch</div><div class="socials_vertical"><div class="space_xs"></div><div data-button-page="REVREBEL | The Rebels" data-button-social="instagram" data-wf--socials-element--icon-size="2x2" class="social_icon"><a href="https://www.instagram.com/hello_revrebel" target="_blank" class="socials_link-block w-inline-block"><div class="socials_icon-size"><div data-icon-size="2x2" data-wf--social_button--social-platform="instagram" class="socials_component-button icon-toggle"><div class="socials_button_hover-on normal-state w-variant-de5fb2a0-ccd0-cdd7-7c2d-7ddea245d37f"></div><div class="socials_button_hover-off hover-state w-variant-de5fb2a0-ccd0-cdd7-7c2d-7ddea245d37f"></div></div></div></a></div><div data-button-page="REVREBEL | The Rebels" data-button-social="linkedin" data-wf--socials-element--icon-size="2x2" class="social_icon"><a href="https://x.com/hello_revrebel" target="_blank" class="socials_link-block w-inline-block"><div class="socials_icon-size"><div data-icon-size="2x2" data-wf--social_button--social-platform="linkedin" class="socials_component-button icon-toggle"><div class="socials_button_hover-on normal-state w-variant-841adf25-f31c-fa0c-872e-3155fd2ba4db"></div><div class="socials_button_hover-off hover-state w-variant-841adf25-f31c-fa0c-872e-3155fd2ba4db"></div></div></div></a></div><div data-button-page="REVREBEL | The Rebels" data-button-social="facebook" data-wf--socials-element--icon-size="2x2" class="social_icon"><a href="https://www.facebook.com/hello.revrebel" target="_blank" class="socials_link-block w-inline-block"><div class="socials_icon-size"><div data-icon-size="2x2" data-wf--social_button--social-platform="facebook" class="socials_component-button icon-toggle"><div class="socials_button_hover-on normal-state w-variant-908ff316-64e0-5224-0e3b-022b57b79d4f"></div><div class="socials_button_hover-off hover-state w-variant-908ff316-64e0-5224-0e3b-022b57b79d4f"></div></div></div></a></div><div data-button-page="REVREBEL | The Rebels" data-button-social="x" data-wf--socials-element--icon-size="2x2" class="social_icon"><a href="https://www.instagram.com/hello_revrebel" target="_blank" class="socials_link-block w-inline-block"><div class="socials_icon-size"><div data-icon-size="2x2" data-wf--social_button--social-platform="x" class="socials_component-button icon-toggle"><div class="socials_button_hover-on normal-state w-variant-acccc6fa-2b17-52e4-1dfc-945ffa250823"></div><div class="socials_button_hover-off hover-state w-variant-acccc6fa-2b17-52e4-1dfc-945ffa250823"></div></div></div></a></div><div data-button-page="REVREBEL | The Rebels" data-button-social="blog" data-wf--socials-element--icon-size="2x2" class="social_icon"><a href="https://www.instagram.com/hello_revrebel" target="_blank" class="socials_link-block w-inline-block"><div class="socials_icon-size"><div data-icon-size="2x2" data-wf--social_button--social-platform="blog" class="socials_component-button icon-toggle"><div class="socials_button_hover-on normal-state w-variant-33b0b924-37a5-d908-0460-c1379a172b0f"></div><div class="socials_button_hover-off hover-state w-variant-33b0b924-37a5-d908-0460-c1379a172b0f"></div></div></div></a></div></div></div></div></div><div class="credits"><div class="credits-wrapper"><div class="copyright-text">©2026 All Rights Reserved. made by REVREBEL.</div><div class="footer-links"><a href="/eula" class="policy-link-block w-inline-block"><div data-link-page="REVREBEL | The Rebels" data-link-name="end-user-license-agreement" class="policy-link-block">End User License Agreement</div></a><a href="/privacy" class="policy-link-block w-inline-block"><div data-link-page="REVREBEL | The Rebels" data-link-name="privacy-policy" class="policy-link-block">Privacy Policy</div></a><a href="/terms" class="policy-link-block w-inline-block"><div data-link-page="REVREBEL | The Rebels" data-link-name="terms-of-service" class="policy-link-block">Terms of Service</div></a><a href="/disclaimer" class="policy-link-block w-inline-block"><div data-link-page="REVREBEL | The Rebels" data-link-name="disclaimer" class="policy-link-block">Disclamier</div></a></div></div></div></div></div></div></div></section></section></div></div>
vendor: 108 bytes, line 3562
3562<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3562<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6a09244ce43d4439301ce56f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
3562<script src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/js/revrebel.schunk.b36de0610a35aa79.js" type="text/javascript" integrity="sha384-bOZ0zosqGRfOla7kqUultK9km3dXI3K5kOn6mDnozBPY/ZGl9/GKllrjZ0EdPONC" crossorigin="anonymous"></script>
3562<script src="https://cdn.prod.website-files.com/6a09244ce43d4439301ce56f/js/revrebel.9aeab863.33daa53726405174.js" type="text/javascript" integrity="sha384-fytvEfX5NA5Gi64uCBlglJe7YMHTvZuRkOQPo0w1mJKMK3TX4/BWuuRmJcQHUgY1" crossorigin="anonymous"></script>
3562<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
3562<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
3562<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 3562-3563
3562 3563<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3563GTM-KW9KT2B
vendor: 86 bytes, line 3563
3563" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
3564<!-- End Google Tag Manager (noscript) --> 3565
3566<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/form-vaildation.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3566 3567
3568<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/form-recall-input.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3568 3569
3570<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/phone-vaildation.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3570 3571
3572<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/read-time.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3572 3573
3574<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/emoji-styling.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3574 3575
3576<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/equalize-height.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3576 3577
3578<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/share-icons-visibility.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3578 3579
3580<script defer src="https://cdn.jsdelivr.net/gh/REVREBEL/rebel-style@main/scripts/social-share.js" type="text/javascript" referrerpolicy="no-referrer" crossorigin="anonymous"></script>
3580<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40d0090b832ab15',t:'MTc5MDM3MDQ4NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3580<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c787eb6748904fb498fd57b152e5a218","r":1,"spa":2}' crossorigin="anonymous"></script>
3580 3581</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.