/* Homepage-only ODEON MIX photographic story. Original source assets remain untouched. */
/* The archived static Hero needs real content height when landing copy wraps. */
.hookah-story--static .hookah-story__sticky{height:auto;min-height:780px;padding-top:clamp(56px,8.5svh,92px);padding-bottom:18px}
.hookah-story--static .hookah-story__intro{position:relative;inset:auto;margin-left:max(40px,50vw - 660px)}
.hookah-story--static .hookah-story__steps{position:relative;inset:auto;width:auto;margin:40px max(40px,50vw - 720px) 24px;grid-template-columns:repeat(5,minmax(0,1fr));transform:none}
.hookah-story--static .hookah-story__preview-strip{position:relative;inset:auto;margin:0 18px}
@media(max-width:860px){
 .hookah-story--static .hookah-story__sticky{display:flex;flex-direction:column;min-height:0;padding:28px 0 24px}
 .hookah-story--static .hookah-story__intro{order:1;width:auto;max-width:580px;margin:0 20px}
 .hookah-story--static .hookah-story__actions{width:auto;max-width:360px;margin-top:22px;display:grid}
 .hookah-story--static .hookah-story__actions button{display:flex}
 .hookah-story--static .hookah-story__visual{order:2;position:relative;inset:auto;flex:none;height:400px;width:100%;padding:0;margin-top:20px}
 .hookah-story--static .hookah-story__media{width:100%;height:100%;inset:0}
 .hookah-story--static .hookah-story__weekly{order:3;position:relative;inset:auto;width:auto;margin:20px}
 .hookah-story--static .hookah-story__steps{order:4;margin:24px 20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hookah-story--static .hookah-story__preview-strip{order:5}
}
@media(max-width:580px){
 .hookah-story--static .hookah-story__steps{grid-template-columns:1fr}
 .hookah-story--static .hookah-story__visual{height:340px}
}
/* A photographic spread: the invitation and its action share one reading column. */
.odeon-mix-story{position:relative;height:250svh;background:#080807;color:#f2eee5;border-bottom:1px solid #d4ad6738;scroll-margin-top:var(--header-h,82px)}
.mix-story__sticky{position:sticky;top:var(--header-h,82px);height:calc(100svh - var(--header-h,82px));min-height:670px;max-width:1440px;margin:auto;padding:48px 60px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);grid-template-rows:1fr 1fr auto;grid-template-areas:"intro visual" "actions visual" "steps steps";column-gap:56px;row-gap:30px;overflow:hidden}
.mix-story__intro{grid-area:intro;align-self:end;position:relative;z-index:2}
.mix-story__intro h2{margin:0;font-family:var(--font-brand);font-size:clamp(3.2rem,5.2vw,4.7rem);font-weight:320;line-height:1.05;letter-spacing:-.035em}
.mix-story__intro h2 em{font-weight:320;color:#f1d79c}
.mix-story__brand{display:flex;align-items:center;gap:18px;margin:28px 0 16px;color:#f1d79c;font-size:.85rem;letter-spacing:.24em;font-weight:560}
.mix-story__brand::after{content:"";width:64px;height:1px;background:#d4ad6766}
.mix-story__description{max-width:40ch;min-height:3.4em;margin:0;color:#c9c1b4;font-size:1rem;line-height:1.7}
.mix-story__visual{grid-area:visual;align-self:center;min-width:0}
.mix-story__frames{height:clamp(350px,52svh,570px);position:relative}
.mix-story__frame{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .32s ease;pointer-events:none}
.mix-story__frame[data-active=true]{opacity:1;visibility:visible}
.mix-story__frame img{width:100%;height:100%;object-fit:contain;display:block}
.mix-story__frame:not(.mix-story__frame--card):not(.mix-story__frame--flask) img{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);}
.mix-story__frame--card img{filter:drop-shadow(0 16px 20px #0008)}
.mix-story__caption{min-height:68px;margin-top:20px;text-align:center}
.mix-story__caption strong{display:block;font-size:1.2rem;font-weight:500;line-height:1.3;color:#f1d79c}
.mix-story__caption p{margin:8px 0 0;font-size:.86rem;line-height:1.5;color:#c9c1b4}
.mix-story__actions{grid-area:actions;align-self:start;max-width:430px;position:relative;z-index:2}
.mix-story__primary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:0 24px;background:#f1d79c;color:#080807;border:1px solid #f1d79c;font-size:.82rem;font-weight:680;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .18s,color .18s}
.mix-story__primary:hover{background:#080807;color:#f1d79c}
.mix-story__prices{display:flex;flex-wrap:wrap;gap:4px 18px;margin:18px 0 10px;color:#c9c1b4;font-size:.77rem;line-height:1.65;font-variant-numeric:tabular-nums}
.mix-story__booking{background:none;border:0;min-height:44px;padding:8px 0;color:#c9c1b4;font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.mix-story__booking:hover{color:#f1d79c}
.mix-story__steps{grid-area:steps;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.mix-story__steps li{min-width:0}
.mix-story__steps button{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;width:100%;background:transparent;border:0;border-top:1px solid #d4ad6740;color:#c9c1b4;font:inherit;font-size:.8rem;text-align:left;padding:16px 0 8px;cursor:pointer;transition:color .18s,border-color .18s}
.mix-story__steps button>span:first-child{color:#d4ad67;font-size:.7rem;font-variant-numeric:tabular-nums}
.mix-story__steps button[aria-current=step]{color:#f1d79c;border-top-color:#f1d79c}
.mix-story__steps button[aria-current=step]::after{content:"";position:absolute;right:0;top:26px;width:5px;height:5px;border-radius:50%;background:#f1d79c}
.mix-story__steps button:hover{color:#f1d79c;border-top-color:#d4ad67}
.odeon-mix-story :is(a,button):focus-visible{outline:2px solid #f1d79c;outline-offset:4px}
.odeon-mix-story--static{height:auto}
.odeon-mix-story--static .mix-story__sticky{position:relative;top:auto}
html[data-mix-story-in-view=true] .mobile-book{display:none}
@media(max-width:1100px) and (min-width:701px){
 .mix-story__sticky{padding:32px;column-gap:28px;row-gap:24px;grid-template-columns:1fr 1.05fr}
 .mix-story__intro h2{font-size:clamp(2.6rem,5vw,3.5rem)}
 .mix-story__description{font-size:.92rem}
 .mix-story__steps{gap:12px}
 .mix-story__steps button{font-size:.7rem;gap:6px}
 .mix-story__steps button[aria-current=step]::after{display:none}
}
@media(max-width:700px){
 .odeon-mix-story{height:auto}
 .mix-story__sticky{position:relative;top:auto;height:auto;min-height:0;padding:36px 24px 26px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"intro" "visual" "steps" "actions";gap:24px;overflow:visible}
 .mix-story__intro{align-self:start}
 .mix-story__intro h2{font-size:clamp(2.25rem,10.5vw,3.5rem);line-height:1.03}
 .mix-story__brand{margin:20px 0 12px;font-size:.76rem;gap:16px}
 .mix-story__description{font-size:.88rem;line-height:1.6;min-height:4.8em;max-width:39ch}
 .mix-story__description br{display:none}
 .mix-story__visual{width:100%;margin:0}
 .mix-story__frames{height:clamp(240px,70vw,380px)}
 .mix-story__caption{min-height:60px;margin-top:16px}
 .mix-story__caption strong{font-size:1.08rem}
 .mix-story__caption p{font-size:.8rem;margin-top:6px}
 .mix-story__actions{max-width:none;align-self:stretch}
 .mix-story__primary{min-height:54px;font-size:.76rem;padding:0 18px}
 .mix-story__prices{margin:14px 0 6px;gap:4px 14px;font-size:.73rem}
 .mix-story__booking{font-size:.78rem}
 .mix-story__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
 .mix-story__steps button{min-height:50px;padding:12px 0;gap:7px;font-size:.7rem}
 .mix-story__steps button[aria-current=step]::after{display:none}
}
@media(max-width:350px){
 .mix-story__sticky{padding:28px 18px 22px;gap:20px}
 .mix-story__intro h2{font-size:2.2rem}
 .mix-story__description{font-size:.82rem}
 .mix-story__steps{gap:0 10px}
 .mix-story__steps button{font-size:.64rem;gap:5px}
}
@media(min-width:701px) and (max-height:760px){
 .odeon-mix-story{height:auto}
 .mix-story__sticky{position:relative;top:auto;height:auto;min-height:640px}
}
@media(prefers-reduced-motion:reduce){.mix-story__frame,.mix-story__primary,.mix-story__steps button{transition:none}}
.motion-reduced .mix-story__frame,.motion-reduced .mix-story__primary,.motion-reduced .mix-story__steps button{transition:none}
/* Homepage header only; the separate inner-page shell is unchanged. */
.site-header--home{grid-template-columns:auto 1fr auto auto auto}
.site-header--home .header-mix{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #f1d79c;border-radius:999px;background:#f1d79c;color:#080807;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.site-header--home .header-mix:hover{background:#080807;color:#f1d79c}
.site-header--home .header-mix:focus-visible{outline:2px solid #f1d79c;outline-offset:4px}
@media(min-width:861px) and (max-width:1540px){
 .site-header--home{grid-template-columns:auto 1fr auto auto;gap:14px;padding-inline:24px}
 .site-header--home .header-extras{display:none}
 .site-header--home .desktop-nav{gap:clamp(12px,1.5vw,22px)}
 .site-header--home .desktop-nav a{font-size:.64rem;letter-spacing:.06em}
 .site-header--home .header-book,.site-header--home .header-mix{padding-inline:14px;font-size:.64rem}
}
@media(max-width:860px){
 :root:has(.site-header--home){--header-h:calc(128px + env(safe-area-inset-top))}
 .site-header--home{height:var(--header-h);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:64px 44px;gap:0 10px;padding:env(safe-area-inset-top) 20px 12px}
 .site-header--home .brand{grid-column:1 / -1;grid-row:1;justify-self:start}
 .site-header--home .menu-toggle{grid-column:2;grid-row:1;justify-self:end}
 .site-header--home .header-extras{display:none}
 .site-header--home .header-mix{grid-row:2;grid-column:1;padding:0 8px;font-size:.61rem;letter-spacing:.025em}
 .site-header--home .header-book{display:block;grid-row:2;grid-column:2;min-height:44px;padding:0 8px;font-size:.61rem;letter-spacing:.025em;white-space:nowrap}
 :root:has(.site-header--home) .mobile-nav-shell{padding-top:calc(128px + env(safe-area-inset-top))}
}
@media(prefers-reduced-motion:reduce){.site-header--home .header-mix{transition:none}}
.motion-reduced .site-header--home .header-mix{transition:none}