/* SEO for Hospitality, September 2026 redesign: the page's own scenes
   (resources/views/industries/seo/hospitality/). Loaded after ind-seox.css.
   Every rule is scoped to this page. Each scene's markup is its complete
   resting frame (no JS, reduced motion); html.el8-js gates the "before" state
   of the entrances, and loops pause off screen through the shared .is-live rule. */

/* ==========================================================================
   WHY IT MATTERS 04: reviews and timing. Six months of reviews for your venue
   and for one that went quiet, under the searches that spike on fixed dates,
   with your page ranking (the flags) before each spike.
   ========================================================================== */
main[data-seo-page="hospitality"] .hxw{padding:18px 20px 16px}
main[data-seo-page="hospitality"] .hxw__k{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
main[data-seo-page="hospitality"] .hxw__plot{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) max-content;column-gap:12px;row-gap:8px;align-items:center}
main[data-seo-page="hospitality"] .hxw__demand{position:relative;grid-column:2;grid-row:1;height:92px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px calc(100% / 6)) 0 28px / 100% calc(100% - 28px) no-repeat}
main[data-seo-page="hospitality"] .hxw__demand > svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:64px;overflow:visible}
main[data-seo-page="hospitality"] .hxw__area{fill:rgba(244,160,0,.1)}
main[data-seo-page="hospitality"] .hxw__curve{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(244,160,0,.45))}
/* the fixed dates: a chip over each spike */
main[data-seo-page="hospitality"] .hxw__ev{position:absolute;z-index:1;top:0;left:var(--x);display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 3px;border-radius:100px;
  transform:translateX(-50%);border:1px solid var(--gold-line);background:#15120B;font-size:10.5px;font-weight:600;line-height:16px;color:#FFD27A;white-space:nowrap}
main[data-seo-page="hospitality"] .hxw__ev i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gold);color:#111}
main[data-seo-page="hospitality"] .hxw__ev svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-seo-page="hospitality"] .hxw__ev::after{content:"";position:absolute;left:50%;top:100%;height:9px;border-left:1px dashed var(--gold-line)}
main[data-seo-page="hospitality"] .hxw__ev--end{transform:translateX(calc(-100% + 14px))}
main[data-seo-page="hospitality"] .hxw__ev--end::after{left:auto;right:13px}
/* your page ranking before each spike */
main[data-seo-page="hospitality"] .hxw__flag{position:absolute;bottom:0;left:var(--x);width:0;height:40px;border-left:1.5px solid var(--teal)}
main[data-seo-page="hospitality"] .hxw__flag::before{content:"";position:absolute;left:0;top:0;width:12px;height:9px;background:var(--teal);clip-path:polygon(0 0,100% 50%,0 100%)}
main[data-seo-page="hospitality"] .hxw__flag::after{content:"";position:absolute;left:-4px;bottom:-3px;width:6.5px;height:6.5px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px rgba(79,191,160,.8)}
/* the two venues' reviews */
main[data-seo-page="hospitality"] .hxw__pin{grid-column:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.07);color:var(--text-dim)}
main[data-seo-page="hospitality"] .hxw__pin svg{width:15px;height:15px}
main[data-seo-page="hospitality"] .hxw__pin.is-you{background:var(--gold);color:#111;box-shadow:0 0 14px rgba(244,160,0,.45)}
main[data-seo-page="hospitality"] .hxw__lane{position:relative;grid-column:2;height:28px;border-radius:14px;border:1px solid var(--edge);background:rgba(255,255,255,.025)}
main[data-seo-page="hospitality"] .hxw__lane.is-you{border-color:rgba(244,160,0,.22)}
main[data-seo-page="hospitality"] .hxw__star{position:absolute;left:var(--x);top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:var(--gold);
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
main[data-seo-page="hospitality"] .hxw__star.is-four{opacity:.62}
main[data-seo-page="hospitality"] .hxw__lane.is-quiet .hxw__star{background:rgba(255,255,255,.34)}
main[data-seo-page="hospitality"] .hxw__gap{position:absolute;left:29%;right:10px;top:50%;border-top:1.5px dashed var(--coral-line);transform-origin:left}
main[data-seo-page="hospitality"] .hxw__tag{grid-column:3;justify-self:start;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;white-space:nowrap}
main[data-seo-page="hospitality"] .hxw__tag.is-fresh{background:var(--teal-soft);color:var(--teal);border:1px solid var(--teal-line)}
main[data-seo-page="hospitality"] .hxw__tag.is-quiet{background:var(--coral-soft);color:var(--coral);border:1px solid var(--coral-line)}
main[data-seo-page="hospitality"] .hxw__months{grid-column:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));font-size:10.5px;font-weight:600;color:var(--text-dim)}
main[data-seo-page="hospitality"] .hxw__months span{text-align:center}
/* today: the line the six months run up to */
main[data-seo-page="hospitality"] .hxw__now{position:absolute;grid-column:2 / 3;grid-row:1 / 4;top:28px;bottom:-2px;left:100%;width:0;border-left:1.5px solid rgba(255,255,255,.55)}
main[data-seo-page="hospitality"] .hxw__now::before{content:"";position:absolute;left:-4.5px;top:-4px;width:7.5px;height:7.5px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.8)}
/* entrance: the six months play out from July to today, a review at a time */
main[data-seo-page="hospitality"] .sx-card .hxw__now{transition:left 3.4s linear .3s}
main[data-seo-page="hospitality"] .sx-card .hxw__demand > svg{transition:clip-path 3.4s linear .3s}
main[data-seo-page="hospitality"] .sx-card .hxw__star{transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--t) * 3.4s + .3s)}
main[data-seo-page="hospitality"] .sx-card :is(.hxw__flag,.hxw__ev){transition:opacity .5s ease calc(var(--t) * 3.4s + .3s)}
main[data-seo-page="hospitality"] .sx-card .hxw__gap{transition:transform 2.4s linear 1.3s}
html.el8-js main[data-seo-page="hospitality"] .sx-card:not(.is-in) .hxw__now{left:0}
html.el8-js main[data-seo-page="hospitality"] .sx-card:not(.is-in) .hxw__demand > svg{clip-path:inset(0 100% 0 0)}
html.el8-js main[data-seo-page="hospitality"] .sx-card:not(.is-in) .hxw__star{transform:scale(0)}
html.el8-js main[data-seo-page="hospitality"] .sx-card:not(.is-in) :is(.hxw__flag,.hxw__ev){opacity:0}
html.el8-js main[data-seo-page="hospitality"] .sx-card:not(.is-in) .hxw__gap{transform:scaleX(0)}
/* then, quietly: the latest review lands, the flags hold */
main[data-seo-page="hospitality"] .sx-card.is-in .hxw__star.is-new{animation:hxwNew 3.6s ease 4.2s infinite}
main[data-seo-page="hospitality"] .sx-card.is-in .hxw__tag.is-fresh{animation:hxwFresh 3.6s ease 4.2s infinite}
main[data-seo-page="hospitality"] .sx-card.is-in .hxw__flag::after{animation:hxwFlag 3.6s ease 4.2s infinite}
@keyframes hxwNew{0%,62%,100%{transform:none}72%{transform:scale(1.6)}82%{transform:scale(.92)}90%{transform:none}}
@keyframes hxwFresh{0%,62%,100%{box-shadow:none}74%{box-shadow:0 0 14px rgba(79,191,160,.55)}}
@keyframes hxwFlag{0%,100%{transform:none}40%{transform:scale(1.5)}}

