:root{--navy:#12233f;--navy-deep:#0b1830;--teal:#2e5c55;--sage:#8fa68e;--sand:#ede8dc;--gold:#b8895a;--gold-glow:#b8895a66;--glass-navy:#0b1830bf;--sans-font:"Inter", system-ui, -apple-system, sans-serif;--serif-font:"Fraunces", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--navy-deep);scrollbar-width:thin;scrollbar-color:var(--gold) var(--navy-deep)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--navy-deep)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a3754b}body{color:var(--sand);font-family:var(--sans-font);-webkit-font-smoothing:antialiased;background-color:var(--navy-deep);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s,opacity .3s}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.eyebrow{font-family:var(--sans-font);letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:11px;font-weight:500;animation:4s infinite alternate trackingGlow;display:block}@keyframes trackingGlow{0%{letter-spacing:4px;opacity:.8}to{letter-spacing:5px;opacity:1}}.serif-title{font-family:var(--serif-font);font-style:normal;font-weight:300}nav{z-index:1000;justify-content:space-between;align-items:center;padding:24px 6vw;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}nav.nav-transparent{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border-bottom:1px solid #ede8dc00}nav.nav-scrolled{background:var(--glass-navy);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ede8dc14;padding:16px 6vw;box-shadow:0 4px 30px #0003}.logo-img{aspect-ratio:1;background-color:currentColor;width:100%;height:100%;display:block;-webkit-mask-image:url(/assets/logo.svg);mask-image:url(/assets/logo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-logo-link{width:55px;height:55px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}nav .nav-logo{width:55px;height:55px;color:var(--sand);transition:transform .4s,color .4s}nav.nav-transparent .nav-logo{color:var(--sand);transform:scale(1.1)}nav.nav-scrolled .nav-logo{color:var(--gold)}nav .nav-links{opacity:0;pointer-events:none;gap:32px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-20px)}nav.nav-scrolled .nav-links{opacity:.85;pointer-events:auto;transform:translate(0)}nav .nav-links a{letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:500}nav .nav-links a:hover{color:var(--gold)}nav .nav-action{opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translate(20px)}nav.nav-scrolled .nav-action{opacity:1;pointer-events:auto;transform:translate(0)}nav .btn-enquire{background:var(--gold);color:var(--navy-deep);letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 4px 15px var(--gold-glow);border-radius:30px;padding:10px 22px;font-size:12px;font-weight:600;transition:all .3s}nav .btn-enquire:hover{background:#cba072;transform:translateY(-2px);box-shadow:0 6px 20px #b8895a99}#hero-wrap{background:var(--navy-deep);height:220vh;position:relative}#hero-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}#hero-container .layer{will-change:transform, opacity;background-position:50%;background-size:cover;position:absolute;inset:0}.layer.hill-back{background-image:url(/assets/images/misty_tea_hills.webp);transform:scale(1.05)}.layer.bridge-mid{background-image:url(/assets/images/suspension_bridge.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:50%;left:auto;transform:scale(1.1)}.layer.dome-tent{background-image:url(/assets/images/glowing_dome_tent.webp);background-size:cover;border-radius:8px;width:38%;height:48%;top:auto;bottom:8%;left:6%;transform:scale(1.15);box-shadow:0 30px 70px #0009}.layer.mist-fog{filter:blur(8px);opacity:0;pointer-events:none;background:radial-gradient(80% 60%,#ede8dcfa 0%,#ede8dcb3 60%,#ede8dc00 100%)}.layer.vignette-overlay{pointer-events:none;background:linear-gradient(#0b183099 0%,#0b18301a 40%,#0b1830d9 100%)}#hero-container .hero-content{z-index:10;text-align:center;padding:0 20px;position:relative}#hero-container h1{color:var(--sand);letter-spacing:-.5px;font-size:clamp(48px,8vw,100px);font-weight:300;line-height:1.1;font-family:var(--serif-font);margin-bottom:12px}#hero-container p{font-family:var(--sans-font);letter-spacing:4px;text-transform:uppercase;color:#ede8dccc;font-size:13px}.hero-quick-nav{z-index:20;justify-content:center;padding:0 4vw 40px;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:0;left:0;right:0}.quick-nav-bar{background:var(--sand);border-bottom:2px solid var(--gold);border-radius:4px;width:100%;max-width:900px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.quick-nav-item{color:var(--navy);font-family:var(--sans-font);letter-spacing:2px;text-transform:uppercase;border-right:1px solid #12233f1a;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:22px 10px;font-size:11px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.quick-nav-item:last-child{border-right:none}.quick-nav-item svg{width:22px;height:22px;color:var(--navy);margin-bottom:8px;transition:transform .4s,color .4s}.quick-nav-item:after{content:"";background:var(--gold);width:0;height:3px;transition:all .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.quick-nav-item:hover{color:var(--gold);background:#b8895a0d}.quick-nav-item:hover svg{color:var(--gold);transform:translateY(-3px)}.quick-nav-item:hover:after{width:100%}.scroll-cue{letter-spacing:3px;text-transform:uppercase;color:#ede8dc99;z-index:10;font-size:11px;animation:2s infinite bounceCue;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes bounceCue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.section-pad{padding:160px 10vw}#welcome{background:var(--sand);color:var(--navy);text-align:center;z-index:15;position:relative}#welcome p{max-width:960px;font-size:clamp(22px,3.2vw,36px);font-weight:300;line-height:1.5;font-family:var(--serif-font);margin:0 auto}.pillar{align-items:center;height:110vh;display:flex;position:relative;overflow:hidden}.pillar-bg{will-change:transform;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.pillar-overlay{transition:background .5s;position:absolute;inset:0}#living .pillar-bg{background-image:url(/assets/images/living_classrooms_hero.webp)}#living .pillar-overlay{background:linear-gradient(90deg,#0b1830d9 0%,#8fa68e4d 100%)}#adventure{align-items:flex-end}#adventure .pillar-content{text-align:right;margin-left:auto}#adventure .pillar-bg{background-image:url(/assets/images/adventure_hero.webp)}#adventure .pillar-overlay{background:linear-gradient(270deg,#0b1830e6 0%,#b8895a26 100%)}#habitat .pillar-bg{background-image:url(/assets/images/habitat_hero.webp)}#habitat .pillar-overlay{background:linear-gradient(90deg,#0b1830d9 0%,#2e5c554d 100%)}#projects{align-items:flex-end}#projects .pillar-content{text-align:right;margin-left:auto}#projects .pillar-bg{background-image:url(/assets/images/projects_hero.webp)}#projects .pillar-overlay{background:linear-gradient(270deg,#0b1830e6 0%,#0b183033 100%)}.pillar-content{z-index:5;opacity:0;will-change:transform, opacity;max-width:580px;padding:0 8vw;position:relative;transform:translateY(40px)}.pillar-content h2{font-size:clamp(34px,4.5vw,56px);line-height:1.15;font-family:var(--serif-font);margin-bottom:20px;font-weight:300}.pillar-content p{color:#ede8dcd9;margin-bottom:30px;font-size:15px;line-height:1.8}.pillar-link{font-family:var(--sans-font);letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:6px;font-size:12px;font-weight:600;transition:all .3s;display:inline-block}.pillar-link:hover{color:var(--sand);border-color:var(--sand);transform:translate(6px)}#vision{background:var(--navy);text-align:center}#vision h2{max-width:900px;font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.45;font-family:var(--serif-font);margin:0 auto}#image-break{background:var(--navy-deep);height:380vh;position:relative}.pin-stage{z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.stage-label{text-align:center;z-index:50;letter-spacing:3px;text-transform:uppercase;color:#ede8dc66;font-size:11px;position:absolute;top:40px;left:0;right:0}#tile-container{pointer-events:none;position:absolute;inset:0}.img-tile{opacity:0;will-change:transform, opacity;border:1px solid #ede8dc1a;border-radius:4px;width:280px;height:190px;margin:-95px 0 0 -140px;position:absolute;top:50%;left:50%;overflow:hidden;transform:scale(4.5);box-shadow:0 20px 50px #00000080}.img-tile img{object-fit:cover;filter:contrast(1.05)brightness(.9)saturate(.9);width:100%;height:100%}.center-caption{z-index:60;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(16px);background:#0b1830b3;border:1px solid #ede8dc1a;border-radius:12px;max-width:500px;padding:30px 40px;position:relative;box-shadow:0 20px 50px #0006}.center-caption h3{font-size:clamp(32px,5vw,52px);font-weight:300;line-height:1.2;font-family:var(--serif-font);margin-bottom:12px}.center-caption span{letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-size:11px;display:block}.safety-panel{align-items:center;height:80vh;display:flex;position:relative;overflow:hidden}.safety-panel .bg{will-change:transform;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}#safety1 .bg{background-image:url(/assets/images/safety_gear.webp)}#safety2 .bg{background-image:url(/assets/images/safety_inspect.webp)}.safety-panel .overlay{z-index:2;background:linear-gradient(90deg,#0b1830d9 0%,#0b18304d 100%);position:absolute;inset:0}.safety-panel .content{z-index:5;opacity:0;-webkit-backdrop-filter:blur(14px);will-change:transform, opacity;background:#0b18308c;border:1px solid #ede8dc1f;border-radius:8px;max-width:580px;margin-left:8vw;padding:50px;position:relative;transform:translateY(40px);box-shadow:0 20px 50px #0006}.safety-panel h3{font-size:clamp(28px,4vw,38px);font-weight:300;font-family:var(--serif-font);color:var(--sand);margin-bottom:16px}.safety-panel p{color:#ede8dcd9;font-size:15px;line-height:1.8}#faq{background:var(--sand);color:var(--navy);z-index:10;position:relative}#faq h2{text-align:center;font-size:clamp(32px,4.5vw,44px);font-weight:300;font-family:var(--serif-font);margin-bottom:60px}.faq-container{max-width:800px;margin:0 auto}.faq-item{cursor:pointer;border-bottom:1px solid #12233f26;padding:24px 0}.faq-q{justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:500;display:flex}.faq-a{color:#12233fbf;max-height:0;padding-right:30px;font-size:15px;line-height:1.8;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-item.open .faq-a{max-height:250px;padding-top:16px}.faq-plus{color:var(--gold);font-size:24px;font-weight:300;transition:transform .4s}.faq-item.open .faq-plus{transform:rotate(45deg)}#sticky-cta{z-index:900;background:var(--navy-deep);color:var(--gold);border:1px solid var(--gold);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:40px;align-items:center;gap:8px;padding:16px 28px;font-size:12px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 30px #00000080}#sticky-cta:hover{background:var(--gold);color:var(--navy-deep);box-shadow:0 15px 35px var(--gold-glow);transform:scale(1.05)translateY(-2px)}#sticky-cta svg{width:14px;height:14px}.drawer-overlay-wrapper{z-index:2000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#0b1830b3;transition:opacity .5s;position:fixed;inset:0}.drawer-overlay-wrapper.active{opacity:1;pointer-events:auto}#drawer{background:var(--glass-navy);-webkit-backdrop-filter:blur(25px);z-index:2010;border-left:1px solid #ede8dc1a;flex-direction:column;width:100%;max-width:480px;padding:50px 40px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0006}.drawer-overlay-wrapper.active #drawer{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.drawer-header h3{color:var(--sand);font-size:24px;font-weight:300;font-family:var(--serif-font)}.drawer-close{color:#ede8dc80;cursor:pointer;font-size:28px;transition:color .3s}.drawer-close:hover{color:var(--gold)}.chat-step{flex-direction:column;height:100%;display:none}.chat-step.active{animation:.5s forwards fadeInStep;display:flex}@keyframes fadeInStep{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chat-prompt{color:#ede8dcd9;margin-bottom:24px;font-size:16px}.chat-options{flex-direction:column;gap:12px;display:flex}.chat-btn{text-align:left;background:#ede8dc0d;border:1px solid #ede8dc1f;border-radius:6px;padding:16px 20px;font-size:14px;font-weight:500;transition:all .3s}.chat-btn:hover{border-color:var(--gold);color:var(--gold);background:#b8895a14}.chat-form{flex-direction:column;gap:16px;display:flex}.chat-form input,.chat-form textarea{color:var(--sand);background:#0b183080;border:1px solid #ede8dc26;border-radius:6px;width:100%;padding:14px 18px;font-family:inherit;font-size:14px;transition:border-color .3s}.chat-form input:focus,.chat-form textarea:focus{border-color:var(--gold);outline:none}.btn-submit{background:var(--gold);color:var(--navy-deep);letter-spacing:1px;text-transform:uppercase;border-radius:6px;margin-top:10px;padding:14px;font-weight:600;transition:all .3s}.btn-submit:hover{background:#cba072}.chat-back{letter-spacing:1px;text-transform:uppercase;color:#ede8dc80;text-align:center;cursor:pointer;margin-top:18px;font-size:12px}.chat-back:hover{color:var(--gold)}.chat-success{text-align:center;margin-top:40px}.chat-success svg{width:60px;height:60px;color:var(--gold);margin-bottom:20px}.chat-success h4{font-size:22px;font-weight:300;font-family:var(--serif-font);margin-bottom:12px}.chat-success p{color:#ede8dc99;font-size:14px}#mist-transition{background:var(--sand);z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateY(100%)}.mist-logo{width:80px;height:80px;color:var(--navy);opacity:0;transform:scale(.9)}footer{background:var(--navy-deep);z-index:10;border-top:1px solid #ede8dc0d;padding:100px 8vw 50px;position:relative}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:50px;margin-bottom:80px;display:flex}.footer-brand{flex:300px}.footer-brand .logo-container{width:130px;color:var(--sand);margin-bottom:20px}.footer-brand p{color:#ede8dc99;max-width:260px;font-size:14px}.footer-col{flex-direction:column;flex:180px;display:flex}.footer-col h4{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;font-size:11px;font-weight:600}.footer-col a,.footer-col p{color:#ede8dcb3;margin-bottom:12px;font-size:14px}.footer-col a:hover{color:var(--gold)}.footer-bottom{color:#ede8dc73;border-top:1px solid #ede8dc14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;font-size:12px;display:flex}.sub-hero{justify-content:center;align-items:center;height:65vh;display:flex;position:relative;overflow:hidden}.sub-hero:after{content:"";background:linear-gradient(180deg, #ede8dc00 0%, #ede8dc59 35%, #ede8dccc 75%, var(--sand) 100%);pointer-events:none;z-index:2;height:220px;position:absolute;bottom:0;left:0;right:0}.sub-hero .bg{will-change:transform;filter:contrast(1.06)brightness(.9);background-position:50%;background-size:cover;position:absolute;inset:0}.sub-hero .overlay{z-index:1;background:linear-gradient(#0b183066 10% 40%,#0b1830d9 100%);position:absolute;inset:0}.sub-hero .overlay:before{content:"";pointer-events:none;background:linear-gradient(#0b183040 0%,#0b183000 60%,#0b183073 100%);position:absolute;inset:0}.sub-hero .overlay:after{content:"";pointer-events:none;background:radial-gradient(circle,#0b183000 30%,#0b183080 100%);position:absolute;inset:0}.sub-hero .content{z-index:10;text-align:center;max-width:800px;padding:0 20px;position:relative}.sub-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.15;font-family:var(--serif-font);margin-bottom:16px;font-weight:300}.theme-sage{--theme-overlay:#8fa68e26}.theme-teal{--theme-overlay:#2e5c552e}.theme-navy-dark{--theme-overlay:#0b183033}.theme-gold-navy{--theme-overlay:#b8895a0d}.pinned-split{background:var(--sand);color:var(--navy);flex-wrap:wrap;display:flex;position:relative}.pinned-left{flex:450px;height:fit-content;padding:100px 6vw;position:sticky;top:80px}.pinned-left h2{font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.25;font-family:var(--serif-font);margin-bottom:24px}.pinned-left p{color:#12233fcc;font-size:16px;line-height:1.7}.pinned-right{border-left:1px solid #12233f1a;flex:500px;padding:100px 6vw}.offer-list{flex-direction:column;gap:20px;display:flex}.care-list{gap:18px;margin-top:24px;padding:0;font-size:16px;line-height:1.5;list-style:none;display:grid}.care-list li{align-items:flex-start;gap:12px;display:flex}.care-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;font-size:20px;display:flex}.care-teaser-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;margin-bottom:40px;display:grid}.care-teaser-item{text-align:center;background:#ede8dc08;border:1px solid #ede8dc14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:220px;padding:40px 24px;transition:background .3s,border-color .3s;display:flex}.care-teaser-item:hover{border-color:var(--gold);background:#ede8dc0f}.care-teaser-item .care-icon svg{width:28px!important;height:28px!important}.care-teaser-item p{color:var(--sand);margin:0;font-size:16px;font-weight:300;line-height:1.5}@media (max-width:900px){.care-teaser-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.care-teaser-grid{grid-template-columns:1fr}}.care-block button{background:var(--gold);color:var(--navy-deep);letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 25px var(--gold-glow);border:none;border-radius:40px;margin-top:32px;padding:16px 36px;font-size:13px;font-weight:600;transition:all .3s}.care-block button:hover{background:#cba072;transform:translateY(-3px);box-shadow:0 15px 35px #b8895a80}.offer-item{border-bottom:1px solid #12233f1a;padding-bottom:20px}.offer-item h3{color:var(--navy);margin-bottom:8px;font-size:18px;font-weight:500}.offer-item p{color:#12233fb3;font-size:14.5px;line-height:1.6}.gallery-section{background:var(--navy-deep);padding:140px 8vw}.gallery-section h2{text-align:center;font-size:clamp(28px,3.5vw,40px);font-weight:300;font-family:var(--serif-font);margin-bottom:60px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.gallery-card{background:var(--navy);opacity:0;border:1px solid #ede8dc0d;border-radius:4px;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(30px);box-shadow:0 15px 35px #0000004d}.gallery-card.visible{opacity:1;transform:translateY(0)}.gallery-card:hover{border-color:#b8895a4d;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #00000080}.gallery-img{height:240px;overflow:hidden}.gallery-img img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.gallery-card:hover .gallery-img img{transform:scale(1.08)}.gallery-info{padding:24px}.gallery-info h4{color:var(--sand);margin-bottom:8px;font-size:17px;font-weight:400}.gallery-info p{color:#ede8dc99;font-size:13px;line-height:1.5}.closing-cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex;position:relative;overflow:hidden}.closing-cta .bg{background-position:50%;background-size:cover;position:absolute;inset:0}.closing-cta .overlay{background:linear-gradient(#0b183099 0%,#0b1830f2 100%);position:absolute;inset:0}.closing-cta .content{z-index:10;max-width:600px;padding:0 20px;position:relative}.closing-cta h2{font-size:clamp(30px,4.5vw,50px);font-family:var(--serif-font);margin-bottom:30px;font-weight:300}.closing-cta button{background:var(--gold);color:var(--navy-deep);letter-spacing:2px;text-transform:uppercase;box-shadow:0 10px 25px var(--gold-glow);border-radius:40px;padding:16px 36px;font-size:13px;font-weight:600;transition:all .3s}.closing-cta button:hover{background:#cba072;transform:translateY(-3px);box-shadow:0 15px 35px #b8895a80}.process-list{flex-direction:column;gap:40px;display:flex}.process-step{gap:24px;display:flex}.step-num{font-family:var(--serif-font);color:var(--gold);font-size:32px;line-height:1}.step-details h3{margin-bottom:8px;font-size:18px;font-weight:500}.step-details p{color:#12233fb3;font-size:14.5px;line-height:1.6}.amenities-lines{grid-template-columns:1fr 1fr;gap:20px 40px;margin-top:30px;display:grid}.amenity-line{color:var(--navy);border-bottom:1px solid #12233f1f;padding-bottom:10px;font-size:15px;font-weight:500}@media (max-width:768px){.pinned-left{padding-bottom:0;position:relative;top:0}.pinned-right{border-left:none;padding-top:40px}.amenities-lines{grid-template-columns:1fr}}#pillars-showcase-pin{background:var(--navy-deep);height:550vh;position:relative}.showcase-pin-stage{perspective:1200px;background:var(--navy-deep);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.showcase-bg-layers{z-index:1;position:absolute;inset:0}.showcase-bg-layer{opacity:0;will-change:opacity;background-position:50%;background-size:cover;position:absolute;inset:0}.showcase-bg-layer.bg-living{background-image:url(/assets/images/living_classrooms_hero.webp)}.showcase-bg-layer.bg-adventure{background-image:url(/assets/images/adventure_hero.webp)}.showcase-bg-layer.bg-habitat{background-image:url(/assets/images/habitat_hero.webp)}.showcase-bg-layer.bg-projects{background-image:url(/assets/images/projects_hero.webp)}.showcase-bg-overlay{z-index:2;background:linear-gradient(90deg,#0b1830e6 0%,#0b183073 100%);position:absolute;inset:0}.showcase-title{color:var(--sand);z-index:20;font-size:clamp(36px,6vw,68px);font-family:var(--serif-font);will-change:transform, opacity;font-weight:300;position:absolute;top:12%;left:8%}.cards-row{z-index:10;width:100%;max-width:1200px;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;gap:28px;display:flex;position:relative}.pillar-card{cursor:pointer;width:240px;height:380px;transform-style:preserve-3d;will-change:transform, opacity, width, height;background:var(--navy);transform-origin:50%;border:1px solid #ede8dc1a;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.pillar-card .card-bg{will-change:transform;background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.pillar-card .card-overlay{background:linear-gradient(#0b183026 0%,#0b1830d9 100%);transition:background .4s;position:absolute;inset:0}.pillar-card .card-content{z-index:5;padding:24px;position:absolute;bottom:0;left:0;right:0}.pillar-card .card-num{font-family:var(--serif-font);color:var(--gold);opacity:.8;margin-bottom:6px;font-size:28px;display:block}.pillar-card .card-title{font-family:var(--serif-font);color:var(--sand);font-size:24px;font-weight:300;line-height:1.2}.pillar-card .card-desc{color:#ede8dce6;opacity:1;max-height:none;margin-top:8px;font-size:15px;line-height:1.5}.pillar-card:hover .card-bg{will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1)}.pillar-card:hover .card-overlay{background:linear-gradient(#0b18300d 0%,#0b1830f2 100%)}.pillar-card:hover .card-desc{opacity:1;max-height:none;margin-top:8px}.showcase-content-blocks{z-index:15;pointer-events:none;width:45%;height:420px;position:absolute;top:50%;left:8vw;transform:translateY(-50%)}.showcase-content-blocks .pillar-content{opacity:0;pointer-events:none;will-change:transform, opacity;width:100%;max-width:100%;padding:0;position:absolute;top:0;left:0;transform:translateY(40px)}.pillars-mobile-list{display:none}@media (max-width:900px){#pillars-showcase-pin{height:auto!important}.showcase-pin-stage{perspective:none!important;background:var(--navy-deep)!important;flex-direction:column!important;gap:30px!important;height:auto!important;padding:80px 6vw!important;display:flex!important;position:relative!important}.showcase-title{text-align:center;margin-bottom:20px!important;position:relative!important;top:auto!important;left:auto!important}.showcase-bg-layers,.cards-row,.showcase-content-blocks{display:none!important}.pillars-mobile-list{flex-direction:column;gap:16px;padding:20px 16px 60px;display:flex}.pillar-merged-card{background:var(--navy);border-radius:4px;position:relative;overflow:hidden}.merged-card-img{clip-path:inset(0 0 100%);background-position:50%;background-size:cover;height:240px}.merged-card-body{color:var(--sand);padding:20px}.merged-card-num{font-family:var(--serif-font);color:var(--gold);opacity:.8;font-size:22px}.merged-card-body h3{font-family:var(--serif-font);margin:6px 0 10px;font-size:26px;font-weight:300}.merged-card-body p{color:#ede8dcd9;margin-bottom:14px;font-size:15px;line-height:1.6}.nav-menu-btn{display:block!important}nav .nav-links,nav .nav-action{display:none!important}}.quick-nav-fade{display:none}@media (max-width:768px){#hero-container h1{font-size:clamp(32px,7vw,48px)!important}.sub-hero h1{font-size:clamp(28px,6vw,36px)!important}.layer.dome-tent,.layer.bridge-mid{display:none!important}.section-pad{padding:80px 6vw}.pinned-left{padding:60px 6vw 20px}.pinned-right{padding:20px 6vw 60px}.hero-quick-nav{position:relative}.quick-nav-bar{-webkit-overflow-scrolling:touch;white-space:nowrap;scroll-snap-type:x proximity;justify-content:flex-start;padding:0 10px;display:flex;position:relative;overflow-x:auto}.quick-nav-item{scroll-snap-align:center;flex:0 0 100px;padding:14px 6px}.quick-nav-fade{background:linear-gradient(to right, transparent, var(--sand) 80%);pointer-events:none;z-index:21;width:32px;display:block;position:absolute;top:0;bottom:40px;right:0}#sticky-cta{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;right:16px;box-shadow:0 8px 25px #0006;bottom:130px!important}.scroll-cue{display:none!important}}@media (max-width:600px){.center-caption{max-width:90%;padding:20px 24px}.center-caption h3{font-size:26px}.img-tile{width:140px;height:95px;margin:-47.5px 0 0 -70px}#image-break{height:250vh}.quick-nav-bar{-webkit-overflow-scrolling:touch;white-space:nowrap;justify-content:flex-start;padding:0 10px;display:flex;overflow-x:auto}.quick-nav-item{flex:0 0 100px;padding:14px 6px}.quick-nav-item svg{width:18px;height:18px;margin-bottom:4px}.quick-nav-item span{letter-spacing:1px;font-size:9px}#sticky-cta{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;bottom:20px;right:20px;box-shadow:0 8px 25px #0006}#sticky-cta span{display:none}#sticky-cta svg{width:20px;height:20px;margin:0}#drawer{padding:40px 24px}}.nav-menu-btn{color:var(--sand);z-index:1010;padding:8px;transition:color .3s;display:none}.nav-menu-btn:hover{color:var(--gold)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);z-index:1500;opacity:0;pointer-events:none;background:#0b1830b3;transition:opacity .4s;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-menu-drawer{background:var(--glass-navy);-webkit-backdrop-filter:blur(30px);z-index:1510;border-right:1px solid #ede8dc1a;flex-direction:column;width:80%;max-width:320px;padding:60px 30px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 40px #0006}.mobile-menu-overlay.active .mobile-menu-drawer{transform:translate(0)}.mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.mobile-menu-header h3{color:var(--sand);font-size:20px;font-weight:300;font-family:var(--serif-font);letter-spacing:1px}.mobile-menu-close{color:#ede8dc80;cursor:pointer;font-size:32px;line-height:1}.mobile-menu-links{flex-direction:column;gap:24px;display:flex}.mobile-menu-link{font-family:var(--serif-font);color:var(--sand);border-bottom:1px solid #ede8dc14;padding-bottom:12px;font-size:24px;font-weight:300;transition:all .3s}.mobile-menu-link:hover{color:var(--gold);border-color:var(--gold);padding-left:8px}nav .btn-enquire:active,#sticky-cta:active,.btn-submit:active,.chat-btn:active,.closing-cta button:active{transition:transform .14s cubic-bezier(.16,1,.3,1);transform:scale(.97)}.pillar-card:active .card-bg{transition:transform .16s cubic-bezier(.16,1,.3,1);transform:scale(1.04)}.pillar-card:active{filter:brightness(.92)}.nav-hamburger-svg{width:24px;height:24px}.nav-hamburger-line{transform-origin:12px 12px;stroke:currentColor;stroke-width:1.5px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s}.nav-hamburger-line.top-line.open{transform:translateY(5.25px)rotate(45deg)}.nav-hamburger-line.mid-line.open{opacity:0;transition:opacity .2s}.nav-hamburger-line.bot-line.open{transform:translateY(-5.25px)rotate(-45deg)}.chat-step.exiting{animation:.15s cubic-bezier(.16,1,.3,1) forwards fadeOutStep;display:flex}@keyframes fadeOutStep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.chat-success-icon{width:60px;height:60px;color:var(--gold);margin-bottom:20px;transform:scale(0)}.chat-step.active .chat-success-icon{animation:.4s cubic-bezier(.16,1,.3,1) .5s forwards successScalePop}.chat-success-icon path{stroke-dasharray:100;stroke-dashoffset:100px}.chat-step.active .chat-success-icon path{animation:.5s cubic-bezier(.16,1,.3,1) .9s forwards drawCheckmark}@keyframes successScalePop{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes drawCheckmark{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){nav .btn-enquire:active,#sticky-cta:active,.btn-submit:active,.chat-btn:active,.closing-cta button:active{transition:transform .3s;transform:scale(.99)}.pillar-card:active .card-bg{transition:transform .3s;transform:scale(1.01)}.nav-hamburger-line{transition:transform .4s,opacity .35s}.chat-step.exiting{animation:.25s forwards fadeOutStep}.chat-step.active .chat-success-icon{animation:.5s .5s forwards successScalePop}.chat-step.active .chat-success-icon path{animation:.6s .9s forwards drawCheckmark}}
