@charset "UTF-8";
/* LAYANA / NIGHT DRIVE. Champagne coachwork, cyan cabin light, violet city nights.
   The photographic coverflow is the signature; all ambient motion is transform/opacity. */
:root{--navy:#09162e;--deep:#050d20;--panel:#102440;--cyan:#5be3ff;--violet:#a085ff;--champagne:#ead0a5;--cream:#f5eee2;--muted:#b0bfd5;--line:rgba(159,187,224,.24);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.22,.8,.2,1);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-padding-top:30px;overflow-x:clip}
html[data-motion="on"]{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--deep);color:var(--cream);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}h2{font-size:clamp(42px,4.5vw,70px);letter-spacing:-.035em}h2 em{font-weight:400;color:var(--champagne)}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--champagne);color:var(--navy)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--cream);color:var(--navy);padding:14px}.skip:focus{top:10px}
/* A single contained atmospheric canvas; no heavy filters or JavaScript particles. */
.night-atmosphere{position:absolute;inset:0 0 auto;height:1100px;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 15% 12%,#163550 0,transparent 48%),linear-gradient(180deg,#0d1731,#07152c 75%,#050d20)}
.night-art{position:absolute;inset:0;background:linear-gradient(180deg,#08152d18,#08152d00 55%,#050d20 100%),url('assets/layana-light-art.webp') center 55%/cover no-repeat;opacity:.75}
.aurora{position:absolute;width:120%;height:65%;left:-10%;top:-8%;border-radius:50%;background:radial-gradient(ellipse at 34% 50%,#14cbee36 0,transparent 48%),radial-gradient(ellipse at 77% 50%,#9460ff65 0,transparent 46%);transform:rotate(-22deg)}
.aurora-b{top:23%;left:-25%;height:58%;background:radial-gradient(ellipse at 38% 50%,#3771fa55 0,transparent 47%),radial-gradient(ellipse at 78% 50%,#61dcff35 0,transparent 50%);transform:rotate(19deg)}
.night-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#e0faff 0 1px,transparent 1.6px),radial-gradient(circle,#c9b8ff 0 1px,transparent 1.5px),radial-gradient(circle,#f5d4a9 0 1px,transparent 1.8px);background-size:137px 179px,223px 211px,337px 293px;background-position:17px 30px,71px 83px,98px 140px;opacity:.45;mask-image:linear-gradient(#000,transparent)}
.road-ray{position:absolute;top:34%;left:-20%;width:145%;height:2px;background:linear-gradient(90deg,transparent 5%,#60e8ff 25%,#91cfff 45%,#b290ff 65%,transparent 94%);box-shadow:0 0 10px #3acbff,0 0 35px #6662ff;transform:rotate(-23deg);opacity:.7}
.road-ray-b{top:50%;height:1px;left:-30%;transform:rotate(-23deg);opacity:.35}
.road-ray-c{top:70%;height:1px;transform:rotate(15deg);background:linear-gradient(90deg,transparent,#e5c497 45%,#9376ff 70%,transparent);opacity:.45}
.header,main,.footer{position:relative;z-index:1}
.header{height:86px;max-width:1680px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);z-index:20}
.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.22em;line-height:1.4}.brand-sub{display:block;font-size:8px;letter-spacing:.32em;color:var(--champagne)}.brand-symbol{font-family:var(--serif);font-size:41px;color:var(--champagne);font-style:italic;width:35px;border-right:1px solid var(--line)}
.navigation,.header-actions{display:flex;align-items:center;gap:28px}.navigation{font-size:12px;color:#cfdaeb}.navigation a:hover,.text-link:hover{color:var(--cyan)}.header-actions{gap:22px}.header-call{font-size:12px}.header-call span{color:var(--champagne);margin-left:10px}.motion-toggle{border:1px solid #7a99c154;background:#0a1d3280;color:#d1dfef;border-radius:30px;padding:10px 14px;font-size:10px;white-space:nowrap}.motion-toggle span{color:var(--cyan)}.menu-toggle{display:none}
.hero{max-width:1680px;margin:auto;padding:30px 5% 0;position:relative;isolation:isolate}
.wordmark-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.wordmark-row h1{position:relative;font-family:var(--serif);font-size:clamp(100px,12.4vw,194px);font-weight:400;letter-spacing:.16em;line-height:.81;background:linear-gradient(110deg,#8cb7c9 0%,#edf8fa 24%,#e9d1ad 44%,#fff4e2 50%,#b7a4e6 70%,#84d4e8);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 65px #8fbcff16}
.wordmark-row h1::after{content:"LAYANA";position:absolute;inset:0;pointer-events:none;color:#fff0;background:linear-gradient(105deg,transparent 37%,#fff9 47%,#fff 50%,transparent 61%);background-clip:text;-webkit-background-clip:text;clip-path:inset(0 0 0 0);opacity:.15}
.wordmark-note{font-size:10px;letter-spacing:.27em;color:var(--champagne);text-align:right;white-space:nowrap}.wordmark-note span{font:italic 24px/1.9 var(--serif);letter-spacing:0;color:var(--cream)}
.hero-grid{display:grid;grid-template-columns:.82fr 1.45fr;gap:34px;align-items:center;padding:44px 0 38px;min-width:0}
.hero-copy{padding-top:0;position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.2em;color:var(--cyan);margin-bottom:22px;display:flex;align-items:center;gap:10px}.blue-line{width:30px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex-shrink:0}.hero h2{font-size:clamp(43px,4.5vw,72px)}.hero h2 em{display:inline-block;text-shadow:0 0 28px #ddc6a324}.hero-description{font-size:13px;color:var(--muted);margin:22px 0 28px;line-height:1.8}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:53px;padding:15px 24px;font-size:12px;font-weight:600;border:1px solid transparent;position:relative;overflow:hidden}.button-champagne{background:linear-gradient(110deg,#edd8b4,#cfac7d);color:#101c2c;border-color:#f2d7b0;box-shadow:0 5px 25px #c19b5b20}.button-champagne::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(100deg,transparent 40%,#fff8 50%,transparent 59%);transform:translateX(-60%);pointer-events:none}.button:hover{background:#fae8ca}.button span{font-size:19px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.hero-whatsapp{display:flex;width:fit-content;font-size:10px;margin-top:11px;color:#c6d4e7}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:30px;color:#90a6c3;font-size:9px;line-height:1.5}.small-emblem{font:italic 35px var(--serif);color:var(--champagne)}
/* TRUE COVERFLOW. Parent JS assigns cyclic positions and each card's --photo URL.
   Keep overflow visible on cards: each photographic reflection belongs to its card. */
.showcase{position:relative;min-width:0;padding:14px 0 0;isolation:isolate}
.showcase::before{content:"";position:absolute;inset:-10% -8% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 53% 40%,#3474fc45,transparent 54%),radial-gradient(ellipse at 86% 48%,#b774ff38,transparent 44%)}
.showcase::after{content:"";position:absolute;left:0;right:0;bottom:60px;height:32%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,#48ceff12,transparent),repeating-linear-gradient(90deg,#7ca7de16 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,#7ca7de18 0 1px,transparent 1px 24px);transform:perspective(500px) rotateX(64deg);mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.deck{position:relative;width:100%;height:clamp(335px,31vw,465px);perspective:1200px;touch-action:pan-y;user-select:none;outline-offset:8px;isolation:isolate;cursor:grab}
.deck:active{cursor:grabbing}
.photo-card{--x:0%;--z:-230px;--ry:0deg;--rz:0deg;--scale:.82;position:absolute;left:50%;top:3%;width:52%;height:78%;margin:0;padding:5px;border:1px solid #bdd7f37d;border-radius:13px;background:linear-gradient(135deg,#dcefff3b,#7b91b914 48%,#b998ef5c);box-shadow:0 25px 45px #02071d88,inset 0 1px 0 #fff8;transform:translateX(-50%) translateX(var(--x)) translateZ(var(--z)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--scale));opacity:0;z-index:0;transform-style:flat;backface-visibility:hidden;pointer-events:auto;will-change:transform}
.photo-card.is-active,.photo-card[data-position="0"]{--x:0%;--z:35px;--ry:0deg;--rz:0deg;--scale:1;opacity:1;z-index:5;border-color:#e8d4b6c9;box-shadow:0 25px 50px #0007,0 0 35px #4dc7ff22,inset 0 1px 0 #fff9;pointer-events:auto}
/* Opaque photo surfaces block rear rims; angle and scale, not transparency, create depth. */
.photo-card[data-position="-1"]{--x:-55%;--z:-180px;--ry:45deg;--rz:-4deg;--scale:.88;opacity:1;z-index:3}
.photo-card[data-position="1"]{--x:55%;--z:-180px;--ry:-45deg;--rz:4deg;--scale:.88;opacity:1;z-index:3}
.photo-card[data-position="-2"]{--x:-78%;--z:-300px;--ry:55deg;--rz:-7deg;--scale:.8;opacity:1;z-index:1}
.photo-card[data-position="2"]{--x:78%;--z:-300px;--ry:-55deg;--rz:7deg;--scale:.8;opacity:1;z-index:1}
.photo-card>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px;position:relative}.photo-card>img.portrait-photo{object-position:center 53%}
.photo-card::before{content:"";position:absolute;inset:5px;border-radius:8px;z-index:1;background:linear-gradient(180deg,#07132508 45%,#020713b8 100%);pointer-events:none}
.photo-card::after{content:"";position:absolute;left:5px;right:5px;top:calc(100% + 9px);height:42%;border-radius:8px;background-image:var(--photo);background-size:100% 238%;background-position:center bottom;transform:scaleY(-1);opacity:.4;mask-image:linear-gradient(to top,#0009,transparent 95%);-webkit-mask-image:linear-gradient(to top,#0009,transparent 95%);pointer-events:none}
.photo-card figcaption{position:absolute;left:20px;right:20px;bottom:19px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.14em;color:#f6ede0;z-index:2;text-shadow:0 2px 5px #000}.photo-card figcaption span:last-child{letter-spacing:0;color:#e1e9f1}.photo-card:not(.is-active) figcaption{opacity:.5}
.photo-reflection{display:none}
.light-trail{position:absolute;left:-12%;right:-8%;height:25%;top:51%;z-index:-1;border-top:2px solid #89eeff;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -4px 12px #47ccff69,0 -1px 28px #9267ff70;pointer-events:none}.light-trail::before{content:"";position:absolute;inset:18px -2% -18px;border-top:1px solid #b39bff9c;border-radius:50%}.light-trail::after{content:"";position:absolute;top:-3px;left:6%;width:22%;height:3px;background:linear-gradient(90deg,transparent,#fff,#8cf3ff,transparent);box-shadow:0 0 18px #71dfff;opacity:.8}
.deck-controls{position:relative;z-index:7;padding:8px 8% 0}.deck-caption{display:flex;align-items:center;gap:20px;min-height:40px}.deck-caption>span{font-size:9px;letter-spacing:.15em;color:var(--cyan);white-space:nowrap}.deck-caption p{font:italic 21px/1.25 var(--serif);color:var(--cream)}.deck-progress{height:1px;margin:16px 8% 0;background:#b5cdee25;overflow:hidden}.deck-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--champagne));transform:scaleX(0);transform-origin:left}
.hero-baseline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:.19em;color:#a7bad3}.hero-baseline a{color:var(--cream);letter-spacing:.05em}.hero-baseline a span{margin-left:18px;color:var(--cyan)}
/* A travelling band of light carries the night-drive language through the page. */
.cinematic-band{height:86px;position:relative;overflow:hidden;pointer-events:none;border-top:1px solid #5379b325;border-bottom:1px solid #5379b330;background:linear-gradient(100deg,#08172f,#172341 40%,#221d42 72%,#0b2133)}
.cinematic-band::before,.cinematic-band::after{content:"";position:absolute;left:-25%;width:150%;top:49%;height:2px;background:linear-gradient(90deg,transparent 5%,#77e7ff 28%,#b79bff 53%,#ead0a5 74%,transparent 90%);box-shadow:0 0 14px #6ba8ff,0 0 36px #9071ff;transform:rotate(-3deg)}.cinematic-band::after{top:66%;height:1px;opacity:.4;transform:rotate(3deg)}.cinematic-band i{position:absolute;inset:0;background:radial-gradient(circle at 14% 40%,#fff 0 1px,transparent 2px),radial-gradient(circle at 78% 33%,#a0dfff 0 1px,transparent 2px),radial-gradient(circle at 46% 72%,#efd6b8 0 1px,transparent 2px)}
.section-wrap{padding:90px 6%;max-width:1680px;margin:auto}
.experience{display:grid;grid-template-columns:1.08fr 1fr;min-height:540px;position:relative;overflow:hidden;background:linear-gradient(120deg,#112942,#11213e 50%,#262142);border-bottom:1px solid var(--line)}
.experience-photo{position:relative;min-height:540px;overflow:hidden}.experience-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.experience-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#12213e70),linear-gradient(0deg,#07152d9c,transparent 38%)}.photo-label{position:absolute;left:8%;bottom:35px;z-index:1;font-size:9px;letter-spacing:.21em;color:#fff4e3}.experience-copy{padding:75px 12% 64px 10%;position:relative;isolation:isolate}.experience-copy::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 20%,#7953d745,transparent 65%),radial-gradient(circle at 20% 90%,#3ecbd926,transparent 50%)}.experience-copy::after{content:"";position:absolute;right:-30%;top:20%;width:85%;height:220px;border:1px solid #a2cffa3d;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 22px #7272ff12;z-index:-1}.experience-copy h2{font-size:clamp(40px,4vw,64px)}.experience-copy>p:not(.eyebrow){color:#c3cee0;font-size:13px;line-height:1.9;margin:26px 0;max-width:41ch}.feature-list{display:flex;flex-direction:column;margin-bottom:23px}.feature-list span{padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;color:#e4e7ef}.feature-list span::before{content:"✦";color:var(--champagne);font-size:9px;margin-right:14px}.dark-link{color:var(--champagne)}
.journeys{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 100%,#20204b88,transparent 64%)}.journeys::before{content:"";position:absolute;z-index:-1;left:-20%;right:-20%;height:170px;top:5%;border-top:1px solid #64d9ff70;border-radius:50%;transform:rotate(-7deg);box-shadow:0 -2px 15px #60a7ff24}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:39px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9}.journey-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.journey-options>a{padding:28px 23px 22px;position:relative;isolation:isolate;overflow:hidden;min-height:228px;border:1px solid #698fb441;background:linear-gradient(140deg,#1c345375,#18203966 65%,#634d7225);border-radius:2px}.journey-options>a::before{content:"";position:absolute;left:-40%;top:-70%;width:160%;height:200%;z-index:-1;background:linear-gradient(110deg,transparent 45%,#79c6ff0c 49%,#b4a2f51c 52%,transparent 57%);transform:translateX(-30%)}.journey-options>a::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.7}.journey-options>a:nth-child(2){background:linear-gradient(140deg,#20335485,#24203d66)}.journey-options>a:nth-child(3){background:linear-gradient(140deg,#322c4785,#18203966)}.journey-options>a:nth-child(4){background:linear-gradient(140deg,#233c4885,#18203966)}.journey-icon{display:block;font-size:30px;line-height:1.4;color:var(--cyan);margin-bottom:20px;text-shadow:0 0 20px #61d6ff6e}.journey-options>a:nth-child(3) .journey-icon{color:var(--champagne)}.journey-options h3{font-size:29px;margin-bottom:11px}.journey-options p{font-size:10px;line-height:1.7;color:var(--muted);min-height:35px}.journey-action{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--champagne);border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.journey-action span{font-size:17px}
.enquiry{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;position:relative;border-top:1px solid var(--line);isolation:isolate;overflow:hidden}.enquiry::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 4% 65%,#12618640,transparent 55%),radial-gradient(ellipse at 86% 70%,#6042b537,transparent 57%)}.enquiry::after{content:"";position:absolute;z-index:-1;left:-15%;bottom:0;width:115%;height:200px;transform:rotate(12deg);border-top:1px solid #7cdfff72;border-radius:50%;box-shadow:0 -2px 22px #547bff2e;pointer-events:none}.enquiry-intro>p:not(.eyebrow){max-width:35ch;color:var(--muted);font-size:12px;line-height:1.9;margin-top:26px}.contact-person{display:flex;align-items:center;gap:16px;margin:35px 0 22px}.contact-monogram{font:24px var(--serif);border:1px solid #d8bd9470;border-radius:50%;width:51px;height:51px;display:grid;place-items:center;color:var(--champagne);background:#e6cba509}.contact-person strong{font-size:13px;font-weight:500;display:block}.contact-person div>span{display:block;font-size:8px;letter-spacing:.17em;color:var(--champagne);margin-top:4px}.contact-number{display:block;font:clamp(30px,3vw,46px) var(--serif);white-space:nowrap;margin-bottom:14px}.contact-number>span{font:23px var(--sans);color:var(--cyan);margin-left:12px}.enquiry-intro>.text-link{color:var(--champagne)}
.enquiry-form{position:relative;background:linear-gradient(135deg,#173350cc,#162640e8 60%,#272749d9);border:1px solid #9caaca42;padding:33px;box-shadow:0 25px 60px #0003;min-width:0;align-self:center;overflow:hidden}.enquiry-form::before{content:"";position:absolute;top:0;left:-30%;width:160%;height:2px;background:linear-gradient(90deg,transparent 10%,var(--cyan) 36%,var(--champagne) 48%,var(--violet) 65%,transparent 85%);box-shadow:0 0 15px #9f9cff}.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.form-heading h3{font-size:30px}.form-heading>span{font-size:7px;letter-spacing:.12em;color:var(--champagne);text-align:right;max-width:100px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.field{min-width:0}.field-wide{grid-column:1/-1}.field label{display:block;font-size:10px;margin-bottom:7px;color:#ebedf3}.field label span{font-size:9px;color:#9fb1ca}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:47px;border:1px solid #93aac43b;border-radius:0;background:#07152c70;color:var(--cream);padding:11px 12px;font-size:12px;outline-offset:2px}.field input::placeholder,.field textarea::placeholder{color:#9aaec8;opacity:1}.field select{padding-right:24px}.field select option{background:#10213a;color:var(--cream)}.field textarea{resize:vertical;min-height:83px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);background:#0a1b34}.form-note{font-size:9px;color:#b4c1d6;line-height:1.8;margin:20px 0 17px}.form-submit{width:100%;justify-content:space-between}.form-status{font-size:11px;color:var(--champagne);margin-top:12px}.form-status:empty{display:none}.message-preview{width:100%;background:#07152c;color:var(--cream);padding:12px;border:1px solid var(--line);margin-top:15px}.enquiry-form .text-link{overflow-wrap:anywhere}
.footer{padding-top:50px;padding-bottom:25px;border-top:1px solid var(--line);background:linear-gradient(105deg,#0a1d32,#161a35 72%,#1c203c)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-brand{font:46px/.9 var(--serif);letter-spacing:.13em;color:var(--champagne)}.footer-brand span{display:block;font:8px/3 var(--sans);letter-spacing:.4em}.footer-top p{font:italic 20px/1.4 var(--serif);color:#c5d3e5}.footer-top>a:not(.footer-brand){font-size:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#a9bad0;border-top:1px solid var(--line);padding-top:21px}.mobile-dock{display:none}
/* Motion choreography. Static layouts remain fully composed with motion off. */
.night-atmosphere::before,.night-atmosphere::after{content:"";position:absolute;left:-35%;top:25%;width:34%;height:3px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,#5dcfff 75%,#fff5d8);box-shadow:0 0 16px #54cfff;transform:rotate(-18deg);opacity:0}.night-atmosphere::after{top:65%;height:2px;background:linear-gradient(90deg,transparent,#ab87ff 70%,#f6dfae)}
html[data-motion="on"] .night-atmosphere::before{animation:city-light-pass 4.8s linear infinite}html[data-motion="on"] .night-atmosphere::after{animation:city-light-pass 6.4s linear -2.8s infinite}
@keyframes city-light-pass{0%{transform:translate3d(0,100px,0) rotate(-18deg);opacity:0}12%{opacity:.85}75%{opacity:.85}100%{transform:translate3d(160vw,-150px,0) rotate(-18deg);opacity:0}}
html[data-motion="on"] .night-art{animation:art-cruise 8s ease-in-out infinite alternate}
html[data-motion="on"] .aurora{animation:aurora-drift 13s ease-in-out infinite alternate}
html[data-motion="on"] .aurora-b{animation:aurora-return 16s ease-in-out infinite alternate}
html[data-motion="on"] .night-stars{animation:starlight 5s ease-in-out infinite alternate}
html[data-motion="on"] .road-ray{animation:night-ray 3.8s ease-in-out infinite alternate}
html[data-motion="on"] .road-ray-b{animation-delay:-4s;animation-duration:11s}
html[data-motion="on"] .road-ray-c{animation:night-ray-return 12s ease-in-out infinite alternate}
html[data-motion="on"] .wordmark-row h1::after{animation:wordmark-shimmer 6s ease-in-out infinite}
html[data-motion="on"] .photo-card{transition:transform 1.05s var(--ease),opacity .8s var(--ease)}
html[data-motion="on"] .showcase::before{animation:showcase-breathe 7s ease-in-out infinite alternate}
html[data-motion="on"] .light-trail{animation:trail-orbit 8s ease-in-out infinite alternate}
html[data-motion="on"] .light-trail::after{animation:light-run 1.8s ease-in-out infinite alternate}
html[data-motion="on"] .deck-progress.is-running span{animation:slide-progress 4s linear forwards}
html[data-motion="on"] .button-champagne::after{animation:button-glint 6s ease-in-out infinite}
html[data-motion="on"] .cinematic-band::before{animation:band-travel 8s ease-in-out infinite alternate}
html[data-motion="on"] .cinematic-band::after{animation:band-return 9s ease-in-out infinite alternate}
html[data-motion="on"] .cinematic-band i{animation:starlight 4s ease-in-out infinite alternate}
html[data-motion="on"] .experience-copy::before,html[data-motion="on"] .enquiry::before{animation:showcase-breathe 10s ease-in-out infinite alternate}
html[data-motion="on"] .experience-copy::after{animation:halo-turn 12s ease-in-out infinite alternate}
html[data-motion="on"] .journeys::before{animation:band-travel 12s ease-in-out infinite alternate}
html[data-motion="on"] .journey-options>a::before{animation:panel-glint 8s ease-in-out infinite}
html[data-motion="on"] .journey-options>a:nth-child(2)::before{animation-delay:-2s}
html[data-motion="on"] .journey-options>a:nth-child(3)::before{animation-delay:-4s}
html[data-motion="on"] .journey-options>a:nth-child(4)::before{animation-delay:-6s}
html[data-motion="on"] .enquiry-form::before{animation:trim-light 6s ease-in-out infinite alternate}
html[data-motion="on"] .enquiry::after{animation:band-return 14s ease-in-out infinite alternate}
html[data-motion="on"] .hero-copy{animation:copy-enter 1s var(--ease) both}
/* Content is immediately readable; only its small entrance offset is animated. */
html[data-motion="on"] .reveal{transition:transform .32s var(--ease)}
html[data-motion="on"] .reveal:not(.is-visible){opacity:1;transform:translateY(12px)}
html[data-motion="on"] .journey-options>a{transition:transform .4s,background .4s}
html[data-motion="on"] .journey-options>a:hover{transform:translateY(-7px);border-color:#a0dfff99}
html[data-motion="on"] .experience-photo img{transition:transform 1.2s var(--ease)}
html[data-motion="on"] .experience-photo:hover img{transform:scale(1.04)}
@keyframes art-cruise{from{transform:scale(1.02) translate3d(-1%,0,0);opacity:.65}to{transform:scale(1.11) translate3d(2%,1%,0);opacity:.9}}
@keyframes aurora-drift{from{transform:translate3d(-7%,-3%,0) rotate(-24deg) scale(.95);opacity:.72}to{transform:translate3d(9%,9%,0) rotate(-8deg) scale(1.15);opacity:1}}
@keyframes aurora-return{from{transform:translate3d(6%,3%,0) rotate(19deg);opacity:.6}to{transform:translate3d(-8%,-5%,0) rotate(2deg) scale(1.12);opacity:1}}
@keyframes starlight{from{opacity:.23;transform:translate3d(0,0,0)}to{opacity:.75;transform:translate3d(6px,-14px,0)}}
@keyframes night-ray{from{transform:translate3d(-4%,-36px,0) rotate(-23deg);opacity:.3}to{transform:translate3d(7%,70px,0) rotate(-17deg);opacity:.95}}
@keyframes night-ray-return{from{transform:translate3d(4%,15px,0) rotate(15deg);opacity:.2}to{transform:translate3d(-5%,-65px,0) rotate(9deg);opacity:.7}}
@keyframes wordmark-shimmer{0%,100%{opacity:.08;transform:translateX(-1px)}40%{opacity:.7}60%{opacity:.2;transform:translateX(1px)}}
@keyframes showcase-breathe{from{opacity:.6;transform:translate3d(-3%,1%,0) scale(.97)}to{opacity:1;transform:translate3d(3%,-2%,0) scale(1.05)}}
@keyframes trail-orbit{from{transform:rotate(-14deg) translateY(-10px)}to{transform:rotate(-4deg) translateY(14px)}}
@keyframes light-run{from{transform:translateX(0);opacity:.4}to{transform:translateX(260%);opacity:1}}
@keyframes slide-progress{to{transform:scaleX(1)}}
@keyframes button-glint{0%,40%{transform:translateX(-60%)}80%,100%{transform:translateX(60%)}}
@keyframes band-travel{from{transform:translate3d(-5%,-14px,0) rotate(-4deg);opacity:.45}to{transform:translate3d(5%,16px,0) rotate(1deg);opacity:1}}
@keyframes band-return{from{transform:translate3d(5%,8px,0) rotate(5deg);opacity:.4}to{transform:translate3d(-5%,-18px,0) rotate(-2deg);opacity:.8}}
@keyframes halo-turn{from{transform:translateY(-20px) rotate(-35deg)}to{transform:translateY(35px) rotate(-15deg)}}
@keyframes panel-glint{0%,10%{transform:translateX(-35%);opacity:.3}60%,100%{transform:translateX(35%);opacity:1}}
@keyframes trim-light{from{transform:translateX(-20%)}to{transform:translateX(20%)}}
@keyframes copy-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1680px){.experience{max-width:1680px;margin:auto}.night-atmosphere{height:1250px}}
@media(max-width:1100px){.navigation,.header-actions{gap:18px}.header-call{display:none}.hero-grid{grid-template-columns:.8fr 1.25fr;gap:20px}.hero h2{font-size:48px}.hero-copy .eyebrow{font-size:7px}.wordmark-note{font-size:8px}.wordmark-note span{font-size:20px}.deck{height:340px}.photo-card{width:52%;height:78%}.deck-caption{gap:13px}.deck-caption p{font-size:18px}.hero-footnote{margin-top:20px}.journey-options{gap:10px}.journey-options>a{padding:22px 16px}.journey-options h3{font-size:25px}.experience-copy{padding:60px 9%}.experience-photo{min-height:490px}.enquiry{gap:6%}.enquiry-form{padding:25px}.form-heading h3{font-size:27px}}
/* Mobile uses only 2D photo transforms: no perspective, rotateY or depth planes.
   Foreshortening and a small rotation retain the coverflow silhouette.
   Active-card scale/vertical offset are transforms only: no width or layout jumps. */
@media(max-width:760px){
 html{scroll-padding-top:20px}.night-atmosphere{height:1000px}.night-art{background-image:linear-gradient(180deg,#08152d18,#08152d00 55%,#050d20 100%),url('assets/layana-light-art-mobile.webp');background-position:center,62% 24%;background-size:cover,auto 78%;opacity:.85}.aurora{height:52%;width:170%;left:-45%;top:0;background:radial-gradient(ellipse at 32% 50%,#16d9ed51 0,transparent 48%),radial-gradient(ellipse at 75% 50%,#925aff66 0,transparent 49%)}.aurora-b{top:27%;height:50%}.road-ray{top:32%;width:170%;left:-35%}.road-ray-b{top:45%}.road-ray-c{top:69%}
 .header{height:69px;padding-inline:5%;gap:10px}.brand{font-size:13px;gap:8px}.brand-symbol{font-size:34px;width:28px}.brand-sub{font-size:7px}.header-actions{gap:8px}.motion-toggle{font-size:9px;padding:9px 10px}.menu-toggle{display:flex;align-items:center;gap:7px;min-height:44px;border:0;background:none;color:var(--cream);font-size:11px;padding:8px 0 8px 7px}.navigation{position:absolute;left:0;right:0;top:69px;background:#09172cf5;padding:16px 5%;border-bottom:1px solid var(--line);display:none;box-shadow:0 15px 30px #0005}.navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.navigation a{padding:14px 0;font-size:15px;border-bottom:1px solid var(--line)}
 .hero{padding:23px 5% 0}.wordmark-row{display:block;padding-bottom:15px;position:relative}.wordmark-row h1{font-size:18.6vw;letter-spacing:.115em;line-height:.8}.wordmark-note{display:flex;justify-content:space-between;text-align:left;padding-top:14px;font-size:7px;letter-spacing:.27em}.wordmark-note br{display:none}.wordmark-note span{font-size:18px;line-height:1;letter-spacing:0}
 .hero-grid{display:flex;flex-direction:column;gap:26px;padding:21px 0 24px;align-items:stretch}.showcase{order:-1;padding:0;margin:0;width:100%}.deck{height:375px;perspective:none;transform-style:flat}.photo-card{--y:0px;--squash:1;--rim-radius:11px;top:4%;width:55%;height:70%;padding:4px;border-radius:11px;perspective:none;transform-style:flat;isolation:isolate;backface-visibility:visible;-webkit-backface-visibility:visible;transform:translateX(-50%) translateX(var(--x)) translateY(var(--y)) rotate(var(--rz)) scale(var(--scale)) scaleX(var(--squash))}.photo-card>img{border-radius:7px}.photo-card::before{inset:4px;border-radius:7px}.photo-card.is-active,.photo-card[data-position="0"]{--y:28px;--scale:1.32;--squash:1}.photo-card[data-position="-1"]{--x:-47%;--rz:-4deg;--scale:.735;--squash:.72}.photo-card[data-position="1"]{--x:47%;--rz:4deg;--scale:.735;--squash:.72}.photo-card[data-position="-2"]{--x:-63%;--rz:-7deg;--scale:.6;--squash:.58}.photo-card[data-position="2"]{--x:63%;--rz:7deg;--scale:.6;--squash:.58}.photo-card figcaption{left:12px;right:12px;bottom:14px;font-size:6px;letter-spacing:.09em;gap:6px}.photo-card figcaption span:last-child{max-width:12ch;text-align:right;line-height:1.3}.photo-card::after{left:4px;right:4px;top:calc(100% + 7px);height:31%;background-size:100% 323%;opacity:.43}.light-trail{top:54%;height:19%;left:-9%;right:-9%;border-top-width:2px}.showcase::after{bottom:46px;height:24%}.deck-controls{padding:0 6%}.deck-caption{gap:15px;min-height:40px;align-items:center}.deck-caption>span{font-size:8px}.deck-caption p{font-size:19px;max-width:23ch}.deck-progress{margin:12px 6% 0}
 .hero-copy{display:block;padding:0 1%}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:14px}.hero h2{font-size:43px;max-width:20ch}.hero h2 br{display:none}.hero-description{font-size:12px;margin:14px 0 20px}.hero-description br{display:none}.hero-copy .button{display:flex;justify-content:space-between;width:100%;min-height:51px}.hero-whatsapp{margin:7px auto 0;font-size:10px}.hero-footnote{display:none}.hero-baseline{font-size:6px;letter-spacing:.1em;padding:17px 0;gap:12px}.hero-baseline>span:last-child{display:none}.hero-baseline a{font-size:9px}.hero-baseline a span{margin-left:8px}
 .cinematic-band{height:66px}.section-wrap{padding:60px 6%}.experience{grid-template-columns:1fr}.experience-photo{min-height:330px}.experience-photo img{object-position:center 58%}.experience-photo::after{background:linear-gradient(0deg,#10213c88,transparent 45%)}.photo-label{left:6%;bottom:24px;font-size:8px}.experience-copy{padding:43px 7% 48px}.experience-copy h2{font-size:44px}.experience-copy>p:not(.eyebrow){margin:20px 0;font-size:12px;max-width:45ch}.eyebrow{font-size:8px;margin-bottom:16px}.feature-list{margin-bottom:18px}.feature-list span{font-size:11px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:43px}.section-heading>p{font-size:11px;margin-top:17px}.journey-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-options>a{padding:21px 16px 18px;min-height:219px}.journey-icon{font-size:27px;margin-bottom:16px}.journey-options h3{font-size:27px;line-height:1.02;min-height:53px}.journey-options p{font-size:10px;min-height:49px}.journey-action{font-size:9px;padding-top:12px;margin-top:15px}
 .enquiry{grid-template-columns:1fr;gap:35px}.enquiry-intro h2{font-size:48px}.enquiry-intro h2 br:nth-child(2){display:none}.enquiry-intro>p:not(.eyebrow){max-width:43ch;font-size:12px;margin-top:20px}.contact-person{margin:26px 0 17px}.contact-number{font-size:38px}.enquiry-form{padding:24px 20px}.form-heading{margin-bottom:25px;gap:16px}.form-heading h3{font-size:29px}.form-heading>span{font-size:6px;max-width:80px}.fields{grid-template-columns:1fr;gap:18px}.field label{font-size:11px}.field label span{font-size:10px}.field input,.field select,.field textarea{font-size:16px;min-height:49px;padding:12px}.field textarea{min-height:94px}.form-note{font-size:10px;margin:23px 0 18px}.form-submit{font-size:11px;padding-inline:17px}.enquiry::after{bottom:20px}
 .footer{padding-top:43px;padding-bottom:98px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:27px 20px;padding-bottom:28px}.footer-brand{font-size:39px}.footer-top p{font-size:19px}.footer-top>a:not(.footer-brand){font-size:10px}.footer-bottom{display:block;font-size:8px;padding-top:20px}.footer-bottom span{display:block;margin-bottom:7px}.mobile-dock{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:30;padding:9px 5% calc(9px + env(safe-area-inset-bottom));gap:9px;border-top:1px solid #83badb65;background:#09182ef5;box-shadow:0 -6px 35px #0004}.mobile-dock a{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:11px 14px;background:#142b47;border:1px solid #8098b43d}.mobile-dock a:last-child{color:var(--deep);background:linear-gradient(110deg,#ead8b8,#d2b080);border-color:#e2c59e}.mobile-dock a span{font-size:16px}
}
@media(max-width:380px){.header{gap:6px}.brand{font-size:11px}.brand-symbol{width:24px;font-size:31px}.brand-sub{font-size:6px}.header-actions{gap:4px}.motion-toggle{font-size:8px;padding:8px}.menu-toggle{font-size:10px;gap:5px}.hero{padding-top:21px}.wordmark-note{font-size:6px}.wordmark-note span{font-size:16px}.hero-grid{padding-top:19px;gap:23px}.deck{height:334px}.photo-card{height:70%;width:55%}.deck-caption{gap:10px}.deck-caption p{font-size:17px}.deck-caption>span{font-size:7px}.hero h2{font-size:39px}.hero-copy .eyebrow{font-size:7px}.journey-options{gap:9px}.journey-options>a{padding:20px 12px 15px}.journey-options h3{font-size:24px}.journey-options p{font-size:9px}.experience-photo{min-height:290px}.experience-copy h2{font-size:40px}.section-heading h2{font-size:39px}.enquiry-intro h2{font-size:43px}.enquiry-form{padding:22px 16px}.form-heading h3{font-size:26px}.contact-number{font-size:34px}.footer-brand{font-size:34px}}
/* Coverflow fits by card geometry, not by cutting off the outer glass frames.
   Keep the stage and hero unclipped so rounded rims and reflections remain intact. */
.enquiry-form fieldset{min-width:0;border:0;padding:0;margin:0}.enquiry-form noscript a{text-decoration:underline}
/* The moving light stays physically behind the opaque photograph.
   Only the padding reveals it: no mask-composite support or per-frame gradient paint required. */
.photo-card::before{content:none;display:none}
.photo-card>img{z-index:1;background:#061325}
.photo-rim{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:0;overflow:hidden;clip-path:inset(0 round var(--rim-radius,13px))}
.photo-rim::before{content:"";position:absolute;inset:-50%;background:conic-gradient(transparent 0deg,#61dfff 55deg,#fff3dc 80deg,transparent 115deg,transparent 210deg,#9671ff 265deg,transparent 310deg);transform:rotate(0turn);will-change:transform}
html[data-motion="on"] .photo-rim::before{animation:rim-orbit 3.8s linear infinite}
/* Parent script pauses offscreen effects, not the carousel's transform transitions. */
.deck[data-effects-paused="true"] .photo-card,.deck[data-effects-paused="true"] .photo-card::before,.deck[data-effects-paused="true"] .photo-card::after,.deck[data-effects-paused="true"] .photo-card>img,.deck[data-effects-paused="true"] .photo-rim::before{animation-play-state:paused!important}
@keyframes rim-orbit{to{transform:rotate(1turn)}}
.instagram-hero{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:16px;font-size:12px;color:#e9d7ed;padding:9px 13px;border:1px solid #ba8cec70;border-radius:24px;background:linear-gradient(100deg,#77459633,#b7804333)}
.instagram-hero svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.instagram-hero .insta-dot{fill:currentColor;stroke:none}
.instagram-qr{display:flex;align-items:center;justify-content:center;gap:36px;padding-top:45px;padding-bottom:45px;background:linear-gradient(110deg,#0b1d32,#231c37)}.instagram-qr img{width:150px;height:auto;border-radius:14px}.instagram-qr h2{font-size:40px;margin-bottom:14px}.instagram-qr p:not(.eyebrow){color:var(--muted);font-size:13px}.instagram-qr .eyebrow{margin-bottom:12px}
.footer-bottom #year{display:inline}
@media(max-width:760px){.instagram-hero{margin:12px auto 0}.instagram-qr{gap:20px;padding-inline:6%}.instagram-qr img{width:105px;min-width:105px}.instagram-qr h2{font-size:30px}.instagram-qr .eyebrow{font-size:7px}.instagram-qr .text-link{font-size:10px}}
/* Stable Android/mobile branch: static atmosphere, ordinary 2D photos, tiny light sprite.
   The parent ResizeObserver supplies untransformed --rim-width / --rim-height once per resize. */
@media(max-width:760px){
 .wordmark-row h1::after{content:none!important;display:none!important;animation:none!important}
 .night-art,.aurora,.night-stars,.road-ray,.showcase::before,.light-trail,.light-trail::after,.cinematic-band::before,.cinematic-band::after,.cinematic-band i{animation:none!important}
 .night-atmosphere::before,.night-atmosphere::after{content:none;animation:none!important}
 .night-art,.night-stars{transform:none}.showcase::after{transform:skewX(-20deg) scaleY(.4)}
 .hero-copy{animation:none!important;opacity:1;transform:none}
 .header,.navigation,.mobile-dock{backdrop-filter:none;-webkit-backdrop-filter:none;mix-blend-mode:normal}
 .header{background:#09162e}.navigation{background:#09172c}.mobile-dock{background:#09182e}
 html .gallery-dialog::backdrop{background:#020817;backdrop-filter:none;-webkit-backdrop-filter:none}
 .photo-rim::before{inset:auto;left:-8px;top:-8px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#fff8df 0 15%,#79e8ff 30%,#79e8ff80 48%,transparent 72%);transform:translate(0,0)}
 html[data-motion="on"] .photo-rim::before{animation:mobile-rim-travel 5s linear infinite}
 .photo-card:nth-child(2) .photo-rim::before{animation-delay:-1s}.photo-card:nth-child(3) .photo-rim::before{animation-delay:-2s}.photo-card:nth-child(4) .photo-rim::before{animation-delay:-3s}.photo-card:nth-child(5) .photo-rim::before{animation-delay:-4s}
}
@keyframes mobile-rim-travel{0%,100%{transform:translate(0,0)}25%{transform:translate(calc(var(--rim-width,200px) - 8px),0)}50%{transform:translate(calc(var(--rim-width,200px) - 8px),calc(var(--rim-height,263px) - 8px))}75%{transform:translate(0,calc(var(--rim-height,263px) - 8px))}}
/* Explicit off and OS reduced-motion both stop every ambient and interactive animation. */
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]){scroll-behavior:auto!important}html:not([data-motion="on"]) *,html:not([data-motion="on"]) *::before,html:not([data-motion="on"]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.night-atmosphere,.cinematic-band,.header-actions,.deck-controls,.mobile-dock,.enquiry-form,.light-trail,.photo-card::after{display:none}.hero,.section-wrap{padding:20px}.hero-grid{display:block}.showcase{max-width:600px}.hero-copy{margin-bottom:25px}body{background:white;color:#0b1b30}.footer{padding-bottom:20px}.wordmark-row h1{color:#0b1b30}.photo-card:not(.is-active){display:none}}