/* ==========================================================================
   SEASON: the dial gets the months around its rim and the fixed dates of the
   hospitality year inside it (they brighten with the "all year" card).
   ========================================================================== */
main[data-seo-page="hospitality"] .sx-dial::before{inset:-9%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-27 -27 354 354'%3E%3Cg fill='rgba(255,255,255,.42)' font-family='Inter,Arial,sans-serif' font-size='12' font-weight='700' text-anchor='middle' dominant-baseline='central'%3E%3Ctext x='191.4' y='-4.5'%3EJ%3C/text%3E%3Ctext x='263.1' y='36.9'%3EF%3C/text%3E%3Ctext x='304.5' y='108.6'%3EM%3C/text%3E%3Ctext x='304.5' y='191.4'%3EA%3C/text%3E%3Ctext x='263.1' y='263.1'%3EM%3C/text%3E%3Ctext x='191.4' y='304.5'%3EJ%3C/text%3E%3Ctext x='108.6' y='304.5'%3EJ%3C/text%3E%3Ctext x='36.9' y='263.1'%3EA%3C/text%3E%3Ctext x='-4.5' y='191.4'%3ES%3C/text%3E%3Ctext x='-4.5' y='108.6'%3EO%3C/text%3E%3Ctext x='36.9' y='36.9'%3EN%3C/text%3E%3Ctext x='108.6' y='-4.5'%3ED%3C/text%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat,
    radial-gradient(circle,rgba(244,160,0,.09) 0,transparent 42%)}
