@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');
.al{--ink:#0E0F12;--ink2:#15171C;--bone:#F2EEE6;--muted:#A7A096;--bronze:#B9A17B;--bronze2:#D8C6A3;--line:rgba(242,238,230,.16)}
.al{font-family:'Jost',sans-serif;color:var(--bone);background:var(--ink)}
.al *{box-sizing:border-box}
.al .elementor-heading-title{font-family:'Cormorant Garamond',serif;font-weight:300;letter-spacing:.2px;margin:0}
.al-eyebrow .elementor-heading-title{font-family:'Jost',sans-serif;font-weight:500;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze)}
.al-h2 .elementor-heading-title{font-size:clamp(30px,4.4vw,58px);line-height:1.05;color:var(--bone)}
.al-body{font-size:clamp(16px,1.2vw,18px);line-height:1.85;color:#CFC9BE;font-weight:300}
.al-body p{margin:0 0 1em}.al-body p:last-child{margin-bottom:0}
/* entrance motion handled by Elementor native animations (no inline JS) */
/* hero */
.al-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
.al-hero .elementor-container{position:relative;z-index:2}
.al-hero .elementor-widget-wrap{text-align:center}
.al-hero-title .elementor-heading-title{font-size:clamp(56px,12vw,170px);line-height:.92;color:#fff;text-shadow:0 4px 70px rgba(0,0,0,.55)}
.al-hero-sub .elementor-heading-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:clamp(19px,2.4vw,31px);color:#EDE7DA;max-width:780px;margin:18px auto 0;line-height:1.4}
.al-hero-meta .elementor-heading-title{font-family:'Jost',sans-serif;font-weight:400;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#CFC7B8;margin-top:26px}
.al-scrollcue{margin-top:42px;color:#d9d2c4;font:500 11px/1 'Jost',sans-serif;letter-spacing:.3em;text-transform:uppercase;opacity:.85;text-align:center}
.al-scrollcue .l{display:block;width:1px;height:54px;margin:14px auto 0;background:linear-gradient(var(--bronze),transparent);animation:alpulse 2.4s ease-in-out infinite}
@keyframes alpulse{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}
/* buttons */
.al-actions .elementor-widget-button{width:auto}
.al-actions-col>.elementor-widget-wrap,.al-actions-col>.elementor-widget-wrap>.elementor-widget{width:auto}
.al-actions-col>.elementor-widget-wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.al-btn .elementor-button,.al-btn>a{background:var(--bronze);color:#14130F;font-family:'Jost',sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;padding:17px 34px;border-radius:0;border:1px solid var(--bronze);transition:.4s;display:inline-block}
.al-btn .elementor-button:hover,.al-btn>a:hover{background:transparent;color:var(--bronze2);border-color:var(--bronze2)}
.al-btn-ghost .elementor-button,.al-btn-ghost>a{background:transparent;color:var(--bone);border:1px solid var(--line)}
.al-btn-ghost .elementor-button:hover,.al-btn-ghost>a:hover{border-color:var(--bone);color:#fff}
/* origin */
.al-pull .elementor-heading-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(22px,2.6vw,33px);line-height:1.36;color:var(--bronze2);border-left:2px solid var(--bronze);padding-left:24px;margin-top:6px}
.al-img img{border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.45);display:block;width:100%}
/* day / night */
.al-day{background:var(--bone)!important}
.al-day .al-eyebrow .elementor-heading-title{color:#8a6f43}
.al-day .al-h2 .elementor-heading-title{color:#15140F}
.al-day .al-body{color:#3c382f}
.al-night{background:#070809!important}
.al-trans{background:linear-gradient(180deg,#070809,#0E0F12)!important}
.al-trans .elementor-heading-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(24px,3.4vw,46px);line-height:1.25;color:var(--bone);max-width:1000px;margin:0 auto;text-align:center}
/* gallery */
.al-gallery{background:var(--ink)}
.al-gallery .elementor-image-carousel .swiper-slide img,.al-carousel img{border-radius:2px;height:62vh;max-height:640px;width:100%;object-fit:cover}
.al-gallery .elementor-image-gallery img,.al-grid img{border-radius:2px;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;filter:saturate(.96);display:block;width:100%}
.al-gallery .gallery-item,.al-grid a{overflow:hidden;display:block}
.al-gallery .elementor-image-gallery img:hover,.al-grid img:hover{transform:scale(1.06);filter:saturate(1.1)}
.al-gallery .elementor-swiper-button,.al-gallery .swiper-pagination-bullet-active{color:var(--bronze);background:var(--bronze)}
/* pillars */
.al-pillars{background:var(--ink2)}
.al-pillar .elementor-icon-box-wrapper,.al-pillar{text-align:left}
.al-pillar .elementor-icon,.al-pillar .pic{font-size:24px;color:var(--bronze)}
.al-pillar .elementor-icon-box-title,.al-pillar h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:23px;color:var(--bone);margin:14px 0 8px}
.al-pillar .elementor-icon-box-description,.al-pillar p{font-family:'Jost',sans-serif;font-weight:300;font-size:14.5px;line-height:1.7;color:#B7B1A6;margin:0}
.al-pillar{border-top:1px solid var(--line);padding-top:22px;margin-top:8px}
.al-ideal .elementor-heading-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(18px,2vw,25px);color:var(--bronze2);text-align:center;margin-top:34px}
/* specs */
.al-specs .elementor-icon-list-item,.al-specs li{border-bottom:1px solid var(--line);padding:13px 0}
.al-specs .elementor-icon-list-icon i,.al-specs .ic{color:var(--bronze)}
.al-specs .elementor-icon-list-text,.al-specs .tx{font-family:'Jost',sans-serif;font-weight:300;letter-spacing:.02em;color:#D7D1C6;font-size:15.5px}
/* nebulae */
.al-neb{background:radial-gradient(120% 140% at 50% 0%,#1b2a22 0%,#0E0F12 62%)!important;text-align:center}
.al-neb .elementor-widget-wrap,.al-neb{text-align:center}
.al-neb .al-body{max-width:760px;margin:0 auto}
/* final cta */
.al-cta{min-height:84vh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}
.al-cta .elementor-widget-wrap{text-align:center}
.al-cta .al-h2 .elementor-heading-title{font-size:clamp(38px,6vw,86px);color:#fff}
/* layout helpers for preview */
.al-sec{padding:clamp(64px,9vw,140px) 22px}
.al-wrap{max-width:1180px;margin:0 auto}
.al-2col{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:center;max-width:1180px;margin:0 auto}
.al-grid{columns:3;column-gap:12px;max-width:1320px;margin:26px auto 0}.al-grid a{margin:0 0 12px}
.al-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.al-carousel a{scroll-snap-align:center}
.al-pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;max-width:1240px;margin:36px auto 0}
.al-specgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
@media(max-width:1024px){.al-hero{min-height:88vh}.al-pgrid{grid-template-columns:repeat(2,1fr);gap:24px}.al-pillars .elementor-column{width:50%!important}}
@media(max-width:767px){.al-sec{padding:62px 18px}.al-2col{grid-template-columns:1fr}.al-grid{columns:2}.al-carousel{grid-auto-columns:84%}.al-pgrid,.al-specgrid{grid-template-columns:1fr}.al-pillars .elementor-column{width:100%!important}.al-gallery .elementor-image-carousel .swiper-slide img,.al-carousel img{height:50vh}}/* ===== Yogadeck deploy fixes ===== */
html,body{overflow-x:hidden}
.single-portfolio .post-header,.single-portfolio .post-header-overlay,.single-portfolio .post-thumbnail{display:none!important}
.al{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;position:relative}
.al-hero{position:relative!important;overflow:hidden}
.al-hero::before{content:'';position:absolute;inset:0;z-index:0;background:url(https://www.nebulae.cr/wp-content/uploads/2026/06/nebulae-yogadeck-shala-reflection.jpg) center/cover no-repeat;animation:alkb 28s ease-in-out infinite alternate;will-change:transform}
.al-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,9,12,.46),rgba(8,9,12,.86))}
.al-hero .elementor-container,.al-hero .elementor-widget-wrap{position:relative;z-index:2}
@keyframes alkb{from{transform:scale(1.03)}to{transform:scale(1.16)}}
.al-cta{background-image:linear-gradient(rgba(7,8,9,.58),rgba(7,8,9,.66)),url(https://www.nebulae.cr/wp-content/uploads/2026/06/nebulae-yogadeck-water-reflection-night.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.al-gallery .elementor-image-carousel .swiper-slide img{height:33vh!important;max-height:360px!important}
body.al-js [data-elementor-id="505"] .reveal{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
body.al-js [data-elementor-id="505"] .reveal.al-in{opacity:1;transform:none}
@media(max-width:767px){.al-hero-title .elementor-heading-title{font-size:clamp(44px,14vw,84px)!important;line-height:.97}.al-hero-sub .elementor-heading-title{font-size:18px!important}.al-h2 .elementor-heading-title{font-size:clamp(26px,7vw,42px)!important}.al-gallery .elementor-image-carousel .swiper-slide img{height:46vh!important}.al-trans .elementor-heading-title{font-size:24px!important}.al-cta .al-h2 .elementor-heading-title{font-size:clamp(32px,9vw,54px)!important}.al-pull .elementor-heading-title{font-size:21px!important}}
/*al-section-tagger*/(function(){var map=['al-hero','al-sec','al-sec al-day','al-sec al-night','al-sec al-trans','al-sec al-gallery','al-sec al-pillars','al-sec','al-sec al-neb','al-cta'];function tag(){var d=document.querySelector('[data-elementor-id="505"]');if(!d)return;d.querySelectorAll(':scope > .elementor-section').forEach(function(s,i){s.classList.add('al');(map[i]||'').split(' ').forEach(function(c){if(c)s.classList.add(c);});});}function reveal(){document.body.classList.add('al-js');var root=document.querySelector('[data-elementor-id="505"]');if(!root)return;root.querySelectorAll('.elementor-invisible').forEach(function(e){e.classList.remove('elementor-invisible');});var els=root.querySelectorAll('.reveal');if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('al-in');});return;}var io=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('al-in');io.unobserve(x.target);}});},{threshold:.08,rootMargin:'0px 0px -6% 0px'});els.forEach(function(e){io.observe(e);});}function go(){try{tag();}catch(e){}try{reveal();}catch(e){}}if(document.readyState!='loading')go();else document.addEventListener('DOMContentLoaded',go);})();
Nebulae · La Shala
Nebulae Yogadeck