.rooms-hero{background-color:var(--bg);width:100%;height:100vh;min-height:600px;position:relative;overflow:hidden}.rooms-hero-bg{width:100%;height:100%;position:absolute;inset:0}.rooms-hero-bg .hero-image{object-fit:cover;object-position:center}.rooms-hero-content{z-index:10;position:absolute;bottom:40px;left:40px}.rooms-hero-title{font-family:var(--font-serif);color:var(--text);letter-spacing:-2px;margin:0;font-size:clamp(60px,12vw,180px);font-weight:300;line-height:.8}.rooms-scroll-indicator{z-index:10;color:var(--text);font-family:var(--font-sans);letter-spacing:2px;font-size:13px;font-weight:500;position:absolute;bottom:40px;right:40px}@media (max-width:768px){.rooms-hero-content{bottom:30px;left:20px}.rooms-scroll-indicator{bottom:30px;right:20px}}
.rooms-intro{background-color:var(--bg);opacity:0;flex-direction:column;gap:60px;padding:100px 8%;transition:opacity 1s ease-out,transform 1s ease-out;display:flex;transform:translateY(30px)}.rooms-intro.revealed{opacity:1;transform:translateY(0)}.rooms-intro-breadcrumbs{font-family:var(--font-sans);letter-spacing:2px;font-size:11px;font-weight:500}.rooms-intro-breadcrumbs a{color:var(--text);text-decoration:none;transition:opacity .3s}.rooms-intro-breadcrumbs a:hover{opacity:.6}.rooms-intro-text{max-width:1400px}.rooms-intro-text p{font-family:var(--font-sans);color:var(--text);margin:0;font-size:clamp(24px,3.5vw,48px);font-weight:300;line-height:1.4}@media (max-width:768px){.rooms-intro{gap:40px;padding:60px 20px}}
.room-category{background-color:var(--bg);opacity:0;padding:60px 8%;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)}.room-category.revealed{opacity:1;transform:translateY(0)}.room-category-header h2{font-family:var(--font-sans);color:var(--text);margin:0 0 20px;font-size:clamp(32px,4vw,56px);font-weight:300}.header-line{background-color:#00000026;width:100%;height:1px;margin-bottom:60px}.room-category-content{grid-template-columns:1fr 2fr;gap:80px;display:grid}.room-cat-left{flex-direction:column;display:flex}.room-cat-desc{font-family:var(--font-sans);color:var(--text);margin-bottom:80px;font-size:clamp(20px,2.2vw,26px);font-weight:300;line-height:1.5}.room-cat-attributes{grid-template-columns:120px 1fr;align-items:start;display:grid}.attr-label-column{font-family:var(--font-sans);color:var(--text);padding-top:15px;font-size:14px}.attr-list{border-top:1px solid #00000026;margin:0;padding:0;list-style:none}.attr-list li{color:var(--text);border-bottom:1px solid #00000026;align-items:center;gap:12px;padding:15px 0;font-size:16px;font-weight:300;display:flex}.room-cat-right{flex-direction:column;display:flex}.options-label{font-family:var(--font-sans);color:var(--text);margin-bottom:30px;font-size:14px}.options-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.option-card{flex-direction:column;align-items:center;gap:20px;display:flex}.option-img-wrapper{aspect-ratio:16/11;border-radius:var(--radius-img);width:100%;position:relative;overflow:hidden}.option-img{object-fit:cover;transition:transform .6s}.option-img-wrapper:hover .option-img{transform:scale(1.05)}.option-btn{width:60%;min-width:140px;font-family:var(--font-sans);letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #0000004d;border-radius:30px;padding:12px 0;font-size:13px;transition:background-color .3s,color .3s,transform .3s}.option-btn:hover{background-color:var(--text);color:var(--bg);transform:translateY(-2px)}@media (max-width:992px){.room-category-content{grid-template-columns:1fr;gap:60px}.room-cat-desc{margin-bottom:40px}}@media (max-width:768px){.room-category{padding:60px 20px}.options-grid{grid-template-columns:1fr;gap:40px}.room-cat-attributes{grid-template-columns:100px 1fr}}