main[data-seo-page="hospitality"] .sx-dial::after{content:"";position:absolute;inset:-9%;pointer-events:none;opacity:.55;transition:opacity .4s,filter .4s;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-27 -27 354 354'%3E%3Cg fill='%234FBFA0'%3E%3Cpath transform='translate(205.1 92.0)' d='M0 -6.5 L1.6 -1.6 L6.5 0 L1.6 1.6 L0 6.5 L-1.6 1.6 L-6.5 0 L-1.6 -1.6 Z'/%3E%3Cpath transform='translate(212.2 200.3)' d='M0 -6.5 L1.6 -1.6 L6.5 0 L1.6 1.6 L0 6.5 L-1.6 1.6 L-6.5 0 L-1.6 -1.6 Z'/%3E%3Cpath transform='translate(77.4 183.7)' d='M0 -6.5 L1.6 -1.6 L6.5 0 L1.6 1.6 L0 6.5 L-1.6 1.6 L-6.5 0 L-1.6 -1.6 Z'/%3E%3Cpath transform='translate(70.3 157.1)' d='M0 -6.5 L1.6 -1.6 L6.5 0 L1.6 1.6 L0 6.5 L-1.6 1.6 L-6.5 0 L-1.6 -1.6 Z'/%3E%3Cpath transform='translate(82.2 107.5)' d='M0 -6.5 L1.6 -1.6 L6.5 0 L1.6 1.6 L0 6.5 L-1.6 1.6 L-6.5 0 L-1.6 -1.6 Z'/%3E%3Cpath transform='translate(141.6 70.4)' d='M0 -6.5 L1.6 -1.6 L6.5 0 L1.6 1.6 L0 6.5 L-1.6 1.6 L-6.5 0 L-1.6 -1.6 Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat}
main[data-seo-page="hospitality"] .sx-season__grid[data-hot]:not([data-hot="year"]) .sx-dial::after{opacity:.2}
main[data-seo-page="hospitality"] .sx-season__grid[data-hot="year"] .sx-dial::after{opacity:1;filter:drop-shadow(0 0 5px rgba(79,191,160,.8))}

/* ==========================================================================
   THE TRADEOFF: a year of covers, night by night. Owned visibility grows and
   peaks on the dates that matter; platform covers lose a slice of every plate
   to commission, then go quiet once the budget stops.
   ========================================================================== */
