@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-family:Plus Jakarta Sans,sans-serif;color:#efe6d6;background:#061b2e;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #efe6d6;--gold: #c9a35c;--navy: #061b2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;min-width:320px}body{scrollbar-width:none}body::-webkit-scrollbar{display:none}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{overflow:clip}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:100px;display:flex;align-items:center;padding:0 2.08vw;background:linear-gradient(180deg,rgba(6,20,32,.54),transparent);color:var(--ink)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:260px}.brand img{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.brand span{font:500 24px/1 Cormorant Garamond,serif;letter-spacing:.02em}.site-header nav{position:absolute;left:50%;top:40px;transform:translate(-50%);display:flex;align-items:center;gap:clamp(32px,6vw,116px)}.site-header nav a,.site-header nav button,.login-link{position:relative;padding:0;color:#efe6d6d1;font-size:14px;text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer}.site-header nav a.active{color:var(--ink);font-weight:700}.site-header nav a.active:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-12px;background:var(--gold)}.site-header nav button:hover,.site-header nav a:hover,.login-link:hover{color:#fff}.login-link{margin-left:auto;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;font-size:13px;display:flex;align-items:center;gap:9px}.login-link img{width:5px;height:5px}.scene{position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:var(--navy)}.scene-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center}.hero .scene-bg{background-image:url(../assets/hero-poster.webp)}.rituals .scene-bg{background-image:linear-gradient(90deg,#08121c26,#08121c73 55%,#08121cd6),linear-gradient(0deg,rgba(8,18,28,.5),transparent 38%),url(../assets/margareth-supper.webp)}.residences .scene-bg{background-image:linear-gradient(90deg,#08121cd1,#08121c73 48%,#08121c33),linear-gradient(0deg,rgba(8,18,28,.5),transparent 34%),url(../assets/margareth-suite.webp)}.scene-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - .5px),rgba(239,230,214,.45) calc(25% - .5px) 25%)}.hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-video.is-playing{opacity:1}.intro-pending{visibility:hidden}.eyebrow,.chapter{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:10px;line-height:1.4;color:#efe6d6ba}.chapter{position:absolute;z-index:1;left:2.08%;top:10.2%}h1,h2,h3,p{margin-top:0}h1,.ritual-heading h2,.residence-copy h2{font-family:Cormorant Garamond,serif;font-weight:400}.hero-copy{position:absolute;z-index:2;left:2.08%;top:23.7%}.hero-copy .eyebrow{margin-bottom:14px}.hero-copy h1{margin:0;padding-bottom:.58vw;display:flex;flex-direction:column;width:min(58vw,1000px);font-size:clamp(50px,4.38vw,84px);line-height:1.1;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(165deg,#c9a35c 7%,#efe6d6 52%,#b89961 90%);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{margin:clamp(20px,1.98vw,38px) 0 0;font-size:clamp(13px,.89vw,17px);line-height:1.78;color:#efe6d6f2;text-shadow:0 1px 8px rgba(0,0,0,.55)}.hero-actions{display:flex;align-items:center;gap:clamp(36px,5.73vw,110px);margin-top:clamp(2px,.21vw,4px)}.hero-actions .invitation-button{width:clamp(160px,12.97vw,249px)}.invitation-button{display:inline-flex;align-items:center;gap:12px;min-height:clamp(44px,2.92vw,56px);padding:4px clamp(16px,1.2vw,23px) 4px 6px;border:1px solid rgba(239,230,214,.5);border-radius:40px;background:#efe6d60a;color:var(--ink);cursor:pointer;font-size:clamp(12px,.83vw,16px);font-weight:600;white-space:nowrap;transition:background .25s,border-color .25s}.invitation-button:hover{background:#efe6d621;border-color:var(--gold)}.invitation-button img{width:clamp(34px,2.08vw,40px);height:clamp(34px,2.08vw,40px)}.play-link{width:clamp(68px,6.56vw,126px);height:clamp(68px,6.56vw,126px);display:block;transition:transform .35s}.play-link:hover{transform:scale(1.06)}.play-link img{width:100%;height:100%}.ghost-word{position:absolute;z-index:-1;left:3%;bottom:-7%;font:400 clamp(190px,27vw,520px)/.9 "Cormorant Garamond",serif;letter-spacing:.06em;color:#efe6d60f;text-transform:uppercase;white-space:nowrap;pointer-events:none}.hero>.ghost-word{left:2%;right:2%;bottom:-1%;font-size:clamp(40px,15vw,245px);letter-spacing:.035em;text-align:center}.hero-stat{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;text-shadow:0 1px 8px rgba(0,0,0,.55)}.hero-stat img{width:40px;height:40px}.hero-stat span,.residence-stats span{display:flex;flex-direction:column;gap:2px}.hero-stat small,.residence-stats small{font-size:13px;color:#efe6d6d1}.hero-stat strong,.residence-stats strong{font-size:16px;font-weight:700}.depth-stat{left:83.3%;top:24%}.member-stat{left:85.4%;top:35.2%}.feature-card,.ritual-card,.suite-card{position:absolute;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.28);background:#0b2636;cursor:pointer}.card-action{position:absolute;z-index:2;inset:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.card-action:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.feature-card:hover .feature-image,.ritual-card:hover .feature-image,.suite-card:hover .feature-image{transform:scale(1.04)}.feature-shade{position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent,rgba(8,18,28,.5) 35%,rgba(8,18,28,.94))}.feature-copy,.ritual-card-copy,.suite-copy{position:absolute;z-index:1;left:9%;bottom:12%;text-shadow:0 1px 8px rgba(0,0,0,.55)}.feature-copy small,.ritual-card-copy small,.suite-copy small{font-size:12px;color:#efe6d6d9}.feature-copy h2{margin:7px 0 0;font:400 clamp(19px,1.67vw,32px)/.95 "Cormorant Garamond",serif}.order-card{left:64.6%;top:23.1%;width:15.4%;height:26%}.arrival-card{left:81.25%;top:55.5%;width:15.4%;height:26%}.circle-button{position:absolute;z-index:2;right:7%;bottom:7%;width:clamp(38px,2.81vw,54px);height:clamp(38px,2.81vw,54px);padding:0;border:0;background:transparent;pointer-events:none;transition:transform .3s}.feature-card:hover .circle-button,.ritual-card:hover .circle-button,.suite-card:hover .circle-button{transform:rotate(45deg)}.circle-button img{width:100%;height:100%}.scroll-cue{position:absolute;z-index:2;left:49.5%;bottom:0;height:15%;display:flex;align-items:center;flex-direction:column;gap:14px;color:#efe6d6e6;text-decoration:none;text-transform:uppercase;letter-spacing:.3em;font-size:9px}.scroll-cue span{transform:rotate(90deg);transform-origin:bottom center}.scroll-cue i{width:1px;height:56px;background:#efe6d6bf}.ritual-heading{position:absolute;left:2.08%;top:13.9%;z-index:1}.ritual-heading .eyebrow,.residence-copy .eyebrow{margin-bottom:8px}.ritual-heading h2,.residence-copy h2{margin:0;font-size:clamp(46px,4.3vw,82px);line-height:.98;letter-spacing:.035em;text-transform:uppercase}.ritual-heading h2,.residence-copy h2{display:flex;flex-direction:column}.ritual-heading h2{font-size:clamp(46px,3.96vw,76px)}.ritual-heading .ghost-word{top:-40%;left:22%;bottom:auto;font-size:clamp(180px,23vw,420px);opacity:.6}.ritual-note{position:absolute;left:77.1%;top:13.9%;z-index:1;font-size:15px;line-height:1.8;text-shadow:0 1px 8px rgba(0,0,0,.55)}.ritual-note p{margin:0}.next-night{position:absolute;left:77.1%;top:27.8%;display:flex;align-items:center;gap:12px;text-shadow:0 1px 8px rgba(0,0,0,.55)}.next-night img{width:40px;height:40px}.next-night span{display:flex;flex-direction:column;gap:3px}.next-night small{font-size:12px;color:#efe6d6cc}.next-night strong{font-size:14px}.ritual-strip{position:absolute;left:2.08%;right:2.08%;bottom:5.5%;height:27.8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.17%}.ritual-card{position:relative;min-width:0;height:100%;border-radius:18px}.ritual-card:nth-child(n){transform:none}.ritual-card-copy{bottom:12%}.ritual-card-copy small{font-size:13px}.ritual-card-copy h3{margin:6px 0 0;font:400 clamp(22px,1.7vw,32px)/1 "Cormorant Garamond",serif}.ritual-card .circle-button{width:48px;height:48px}.residence-copy{position:absolute;z-index:2;left:2.08%;top:22.2%}.residence-copy .chapter{position:absolute;top:-40px;left:0;margin:0}.residence-copy h2{padding-bottom:.58vw;font-size:clamp(54px,4.38vw,84px);line-height:1.1}.residence-description{margin:34px 0 30px;font-size:15px;line-height:2;text-shadow:0 1px 8px rgba(0,0,0,.55)}.residence-stats{display:grid;gap:24px;margin:18px 0 52px}.residence-stats>div{display:flex;align-items:center;gap:12px}.residence-stats img{width:40px;height:40px;object-fit:contain}.residence-copy .invitation-button{width:251px;min-height:56px}.suite-grid{position:absolute;inset:21.8% 2.08% 9.8% 52.1%;display:grid;grid-template-columns:1.18fr .75fr;grid-template-rows:1.15fr 1fr;column-gap:1.46vw;row-gap:2.59vh}.suite-card{position:relative;border-radius:18px}.suite-coral{grid-column:1;grid-row:1}.suite-abyss{grid-column:2;grid-row:1}.suite-crown{grid-column:1 / 3;grid-row:2}.suite-copy{left:5.4%;bottom:10%}.suite-copy h3{margin:7px 0 0;font:400 clamp(21px,1.65vw,32px)/1 "Cormorant Garamond",serif}.site-footer{position:absolute;z-index:2;bottom:2.2%;left:2.08%;right:2.08%;border-top:1px solid rgba(239,230,214,.28);padding-top:11px;display:flex;justify-content:space-between;color:#efe6d6b8;font-size:10px}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#00080eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-dialog{position:relative;width:min(100%,520px);padding:48px;border:1px solid rgba(239,230,214,.35);border-radius:20px;background:linear-gradient(145deg,#103348,#071b2b 72%);box-shadow:0 30px 100px #00000073}.dialog-close{position:absolute;right:20px;top:14px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}.detail-dialog h2{margin:18px 0 12px;font:400 42px/1 Cormorant Garamond,serif}.detail-image{display:block;width:100%;max-height:230px;margin-top:22px;border-radius:12px;object-fit:cover}.detail-dialog>p:last-of-type{margin:0;color:#efe6d6d1;line-height:1.7}.detail-dialog form{margin-top:26px}.detail-dialog label{display:block;margin-bottom:8px;font-size:12px}.email-field{display:flex;gap:8px}.email-field input{flex:1;min-width:0;padding:12px 14px;color:var(--ink);border:1px solid rgba(239,230,214,.4);border-radius:8px;background:#ffffff0d}.email-field button{padding:0 16px;border:0;border-radius:8px;background:var(--gold);color:#091c29;font-size:12px;font-weight:700;cursor:pointer}@media(max-width:1050px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 28px;height:100px;gap:4px 16px;padding:8px 4vw}.site-header nav{position:static;grid-column:1 / -1;grid-row:2;top:auto;left:auto;justify-content:center;transform:none;margin:0;gap:clamp(18px,4vw,42px)}.brand{grid-column:1;grid-row:1;min-width:0;gap:9px}.brand span{font-size:clamp(17px,1.9vw,20px)}.brand img{width:34px;height:34px}.login-link{grid-column:2;grid-row:1;justify-self:end;margin-left:0;font-size:11px}.scene{min-height:720px}.hero-copy{top:22%;left:5%}.hero-copy h1{width:68vw;font-size:clamp(52px,7vw,78px)}.order-card{left:65%;width:25%;top:24%;height:24%}.arrival-card{left:70%;top:60%;width:25%;height:24%}.depth-stat{left:70%;top:15%}.member-stat{left:81%;top:15%}.hero-actions{gap:35px}.play-link{width:80px;height:80px}.ritual-heading{left:5%;top:14%}.ritual-note{left:70%;top:16%;font-size:13px}.next-night{left:70%;top:31%}.ritual-strip{left:5%;right:5%;bottom:5%;height:34%;gap:12px}.ritual-card:nth-child(1),.ritual-card:nth-child(4){transform:none}.residence-copy{left:5%;top:20%}.residence-copy h2{font-size:clamp(50px,6vw,70px)}.suite-grid{inset:24% 5% 10% 49%;gap:12px}}@media(max-width:680px){.site-header{display:flex;height:72px;gap:0;padding:0 18px;background:linear-gradient(180deg,rgba(6,20,32,.92),transparent)}.brand{grid-column:auto;grid-row:auto;gap:8px}.brand img{width:28px;height:28px}.brand span{font-size:18px}.site-header nav{position:fixed;grid-column:auto;grid-row:auto;inset:auto 0 0;height:calc(58px + env(safe-area-inset-bottom,0px));margin-left:0;transform:none;justify-content:space-around;gap:0;padding:0 8px env(safe-area-inset-bottom,0px);background:#05131ef0;border-top:1px solid rgba(239,230,214,.15)}.site-header nav a,.site-header nav button{font-size:10px}.site-header nav a.active:after{bottom:-8px}.login-link{grid-column:auto;grid-row:auto;justify-self:auto;margin-left:auto;font-size:10px;letter-spacing:.1em}.scene{height:auto;min-height:100svh;overflow:hidden}.hero{min-height:900px}.hero .scene-bg{background-position:56% center}.hero-video{object-position:56% center}.hero-copy{left:7%;top:20%;right:5%}.hero-copy .eyebrow{max-width:260px;font-size:9px}.hero-copy h1{width:100%;padding-bottom:0;font-size:clamp(30px,7.7vw,36px);line-height:.96;letter-spacing:.02em}.hero-description{margin-top:22px;font-size:13px;line-height:1.7}.hero-actions{margin-top:22px;gap:18px}.hero-actions .invitation-button{width:auto}.invitation-button{width:auto;min-height:48px;padding-right:15px;gap:8px;font-size:11px}.invitation-button img{width:34px;height:34px}.play-link{width:64px;height:64px}.hero-stat{top:auto;bottom:18%;gap:8px}.hero-stat img{width:30px;height:30px}.hero-stat small{font-size:10px}.hero-stat strong{font-size:12px}.depth-stat{left:7%}.member-stat{left:48%}.order-card{left:7%;top:auto;bottom:3%;width:40%;height:17%}.arrival-card{inset:auto 7% 3% auto;width:40%;height:17%}.feature-copy h2{font-size:22px}.feature-copy small,.ritual-card-copy small{font-size:10px}.circle-button{width:38px;height:38px}.scroll-cue{display:none}.ghost-word{bottom:13%;left:2%;font-size:130px}.hero>.ghost-word{bottom:13%}.rituals{min-height:980px;padding-bottom:80px}.chapter{left:7%;top:11%;font-size:8px}.ritual-heading{left:7%;right:5%;top:18%}.ritual-heading h2{font-size:clamp(30px,7.8vw,40px)}.ritual-heading .ghost-word{top:44%;left:8%;font-size:150px}.ritual-note{left:7%;top:34%;font-size:12px;line-height:1.65}.next-night{left:7%;top:52%}.next-night img{width:32px;height:32px}.next-night small{font-size:10px}.next-night strong{font-size:12px}.ritual-strip{inset:62% 7% auto;height:29%;overflow-x:auto;display:flex;gap:12px;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:rgba(239,230,214,.5) transparent}.ritual-card{flex:0 0 76%;height:100%}.ritual-card:nth-child(n){transform:none}.ritual-card-copy h3{font-size:24px}.residences{min-height:1120px;padding-bottom:80px}.residence-copy{left:7%;top:15%;right:7%}.residence-copy .chapter{margin-bottom:24px}.residence-copy h2{font-size:clamp(32px,9vw,38px)}.residence-description{font-size:13px;margin:17px 0 12px}.residence-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 17px}.residence-stats>div{gap:5px;align-items:flex-start;flex-direction:column}.residence-stats img{width:26px;height:26px}.residence-stats small{font-size:8px}.residence-stats strong{font-size:9px}.residence-copy .invitation-button{width:auto;min-height:44px}.suite-grid{inset:60% 7% 10%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.suite-card{border-radius:14px}.suite-copy{left:8%;bottom:9%}.suite-copy small{font-size:8px}.suite-copy h3{font-size:20px}.suite-card .circle-button{width:36px;height:36px;right:5%;bottom:5%}.suite-crown{grid-column:1 / 3;grid-row:2}.site-footer{bottom:70px;left:7%;right:7%;font-size:7px}.detail-dialog{padding:38px 24px 28px}.detail-dialog h2{font-size:34px}.email-field{flex-direction:column}.email-field button{min-height:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
