@charset "UTF-8";
/* LAYANA / CITY LIGHTS. Retain the night-drive palette, Cormorant / DM Sans
   and restrained coachwork-light borders. Motion belongs to the real cards. */
@property --gallery-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.layana-gallery{position:relative;isolation:isolate;border-bottom:1px solid var(--line,#9fbbdf3d);background:radial-gradient(ellipse at 90% 10%,#a085ff16,transparent 52%),radial-gradient(ellipse at 0 85%,#5be3ff12,transparent 45%),#09162e}
.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}
.gallery-heading h2{font-size:clamp(42px,4.5vw,68px)}
.gallery-intro{max-width:32ch;color:var(--muted,#b0bfd5);font-size:12px;line-height:1.9}
.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 22px;isolation:isolate;overflow-anchor:none}
.gallery-card{position:relative;min-width:0;margin:0;grid-column:span 4;transform-origin:top left}
.gallery-card:nth-child(n+7){grid-column:span 3;order:-1}
/* The no-script layout above stays intact; these follow each original card
   when JS reorders the nodes, not an incidental nth-child position. */
.gallery-card[data-gallery-group="people"]{grid-column:span 3;order:-1}
.gallery-card[data-gallery-group="vehicle"]{grid-column:span 4;order:0}
.gallery-card:focus-within{z-index:2}
.gallery-tile{--gallery-angle:0deg;position:relative;display:block;isolation:isolate;width:100%;padding:5px;border:1px solid #99c9ef40;border-radius:12px;background:#102440;box-shadow:0 16px 35px #02081966,0 0 20px #5be3ff10;color:var(--cream,#f5eee2);text-align:left;touch-action:pan-y pinch-zoom;overflow:hidden;cursor:zoom-in}
.gallery-tile::after{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;pointer-events:none;z-index:3;background:conic-gradient(from var(--gallery-angle),#5be3ff25 0deg,#5be3ff35 45deg,#5be3ff 80deg,#f0fdff 93deg,#5be3ff30 110deg,#a085ff25 180deg,#a085ff 243deg,#ead0a5 262deg,#fff4df 270deg,#a085ff25 292deg,#5be3ff25 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.gallery-tile:hover{border-color:#ead0a5a6;box-shadow:0 16px 35px #02081966,0 0 27px #5be3ff26}
.gallery-tile:focus-visible{outline:3px solid var(--champagne,#ead0a5);outline-offset:5px}
.gallery-image-stack{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:7px;background:#050d20}
.gallery-image-stack img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:1}
.gallery-expand{position:absolute;right:15px;bottom:15px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e3ebf075;border-radius:50%;background:#09162eb8;color:#f5eee2;font:20px/1 var(--sans,Arial,sans-serif);pointer-events:none}
.gallery-caption,.gallery-dialog figcaption{display:none}
.gallery-footer{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line,#9fbbdf3d);padding-top:18px}
.gallery-footer p{color:var(--muted,#b0bfd5);font-size:10px}
.gallery-footer a{color:var(--champagne,#ead0a5);white-space:nowrap}
html[data-motion="on"] .gallery-tile::after{animation:gallery-light-orbit 7s linear infinite;animation-delay:var(--gallery-delay,0s)}
.layana-gallery[data-gallery-paused="true"] .gallery-tile::after{animation-play-state:paused!important}
@keyframes gallery-light-orbit{to{--gallery-angle:360deg}}
.gallery-dialog{position:fixed;inset:0;width:min(1080px,94vw);max-width:94vw;max-height:94vh;max-height:94dvh;margin:auto;padding:56px 16px 16px;border:1px solid #a085ff70;border-radius:12px;background:#09162e;color:#f5eee2;box-shadow:0 25px 100px #0009;overflow:auto}
.gallery-dialog::backdrop{background:#020817e8;backdrop-filter:blur(8px)}
.gallery-dialog-close{position:absolute;right:12px;top:8px;min-height:44px;padding:8px 13px;border:1px solid #9fbbdf50;border-radius:5px;background:#102440;color:#f5eee2;font-size:12px;cursor:pointer}
.gallery-dialog-close:focus-visible{outline:3px solid var(--champagne,#ead0a5);outline-offset:3px}
.gallery-dialog figure{margin:0}
.gallery-dialog img{display:block;width:100%;height:auto;max-height:calc(94vh - 90px);max-height:calc(94dvh - 90px);object-fit:contain;margin:auto;animation:none!important;transform:none!important;transition:none!important}
html[data-motion="off"] .gallery-tile::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.layana-gallery .gallery-tile::after{animation:none!important}.gallery-card{transform:none!important}}
@media(max-width:760px){.gallery-heading{display:block;margin-bottom:27px}.gallery-heading h2{font-size:43px}.gallery-intro{margin-top:18px;font-size:11px;max-width:43ch}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.gallery-card,.gallery-card:nth-child(n+7),.gallery-card[data-gallery-group]{grid-column:span 1}.gallery-image-stack{aspect-ratio:1/1.12}.gallery-tile{padding:4px;border-radius:9px}.gallery-image-stack{border-radius:5px}.gallery-expand{right:10px;bottom:10px;width:28px;height:28px;font-size:17px}.gallery-footer{align-items:flex-start;gap:14px}.gallery-footer p{font-size:9px;max-width:21ch}.gallery-footer a{font-size:10px}.gallery-dialog{padding:56px 10px 16px}}
@media print{.gallery-tile::after,.gallery-expand,.gallery-dialog{display:none}.gallery-card{transform:none!important}.layana-gallery{background:white}.gallery-intro{color:#09162e}}