main[data-seo-page="hospitality"] .hxc{margin-bottom:34px}
main[data-seo-page="hospitality"] .hxc__legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 24px;margin:0 6px 14px;font-size:12.5px;color:var(--text-dim)}
main[data-seo-page="hospitality"] .hxc__key{display:inline-flex;align-items:center;gap:9px}
main[data-seo-page="hospitality"] .hxc__scale{display:inline-flex;align-items:center;gap:4px}
main[data-seo-page="hospitality"] .hxc__scale i{width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.6}
main[data-seo-page="hospitality"] .hxc__scale i:nth-child(2){width:8px;height:8px;opacity:.8}
main[data-seo-page="hospitality"] .hxc__scale i:nth-child(3){width:12px;height:12px;opacity:1}
main[data-seo-page="hospitality"] .hxc__bite{width:13px;height:13px;border-radius:50%;background:conic-gradient(from 18deg,transparent 0 27%,var(--coral) 27% 100%)}
main[data-seo-page="hospitality"] .hxc__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
main[data-seo-page="hospitality"] .hxc__card{position:relative;padding:18px 22px 12px 16px;border-radius:26px;border:1px solid var(--edge);background:#0A0C10}
main[data-seo-page="hospitality"] .hxc__card.is-own{border-color:rgba(244,160,0,.24);background:radial-gradient(80% 70% at 100% 0,rgba(244,160,0,.08),transparent 62%),#0A0C10}
main[data-seo-page="hospitality"] .hxc__tag{display:inline-block;margin:0 0 12px 8px;padding:6px 12px;border-radius:100px;font-size:12.5px;font-weight:700;white-space:nowrap}
main[data-seo-page="hospitality"] .is-own .hxc__tag{background:var(--gold);color:#111}
main[data-seo-page="hospitality"] .is-rent .hxc__tag{background:var(--coral-soft);color:var(--coral);border:1px solid var(--coral-line)}
main[data-seo-page="hospitality"] .hxc__grid{position:relative;display:grid;grid-template-columns:18px repeat(12,minmax(0,1fr));grid-auto-rows:27px;align-items:center}
main[data-seo-page="hospitality"] .hxc__day,main[data-seo-page="hospitality"] .hxc__month{font-size:10.5px;font-weight:700;color:var(--text-dim);text-align:center}
main[data-seo-page="hospitality"] .hxc__cell{display:grid;place-items:center;height:100%}
main[data-seo-page="hospitality"] .hxc__dot{display:block;width:calc(var(--s) * 23px);height:calc(var(--s) * 23px);border-radius:50%}
main[data-seo-page="hospitality"] .is-own .hxc__dot{background:var(--gold);opacity:calc(.35 + var(--s) * .65)}
main[data-seo-page="hospitality"] .is-rent .hxc__dot{background:conic-gradient(from 18deg,transparent 0 27%,var(--coral) 27% 100%);opacity:.85}
main[data-seo-page="hospitality"] .is-rent .hxc__dot.is-off{width:9px;height:9px;background:none;border:1.5px solid rgba(255,255,255,.13)}
main[data-seo-page="hospitality"] .hxc__stop{position:absolute;top:-6px;bottom:27px;left:calc(18px + (100% - 18px) * var(--c) / 12);border-left:1.5px dashed var(--coral)}
main[data-seo-page="hospitality"] .hxc__stop::before{content:"";position:absolute;left:-5px;top:-5px;width:8.5px;height:8.5px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px rgba(255,122,107,.8)}
/* entrance: the year fills in from January */
main[data-seo-page="hospitality"] .hxc__dot{transition:transform .6s cubic-bezier(.34,1.4,.64,1) calc(var(--c) * .08s + var(--r) * .03s + .2s)}
main[data-seo-page="hospitality"] .hxc__stop{transition:opacity .5s ease 1s}
html.el8-js main[data-seo-page="hospitality"] .hxc:not(.is-in) .hxc__dot{transform:scale(0)}
html.el8-js main[data-seo-page="hospitality"] .hxc:not(.is-in) .hxc__stop{opacity:0}
/* then: this month's nights glow, the stopped budget pulses */
main[data-seo-page="hospitality"] .hxc.is-in .hxc__dot.is-now{animation:hxcNow 3.2s ease calc(var(--r) * .12s + 1.8s) infinite}
main[data-seo-page="hospitality"] .hxc.is-in .hxc__stop::before{animation:sxStop 2s ease 2s infinite}
@keyframes hxcNow{0%,100%{box-shadow:0 0 0 rgba(244,160,0,0)}45%{box-shadow:0 0 14px rgba(244,160,0,.75)}}

/* ==========================================================================
   APPROACH 03: direct booking and ordering. A search for the venue's name:
   its own site above the delivery app, with booking, functions and directions
   links; each link lights the booking it brings in.
   ========================================================================== */
main[data-seo-page="hospitality"] .hxp-serp{display:grid;gap:8px;padding:12px 14px 12px;border-bottom:1px solid var(--edge);background:#0B0D11}
main[data-seo-page="hospitality"] .hxp-q{display:flex;flex:1 1 auto;min-width:0;overflow:hidden;align-items:center;gap:7px;height:24px;padding:0 12px 0 10px;border-radius:100px;border:1px solid var(--edge-2);background:#0E1015;font-size:12px;color:var(--text);white-space:nowrap}
main[data-seo-page="hospitality"] .hxp-q svg{flex:0 0 auto;color:var(--text-dim)}
main[data-seo-page="hospitality"] .hxp-q__caret{flex:0 0 auto;width:1.5px;height:13px;margin-left:-5px;background:var(--gold);animation:sxBlink 1.1s steps(2) infinite}
main[data-seo-page="hospitality"] .hxp-res{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:10px 12px;border-radius:13px;border:1px solid var(--edge);background:#0F1116}
main[data-seo-page="hospitality"] .hxp-res.is-you{z-index:1;border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.14),rgba(244,160,0,.05));box-shadow:0 12px 30px -18px rgba(244,160,0,.6)}
main[data-seo-page="hospitality"] .hxp-res__n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.08);font:700 10px/1 var(--font-head);color:var(--text-mid)}
main[data-seo-page="hospitality"] .is-you .hxp-res__n{background:var(--gold);color:#111}
main[data-seo-page="hospitality"] .hxp-res__site{display:flex;align-items:center;gap:9px;min-width:0}
main[data-seo-page="hospitality"] .hxp-res__site > span{display:grid;gap:1px;min-width:0}
main[data-seo-page="hospitality"] .hxp-res__site b{font-size:13px;font-weight:700;color:var(--text)}
main[data-seo-page="hospitality"] .hxp-res__site small{font-size:11px;color:var(--text-dim)}
main[data-seo-page="hospitality"] .hxp-res__fav{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--gold);color:#111}
main[data-seo-page="hospitality"] .hxp-res__fav svg{width:15px;height:15px}
main[data-seo-page="hospitality"] .is-plat .hxp-res__fav{background:rgba(255,255,255,.1)}
main[data-seo-page="hospitality"] .hxp-res.is-plat{opacity:.72}
main[data-seo-page="hospitality"] .is-plat .hxp-res__site b{color:var(--text-soft);font-weight:600}
main[data-seo-page="hospitality"] .hxp-res__links{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:6px}
main[data-seo-page="hospitality"] .hxp-res__links em{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:100px;border:1px solid var(--gold-line);font-style:normal;font-size:11.5px;font-weight:700;color:#FFD27A;white-space:nowrap}
main[data-seo-page="hospitality"] .hxp-res__links em > i{width:6px;height:6px;border-radius:50%;background:currentColor}
main[data-seo-page="hospitality"] .hxp-res__links em:first-child{border-color:var(--gold);background:var(--gold);color:#111}
main[data-seo-page="hospitality"] .hxp-res__links em::after{content:"";position:absolute;inset:-5px;border-radius:100px;border:2px solid var(--gold);opacity:0}
main[data-seo-page="hospitality"] .hxp-res__fee{padding:3px 9px;border-radius:100px;border:1px solid var(--coral-line);background:var(--coral-soft);font-size:11px;font-weight:700;color:var(--coral);white-space:nowrap}
main[data-seo-page="hospitality"] .hxp .wdp-panel__title{padding:14px 18px 4px}
main[data-seo-page="hospitality"] .hxp-row{padding:8px;border-radius:10px}
main[data-seo-page="hospitality"] .hxp-row > span{display:inline-flex;align-items:center;gap:10px}
main[data-seo-page="hospitality"] .hxp-row__ic{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.05);color:var(--text-mid)}
main[data-seo-page="hospitality"] .hxp-row__ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-seo-page="hospitality"] .hxp-row:nth-child(2){--hl:var(--gold)}
/* entrance: the venue's own site climbs above the delivery app */
main[data-seo-page="hospitality"] .wdp-vis.is-on .hxp-res.is-you{animation:hxpUp 1s var(--ease) .35s both}
main[data-seo-page="hospitality"] .wdp-vis.is-on .hxp-res.is-plat{animation:hxpDown 1s var(--ease) .35s both}
@keyframes hxpUp{from{transform:translateY(calc(100% + 8px))}to{transform:none}}
@keyframes hxpDown{from{transform:translateY(calc(-100% - 8px));opacity:1}to{transform:none}}
/* then each link is tapped in turn and its booking lights */
main[data-seo-page="hospitality"] :is(.wdp-vis.is-on,.wdp-chap__vis) .hxp-res__links em::after{animation:hxpTap 9s ease infinite;animation-delay:calc(var(--i) * 3s + 1.6s)}
main[data-seo-page="hospitality"] :is(.wdp-vis.is-on,.wdp-chap__vis) .hxp-row{animation:hxpRow 9s ease infinite;animation-delay:calc(var(--i) * 3s + 1.6s)}
main[data-seo-page="hospitality"] :is(.wdp-vis.is-on,.wdp-chap__vis) .hxp-row .hxp-row__ic{animation:hxpIc 9s ease infinite;animation-delay:calc(var(--i) * 3s + 1.6s)}
@keyframes hxpTap{0%{opacity:0;transform:scale(1.5)}5%{opacity:1;transform:none}12%,100%{opacity:0;transform:scale(1.2)}}
@keyframes hxpRow{0%,3%{background:transparent;box-shadow:none}8%,30%{background:rgba(255,255,255,.04);box-shadow:inset 3px 0 0 var(--hl,var(--teal))}34%,100%{background:transparent;box-shadow:none}}
@keyframes hxpIc{0%,3%,34%,100%{background:rgba(255,255,255,.05);color:var(--text-mid)}8%,30%{background:var(--hl,var(--teal));color:#0A0B0E}}

/* ==========================================================================
   Phones
   ========================================================================== */
@media (max-width:700px){
  main[data-seo-page="hospitality"] .hxw{padding:14px 14px 12px}
  main[data-seo-page="hospitality"] .hxw__plot{grid-template-columns:22px minmax(0,1fr);column-gap:8px;row-gap:6px}
  main[data-seo-page="hospitality"] .hxw__tag{grid-column:2;margin-top:4px}
  main[data-seo-page="hospitality"] .hxw__tag.is-fresh{grid-row:2}
  main[data-seo-page="hospitality"] :is(.hxw__pin.is-you,.hxw__lane.is-you){grid-row:3}
  main[data-seo-page="hospitality"] .hxw__tag.is-quiet{grid-row:4}
  main[data-seo-page="hospitality"] :is(.hxw__pin:not(.is-you),.hxw__lane.is-quiet){grid-row:5}
  main[data-seo-page="hospitality"] .hxw__months{grid-row:6}
  main[data-seo-page="hospitality"] .hxw__now{grid-row:1 / 6}
  main[data-seo-page="hospitality"] .hxw__demand{height:80px}
  main[data-seo-page="hospitality"] .hxw__demand > svg{height:54px}
  main[data-seo-page="hospitality"] .hxw__ev{gap:4px;padding:1px 7px 1px 2px;font-size:9.5px;line-height:15px}
  main[data-seo-page="hospitality"] .hxw__ev i{width:15px;height:15px}
  main[data-seo-page="hospitality"] .hxw__ev{transform:translateX(calc(-100% + 13px))}
  main[data-seo-page="hospitality"] .hxw__ev::after{left:auto;right:12px}
  main[data-seo-page="hospitality"] .hxw__flag{height:32px}
  main[data-seo-page="hospitality"] .hxw__pin{width:22px;height:22px}
  main[data-seo-page="hospitality"] .hxw__pin svg{width:13px;height:13px}
  main[data-seo-page="hospitality"] .hxw__lane{height:24px}
  main[data-seo-page="hospitality"] .hxw__star{width:10px;height:10px;margin:-5px 0 0 -5px}
  main[data-seo-page="hospitality"] .hxw__tag{padding:2px 7px;font-size:10px}
  main[data-seo-page="hospitality"] .hxw__months{font-size:9.5px}
  main[data-seo-page="hospitality"] .hxw__now{top:24px}

  main[data-seo-page="hospitality"] .hxc{margin-bottom:22px}
  main[data-seo-page="hospitality"] .hxc__legend{justify-content:flex-start;gap:6px 18px;margin:0 2px 12px;font-size:12px}
  main[data-seo-page="hospitality"] .hxc__cards{grid-template-columns:minmax(0,1fr);gap:12px}
  main[data-seo-page="hospitality"] .hxc__card{padding:14px 12px 8px 8px;border-radius:22px}
  main[data-seo-page="hospitality"] .hxc__tag{margin:0 0 8px 6px;padding:5px 10px;font-size:11.5px}
  main[data-seo-page="hospitality"] .hxc__grid{grid-template-columns:16px repeat(12,minmax(0,1fr));grid-auto-rows:19px}
  main[data-seo-page="hospitality"] .hxc__day,main[data-seo-page="hospitality"] .hxc__month{font-size:9.5px}
  main[data-seo-page="hospitality"] .hxc__dot{width:calc(var(--s) * 17px);height:calc(var(--s) * 17px)}
  main[data-seo-page="hospitality"] .is-rent .hxc__dot.is-off{width:7px;height:7px}
  main[data-seo-page="hospitality"] .hxc__stop{bottom:19px;left:calc(16px + (100% - 16px) * var(--c) / 12)}

  main[data-seo-page="hospitality"] .hxp-serp{gap:6px;padding:10px}
  main[data-seo-page="hospitality"] .hxp-res{padding:8px 10px;gap:6px 8px}
  main[data-seo-page="hospitality"] .hxp-res__links em{padding:3px 9px 3px 8px;font-size:11px}
  main[data-seo-page="hospitality"] .hxp-res.is-plat small{display:none}
  main[data-seo-page="hospitality"] .wdp-story__stage .hxp .wdp-panel__title{padding:10px 14px 2px;font-size:17px}
  main[data-seo-page="hospitality"] .wdp-story__stage .hxp-row{padding:6px 8px;font-size:13px}
}