/* Progressive gold, restrained ornament, and directly comparable benefits. */
.vip-collection{--vip-ink:#f5f0e7;--vip-muted:#c0bcb4;--vip-gold:#d1ad74;color:var(--vip-ink);width:100%}
.vip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.vip-card{--vip-accent:#ad9c82;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:28px 24px;background:#171a1e;border:1px solid #5f5c55;border-top:3px solid var(--vip-accent)}
.vip-card--2{--vip-accent:#c5a16b;background:linear-gradient(145deg,#2b251e,#181a1d 55%);border-color:#816d4e}
.vip-card--3{--vip-accent:#f0cd8e;background:radial-gradient(ellipse at top right,#70522a55,transparent 65%),#1d1b18;border-color:#b58f54}
.vip-card--3:after,.vip-card--4:after{content:'';position:absolute;inset:7px;border:1px solid #c9a56b33;pointer-events:none;z-index:-1}
.vip-card--4{--vip-accent:#ddba7c;background:repeating-linear-gradient(135deg,transparent 0 23px,#cfab6b07 24px 25px),#191919;border-color:#987b4b}
.vip-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.vip-card-label{font:600 12px/1.5 var(--sans);letter-spacing:.16em;color:var(--vip-accent,var(--vip-gold))}
.vip-insignia{display:flex;gap:4px;color:var(--vip-accent)}
.vip-insignia svg{width:14px;height:14px;fill:currentColor}
.vip-card h3{font:400 clamp(24px,2.2vw,34px)/1.17 var(--serif);margin:22px 0 28px;min-height:2.4em;max-width:11ch;color:var(--vip-ink)}
.vip-current{font:11px/1.5 var(--sans);color:var(--vip-accent);margin:-18px 0 10px}
.vip-price{min-height:125px;margin-bottom:20px}
.vip-price strong{display:inline;font:400 clamp(25px,2.15vw,34px)/1.3 var(--serif);color:var(--vip-ink);white-space:nowrap}
.vip-price>span{font:12px/1.5 var(--sans);color:var(--vip-muted);margin-left:6px;white-space:nowrap}
.vip-price small{display:block;font:11px/1.6 var(--sans);color:var(--vip-muted);margin:7px 0}
.vip-card .vip-price p{font:12px/1.7 var(--sans);color:var(--vip-accent);margin:10px 0 0}
.vip-booking-access{padding:18px 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;min-height:140px}
.vip-booking-access .micro{font:10px/1.5 var(--sans);letter-spacing:.1em;color:var(--vip-accent)}
.vip-card .vip-booking-access p{font:13px/1.7 var(--sans);margin:8px 0 0;color:var(--vip-ink)}
.vip-perks{list-style:none;padding:0;margin:22px 0 26px;font:13px/1.7 var(--sans);color:#ddd6ca}
.vip-perks li{position:relative;padding-left:20px;margin:0 0 12px;overflow-wrap:anywhere}
.vip-perks li:before{content:'✓';position:absolute;left:0;color:var(--vip-accent)}
.vip-card-actions{margin-top:auto}
.vip-card-actions .btn,.vip-legend .btn{background:var(--vip-accent,var(--vip-gold));border:1px solid var(--vip-accent,var(--vip-gold));color:#151515;min-height:50px;white-space:normal;padding:14px 16px;font-size:12px;gap:12px}
.vip-card-actions .btn.outline{background:transparent;color:var(--vip-ink);border-color:#9a8a73}
.vip-card-actions .btn:hover,.vip-legend .btn:hover{filter:brightness(1.12)}
.vip-card-actions .btn:disabled{opacity:.6;cursor:default}
.vip-card-actions>a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:14px 0 0;color:var(--vip-muted);font:11px/1.5 var(--sans);text-decoration:none}
.vip-card-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.vip-legend{display:grid;grid-template-columns:160px minmax(0,1fr) 240px;align-items:center;gap:36px;position:relative;background:radial-gradient(ellipse at left,#77603c33,transparent 60%),#181817;border:1px solid #a7844d;margin-top:24px;padding:36px}
.vip-legend:after{content:'';position:absolute;inset:7px;border:1px solid #c9a56b33;pointer-events:none}
.vip-legend-art{position:relative;display:grid;place-items:center;width:150px;height:180px;color:#d9b778}
.vip-legend-art svg{width:150px;height:150px;fill:none;stroke:currentColor;stroke-width:.5;transform:rotate(20deg)}
.vip-legend-art span{position:absolute;font:italic 76px/1 var(--serif)}
.vip-legend h3{font:400 52px/1 var(--serif);margin:14px 0 16px;color:var(--vip-ink)}
.vip-legend h3 span{display:inline;margin-left:12px;font-style:italic;color:var(--vip-gold)}
.vip-legend .vip-legend-copy>p{font:15px/1.6 var(--sans);color:#dfd7c9;margin:0 0 18px}
.vip-legend ul{padding:0;list-style:none;color:var(--vip-muted);font:12px/1.8 var(--sans);margin:0}
.vip-legend li:before{content:'—';color:var(--vip-gold);margin-right:10px}
.vip-legend-action{display:flex;flex-direction:column;gap:18px;align-items:stretch;z-index:1}
.vip-legend-action>span{font:12px/1.7 var(--sans);color:var(--vip-muted)}
.vip-collection .vip-collection-note{max-width:85ch;margin:22px 0 0;font:12px/1.8 var(--sans);color:var(--vip-muted)}
.web-page .vip-collection .vip-collection-note,[data-genar-tone="light"] .vip-collection .vip-collection-note{color:#625645}
.vip-card :focus-visible,.vip-legend :focus-visible{outline:2px solid #f2d394;outline-offset:5px}
.genar-public-site .vip-card .vip-card-actions .btn,.genar-public-site .vip-legend .vip-legend-action .btn{background:var(--vip-accent,var(--vip-gold));color:#151515;border-color:var(--vip-accent,var(--vip-gold))}
.genar-public-site .vip-card--1 .vip-card-actions .btn.outline{background:transparent;color:var(--vip-ink)}
.vip-collection--compact .vip-legend{grid-template-columns:100px minmax(0,1fr);padding:26px}.vip-collection--compact .vip-legend-art{width:100px;height:120px}.vip-collection--compact .vip-legend-art svg{width:100px;height:100px}.vip-collection--compact .vip-legend-action{grid-column:2}
@media(min-width:1500px){.vip-grid{gap:24px}.vip-card{padding:32px 28px}}
@media(max-width:1150px){.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-card h3{min-height:0;max-width:none}.vip-price{min-height:115px}.vip-legend{grid-template-columns:110px minmax(0,1fr);gap:24px}.vip-legend-art{width:100px;height:140px}.vip-legend-art svg{width:100px;height:100px}.vip-legend-action{grid-column:2}.vip-legend h3{font-size:44px}}
@media(max-width:600px){.vip-grid{grid-template-columns:1fr;gap:18px}.vip-card{padding:26px 24px}.vip-card h3{font-size:32px;margin:20px 0 26px}.vip-price{min-height:0}.vip-price strong{font-size:34px}.vip-booking-access{min-height:0}.vip-legend,.vip-collection--compact .vip-legend{grid-template-columns:1fr;padding:30px 24px;gap:14px}.vip-legend-art,.vip-collection--compact .vip-legend-art{width:72px;height:72px}.vip-legend-art svg,.vip-collection--compact .vip-legend-art svg{width:72px;height:72px}.vip-legend-art span{font-size:42px}.vip-legend h3{font-size:44px}.vip-legend h3 span{display:block;margin:4px 0 0}.vip-legend-action,.vip-collection--compact .vip-legend-action{grid-column:auto;margin-top:10px}.vip-collection .vip-collection-note{font-size:12px}}
