:is(.page-home,.shared-showcase) .mesa-convite-section{padding-top:24px;padding-bottom:40px;scroll-margin-top:100px}
:is(.page-home,.shared-showcase) .mesa-convite-card{overflow:hidden;background:#18342bed;color:#fff;border:1px solid #c9b28555;border-radius:12px;box-shadow:0 12px 35px #14242014;backdrop-filter:blur(12px)}
:is(.page-home,.shared-showcase) .mesa-convite-photo{position:relative;overflow:hidden}
:is(.page-home,.shared-showcase) .mesa-convite-photo>img{display:block;width:100%;height:auto}
:is(.page-home,.shared-showcase) .mesa-convite-photo::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0d201be0);pointer-events:none}
:is(.page-home,.shared-showcase) .mesa-convite-photo h2{position:absolute;z-index:1;left:clamp(20px,4vw,48px);right:20px;bottom:24px;margin:0;font:500 clamp(1.8rem,3.7vw,3.2rem)/1.12 'Cormorant Garamond',Georgia,serif;color:#fff;text-shadow:0 2px 9px #0009;letter-spacing:0}
:is(.page-home,.shared-showcase) .mesa-convite-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}
:is(.page-home,.shared-showcase) .mesa-dishes{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(420px,60%)}
:is(.page-home,.shared-showcase) .mesa-dish{position:relative;overflow:hidden;border-radius:5px;aspect-ratio:1.4;background:#142420;border:1px solid #decca955}
:is(.page-home,.shared-showcase) .mesa-dish img{position:absolute;max-width:none;object-fit:fill}
:is(.page-home,.shared-showcase) .mesa-fish img{width:342.86%;height:301.18%;left:-141.07%;top:-179.41%}
:is(.page-home,.shared-showcase) .mesa-prawns img{width:398.96%;height:301.18%;left:-290.91%;top:-179.41%}
:is(.page-home,.shared-showcase) .mesa-convite-link{flex-shrink:0;border:1px solid #decca9;color:#f0e1c4;text-decoration:none;font-family:'DM Sans',sans-serif;background:#ffffff08}
:is(.page-home,.shared-showcase) .mesa-convite-link:hover{background:#decca9;color:#142420}
@media(max-width:760px){:is(.page-home,.shared-showcase) .mesa-convite-section{padding-top:16px;padding-bottom:24px}:is(.page-home,.shared-showcase) .mesa-convite-photo h2{bottom:18px;left:20px;font-size:clamp(1.6rem,6.5vw,2.3rem)}:is(.page-home,.shared-showcase) .mesa-convite-bottom{flex-wrap:wrap;gap:16px;padding:16px 20px}:is(.page-home,.shared-showcase) .mesa-dishes{width:min(320px,100%);gap:12px}:is(.page-home,.shared-showcase) .mesa-convite-link{margin-left:auto}}
:is(.page-home,.shared-showcase) .mesa-convite-photo>img{height:clamp(240px,34vw,410px);object-fit:contain;background:#10271f}
@media(max-width:760px){:is(.page-home,.shared-showcase) .mesa-convite-photo>img{height:auto;object-fit:contain}}

/* Hotel leads the homepage, followed by the existing restaurant feature. */
:is(.page-home,.shared-showcase) .hotel-dsr-section{padding-top:48px}
:is(.page-home,.shared-showcase) .hotel-dsr-section .mesa-convite-photo>img{height:clamp(260px,38vw,480px);object-fit:cover}
:is(.page-home,.shared-showcase) .hotel-dsr-section .mesa-convite-bottom>p{margin:0;max-width:650px;color:#f0e9db;font-size:18px}
:is(.page-home,.shared-showcase) .resort-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){:is(.page-home,.shared-showcase) .resort-card-grid{grid-template-columns:1fr}:is(.page-home,.shared-showcase) .hotel-dsr-section .mesa-convite-bottom>p{font-size:16px}}

/* Preserve the full hotel composite and Luxury lettering across viewports. */
:is(.page-home,.shared-showcase) .hotel-dsr-section .mesa-convite-photo>img{height:auto;aspect-ratio:3/2;object-fit:contain}

/* Restaurant heading and action remain outside all photographs. */
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 24px 8px}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-heading h2{position:static;flex:1 1 320px;min-width:0;margin:0;color:#fff;font:500 clamp(1.8rem,3vw,2.6rem)/1.15 'Cormorant Garamond',Georgia,serif}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-link{flex:0 1 auto;min-width:0;max-width:100%;min-height:44px;padding:8px 14px;font-size:14px;white-space:normal;margin:0}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-dishes{width:min(580px,100%);min-width:0}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-photo::after{display:none}
@media(max-width:600px){:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-heading{padding:18px 20px 4px;gap:12px}:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-heading h2{flex-basis:100%}:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-convite-link{margin:0}:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-dishes{width:100%}}

/* Balanced dining composition with a quiet glass frame. */
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr) minmax(0,230px);align-items:center;gap:clamp(16px,3vw,40px);padding:28px clamp(20px,4vw,48px);background:linear-gradient(135deg,#ffffff12,#ffffff04)}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced h2{margin:0;text-align:center;color:#fff;font:500 clamp(1.7rem,3vw,2.5rem)/1.15 'Cormorant Garamond',Georgia,serif}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced .mesa-dish{width:100%;aspect-ratio:1.05;border:8px solid #ffffff24;border-radius:12px;box-shadow:0 8px 24px #0002;backdrop-filter:blur(10px)}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced .mesa-convite-link{position:absolute;z-index:2;right:10px;bottom:10px;min-height:44px;padding:6px 12px;font-size:14px;border:1px solid #fff9;border-radius:5px;background:#fffffff0;color:#18342b;box-shadow:0 2px 10px #0002;max-width:calc(100% - 20px)}
@media(max-width:600px){:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;padding:24px 20px}:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced .mesa-dish{max-width:230px}:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced h2{max-width:280px}}

:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced{background:linear-gradient(#10271f66,#10271f77),url('assets/mesa-faixa-restaurante-v80.jpg') center center/cover no-repeat}:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced h2{text-shadow:0 2px 10px #000b}

/* Restaurant shares the hotel photograph proportions and editorial hierarchy. */
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-luxury-photo>img{height:auto;aspect-ratio:3/2;object-fit:cover;background:transparent}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-luxury-photo::after{display:block;inset:45% 0 0;background:linear-gradient(transparent,#10201888)}
:is(.page-home,.shared-showcase) .restaurant-luxury-label{position:absolute;z-index:1;left:4%;right:4%;top:47%;margin:0;text-align:center;color:#fff5df;font:300 clamp(2rem,7.2vw,6.2rem)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:.015em;text-shadow:0 2px 16px #0008}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-luxury-photo h2{left:clamp(20px,4vw,48px);right:20px;bottom:24px;font:500 clamp(1.8rem,3.7vw,3.2rem)/1.12 'Cormorant Garamond',Georgia,serif}
@media(max-width:760px){:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-luxury-photo h2{bottom:18px;left:20px;font-size:clamp(1.6rem,6.5vw,2.3rem)}}

:is(.page-home,.shared-showcase) .hotel-dsr-section .hotel-luxury-inline{display:inline-block;margin-left:.15em;font-size:1.08em;font-weight:300;letter-spacing:.015em;color:#fff5df}

/* Original resort identity floats over the clear ceiling area. */
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-brand-mark{position:absolute;z-index:2;top:4%;left:clamp(20px,4vw,48px);width:clamp(90px,18%,210px);pointer-events:none;filter:drop-shadow(0 2px 5px #0005)}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-brand-mark img{display:block;width:100%;height:auto;object-fit:contain}

/* Hotel mirrors the approved restaurant placement with a warm LED halo. */
:is(.page-home,.shared-showcase) .hotel-dsr-section .hotel-brand-mark{position:absolute;z-index:2;top:4%;left:clamp(20px,4vw,48px);width:clamp(90px,18%,210px);pointer-events:none;filter:drop-shadow(0 1px 2px #fff8) drop-shadow(0 0 6px #ffe4aa99) drop-shadow(0 0 14px #e7b86166)}
:is(.page-home,.shared-showcase) .hotel-dsr-section .hotel-brand-mark img{display:block;width:100%;height:auto;object-fit:contain}

:is(.page-home,.shared-showcase) .mesa-convite-photo>.decorative-brand-mark,:is(.page-home,.shared-showcase) [data-decorative-card]>.decorative-brand-mark{position:absolute;z-index:2;top:4%;left:clamp(20px,4vw,48px);width:clamp(90px,18%,210px);pointer-events:none}
:is(.page-home,.shared-showcase) .mesa-convite-photo>.decorative-brand-mark[data-finish="warm-led"],:is(.page-home,.shared-showcase) [data-decorative-card]>.decorative-brand-mark[data-finish="warm-led"]{filter:drop-shadow(0 1px 2px #fff8) drop-shadow(0 0 6px #ffe4aa99) drop-shadow(0 0 14px #e7b86166)}
:is(.page-home,.shared-showcase) .decorative-brand-mark img{display:block;width:100%;height:auto;object-fit:contain}
:is(.page-home,.shared-showcase) [data-decorative-card]{position:relative}

/* Approved DECIFER overlays share geometry and finish at every viewport. */
.premium-resort .mesa-convite-photo>.decorative-brand-mark,
.premium-resort [data-decorative-card]>.decorative-brand-mark{position:absolute;z-index:2;top:4%;left:clamp(20px,4vw,48px);width:clamp(90px,18%,210px);pointer-events:none;filter:drop-shadow(0 1px 2px #fff8) drop-shadow(0 0 6px #ffe4aa99) drop-shadow(0 0 14px #e7b86166)}
.premium-resort .decorative-brand-mark img{display:block;width:100%;height:auto;aspect-ratio:382/172;object-fit:contain}

/* Restaurant identity follows the approved World Center heading. */
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-luxury-photo .restaurant-identity-title{position:absolute;z-index:2;top:4%;bottom:auto;left:clamp(16px,4vw,48px);right:16px;display:flex;align-items:center;gap:12px;margin:0;font:800 clamp(16px,2vw,21px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.06em;color:#fff;text-shadow:0 1px 4px #0009}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-identity-title img{display:block;flex:0 0 66px;width:66px;height:36px;object-fit:contain;background:#fff;border-radius:4px;padding:3px}
.decifer-heading-divider{display:block;flex:0 0 1px;width:1px;height:30px;background:#ffffffb0}
@media(max-width:450px){:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-luxury-photo .restaurant-identity-title{font-size:16px;gap:8px;letter-spacing:0}:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-identity-title img{flex-basis:48px;width:48px;height:30px}.decifer-heading-divider{height:24px}}

/* Shared card heading: approved for this DECIFER website. */
:is(.page-home,.shared-showcase) .mesa-convite-photo h2.decifer-card-heading{position:absolute;z-index:2;top:4%;bottom:auto;left:clamp(16px,4vw,48px);right:16px;display:flex;align-items:center;gap:12px;margin:0;font:800 clamp(16px,2vw,21px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.06em;color:#fff;text-shadow:0 1px 4px #0009}
:is(.page-home,.shared-showcase) .mesa-convite-photo .decifer-card-heading>img{display:block;flex:0 0 66px;width:66px;height:36px;object-fit:contain;background:#fff;border-radius:4px;padding:3px}
:is(.page-home,.shared-showcase) .decifer-card-heading .hotel-luxury-inline{font:inherit;color:inherit;letter-spacing:inherit;margin-left:.2em}
@media(max-width:450px){:is(.page-home,.shared-showcase) .mesa-convite-photo h2.decifer-card-heading{font-size:16px;gap:8px;letter-spacing:0}:is(.page-home,.shared-showcase) .mesa-convite-photo .decifer-card-heading>img{flex-basis:48px;width:48px;height:30px}}

/* V101: hotel follows the restaurant invitation, without the dishes. */
:is(.page-home,.shared-showcase) .hotel-dsr-section .hotel-invitation{flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px) clamp(20px,4vw,48px);background:#fff;color:#18342b}
:is(.page-home,.shared-showcase) .hotel-invitation .invitation-copy{min-width:0;text-align:center}
:is(.page-home,.shared-showcase) .hotel-invitation .invitation-slogan{margin:0;text-align:center;color:#18342b;font:500 clamp(2rem,3.6vw,3.2rem)/1.13 'Cormorant Garamond',Georgia,serif}
:is(.page-home,.shared-showcase) .hotel-invitation .invitation-subtitle{margin:12px 0 0;font:400 clamp(1rem,1.5vw,1.2rem)/1.5 'DM Sans',Arial,sans-serif}
:is(.page-home,.shared-showcase) .hotel-invitation .invitation-description{margin:12px 0 0;font:400 1rem/1.5 'DM Sans',Arial,sans-serif}
:is(.page-home,.shared-showcase) .hotel-invitation .mesa-convite-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px 18px;border:1px solid #18342b;border-radius:5px;background:#fff;color:#18342b}

/* V102: small glass-framed dishes over the restaurant photograph. */
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack{position:absolute;z-index:3;right:12%;top:55%;display:flex;flex-direction:column;gap:clamp(8px,1.5vw,16px);width:min(230px,20%);pointer-events:none}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-dish{width:100%;aspect-ratio:1.4;border:8px solid #ffffff24;border-radius:12px;background:linear-gradient(135deg,#ffffff26,#ffffff06);box-shadow:inset 0 1px 0 #ffffff70,0 6px 22px #10211724;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced{grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced h2{max-width:100%}
:is(.page-home,.shared-showcase) #convite-a-mesa .mesa-balanced .mesa-convite-link{position:static;right:auto;bottom:auto;margin:0;max-width:100%;padding:8px 16px;min-height:44px}

/* V103: soften the dish edges into the room, retaining detail at the centre. */
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-dish{isolation:isolate}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-dish{opacity:.96;mask-image:radial-gradient(ellipse at center,#000 57%,#000d 76%,#0008 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 57%,#000d 76%,#0008 92%,transparent 100%)}

/* V104: larger dish montages centred over the clear floor of the room. */
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack{right:8%;top:57%;bottom:9%;width:min(460px,40%);display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(6px,1vw,12px)}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-dish{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);-webkit-mask-composite:source-in;background-image:url('assets/mesa-convite-ia-v64.png');background-repeat:no-repeat}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-fish{background-size:342.86% auto;background-position:58.09% 88%}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-prawns{background-size:398.96% auto;background-position:97.31% 88%}
:is(.page-home,.shared-showcase) #convite-a-mesa .restaurant-dish-stack .mesa-dish img{opacity:0}