@import url("./assets/fonts/fonts.css");
:root{--ink:#3d362e;--body:#57544d;--paper:#faf8f4;--dark:#141413;--gold:#b58a59}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d7d7d7;color:var(--body);font-family:'Shippori Mincho','Noto Serif JP',serif}.app{position:relative;width:402px;max-width:100%;margin:0 auto;background:var(--paper);overflow:hidden}.hero{position:relative;height:880px;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:41.2% center}.hero:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,rgba(9,8,7,.42),rgba(9,8,7,.34) 48%,rgba(5,5,4,.58))}.hero:after{content:'';position:absolute;z-index:2;left:0;right:0;top:0;height:150px;background:linear-gradient(to bottom,rgba(9,8,7,.62),rgba(9,8,7,.28) 55%,transparent)}.nav{position:absolute;z-index:30;left:0;right:0;top:0;height:72px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(14,15,15,.22);border-bottom:1px solid rgba(255,255,255,.2);backdrop-filter:blur(9px)}.brand b{display:block;font:400 14px 'Shippori Mincho',serif;letter-spacing:1.2px;color:#ccc}.brand small{display:block;margin-top:2px;font:400 8px/12px 'Noto Sans JP',sans-serif;letter-spacing:1.5px;color:#fff}.menu-btn,.close{border:0;background:none;cursor:pointer}.menu-btn{width:24px;padding:0}.menu-btn span{display:block;height:1px;margin:5px 0;background:#fff}.menu-btn span:last-child{width:16px}.hero-copy{position:absolute;z-index:4;left:24px;top:268px;width:354px}.eyebrow{height:18px;font:400 10px/16px 'Noto Sans JP',sans-serif;letter-spacing:1.8px;color:#e5e0d1}.hero-title{margin-top:20px;font:500 48px/55px Montserrat,sans-serif;letter-spacing:1px}.hero-title small{display:block;font-size:20px;line-height:35px;letter-spacing:1.4px}.hero-ja{margin:20px 0 0 4px;font-size:19px;line-height:36px;font-weight:600}.hero-desc{margin-left:4px;font-size:13px;line-height:20px;font-weight:500;letter-spacing:.26px;color:#f0f0eb}.scroll{position:absolute;z-index:4;left:50%;top:745px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#2c281f;font:400 7px/10px 'Noto Sans JP',sans-serif;letter-spacing:1.8px}.scroll:after{content:'';display:block;width:1px;height:38px;background:#2c281f}.switcher{position:absolute;z-index:5;right:20px;top:742px;width:78px;height:78px;border:.5px solid #c4c4c4;border-radius:50%;display:grid;place-items:center;color:#faf7f0;text-decoration:none;text-align:center;font:400 9px/14px 'Noto Sans JP',sans-serif;letter-spacing:.8px;background:rgba(0,0,0,.3);backdrop-filter:blur(9.8px)}section{scroll-margin-top:72px}.label{height:16px;color:#857d73;font:400 9px/15.3px 'Noto Sans JP',sans-serif;letter-spacing:1.8px;text-align:center}.concept{height:436px;padding:60px 24px;text-align:center;background:#faf8f4}.concept h2{margin:28px 0 0;color:var(--ink);font-size:21px;line-height:30px;font-weight:400;letter-spacing:1.2px}.concept .copy{margin-top:28px}.copy{margin:0;font-size:12px;line-height:20px;font-weight:500;letter-spacing:.24px}.amenities{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:6px}.amenity-row{display:flex;justify-content:center;gap:6px}.amenity{height:28px;padding:0 10px;border:1px solid #e0e0e0;background:#f6f5f3;display:flex;align-items:center;gap:6px;color:#616161;font:400 9px/12px 'Noto Sans JP',sans-serif;letter-spacing:1px;white-space:nowrap}.amenity img{width:16px;height:16px;object-fit:contain}.amenity.pin img,.amenity.gym img{width:12px}.room{position:relative;height:636px;padding:60px 24px;text-align:center;background:#fff}.room.dining{height:638px;background:#f3efe8}.room .label{height:14px;line-height:14px;color:#948b7e;letter-spacing:1.62px}.gallery{position:relative;width:354px;max-width:100%;height:280px;margin-top:24px;border-radius:4px;overflow:hidden;background:#ddd}.slides{display:flex;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);touch-action:pan-y}.slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0}.slide>img{display:block;width:100%;height:100%;object-fit:cover}.arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:6px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:rgba(13,13,11,.58);box-shadow:0 2px 8px rgba(0,0,0,.22);cursor:pointer}.arrow img{display:block;width:24px;height:24px}.prev{left:12px}.next{right:12px}.counter{position:absolute;z-index:8;left:50%;bottom:12px;transform:translateX(-50%);width:54px;height:24px;border-radius:12px;background:rgba(13,13,11,.58);color:#f7f2e8;text-align:center;font:400 8px/24px 'Noto Sans JP',sans-serif;letter-spacing:1px}.room h2{margin:50px 0 0;color:var(--ink);font-size:24px;line-height:34px;font-weight:400;letter-spacing:2px}.rule{width:32px;height:1px;margin:18px auto 20px;background:var(--gold)}.community{height:578px;padding:60px 24px;background:#50483e;color:#fff;text-align:center}.community .label{color:#aaa}.community h2{margin:12px 0 6px;font-size:28px;line-height:34px;font-weight:400;letter-spacing:3px}.community .sub{font:400 9px/14px 'Noto Sans JP',sans-serif;letter-spacing:2px;color:#aaa}.community .intro{margin-top:28px;color:#d9d1c6}.community .gallery{height:260px;margin-top:50px;background:#50483e}.community .slide>img{height:188px}.caption{height:72px;padding-top:9px;background:#50483e}.caption b{display:block;font-size:16px;line-height:27px;font-weight:400;letter-spacing:1.8px}.caption span{display:block;font-size:12px;line-height:20px;font-weight:500;letter-spacing:.24px;color:#dbd4cb}.community .arrow{top:94px}.community .counter{top:154px;bottom:auto}.rooftop{height:601px;padding:58px 24px 78px;background:#faf8f4;text-align:center}.rooftop .label{letter-spacing:2px}.rooftop h2{margin:26px 0 0;color:var(--ink);font-size:19px;line-height:32.3px;font-weight:400;letter-spacing:1.2px}.rooftop .copy{margin-top:11px}.rooftop .gallery{height:257px;margin-top:50px}.closing{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#141413;color:#fff;text-align:center}.closing small{font:500 9px 'Noto Serif JP',serif;letter-spacing:.9px;color:#aba18c}.closing i{width:42px;height:.5px;background:rgba(168,153,128,.62)}.closing p{margin:0;font-size:20px;line-height:30px;color:#fffcf5}.overlay{position:fixed;z-index:100;inset:0;background:#e3dcd2;color:#736c5a;display:none}.overlay.open{display:block}.overlay-inner{position:relative;width:402px;max-width:100%;height:100%;min-height:874px;margin:auto;background:#e3dcd2}.overlay-head{position:absolute;left:24px;right:24px;top:0;height:97px;border-bottom:1px solid rgba(89,87,82,.2)}.overlay .brand{position:absolute;left:0;top:34px}.overlay .brand b,.overlay .brand small{color:#736c5a}.overlay .brand small{letter-spacing:1.6px}.close{position:absolute;right:0;top:18px;width:28px;height:34px;padding:0;color:#736c5a;font:300 32px/32px 'Noto Sans JP',sans-serif}.menu{position:absolute;left:24px;right:48px;top:130px}.menu a{position:relative;display:grid;grid-template-columns:40px 290px;height:76px;color:#736c5a;text-decoration:none}.menu a:after{content:'';position:absolute;left:40px;right:0;top:36px;height:1px;background:rgba(71,71,69,.2)}.menu em{padding-top:2px;font:400 9px 'Noto Sans JP',sans-serif;letter-spacing:1.2px;color:#736c5a;font-style:normal}.menu span{font:400 17px/25px 'Shippori Mincho',serif;letter-spacing:1.2px}@media(max-width:401px){.app{width:100%}.hero-copy{width:calc(100% - 48px)}.gallery{width:100%}.hero-title{font-size:11.94vw;line-height:13.68vw}}