@font-face{font-family:Akatsuki;src:url(/fonts/KT-Flux-2_Variable.ttf?v=2)format("truetype");font-weight:100 900;font-style:normal;font-display:swap;font-variation-settings:normal}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero{color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-background,.hero-background-default{z-index:0;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.hero-background-image{z-index:0;opacity:0;width:100%;height:100%;animation:6s ease-in-out infinite fadeInOut;position:absolute;top:0;left:0}.hero-background-overlay{z-index:1;background:0 0;width:100%;height:100%;animation:6s ease-in-out infinite darkenOverlay;position:absolute;top:0;left:0}@keyframes fadeInOut{0%{opacity:0}33.33%{opacity:1}66.66%{opacity:1}to{opacity:0}}@keyframes darkenOverlay{0%{background:0 0}33.33%{background:0 0}66.66%{background:0 0}to{background:#000000e6}}.hero-content{text-align:center;z-index:2;position:relative}.hero-title{letter-spacing:.1em;font-variation-settings:"wght" 600, "SRIF" 500;color:#fff;text-transform:lowercase;font-feature-settings:"palt";margin:0;font-family:Akatsuki,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.5rem;font-weight:600}.hero-subtitle{letter-spacing:.15em;opacity:.9;font-size:1.25rem;font-weight:300}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:6rem 0}.section-title{text-align:center;letter-spacing:.1em;margin-bottom:3rem;font-size:2.5rem;font-weight:300}.section-text{text-align:center;color:#666;max-width:800px;margin:0 auto;font-size:1.125rem;line-height:2}.about{background-color:#fff;padding:8rem 0}.features{background-color:#fafafa;padding:8rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;margin-top:4rem;display:grid}.feature-item{text-align:center}.feature-number{letter-spacing:.2em;color:#999;margin-bottom:1.5rem;font-size:1rem;font-weight:500}.feature-title{letter-spacing:.05em;margin-bottom:1rem;font-size:1.5rem;font-weight:400}.feature-text{color:#666;font-size:1rem;line-height:1.8}.rooms{background-color:#fff;padding:8rem 0}.rooms-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin-top:4rem;display:grid}.room-item{background-color:#fafafa;transition:transform .3s,box-shadow .3s;overflow:hidden}.room-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.room-image-placeholder{color:#fff;letter-spacing:.1em;background:linear-gradient(135deg,#d4a574 0%,#8b6f47 100%);justify-content:center;align-items:center;width:100%;height:300px;font-size:1.5rem;font-weight:300;display:flex;position:relative;overflow:hidden}.room-image-placeholder:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='1'/%3E%3C/svg%3E");position:absolute;inset:0}.room-image-placeholder span{z-index:1;position:relative}.room-title{letter-spacing:.05em;margin:2rem 2rem 1rem;font-size:1.5rem;font-weight:400}.room-text{color:#666;margin:0 2rem 1rem;font-size:.95rem;line-height:1.8}.room-spec{color:#999;letter-spacing:.05em;margin:0 2rem 2rem;font-size:.875rem}.intro{background-color:#000;justify-content:center;align-items:center;min-height:50vh;padding:0;display:flex}.intro-content{max-width:800px;margin:0 auto;padding:0 2rem}.intro-text{text-align:center;color:#fff;font-size:1rem;line-height:2}.image-section{background-color:#000;width:100%}.image-container{width:100%;height:60vh;position:relative;overflow:hidden}.suzaku{background-color:#000;padding:6rem 0}.suzaku-content{max-width:800px;margin:0 auto;padding:0 2rem}.suzaku-title{letter-spacing:.1em;text-align:center;color:#fff;margin-bottom:2rem;font-size:2rem;font-weight:400}.suzaku-text{text-align:left;color:#fff;font-size:1rem;line-height:2}.contact{color:#fff;background-color:#1a1a1a;padding:6rem 0}.contact .section-title{color:#fff}.contact .section-text{color:#fffc}.contact-info{text-align:center;color:#ffffffe6;margin-top:3rem;font-size:1.125rem;line-height:2.5}.contact-info p{letter-spacing:.05em;margin:.5rem 0}.email-form-fixed{z-index:1000;justify-content:center;padding:1.5rem 2rem;display:flex;position:fixed;bottom:0;left:0;right:0}.email-button-trigger{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:9999px;padding:.875rem 2rem;font-size:.7rem;font-weight:500;transition:all .3s}.email-button-trigger:hover{background:#ffffffe6;transform:translateY(-1px)}.email-button-trigger:active{transform:translateY(0)}.email-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-modal-content{background:#000000f2;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:500px;padding:2rem;animation:.3s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-modal-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:2rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.email-modal-close:hover{color:#fff;background:#ffffff1a}.email-modal-title{color:#fff;text-align:center;margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.email-modal-description{color:#ffffffb3;text-align:center;margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.email-form{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:0;max-width:100%;margin:0;display:flex;overflow:hidden}.email-input{color:#fff;background:0 0;border:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.email-input::placeholder{color:#ffffff80}.email-input:focus{background:#ffffff0d}.email-submit{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:0 8px 8px 0;padding:.875rem 2rem;font-size:1rem;font-weight:500;transition:all .3s}.email-submit:hover{background:#ffffffe6;transform:translateY(-1px)}.email-submit:active{transform:translateY(0)}@media (max-width:768px){.hero-title{font-variation-settings:"wght" 600, "SRIF" 500;font-family:Akatsuki,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem}.hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.section-text{font-size:1rem}.features-grid,.rooms-grid{grid-template-columns:1fr;gap:2rem}.container{padding:0 1.5rem}section{padding:4rem 0}.email-form-fixed{padding:1rem 1.5rem}.email-button-trigger{width:100%;max-width:100%}.email-modal-overlay{padding:1rem}.email-modal-content{padding:1.5rem}.email-form{flex-direction:column;gap:0}.email-input{border-radius:8px 8px 0 0;width:100%}.email-submit{border-radius:0 0 8px 8px;width:100%}.intro{min-height:50vh;padding:2rem 0}.intro-content{padding:0 1.5rem}.intro-text{font-size:1rem;line-height:1.8}.suzaku{padding:4rem 0}.suzaku-content{padding:0 1.5rem}.suzaku-title{margin-bottom:1.5rem;font-size:1.75rem}.suzaku-text{font-size:.95rem;line-height:1.8}.image-container{height:40vh}}.footer{color:#fff;background:#000;border-top:1px solid #ffffff1a;padding:3rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-link{color:#fffc;letter-spacing:.05em;font-size:.95rem;text-decoration:none;transition:color .3s;position:relative}.footer-link:hover{color:#fff}.footer-link:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footer-link:hover:after{width:100%}.footer-copyright{text-align:center;color:#ffffff80;letter-spacing:.05em;font-size:.875rem}.footer-copyright p{margin:0}@media (max-width:768px){.footer{padding:2rem 1.5rem}.footer-links{flex-direction:column;align-items:center;gap:1rem}.footer-link{font-size:.875rem}.footer-copyright{font-size:.75rem}}
