.hx-insp:not(#hx_),
.hx-lb:not(#hx_) {
--ii-accent: var( --hx-accent, var( --helix-plum, #764452 ) );
--ii-tint:   var( --hx-tint, var( --helix-cream, #F6F1EA ) );
--ii-ink:    var( --helix-ink, #1C1C1C );
--ii-muted:  #6B6762;
--ii-line:   #E8E0D4;
--ii-radius: 22px;
--ii-ease:   cubic-bezier( .2, .8, .2, 1 );
}
.hx-insp:not(#hx_) {
width: 100%;
color: var( --ii-ink );
font-family: inherit;
}
.hx-insp:not(#hx_) *,
.hx-lb:not(#hx_) * { box-sizing: border-box; }
.hx-insp:not(#hx_) button,
.hx-lb:not(#hx_) button {
margin: 0;
min-width: 0;
min-height: 0;
box-shadow: none;
text-transform: none;
letter-spacing: normal;
font-family: inherit;
}
.hx-insp:not(#hx_) a,
.hx-lb:not(#hx_) a { text-decoration: none; }
.hx-ii:not(#hx_) { width: 18px; height: 18px; flex: 0 0 auto; } .hx-insp-section:not(#hx_) {
margin: 0 0 96px;
scroll-margin-top: 110px;
}
.hx-insp-head:not(#hx_) {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 24px;
}
.hx-insp:not(#hx_) .hx-insp-h2 {
margin: 0 0 6px;
font-size: clamp( 28px, 3.2vw, 42px );
font-weight: 700;
line-height: 1.1;
letter-spacing: -.02em;
color: var( --ii-ink );
}
.hx-insp:not(#hx_) .hx-insp-lead {
max-width: 560px;
margin: 0;
font-size: 16px;
line-height: 1.55;
color: var( --ii-muted );
}
.hx-insp:not(#hx_) .hx-insp-eyebrow {
margin: 0 0 14px;
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var( --ii-accent );
}
.hx-insp:not(#hx_) .hx-insp-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var( --ii-ink );
font-size: 15px;
font-weight: 700;
white-space: nowrap;
}
.hx-insp-link:not(#hx_) .hx-ii { transition: transform .3s var( --ii-ease ); }
.hx-insp-link:hover:not(#hx_) .hx-ii { transform: translateX( 4px ); }
.hx-insp:not(#hx_) .hx-insp-empty {
padding: 28px;
border-radius: var( --ii-radius );
background: var( --ii-tint );
color: var( --ii-muted );
text-align: center;
}
.hx-insp:not(#hx_) .hx-insp-btn,
.hx-lb:not(#hx_) .hx-insp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 54px;
padding: 0 26px;
border: 1px solid transparent;
border-radius: 999px;
font-size: 15px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
cursor: pointer;
transition: transform .25s, background-color .25s, border-color .25s, box-shadow .25s;
}
.hx-insp-btn:hover:not(#hx_) { transform: translateY( -2px ); }
.hx-insp:not(#hx_) .hx-insp-btn--ghost { background: #fff; border-color: var( --ii-line ); color: var( --ii-ink ); }
.hx-insp:not(#hx_) .hx-insp-btn--ghost:hover { border-color: var( --ii-ink ); }
.hx-insp:not(#hx_) .hx-insp-btn--light,
.hx-lb:not(#hx_) .hx-insp-btn--light { background: #fff; color: var( --ii-ink ); }
.hx-insp:not(#hx_) .hx-insp-btn--outline { border-color: rgba( 255, 255, 255, .5 ); color: #fff; }
.hx-insp:not(#hx_) .hx-insp-btn--outline:hover { border-color: #fff; color: #fff; }
.hx-insp:not(#hx_) .hx-insp-btn--accent,
.hx-lb:not(#hx_) .hx-insp-btn--accent { background: var( --ii-accent ); color: #fff; }
.hx-lb:not(#hx_) .hx-insp-btn--accent:hover { color: #fff; box-shadow: 0 10px 24px rgba( 0, 0, 0, .18 ); }
.hx-insp-tag:not(#hx_) {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 11px;
border-radius: 999px;
background: rgba( 255, 255, 255, .92 );
color: var( --ii-ink );
font-size: 12px;
font-weight: 600;
line-height: 1;
backdrop-filter: blur( 6px );
}
.hx-insp-tag:not(#hx_) .hx-ii { width: 14px; height: 14px; }
.hx-insp-tag--soft:not(#hx_) { background: var( --ii-tint ); } .hx-insp-hero:not(#hx_) {
display: grid;
grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1.15fr );
gap: 56px;
align-items: center;
margin: 24px 0 96px;
}
.hx-insp:not(#hx_) .hx-insp-hero__title {
margin: 0 0 18px;
font-size: clamp( 38px, 5vw, 68px );
font-weight: 700;
line-height: 1.02;
letter-spacing: -.035em;
color: var( --ii-ink );
animation: hx-ii-up .8s var( --ii-ease ) both;
}
.hx-insp:not(#hx_) .hx-insp-hero__lead {
max-width: 480px;
margin: 0 0 28px;
font-size: 17px;
line-height: 1.6;
color: var( --ii-muted );
animation: hx-ii-up .8s var( --ii-ease ) .08s both;
}
.hx-insp-hero__text:not(#hx_) .hx-switch { animation: hx-ii-up .8s var( --ii-ease ) .16s both; }
@keyframes hx-ii-up {
from { opacity: 0; transform: translateY( 18px ); }
to   { opacity: 1; transform: none; }
}
.hx-insp:not(#hx_) .hx-insp-stats {
display: flex;
gap: 28px;
margin: 28px 0 0;
font-size: 14px;
color: var( --ii-muted );
}
.hx-insp-stats:not(#hx_) strong, .hx-insp-stats:not(#hx_) .hx-t {
display: block;
font-size: 30px;
font-weight: 700;
line-height: 1.1;
color: var( --ii-ink );
}
.hx-insp-jump:not(#hx_) {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 28px;
}
.hx-insp:not(#hx_) .hx-insp-jump a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 16px;
border-radius: 999px;
background: var( --ii-tint );
color: var( --ii-ink );
font-size: 14px;
font-weight: 600;
transition: background-color .25s, color .25s, transform .25s;
}
.hx-insp:not(#hx_) .hx-insp-jump a:hover { background: var( --ii-accent ); color: #fff; transform: translateY( -2px ); }
.hx-insp-jump:not(#hx_) .hx-ii { width: 16px; height: 16px; } .hx-insp-collage:not(#hx_) {
display: grid;
grid-template-columns: 1.25fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 14px;
height: clamp( 380px, 44vw, 600px );
}
.hx-insp-collage--1:not(#hx_) { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.hx-insp-collage--2:not(#hx_) { grid-template-rows: 1fr; }
.hx-insp-collage--3:not(#hx_) .hx-insp-collage__item:first-child { grid-row: span 2; }
.hx-insp:not(#hx_) .hx-insp-collage__item {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 26px;
background: var( --ii-tint );
cursor: zoom-in;
animation: hx-ii-pop .9s var( --ii-ease ) both;
animation-delay: calc( .15s + var( --n, 0 ) * .12s );
}
@keyframes hx-ii-pop {
from { opacity: 0; transform: scale( .94 ) translateY( 16px ); }
to   { opacity: 1; transform: none; }
}
.hx-insp:not(#hx_) .hx-insp-collage__item img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
transition: transform 1.2s var( --ii-ease );
}
.hx-insp-collage__item:hover:not(#hx_) img { transform: scale( 1.05 ); } .hx-insp-hotspot:not(#hx_) {
position: absolute;
left: 16px;
bottom: 16px;
display: flex;
align-items: center;
gap: 10px;
max-width: calc( 100% - 32px );
padding: 8px 14px 8px 10px;
border-radius: 16px;
background: rgba( 255, 255, 255, .92 );
backdrop-filter: blur( 10px );
-webkit-backdrop-filter: blur( 10px );
box-shadow: 0 8px 24px rgba( 0, 0, 0, .15 );
text-align: left;
transition: transform .4s var( --ii-ease );
}
.hx-insp-collage__item:hover:not(#hx_) .hx-insp-hotspot { transform: translateY( -4px ); }
.hx-insp-hotspot__dot:not(#hx_) {
position: relative;
flex: 0 0 auto;
width: 12px;
height: 12px;
border-radius: 50%;
background: var( --ii-accent );
}
.hx-insp-hotspot__dot:not(#hx_)::after {
content: "";
position: absolute;
inset: -5px;
border-radius: 50%;
border: 2px solid var( --ii-accent );
animation: hx-ii-ping 2s ease-out infinite;
}
@keyframes hx-ii-ping {
from { opacity: .7; transform: scale( .6 ); }
to   { opacity: 0; transform: scale( 1.6 ); }
}
.hx-insp-hotspot__text:not(#hx_) { min-width: 0; }
.hx-insp-hotspot__text:not(#hx_) strong, .hx-insp-hotspot__text:not(#hx_) .hx-t {
display: block;
overflow: hidden;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
white-space: nowrap;
text-overflow: ellipsis;
color: var( --ii-ink );
}
.hx-insp-hotspot__text:not(#hx_) small { display: block; font-size: 12px; color: var( --ii-accent ); font-weight: 600; }
.hx-insp-hotspot__text:not(#hx_) small del { opacity: .6; } .hx-insp-rooms:not(#hx_) {
display: flex;
gap: 8px;
margin: 0 0 24px;
padding: 2px 2px 10px;
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: thin;
}
.hx-insp:not(#hx_) .hx-insp-room {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 10px;
padding: 5px 14px 5px 5px;
border: 1px solid var( --ii-line );
border-radius: 999px;
background: #fff;
color: var( --ii-ink );
font-size: 14px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
scroll-snap-align: start;
cursor: pointer;
transition: background-color .25s, border-color .25s, color .25s, transform .2s;
}
.hx-insp:not(#hx_) .hx-insp-room:hover { border-color: var( --ii-ink ); }
.hx-insp:not(#hx_) .hx-insp-room:active { transform: scale( .96 ); }
.hx-insp:not(#hx_) .hx-insp-room.is-active {
border-color: var( --ii-accent );
background: var( --ii-accent );
color: #fff;
}
.hx-insp-room[hidden]:not(#hx_) { display: none; }
.hx-insp-room__img:not(#hx_) {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
overflow: hidden;
border-radius: 50%;
background: var( --ii-tint );
color: var( --ii-accent );
}
.hx-insp:not(#hx_) .hx-insp-room__img img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.hx-insp-room__count:not(#hx_) {
min-width: 22px;
padding: 4px 7px;
border-radius: 999px;
background: var( --ii-tint );
color: var( --ii-ink );
font-size: 11px;
text-align: center;
}
.hx-insp-room.is-active:not(#hx_) .hx-insp-room__count { background: rgba( 255, 255, 255, .2 ); color: #fff; } .hx-insp-grid:not(#hx_) {
column-count: 3;
column-gap: 16px;
}
.hx-insp:not(#hx_) .hx-insp-card {
position: relative;
display: block;
width: 100%;
margin: 0 0 16px;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 20px;
background: var( --ii-tint );
text-align: left;
cursor: zoom-in;
break-inside: avoid;
-webkit-column-break-inside: avoid;
}
.hx-insp-card[hidden]:not(#hx_) { display: none; }
.hx-insp-card.is-in:not(#hx_) { animation: hx-ii-up .6s var( --ii-ease ) both; animation-delay: var( --d, 0s ); }
.hx-insp:not(#hx_) .hx-insp-card img {
display: block;
width: 100%;
height: auto;
max-width: none;
transition: transform .9s var( --ii-ease );
}
.hx-insp-card:hover:not(#hx_) img { transform: scale( 1.045 ); }
.hx-insp-card__shade:not(#hx_) {
position: absolute;
inset: 0;
background: linear-gradient( to top, rgba( 0, 0, 0, .6 ) 0%, rgba( 0, 0, 0, 0 ) 45% );
opacity: .85;
transition: opacity .4s;
}
.hx-insp-card:hover:not(#hx_) .hx-insp-card__shade { opacity: 1; }
.hx-insp-card__top:not(#hx_) {
position: absolute;
top: 12px;
left: 12px;
right: 12px;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.hx-insp-card__bottom:not(#hx_) {
position: absolute;
left: 16px;
right: 16px;
bottom: 14px;
color: #fff;
transition: transform .4s var( --ii-ease );
}
.hx-insp-card:hover:not(#hx_) .hx-insp-card__bottom { transform: translateY( -4px ); }
.hx-insp-card__bottom:not(#hx_) strong, .hx-insp-card__bottom:not(#hx_) .hx-t {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
text-shadow: 0 1px 8px rgba( 0, 0, 0, .3 );
}
.hx-insp-card__bottom:not(#hx_) small {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 6px;
font-size: 13px;
font-weight: 600;
opacity: .95;
}
.hx-insp-card__bottom:not(#hx_) small .hx-ii { width: 15px; height: 15px; }
.hx-insp:not(#hx_) .hx-insp-card:focus-visible { outline: 3px solid var( --ii-accent ); outline-offset: 3px; }
.hx-insp-more:not(#hx_) { margin-top: 12px; text-align: center; }
.hx-insp-more:not(#hx_) [hidden] { display: none; }
.hx-insp:not(#hx_) .hx-insp-none { color: var( --ii-muted ); } .hx-insp-articles:not(#hx_) {
display: grid;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
gap: 24px;
}
.hx-insp:not(#hx_) .hx-insp-article {
display: flex;
flex-direction: column;
color: var( --ii-ink );
}
.hx-insp-article__img:not(#hx_) {
display: block;
aspect-ratio: 16 / 10;
margin-bottom: 16px;
overflow: hidden;
border-radius: var( --ii-radius );
background: var( --ii-tint );
}
.hx-insp:not(#hx_) .hx-insp-article__img img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
transition: transform .9s var( --ii-ease );
}
.hx-insp-article:hover:not(#hx_) .hx-insp-article__img img { transform: scale( 1.05 ); }
.hx-insp-article__meta:not(#hx_) { font-size: 13px; color: var( --ii-muted ); }
.hx-insp-article__title:not(#hx_) {
display: block;
margin: 6px 0 8px;
font-size: 21px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.01em;
transition: color .25s;
}
.hx-insp-article:hover:not(#hx_) .hx-insp-article__title { color: var( --ii-accent ); }
.hx-insp-article__text:not(#hx_) { font-size: 15px; line-height: 1.55; color: var( --ii-muted ); }
.hx-insp-article__more:not(#hx_) {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 12px;
font-size: 14px;
font-weight: 700;
}
.hx-insp-article__more:not(#hx_) .hx-ii { transition: transform .3s var( --ii-ease ); }
.hx-insp-article:hover:not(#hx_) .hx-insp-article__more .hx-ii { transform: translateX( 4px ); } .hx-insp-guides:not(#hx_) {
display: grid;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
gap: 20px;
}
.hx-insp:not(#hx_) .hx-insp-guide {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var( --ii-line );
border-radius: var( --ii-radius );
background: #fff;
color: var( --ii-ink );
transition: transform .35s var( --ii-ease ), box-shadow .35s;
}
.hx-insp:not(#hx_) a.hx-insp-guide:hover { transform: translateY( -4px ); box-shadow: 0 18px 40px rgba( 0, 0, 0, .1 ); }
.hx-insp-guide__media:not(#hx_) {
position: relative;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var( --ii-tint );
}
.hx-insp:not(#hx_) .hx-insp-guide__media img {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
}
.hx-insp-guide__icon:not(#hx_) {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
color: var( --ii-accent );
box-shadow: 0 10px 30px rgba( 0, 0, 0, .15 );
transition: transform .4s cubic-bezier( .3, 1.6, .5, 1 );
}
.hx-insp-guide__icon:not(#hx_) .hx-ii { width: 26px; height: 26px; }
.hx-insp-guide--video:not(#hx_) .hx-insp-guide__icon .hx-ii { fill: currentColor; margin-left: 3px; }
.hx-insp-guide:hover:not(#hx_) .hx-insp-guide__icon { transform: scale( 1.12 ); }
.hx-insp-guide__num:not(#hx_) {
position: absolute;
top: 14px;
left: 16px;
font-size: 13px;
font-weight: 700;
color: var( --ii-muted );
}
.hx-insp-guide__body:not(#hx_) {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 20px 22px 24px;
}
.hx-insp-guide__body:not(#hx_) strong, .hx-insp-guide__body:not(#hx_) .hx-t { font-size: 18px; font-weight: 700; line-height: 1.3; }
.hx-insp-guide__body:not(#hx_) small { font-size: 14px; line-height: 1.5; color: var( --ii-muted ); }
.hx-insp:not(#hx_) .hx-insp-soon { font-size: 12px; font-style: normal; font-weight: 600; color: var( --ii-accent ); } .hx-insp-cta:not(#hx_) {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 28px;
margin: 0 0 48px;
padding: 56px;
overflow: hidden;
border-radius: 30px;
background: var( --ii-accent );
color: #fff;
transition: background-color .4s;
} .hx-insp-cta:not(#hx_)::before {
content: "";
position: absolute;
inset: 0 0 0 auto;
width: 45%;
background: repeating-linear-gradient( 90deg, rgba( 255, 255, 255, .07 ) 0 10px, transparent 10px 26px );
mask-image: linear-gradient( to left, #000, transparent );
-webkit-mask-image: linear-gradient( to left, #000, transparent );
pointer-events: none;
}
.hx-insp-cta__text:not(#hx_) { position: relative; max-width: 560px; }
.hx-insp:not(#hx_) .hx-insp-cta h2 {
margin: 0 0 10px;
font-size: clamp( 26px, 3vw, 38px );
font-weight: 700;
line-height: 1.15;
color: #fff;
}
.hx-insp:not(#hx_) .hx-insp-cta p { margin: 0; font-size: 16px; line-height: 1.55; opacity: .85; }
.hx-insp-cta__actions:not(#hx_) { position: relative; display: flex; flex-wrap: wrap; gap: 12px; } .hx-lb:not(#hx_) {
position: fixed;
inset: 0;
z-index: 99990;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
font-family: inherit;
color: var( --ii-ink );
}
.hx-lb[hidden]:not(#hx_) { display: none; }
html.hx-lb-open:not(#hx_),
html.hx-lb-open:not(#hx_) body { overflow: hidden; }
.hx-lb__backdrop:not(#hx_) {
position: absolute;
inset: 0;
background: rgba( 14, 11, 10, .82 );
backdrop-filter: blur( 6px );
-webkit-backdrop-filter: blur( 6px );
opacity: 0;
transition: opacity .35s;
}
.hx-lb.is-open:not(#hx_) .hx-lb__backdrop { opacity: 1; }
.hx-lb__frame:not(#hx_) {
position: relative;
display: grid;
grid-template-columns: minmax( 0, 1fr ) 380px;
width: 100%;
max-width: 1440px;
height: min( 900px, calc( 100vh - 48px ) );
height: min( 900px, calc( 100dvh - 48px ) );
overflow: hidden;
border-radius: 26px;
background: #fff;
box-shadow: 0 40px 100px rgba( 0, 0, 0, .4 );
opacity: 0;
transform: translateY( 20px ) scale( .98 );
transition: opacity .35s, transform .45s var( --ii-ease );
}
.hx-lb.is-open:not(#hx_) .hx-lb__frame { opacity: 1; transform: none; } .hx-lb__media:not(#hx_) {
position: relative;
display: flex;
flex-direction: column;
min-height: 0;
background: #15110F;
}
.hx-lb__stage:not(#hx_) {
position: relative;
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: center;
min-height: 0;
padding: 20px;
touch-action: pan-y;
}
.hx-lb:not(#hx_) .hx-lb__img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
border-radius: 14px;
object-fit: contain;
transition: opacity .3s, transform .4s var( --ii-ease );
}
.hx-lb__img.is-swapping:not(#hx_) { opacity: 0; transform: scale( .985 ); }
.hx-lb:not(#hx_) .hx-lb__nav {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba( 255, 255, 255, .92 );
color: var( --ii-ink );
cursor: pointer;
transform: translateY( -50% );
transition: transform .25s, background-color .25s;
}
.hx-lb:not(#hx_) .hx-lb__nav:hover { background: #fff; transform: translateY( -50% ) scale( 1.08 ); }
.hx-lb__nav--prev:not(#hx_) { left: 20px; }
.hx-lb__nav--next:not(#hx_) { right: 20px; }
.hx-lb__nav:not(#hx_) .hx-ii { width: 22px; height: 22px; }
.hx-lb__thumbs:not(#hx_) {
display: flex;
justify-content: center;
gap: 8px;
padding: 0 20px 18px;
}
.hx-lb__thumbs:empty:not(#hx_) { display: none; }
.hx-lb:not(#hx_) .hx-lb__thumb {
width: 64px;
height: 48px;
padding: 0;
overflow: hidden;
border: 2px solid transparent;
border-radius: 10px;
background: #333;
opacity: .55;
cursor: pointer;
transition: opacity .25s, border-color .25s;
}
.hx-lb:not(#hx_) .hx-lb__thumb.is-active { border-color: #fff; opacity: 1; }
.hx-lb:not(#hx_) .hx-lb__thumb img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.hx-lb__counter:not(#hx_) {
position: absolute;
top: 20px;
left: 20px;
padding: 7px 12px;
border-radius: 999px;
background: rgba( 255, 255, 255, .14 );
color: #fff;
font-size: 13px;
font-weight: 600;
} .hx-lb__info:not(#hx_) {
display: flex;
flex-direction: column;
gap: 14px;
min-height: 0;
padding: 36px 30px 28px;
overflow-y: auto;
}
.hx-lb__rooms:not(#hx_) { display: flex; flex-wrap: wrap; gap: 6px; }
.hx-lb__rooms:not(#hx_) .hx-insp-tag { background: var( --ii-tint ); }
.hx-lb:not(#hx_) .hx-lb__title {
margin: 0;
padding-right: 40px;
font-size: 26px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -.01em;
color: var( --ii-ink );
}
.hx-lb:not(#hx_) .hx-lb__location {
display: flex;
align-items: center;
gap: 6px;
margin: -6px 0 0;
font-size: 14px;
color: var( --ii-muted );
}
.hx-lb:not(#hx_) .hx-lb__location[hidden],
.hx-lb:not(#hx_) .hx-lb__text[hidden],
.hx-lb:not(#hx_) .hx-lb__products[hidden] { display: none; }
.hx-lb:not(#hx_) .hx-lb__text { margin: 0; font-size: 15px; line-height: 1.6; color: var( --ii-muted ); }
.hx-lb__products:not(#hx_) {
margin-top: 6px;
padding-top: 18px;
border-top: 1px solid var( --ii-line );
}
.hx-lb:not(#hx_) .hx-lb__label {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
font-size: 13px;
font-weight: 700;
color: var( --ii-ink );
}
.hx-lb__label:not(#hx_) .hx-ii { color: var( --ii-accent ); }
.hx-lb__list:not(#hx_) { display: grid; gap: 8px; }
.hx-lb:not(#hx_) .hx-lb__product {
display: grid;
grid-template-columns: 60px minmax( 0, 1fr ) auto;
gap: 12px;
align-items: center;
padding: 8px 12px 8px 8px;
border-radius: 16px;
background: var( --ii-tint );
color: var( --ii-ink );
animation: hx-ii-up .45s var( --ii-ease ) both;
animation-delay: var( --d, 0s );
transition: transform .25s, box-shadow .25s;
}
.hx-lb:not(#hx_) .hx-lb__product:hover { transform: translateX( 3px ); box-shadow: 0 6px 18px rgba( 0, 0, 0, .08 ); }
.hx-lb__product-img:not(#hx_) {
display: block;
width: 60px;
height: 60px;
padding: 5px;
overflow: hidden;
border-radius: 12px;
background: #fff;
}
.hx-lb:not(#hx_) .hx-lb__product-img img { width: 100%; height: 100%; max-width: none; object-fit: contain; }
.hx-lb__product-text:not(#hx_) { min-width: 0; }
.hx-lb__product-text:not(#hx_) strong {
display: -webkit-box;
overflow: hidden;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hx-lb__product-text:not(#hx_) small { display: block; margin-top: 2px; font-size: 13px; font-weight: 600; color: var( --ii-accent ); }
.hx-lb__product:not(#hx_) .hx-ii { color: var( --ii-accent ); }
.hx-lb:not(#hx_) .hx-lb__cta { margin-top: auto; width: 100%; }
.hx-lb:not(#hx_) .hx-lb__close {
position: absolute;
top: 18px;
right: 18px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: var( --ii-tint );
color: var( --ii-ink );
cursor: pointer;
transition: transform .3s var( --ii-ease );
}
.hx-lb:not(#hx_) .hx-lb__close:hover { transform: rotate( 90deg ); } @media ( max-width: 1100px ) {
.hx-insp-hero:not(#hx_) { grid-template-columns: minmax( 0, 1fr ); gap: 36px; }
.hx-insp-grid:not(#hx_) { column-count: 2; }
.hx-insp-articles:not(#hx_),
.hx-insp-guides:not(#hx_) { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
.hx-lb__frame:not(#hx_) { grid-template-columns: minmax( 0, 1fr ) 330px; }
}
@media ( max-width: 760px ) {
.hx-insp-section:not(#hx_) { margin-bottom: 64px; }
.hx-insp-head:not(#hx_) { flex-direction: column; align-items: flex-start; gap: 10px; }
.hx-insp-hero:not(#hx_) { margin: 8px 0 56px; }
.hx-insp-collage:not(#hx_) { height: 420px; gap: 10px; }
.hx-insp:not(#hx_) .hx-insp-collage__item { border-radius: 20px; }
.hx-insp-hotspot:not(#hx_) { left: 10px; bottom: 10px; max-width: calc( 100% - 20px ); }
.hx-insp-grid:not(#hx_) { column-gap: 10px; }
.hx-insp:not(#hx_) .hx-insp-card { margin-bottom: 10px; border-radius: 16px; }
.hx-insp-card__top:not(#hx_) .hx-insp-tag:nth-child( n+2 ):not( .hx-insp-tag--icon ) { display: none; }
.hx-insp-card__bottom:not(#hx_) { left: 12px; right: 12px; bottom: 10px; }
.hx-insp-card__bottom:not(#hx_) strong, .hx-insp-card__bottom:not(#hx_) .hx-t { font-size: 14px; }
.hx-insp-card__bottom:not(#hx_) small { font-size: 12px; }
.hx-insp-articles:not(#hx_),
.hx-insp-guides:not(#hx_) { grid-template-columns: minmax( 0, 1fr ); }
.hx-insp-cta:not(#hx_) { padding: 36px 24px; border-radius: 24px; }
.hx-insp-cta__actions:not(#hx_),
.hx-insp-cta__actions:not(#hx_) .hx-insp-btn { width: 100%; } .hx-lb:not(#hx_) { padding: 0; }
.hx-lb__frame:not(#hx_) {
grid-template-columns: minmax( 0, 1fr );
grid-template-rows: 56vh minmax( 0, 1fr );
grid-template-rows: 56dvh minmax( 0, 1fr );
height: 100%;
border-radius: 0;
}
.hx-lb__stage:not(#hx_) { padding: 12px; }
.hx-lb:not(#hx_) .hx-lb__nav { width: 42px; height: 42px; }
.hx-lb__nav--prev:not(#hx_) { left: 10px; }
.hx-lb__nav--next:not(#hx_) { right: 10px; }
.hx-lb__thumbs:not(#hx_) { padding-bottom: 10px; }
.hx-lb:not(#hx_) .hx-lb__thumb { width: 52px; height: 40px; }
.hx-lb__info:not(#hx_) { padding: 22px 18px calc( 22px + env( safe-area-inset-bottom, 0px ) ); }
.hx-lb:not(#hx_) .hx-lb__title { font-size: 22px; padding-right: 0; }
.hx-lb:not(#hx_) .hx-lb__close {
top: calc( 12px + env( safe-area-inset-top, 0px ) );
right: 12px;
background: rgba( 255, 255, 255, .92 );
}
}
@media ( prefers-reduced-motion: reduce ) {
.hx-insp:not(#hx_) *,
.hx-lb:not(#hx_) * { animation: none !important; transition: none !important; }
} .hx-insp:not(#hx_) {
box-sizing: border-box;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: clamp( 16px, 3vw, 40px );
padding-right: clamp( 16px, 3vw, 40px );
} .hx-insp:not(#hx_) .hx-insp-hero__lead--more { margin-top: 10px; font-size: .92em; opacity: .85; }