@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Noto+Sans+JP:wght@100;300;400&display=swap";:root{--font-serif:"Cormorant Garamond", serif;--font-sans:"Noto Sans JP", sans-serif;--color-black:#050505;--color-white:#fff;--color-bg-overlay:#f5f5f5d9;--color-bg-darker:#e6e6e6eb;--color-light:#111;--color-accent:#555;--transition-slow:1.2s cubic-bezier(.16, 1, .3, 1);--transition-fast:.4s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-sans);color:var(--color-light);background-color:var(--color-white);-webkit-font-smoothing:antialiased;touch-action:none;position:fixed;inset:0;overflow:hidden}h1,h2,h3,h4,h5,h6,.serif{font-family:var(--font-serif);font-weight:400}.scroll-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;width:100%;height:100%;display:flex;overflow:auto hidden}.scroll-container::-webkit-scrollbar{display:none}.panel{background-color:var(--color-black);scroll-snap-align:start;flex:0 0 100vw;justify-content:center;align-items:center;width:100vw;height:100%;display:flex;position:relative;overflow:hidden}.main-header{z-index:100;pointer-events:none;justify-content:flex-end;align-items:center;width:100%;padding:40px 60px;display:flex;position:fixed;top:0;left:0}.hamburger{cursor:pointer;z-index:200;pointer-events:auto;flex-direction:column;gap:6px;padding:10px;display:none}.hamburger span{background-color:#050505;width:30px;height:2px;transition:all .3s;box-shadow:0 0 10px #ffffffe6}@media (width<=900px){.main-header{padding:20px}.hamburger{display:flex}.main-nav ul{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:150;pointer-events:auto;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;width:250px;height:100vh;transition:right .4s cubic-bezier(.25,1,.5,1);position:fixed;top:0;right:-100%;box-shadow:-5px 0 30px #0000001a}.main-nav ul.active{right:0}.main-nav li{margin:20px 0}.hamburger.active span:first-child{box-shadow:none;transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){box-shadow:none;transform:translateY(-8px)rotate(-45deg)}}.logo-space{pointer-events:auto;width:150px;height:auto;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-logo{object-fit:contain;width:100%;height:auto}.logo-text{font-family:var(--font-sans);letter-spacing:.2em;color:#050505;text-shadow:0 0 10px #ffffffe6,0 0 20px #ffffffb3;transition:var(--transition-fast);font-size:.7rem}.main-nav{pointer-events:auto}.main-nav ul{gap:50px;list-style:none;display:flex}.main-nav a{font-family:var(--font-sans);letter-spacing:.15em;color:#050505;text-shadow:0 0 10px #ffffffe6,0 0 20px #ffffffb3;text-transform:uppercase;transition:var(--transition-fast);font-size:.95rem;text-decoration:none;position:relative}.main-nav a:after{content:"";width:0%;height:1px;transition:var(--transition-fast);background-color:#050505;position:absolute;bottom:-6px;left:0;box-shadow:0 0 10px #ffffffe6}.main-nav a:hover:after{width:100%}.main-nav a:hover{opacity:.8}.reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.2,1,.3,1),transform 1.2s cubic-bezier(.2,1,.3,1);transform:translateY(40px)}.reveal.is-revealed{opacity:1;transform:translateY(0)}.section-title{color:var(--color-light);letter-spacing:.05em;margin-bottom:2rem;font-size:5vw;font-style:italic;line-height:1}.concrete-bg{background-image:url(/assets/haikei.png-zGoHNTpR.png);background-position:50%;background-size:cover}.lounge-bg{background-image:url(/assets/loung.png-Bb0murgg.png);background-position:50%;background-size:cover}.bar-bg{background-image:url(/assets/bar.png-9kicf2AB.png);background-position:50%;background-size:cover}.sunset-bg{background-image:url(/assets/sunset.png-D5WyWfLO.png);background-position:50%;background-size:cover}.concrete-bg:before{content:"";z-index:1;background:#00000026;position:absolute;inset:0}.dark-panel.concrete-bg:before{background:var(--color-bg-darker)}.architectural-lines{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#0000 50%,#0000000d 50%);background-size:25vw 100%;position:absolute;inset:0}.panel>*{z-index:2;position:relative}.panel-inner{width:80%;max-width:1400px}.video-wrapper{z-index:1;position:absolute;inset:0}.bg-video{object-fit:cover;opacity:1;width:100%;height:100%}.video-overlay{background:0 0;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;position:relative}.center-hero-logo{object-fit:contain;filter:drop-shadow(0 0 20px #ffffffe6);width:320px;max-width:80vw;height:auto}.hero-title{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 4px 15px #0009;margin-bottom:2rem;font-size:8vw;font-weight:300}.hero-subtitle{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:0 4px 10px #00000080;font-size:1rem}.scroll-indicator{z-index:3;align-items:center;gap:15px;display:flex;position:absolute;bottom:80px;right:60px}.scroll-indicator span{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;font-size:.6rem}.scroll-indicator .line{background:#fff;width:60px;height:1px;animation:2s ease-out infinite sLine}@keyframes sLine{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}51%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.white-glass-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff73;border-radius:4px;padding:40px 50px;display:inline-block;box-shadow:0 10px 40px #0000001a}.text-center{text-align:center}.concept-text{letter-spacing:.15em;color:var(--color-black);font-size:.95rem;font-weight:500;line-height:2.2}.menu-grid{grid-template-columns:1fr 1fr;gap:60px;margin-top:40px;display:grid}.menu-card{transition:var(--transition-slow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #fff9;border-radius:4px;padding:40px;position:relative;box-shadow:0 10px 40px #0000001a}.menu-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #00000026}.card-number{font-family:var(--font-serif);color:var(--color-accent);opacity:.5;font-size:1.5rem;position:absolute;top:20px;right:30px}.menu-card h3{letter-spacing:.1em;color:var(--color-black);margin-bottom:15px;font-size:1.5rem}.menu-card p{color:#000000b3;letter-spacing:.1em;font-size:.85rem;font-weight:400;line-height:2}.facility-desc{color:#00000080;letter-spacing:.05em;margin-top:15px;font-size:.7rem;display:block}.flex-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.price-container{text-align:left;width:100%;max-width:900px}.price-container .section-title{text-align:center}.price-list{flex-direction:column;gap:40px;margin-top:60px;list-style:none;display:flex}.price-list li{justify-content:space-between;align-items:baseline;display:flex;position:relative}.price-list li:after{content:"";z-index:-1;border-bottom:1px dotted #0003;width:100%;position:absolute;bottom:5px;left:0}.plan-name{font-family:var(--font-serif);color:var(--color-black);letter-spacing:.05em;font-size:1.6rem}.plan-price{font-family:var(--font-sans);color:var(--color-accent);letter-spacing:.1em;font-size:1.2rem;font-weight:400}.multi-line-price{gap:20px;flex-direction:column!important;align-items:flex-start!important}.multi-line-price:after{bottom:-10px!important}.multi-line-price .plan-details{flex-direction:column;gap:8px;display:flex}.plan-sub{color:#0009;letter-spacing:.1em;font-size:.85rem;line-height:1.6}.price-options{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:12px;display:flex}.gallery-vertical-slider{z-index:1;flex-direction:column;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;left:0}.g-slide{box-sizing:border-box;width:100vw;height:100vh;transition:padding var(--transition-slow);background-position:50%;background-size:cover;background-clip:content-box;flex:0 0 100vh;padding:120px 200px 100px}.g-slide-01{background-image:url(/assets/01-DgCoco8O.png)}.g-slide-02{background-image:url(/assets/02-DLQbLHRZ.png)}.g-slide-03{background-image:url(/assets/03-DfNQV5ER.png)}.g-slide-04{background-image:url(/assets/04-C678wBF2.png)}.g-slide-05{background-image:url(/assets/05-XQ49qLlK.png)}.g-slide-bar{background-image:url(/assets/bar.png-9kicf2AB.png)}.g-slide-loung{background-image:url(/assets/loung.png-Bb0murgg.png)}.g-slide-sunset{background-image:url(/assets/sunset.png-D5WyWfLO.png)}.gallery-ui{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-between;padding:80px 200px 80px 60px;display:flex;position:absolute;inset:0}.gallery-controls{pointer-events:auto;flex-direction:column;align-self:flex-end;gap:15px;margin-bottom:20px;display:flex}.g-btn{color:#fff;font-family:var(--font-sans);letter-spacing:.1em;cursor:pointer;background:#151515;border:1px solid #fff3;padding:15px 30px;transition:all .3s;box-shadow:0 5px 20px #0006}.g-btn:hover{background:#000;border-color:#fffc;transform:translateY(-2px)}.g-btn:active{transform:translateY(2px)}.faq-list{flex-direction:column;gap:20px;width:100%;display:flex}.faq-item{border-bottom:1px dotted #0003;padding-bottom:20px}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-q{color:var(--color-black);align-items:flex-start;gap:10px;margin-bottom:8px;font-size:1.05rem;font-weight:500;display:flex}.faq-q span{font-family:var(--font-serif);color:var(--color-black);font-size:1.2rem;font-weight:600}.faq-a{color:#000000b3;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.8;display:flex}.faq-a span{font-family:var(--font-serif);color:var(--color-accent);font-size:1.2rem;font-weight:600}.contact-access-wrapper{text-align:left;grid-template-columns:1fr 1fr;gap:80px;display:grid}.contact-col,.access-col{flex-direction:column;display:flex}.text-left{text-align:left}.contact-form{flex-direction:column;gap:25px;width:100%;display:flex;position:relative}.map-container{border:1px solid #0000001a;border-radius:4px;flex:1;width:100%;min-height:400px;overflow:hidden;box-shadow:0 5px 20px #0000000d}.input-group input,.input-group textarea{width:100%;color:var(--color-black);font-family:var(--font-sans);letter-spacing:.1em;transition:border-color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0003;outline:none;padding:15px 0;font-size:.9rem}.input-group input:focus,.input-group textarea:focus{border-bottom-color:var(--color-black)}.submit-btn{color:var(--color-black);font-family:var(--font-serif);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:15px;margin-top:20px;font-size:1.2rem;display:inline-flex}.submit-btn .btn-line{background:var(--color-accent);width:50px;height:1px;transition:var(--transition-fast)}.submit-btn:hover .btn-line{width:90px}.form-success-message{z-index:10;color:var(--color-black);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#fffffff2;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:opacity .5s;display:none;position:absolute;inset:0}.form-success-message.active{opacity:1;display:flex}.success-icon{color:#2e7d32;margin-bottom:15px;font-size:3rem;transform:scale(0)}.form-success-message.active .success-icon{animation:.6s cubic-bezier(.175,.885,.32,1.275) .2s forwards scaleBounce}.form-success-message p{letter-spacing:.1em;opacity:0;font-size:1.15rem;font-weight:500;transform:translateY(10px)}.form-success-message.active p{animation:.6s .4s forwards fadeUp}@keyframes scaleBounce{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.submit-btn.loading{background:var(--color-accent);cursor:not-allowed;opacity:.8}@media (width<=1200px){.section-title{font-size:4rem}.logo-space{transform:scale(.8)}.main-nav ul{gap:30px}.concept-layout{flex-direction:column;padding:40px}.concept-right{padding-top:40px;padding-left:0}.decorator-line{display:none}.menu-grid{grid-template-columns:1fr}.gallery-ui{padding:100px 40px}.g-slide{padding:120px 40px 140px}.contact-layout{flex-direction:column;padding:40px}.contact-info{margin-bottom:40px;padding-right:0}}@media (width<=900px){.main-nav ul{justify-content:flex-start;padding-top:80px;overflow-y:auto;height:100%!important;padding-bottom:150px!important}.main-nav li{margin:10px 0}.main-nav a{font-size:.8rem!important}.panel,.scroll-container{height:100%!important}.panel-inner{touch-action:pan-y;-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding-top:80px!important;padding-bottom:150px!important}.flex-center{align-items:flex-start!important}.white-glass-box{margin:0 auto;width:92%!important;padding:15px!important}.concept-text{font-size:.75rem!important;line-height:1.6!important}.menu-card{padding:15px!important}.menu-card h3{margin-bottom:8px!important;font-size:1.1rem!important}.menu-card p{font-size:.7rem!important;line-height:1.5!important}.plan-name{font-size:.95rem!important}.plan-price{font-size:.9rem!important}.faq-q{font-size:.85rem!important}.faq-a{font-size:.75rem!important;line-height:1.4!important}.faq-q span,.faq-a span{font-size:.9rem!important}.section-title{margin-bottom:10px!important;font-size:1.5rem!important}.contact-access-wrapper{grid-template-columns:1fr!important;gap:20px!important;width:95%!important;padding:15px!important}.input-group label{margin-bottom:4px!important;font-size:.7rem!important}.input-group input,.input-group textarea,.input-group select{padding:8px!important;font-size:.8rem!important}.contact-form{gap:10px!important}.map-container{min-height:250px!important}.mobile-only-nav{display:block!important}.access-col,.contact-col{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff73;border-radius:4px;width:100%;margin:0 auto;box-shadow:0 10px 40px #0000001a;padding:15px!important}.contact-access-wrapper{box-shadow:none!important;background:0 0!important;padding:0!important}}.mobile-only-nav{display:none}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}
