
/* Experience Pravriddhi — cinematic gateway */
.xp-gateway{position:relative;overflow:hidden;background:#071012;color:#f4f5f1;padding:clamp(6.4rem,9vh,7.8rem) 0 0;isolation:isolate}
.xp-gateway:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 12% 18%,rgba(49,190,184,.16),transparent 30%),radial-gradient(circle at 86% 32%,rgba(70,117,153,.16),transparent 30%),linear-gradient(145deg,#061011 0%,#0a1517 52%,#061012 100%)}
.xp-gateway:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.xp-orbit{position:absolute;border:1px solid rgba(95,224,216,.10);border-radius:50%;pointer-events:none;z-index:-1}.xp-orbit-one{width:60vw;height:60vw;right:-30vw;top:-22vw}.xp-orbit-two{width:42vw;height:42vw;left:-25vw;top:18vw}
.xp-gateway-inner{position:relative}
.xp-intro{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:2rem;min-height:235px}
.xp-kicker{display:inline-block;color:#64d8cf;font-size:.7rem;font-weight:800;letter-spacing:.2em;line-height:1.3}
.xp-intro h1{margin:.8rem 0 1rem;font-size:clamp(3.5rem,6.7vw,6.6rem);line-height:.91;letter-spacing:-.065em;font-weight:500;max-width:850px}.xp-intro h1 span{color:#b8c1c0}
.xp-intro-copy>p:not(.xp-screen-note){max-width:680px;color:rgba(240,244,242,.72);font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.7;margin:0}.xp-screen-note{margin-top:1rem!important;color:rgba(240,244,242,.42)!important;font-size:.76rem!important;letter-spacing:.01em}
.xp-intro-mark{justify-self:end;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.4);font-size:.65rem;letter-spacing:.14em;padding-bottom:.3rem}.xp-intro-mark i{display:block;width:60px;height:1px;background:linear-gradient(90deg,#5dd5cc,rgba(93,213,204,.05))}
.xp-choice-head{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:3.2rem 0 1.35rem}.xp-choice-head h2{margin:.65rem 0 0;font-size:clamp(2.25rem,4.2vw,4.2rem);line-height:.96;letter-spacing:-.055em;font-weight:500}.xp-choice-head h2 span{color:#8e9a9a}.xp-choice-head>p{max-width:310px;margin:0 0 .35rem;color:rgba(240,244,242,.5);line-height:1.6;font-size:.88rem}
.xp-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-bottom:5.5rem}
.xp-experience-card{position:relative;min-height:500px;border-radius:28px;overflow:hidden;color:#fff;text-decoration:none;background:#111;isolation:isolate;box-shadow:0 30px 80px rgba(0,0,0,.34);transform:translateZ(0)}
.xp-card-image,.xp-card-shade{position:absolute;inset:0}.xp-card-image{background-position:center;background-size:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease}.xp-home .xp-card-image{background-image:url('../assets/experience-away-hero.webp')}.xp-hotel .xp-card-image{background-image:url('../assets/experience-hotel-hero.webp')}.xp-card-shade{background:linear-gradient(180deg,rgba(3,8,9,.06) 18%,rgba(3,8,9,.18) 40%,rgba(3,8,9,.9) 100%);z-index:1}.xp-card-top{position:absolute;z-index:2;top:1.5rem;left:1.6rem;right:1.6rem;display:flex;justify-content:space-between;color:rgba(255,255,255,.66);font-size:.64rem;letter-spacing:.18em}.xp-card-content{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem}.xp-card-kicker{color:#a6e7e1;font-size:.68rem;font-weight:800;letter-spacing:.18em}.xp-card-content h3{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em;line-height:.95;margin:.55rem 0 .8rem;font-weight:500}.xp-card-content p{max-width:480px;color:rgba(255,255,255,.74);font-size:.94rem;line-height:1.6;margin:0 0 1.5rem}.xp-enter{display:inline-flex;align-items:center;gap:.75rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.xp-enter b{font-size:1.1rem;font-weight:400;transition:transform .3s ease}.xp-experience-card:hover .xp-card-image,.xp-experience-card:focus-visible .xp-card-image{transform:scale(1.055);filter:saturate(1.08)}.xp-experience-card:hover .xp-enter b,.xp-experience-card:focus-visible .xp-enter b{transform:translateX(5px)}.xp-experience-card:focus-visible{outline:2px solid #6fe1d8;outline-offset:4px}
.xp-principle{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:4rem;padding:1.5rem 0 7rem;border-top:1px solid rgba(255,255,255,.1)}.xp-principle h2{margin:.75rem 0 0;font-size:clamp(2.1rem,4vw,4rem);line-height:.98;letter-spacing:-.055em;font-weight:500}.xp-principle h2 em{font-style:normal;color:#72d9d0}.xp-principle p{margin:2.2rem 0 0;color:rgba(240,244,242,.52);font-size:.92rem;line-height:1.75;max-width:430px}
.xp-beginning{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#030708;color:#f4f5f1;isolation:isolate}.xp-beginning:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(70,205,194,.11),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.82));z-index:1}.xp-beginning-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.16;filter:saturate(.55);transform:scale(1.04)}.xp-beginning-home{background-image:url('../assets/experience-away-hero.webp');clip-path:polygon(0 0,55% 0,45% 100%,0 100%)}.xp-beginning-hotel{background-image:url('../assets/experience-hotel-hero.webp');clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%)}.xp-beginning-inner{position:relative;z-index:2;padding:7rem 0;text-align:center;display:flex;flex-direction:column;align-items:center}.xp-beginning-inner h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.065em;font-weight:500;margin:1.1rem 0 1.5rem}.xp-beginning-inner h2 span{color:#929e9e}.xp-beginning-inner>p{max-width:620px;color:rgba(244,245,241,.62);font-size:1rem;line-height:1.7;margin:0 auto 2rem}.xp-beginning-cta{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.45rem;text-decoration:none;color:#f4f5f1;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.35rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);transition:.3s ease}.xp-beginning-cta b{font-weight:700;color:#74d9d1}.xp-beginning-cta:hover{border-color:rgba(116,217,209,.7);background:rgba(116,217,209,.08);transform:translateY(-2px)}
@media(max-width:900px){.xp-intro{grid-template-columns:1fr}.xp-intro-mark{display:none}.xp-choice-head{display:block}.xp-choice-head>p{margin-top:1rem}.xp-experience-grid{grid-template-columns:1fr}.xp-experience-card{min-height:500px}.xp-principle{grid-template-columns:1fr;gap:1rem}.xp-principle p{margin-top:0}.xp-beginning{min-height:590px}}
@media(max-width:600px){.xp-gateway{padding-top:6.7rem}.xp-intro h1{font-size:clamp(3rem,15vw,4.5rem)}.xp-choice-head{padding-top:4rem}.xp-choice-head h2{font-size:2.6rem}.xp-experience-grid{gap:.9rem;padding-bottom:4rem}.xp-experience-card{min-height:440px;border-radius:22px}.xp-card-content{left:1.35rem;right:1.35rem;bottom:1.35rem}.xp-card-top{left:1.2rem;right:1.2rem}.xp-card-content h3{font-size:2.5rem}.xp-principle{padding-bottom:5rem}.xp-beginning-inner{padding:5rem 1rem}.xp-beginning-inner h2{font-size:3.4rem}.xp-beginning-image{opacity:.12}}
@media(prefers-reduced-motion:reduce){.xp-card-image,.xp-enter b,.xp-beginning-cta{transition:none}}
