/* Lounge 33 | visual correction to the original approved brand board, 02 Nov 2026.
   No generic template fallback: all major positions, photo crops, typography and torn seams are bespoke. */
:root{--l33-ink:#100811;--l33-plum:#320a2f;--l33-fuchsia:#a21e8e;--l33-cream:#f8eee4;--l33-gold:#d4af37;--l33-amber:#f5a623}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.l33-site{margin:0;background:#120611;color:var(--l33-cream);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.l33-skip-link{position:absolute;top:-100px;left:12px;z-index:300;background:#fff;color:#111;padding:12px}.l33-skip-link:focus{top:12px}
.l33-canvas{--u:calc(100vw / 1600);position:relative;width:100%;height:calc(2540 * var(--u));overflow:hidden;isolation:isolate;background:#150916 url('../img/approved-plum-texture.png') center/cover}
.l33-canvas a{color:inherit;text-decoration:none}
.l33-canvas a:focus-visible,.l33-canvas button:focus-visible{outline:3px solid #f9ca68;outline-offset:3px}
.l33-canvas img{display:block;max-width:none}
.l33-header{position:absolute;inset:0 0 auto;height:calc(145 * var(--u));z-index:30;display:flex;align-items:center;background:rgba(12,7,13,.96)}
.l33-brand{position:absolute;left:calc(55 * var(--u));top:calc(13 * var(--u));width:calc(190 * var(--u));height:calc(121 * var(--u))}
.l33-brand img{width:100%;height:100%;object-fit:contain}
.l33-navigation{position:absolute;left:calc(417 * var(--u));right:calc(280 * var(--u));top:0;height:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--u))}
.l33-navigation a{position:relative;font-size:calc(17 * var(--u));font-weight:650;white-space:nowrap;letter-spacing:-.025em;transition:color .15s}
.l33-navigation a:hover{color:#ffdb7c}
.l33-navigation a.current:after{content:"";position:absolute;left:0;bottom:calc(-14 * var(--u));height:calc(4 * var(--u));width:calc(54 * var(--u));background:#a21e8e}
.l33-cta{display:inline-flex;justify-content:center;align-items:center;gap:calc(21 * var(--u));background:#a21e8e;color:#fff!important;border-radius:calc(40 * var(--u));font-weight:700;box-shadow:0 0 0 1px #d52a9a20,0 4px 22px #12020d44;transition:filter .15s}
.l33-cta:hover{filter:brightness(1.17)}
.l33-header-cta{position:absolute;right:calc(43 * var(--u));top:calc(43 * var(--u));width:calc(218 * var(--u));height:calc(63 * var(--u));font-size:calc(18 * var(--u))}
.l33-arrow{font-family:Arial,sans-serif;font-weight:400;font-size:1.3em;line-height:1}
.l33-menu-toggle{display:none}
.l33-hero{position:absolute;top:calc(145 * var(--u));left:0;width:100%;height:calc(855 * var(--u));overflow:hidden;background:#1e0b21}
.l33-hero-photo{position:absolute;inset:0;background:url('../img/hero-photo-high-quality.webp') center center/cover no-repeat;filter:saturate(1.10);transform:scale(1.016);will-change:transform}
.l33-hero-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 68% 55%,transparent 6%,#21061b27 85%)}
.l33-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#140915 0%,#140915ef 11%,#140915b8 30%,#14091540 51%,transparent 84%)}
.l33-hero-content{position:absolute;z-index:2;left:calc(106 * var(--u));top:calc(88 * var(--u));width:calc(710 * var(--u))}
.l33-hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:350;font-size:calc(100 * var(--u));font-style:italic;letter-spacing:-.075em;line-height:1.05;margin:0;color:#fbf0e6;text-shadow:0 2px 30px #0a040b82;white-space:nowrap}
.l33-script-wrap{position:relative;display:block;width:calc(625 * var(--u));height:calc(176 * var(--u));margin-left:calc(-35 * var(--u));margin-top:calc(-10 * var(--u))}
.l33-script-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 4px 3px #17060c45)}
.l33-hero-content p{position:relative;margin:calc(28 * var(--u)) 0 calc(35 * var(--u));font-size:calc(19 * var(--u));font-weight:650;line-height:1.55;letter-spacing:.15em;text-transform:uppercase}
.l33-main-cta{width:calc(361 * var(--u));height:calc(73 * var(--u));font-size:calc(21 * var(--u));white-space:nowrap}
.l33-torn{position:absolute;left:0;width:100%;height:calc(38 * var(--u));z-index:12;pointer-events:none;background:url('../img/approved-torn-gold.png') center center/100% 100% no-repeat;filter:drop-shadow(0 5px 2px #10061072)}
.l33-torn-hero{top:calc(984 * var(--u))}
.l33-montage{position:absolute;left:0;top:calc(1008 * var(--u));height:calc(704 * var(--u));width:100%;display:block;background:#230e22}
.l33-panel{position:absolute;top:0;height:100%;overflow:hidden;background:#170b15}
.l33-panel-food{left:0;width:38.5%;clip-path:polygon(0 0,100% 5%,92% 100%,0 100%)}
.l33-panel-shisha{left:34%;width:39%;clip-path:polygon(12% 5%,100% 0,94% 100%,0 100%)}
.l33-panel-lounge{left:69%;width:31%;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}
.l33-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.12)}
.l33-panel-food>img{object-position:48% 26%;transform:scale(.96)}.l33-panel-shisha>img{object-position:51% 60%;transform:scale(.87)}.l33-panel-lounge>img{object-position:68% 43%}
.l33-panel-shadow{position:absolute;inset:0;background:linear-gradient(0deg,#150713ed 0%,#230a25b7 29%,#15081705 79%)}
.l33-panel-content{position:absolute;z-index:3;left:calc(57 * var(--u));bottom:calc(65 * var(--u))}
.l33-panel-content h2{margin:0 0 calc(20 * var(--u));width:calc(295 * var(--u));height:calc(170 * var(--u))}
.l33-panel-content h2 img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 2px 3px #08040b)}
.l33-panel-content p{font-size:calc(19 * var(--u));letter-spacing:.09em;font-weight:600;line-height:1.55;text-transform:uppercase;margin:0 0 calc(22 * var(--u))}
.l33-circle-link{display:flex;width:calc(52 * var(--u));height:calc(52 * var(--u));border:2px solid #e8bf67;border-radius:50%;align-items:center;justify-content:center;color:#ebc46f!important;font-size:calc(30 * var(--u));transition:background .2s}
.l33-circle-link:hover{background:#ebc46f;color:#170a19!important}
.l33-panel-shisha .l33-panel-content{left:calc(75 * var(--u))}
.l33-panel-lounge .l33-panel-content{left:calc(85 * var(--u))}
.l33-panel-lounge .l33-panel-content h2{width:calc(255 * var(--u))}
.l33-torn-menu{top:calc(1694 * var(--u));transform:scaleY(-1)}
.l33-neighbour{display:none}
.l33-visit{position:absolute;left:0;top:calc(1712 * var(--u));height:calc(337 * var(--u));width:100%;background:radial-gradient(ellipse 80% 100% at 10% 30%,#52144392,transparent 75%),linear-gradient(115deg,#2c0c28,#130814 74%);display:flex}
.l33-visit::after{content:"";position:absolute;inset:0;background:url('../img/approved-plum-texture.png') center/cover;opacity:.18;pointer-events:none}
.l33-visit-heading{position:absolute;left:calc(74 * var(--u));top:calc(35 * var(--u));width:calc(545 * var(--u));z-index:1}
.l33-visit-heading h2{margin:0;width:calc(540 * var(--u));height:calc(107 * var(--u))}
.l33-visit-heading h2 img{width:100%;height:100%;object-fit:fill}
.l33-visit-heading p{margin:calc(17 * var(--u)) 0 0 calc(27 * var(--u));font-size:calc(18 * var(--u));line-height:1.65;letter-spacing:.17em;font-weight:700;text-transform:uppercase}
.l33-visit-actions{position:absolute;left:calc(600 * var(--u));right:calc(40 * var(--u));top:calc(96 * var(--u));display:flex;justify-content:space-between;gap:calc(13 * var(--u));z-index:2}
.l33-visit-actions a{display:flex;align-items:center;flex-direction:column;gap:calc(21 * var(--u));width:24%;min-height:calc(130 * var(--u));text-align:center;font-size:calc(17 * var(--u));font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.l33-visit-actions a svg{width:calc(49 * var(--u));height:calc(49 * var(--u));fill:none;stroke:#efb934;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.l33-visit-actions a:hover svg{transform:translateY(-4px)}
.l33-torn-visit{top:calc(2028 * var(--u))}
.l33-ending{position:absolute;top:calc(2048 * var(--u));left:0;width:100%;height:calc(438 * var(--u));overflow:hidden;background:#210d1d}
.l33-ending img{width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:saturate(1.16)}
.l33-footer{position:absolute;left:0;right:0;top:calc(2485 * var(--u));height:calc(55 * var(--u));padding:0 calc(50 * var(--u));display:flex;align-items:center;gap:calc(30 * var(--u));justify-content:space-between;background:#100811;color:#e4bd75;text-transform:uppercase;letter-spacing:.05em;font-size:calc(15 * var(--u));font-weight:650}
.l33-internal-fallback{padding:7rem 6vw;min-height:55vh;background:#100811}
@media(max-width:900px){
 .l33-canvas{--u:calc(100vw / 430);height:calc(2120 * var(--u));background:#110811}
 .l33-header{height:calc(93 * var(--u))}.l33-brand{left:calc(18 * var(--u));top:calc(10 * var(--u));width:calc(120 * var(--u));height:calc(78 * var(--u))}
 .l33-header-cta{display:none}
 .l33-menu-toggle{display:flex;position:absolute;right:calc(19 * var(--u));top:calc(22 * var(--u));width:max(44px,calc(51 * var(--u)));height:max(44px,calc(48 * var(--u)));border:0;border-radius:calc(10 * var(--u));padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#92218d;cursor:pointer}
 .l33-menu-toggle span{display:block;width:24px;height:3px;background:#fff;border-radius:2px}
 .l33-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(45deg)}.l33-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.l33-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-9px) rotate(-45deg)}
 .l33-navigation{display:none;left:0;right:0;top:calc(93 * var(--u));height:auto;position:absolute;z-index:40;background:#130918;padding:18px 25px 25px;flex-direction:column;gap:0;align-items:stretch;box-shadow:0 18px 26px #080309a8}
 .l33-navigation.is-open{display:flex}
 .l33-navigation a{font-size:16px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid #fff2}.l33-navigation a.current:after{display:none}
 .l33-hero{top:calc(93 * var(--u));height:calc(560 * var(--u))}
 .l33-hero-photo{background-position:43% center;background-size:cover;opacity:.92}
 .l33-hero-shade{background:linear-gradient(90deg,#130816ed 0,#130816c4 33%,#1308162c 100%),linear-gradient(0deg,#130816b7,transparent 42%)}
 .l33-hero-content{left:calc(28 * var(--u));top:calc(79 * var(--u));width:calc(390 * var(--u))}
 .l33-hero h1{font-size:calc(49 * var(--u));line-height:1.09;letter-spacing:-.07em}
 .l33-script-wrap{width:calc(378 * var(--u));height:calc(111 * var(--u));margin-left:calc(-10 * var(--u));margin-top:calc(8 * var(--u))}
 .l33-hero-content p{margin:calc(35 * var(--u)) 0 calc(31 * var(--u));font-size:max(11px,calc(12 * var(--u)));line-height:1.65}
 .l33-main-cta{width:calc(254 * var(--u));height:calc(58 * var(--u));font-size:max(12px,calc(13 * var(--u)));gap:calc(10 * var(--u))}
 .l33-torn{height:calc(22 * var(--u))}.l33-torn-hero{top:calc(636 * var(--u))}
 .l33-montage{top:calc(653 * var(--u));height:calc(750 * var(--u))}
 .l33-panel{left:0!important;width:100%!important;height:calc(246 * var(--u));clip-path:none!important}
 .l33-panel-food{top:0}.l33-panel-shisha{top:calc(250 * var(--u))}.l33-panel-lounge{top:calc(500 * var(--u))}
 .l33-panel>img{object-position:50% 44%;filter:saturate(1.18)}.l33-panel-food>img{object-position:54% 41%}.l33-panel-shisha>img{object-position:52% 48%}.l33-panel-lounge>img{object-position:55% 50%}
 .l33-panel-shadow{background:linear-gradient(90deg,#160816d4,#14071445 75%),linear-gradient(0deg,#14071498,transparent 85%)}
 .l33-panel-content,.l33-panel-shisha .l33-panel-content,.l33-panel-lounge .l33-panel-content{left:calc(34 * var(--u));bottom:calc(32 * var(--u))}
 .l33-panel-content h2{width:calc(200 * var(--u));height:calc(106 * var(--u));margin:0 0 calc(4 * var(--u))}.l33-panel-lounge .l33-panel-content h2{width:calc(195 * var(--u))}
 .l33-panel-content p{font-size:max(10px,calc(11 * var(--u)));line-height:1.35;margin:0 0 calc(10 * var(--u))}
 .l33-circle-link{width:calc(39 * var(--u));height:calc(39 * var(--u));font-size:max(21px,calc(21 * var(--u)));border-width:1.5px}
 .l33-torn-menu{top:calc(1385 * var(--u))}
 .l33-neighbour{display:block;position:absolute;left:0;top:calc(1403 * var(--u));width:100%;height:calc(216 * var(--u));overflow:hidden;background:#270a20}
 .l33-neighbour>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 40%;filter:brightness(.8)}
 .l33-neighbour::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#160815ec,transparent)}
 .l33-neighbour-content{position:absolute;z-index:2;left:calc(32 * var(--u));top:calc(33 * var(--u))}
 .l33-neighbour-content>span{text-transform:uppercase;font-size:max(11px,calc(11 * var(--u)));font-weight:750;color:#eac36d;letter-spacing:.2em}
 .l33-neighbour-content h2{font:italic 350 calc(47 * var(--u))/.95 'Playfair Display',Georgia,serif;margin:calc(18 * var(--u)) 0 calc(19 * var(--u))}
 .l33-neighbour-content>a{font-size:max(11px,calc(11 * var(--u)));text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f2d48d}
 .l33-visit{top:calc(1619 * var(--u));height:calc(300 * var(--u))}
 .l33-visit-heading{left:calc(26 * var(--u));top:calc(18 * var(--u));width:calc(374 * var(--u))}
 .l33-visit-heading h2{width:calc(380 * var(--u));height:calc(77 * var(--u))}
 .l33-visit-heading p{margin:calc(11 * var(--u)) 0 0 calc(13 * var(--u));font-size:max(11px,calc(11 * var(--u)));letter-spacing:.13em}
 .l33-visit-actions{left:calc(23 * var(--u));right:calc(23 * var(--u));top:calc(203 * var(--u));gap:1px}
 .l33-visit-actions a{font-size:max(10px,calc(10 * var(--u)));width:25%;gap:calc(10 * var(--u))}.l33-visit-actions a svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}
 .l33-torn-visit{top:calc(1901 * var(--u))}
 .l33-ending{top:calc(1919 * var(--u));height:calc(171 * var(--u))}.l33-ending img{object-position:center 57%}
 .l33-footer{top:calc(2090 * var(--u));height:calc(30 * var(--u));font-size:max(8px,calc(9 * var(--u)));gap:7px;padding:0 calc(12 * var(--u))}
 .l33-footer span:nth-child(2){display:none}
}
@media(min-width:901px) and (max-width:1000px){.l33-navigation a{font-size:max(10px,calc(17 * var(--u)))}.l33-hero-content p{font-size:max(12px,calc(19 * var(--u)))}.l33-panel-content p{font-size:max(11px,calc(19 * var(--u)))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.l33-canvas *{transition:none!important}}


/* STEP A 0.3.2: independent high-quality layered reconstruction of locked hero */
.l33-hero-detail{position:absolute;right:0;top:0;width:55%;height:100%;background:url('../img/approved-right-photo-layer.webp') center center/cover no-repeat;opacity:.91;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);pointer-events:none;will-change:transform}
.l33-hero-shade{background:linear-gradient(90deg,rgba(18,5,20,.66) 0,rgba(20,7,20,.56) 31%,rgba(20,7,20,.13) 59%,transparent 80%)}
.l33-hero-content{top:calc(102 * var(--u));left:calc(95 * var(--u))}
.l33-hero h1{letter-spacing:-.052em;line-height:1.05;font-weight:350;text-shadow:0 4px 20px #140412bb}
.l33-script-wrap{margin-top:calc(2 * var(--u));margin-left:calc(-18 * var(--u))}
.l33-hero-content p{margin-top:calc(27 * var(--u));font-size:calc(18 * var(--u));line-height:1.45;letter-spacing:.16em;text-shadow:0 2px 10px #130516}
.l33-main-cta{min-height:42px}
/* Approved montage is made from three independent, sharper image panels. */
.l33-montage{background:#1b0a1a}
.l33-panel{top:0;transition:filter .45s ease,transform .45s ease}
.l33-panel>img{transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .5s ease;filter:saturate(1.14) contrast(1.06)}
.l33-panel:hover>img,.l33-panel:focus-within>img{transform:scale(1.045)}
.l33-panel-food{left:0;width:38.5%;clip-path:polygon(0 0,99% 1%,93% 100%,0 100%)}
.l33-panel-shisha{left:34%;width:39%;clip-path:polygon(12% 1%,100% 0%,93% 100%,0 100%)}
.l33-panel-lounge{left:69%;width:31%;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}
.l33-panel-food>img{object-position:50% 33%;transform:none}
.l33-panel-shisha>img{object-position:53% 50%;transform:none}
.l33-panel-lounge>img{object-position:60% 44%;transform:none}
.l33-panel-content h2 img{object-fit:contain}
.l33-torn{background-image:url('../img/approved-torn-gold.png');height:calc(46 * var(--u));filter:drop-shadow(0 2px 3px #0008)}
.l33-torn-hero{top:calc(973 * var(--u))}
.l33-torn-menu{top:calc(1681 * var(--u))}
.l33-torn-visit{top:calc(2017 * var(--u))}
.l33-brand img{image-rendering:auto}
.l33-cta{position:relative;isolation:isolate;overflow:hidden}
.l33-cta::after{content:"";position:absolute;inset:0;transform:translateX(-150%) skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.19),transparent);transition:transform .6s;pointer-events:none}
.l33-cta:hover::after,.l33-cta:focus-visible::after{transform:translateX(160%) skewX(-22deg)}
.l33-visit-actions a:hover,.l33-visit-actions a:focus-visible{color:#ffe0a2}
/* Entrance is short and one-time; the final frame is exactly the static composition. */
@media(prefers-reduced-motion:no-preference){
 .l33-hero-photo{animation:l33-photo-settle 1.6s ease-out both}
 .l33-hero-detail{animation:l33-photo-settle 1.7s ease-out both}
 .l33-hero-content h1{animation:l33-rise .85s .15s cubic-bezier(.2,.7,.2,1) both}
 .l33-hero-content p{animation:l33-rise .8s .38s ease-out both}
 .l33-main-cta{animation:l33-rise .75s .57s ease-out both}
 .l33-torn-hero{animation:l33-seam 1.1s .4s ease-out both}
 .l33-canvas.l33-motion-ready .l33-reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
 .l33-canvas.l33-motion-ready .l33-reveal.l33-visible{opacity:1;transform:translateY(0)}
}
@keyframes l33-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes l33-photo-settle{from{opacity:.65;transform:scale(1.055)}to{opacity:1;transform:scale(1.016)}}
@keyframes l33-seam{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .l33-hero-photo{background-position:50% 47%}
 .l33-hero-detail{width:67%;height:100%;background-size:cover;background-position:48% center;opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent,#000 36%);mask-image:linear-gradient(90deg,transparent,#000 36%)}
 .l33-hero-shade{background:linear-gradient(90deg,#160817e8 0%,#160817bb 49%,#16081730 100%),linear-gradient(0deg,#15091690,transparent 65%)}
 .l33-hero-content{left:calc(27 * var(--u));top:calc(75 * var(--u))}
 .l33-hero h1{font-size:calc(50 * var(--u));letter-spacing:-.06em}
 .l33-script-wrap{margin-left:calc(-8 * var(--u));width:calc(360 * var(--u));height:calc(110 * var(--u))}
 .l33-torn{height:calc(21 * var(--u))}
 .l33-torn-hero{top:calc(638 * var(--u))}
 .l33-torn-menu{top:calc(1385 * var(--u))}
 .l33-torn-visit{top:calc(1901 * var(--u))}
}
@media(prefers-reduced-motion:reduce){
 .l33-canvas *, .l33-canvas *::before,.l33-canvas *::after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}
}
/* Step A QA corrections: retain fixed header CTA position and do not conceal off-screen content. */
.l33-header-cta{position:absolute;right:calc(43 * var(--u));top:calc(43 * var(--u));}
.l33-canvas.l33-motion-ready .l33-reveal{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:no-preference){.l33-canvas.l33-motion-ready .l33-reveal.l33-visible{animation:l33-on-view .62s cubic-bezier(.2,.7,.2,1) both}}
@keyframes l33-on-view{from{filter:brightness(.82)}to{filter:brightness(1)}}
@media(max-width:900px){
 .l33-panel-food{top:0}
 .l33-panel-shisha{top:calc(250 * var(--u))}
 .l33-panel-lounge{top:calc(500 * var(--u))}
 .l33-panel-food>img{object-position:50% 35%}
 .l33-panel-shisha>img{object-position:50% 50%}
 .l33-panel-lounge>img{object-position:54% 50%}
}

/* GATE 3 / APPROVED CHANGE v0.3.3: interaction-only upgrade to the three existing montage panels.
   The layout, diagonal masks, imagery, typography and torn gold separators are locked. */
.l33-montage .l33-panel{
  display:block;
  cursor:pointer;
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color:rgba(235,188,92,.2);
}
.l33-montage .l33-panel .l33-panel-shadow,
.l33-montage .l33-panel .l33-panel-content{pointer-events:none}
.l33-montage .l33-panel::after{
  content:"";position:absolute;inset:0;z-index:2;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(238,179,73,.085),transparent 30%,rgba(190,86,162,.11));
  opacity:0;transition:opacity .5s ease;
}
.l33-montage .l33-panel-content{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.l33-montage .l33-panel:hover>img,
.l33-montage .l33-panel:focus-visible>img{
  transform:scale(1.075);
  filter:saturate(1.21) contrast(1.10) brightness(1.065);
}
.l33-montage .l33-panel:hover .l33-panel-content,
.l33-montage .l33-panel:focus-visible .l33-panel-content{transform:translateY(calc(-7 * var(--u)))}
.l33-montage .l33-panel:hover::after,
.l33-montage .l33-panel:focus-visible::after{opacity:1}
/* Visible focus stays inside the clipped clickable panel. */
.l33-montage .l33-panel:focus-visible{outline:3px solid #ffd579;outline-offset:-5px}
@media(prefers-reduced-motion:no-preference){
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel:not(.l33-panel-visible){
    opacity:0;transform:translate3d(0,calc(34 * var(--u)),0) scale(.982);
  }
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel{
    transition:opacity .68s ease,transform .68s cubic-bezier(.2,.8,.2,1),filter .45s ease;
    transition-delay:var(--l33-reveal-delay,0ms);
  }
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel.l33-panel-visible{
    opacity:1;transform:translate3d(0,0,0) scale(1);
  }
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel:not(.l33-panel-visible)>img{
    transform:scale(1.10);
  }
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel.l33-panel-visible>img{
    transform:scale(1);
  }
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel.l33-panel-visible:hover>img,
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel.l33-panel-visible:focus-visible>img{
    transform:scale(1.075);
  }
}
@media(max-width:900px){
  /* Each mobile panel enters independently; avoid delaying a panel after it becomes visible. */
  .l33-canvas.l33-panel-motion-ready .l33-montage .l33-panel{transition-delay:0ms}
  .l33-montage .l33-panel-content{transition:none}
  .l33-montage .l33-panel:active::after{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .l33-canvas .l33-montage .l33-panel,
  .l33-canvas .l33-montage .l33-panel>img{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
}
/* Existing Plan Your Visit icons: restrained lighting response, no additional buttons or layout changes. */
.l33-visit-actions a svg{transition:transform .25s ease,filter .3s ease}
.l33-visit-actions a:hover svg,.l33-visit-actions a:focus-visible svg{filter:drop-shadow(0 0 6px rgba(237,178,61,.55))}