:root{--bg:#fff;--paper:#fff;--text:#5a3c0b;--muted:#5a3c0b;--primary:#5a3c0b;--accent:#ebc176;--accent-d:#c48b28;--ink:#24324a;--max:1360px;--content-max:1480px;--wide-max:1600px;--text-max:920px;--footer-max:1360px;--shadow:0 18px 50px #0000001f}@media (width>=1440px){:root{--max:1440px;--content-max:1540px;--wide-max:1680px;--text-max:980px;--footer-max:1440px}}@media (width>=1680px){:root{--max:1560px;--content-max:1640px;--wide-max:1760px;--text-max:1040px;--footer-max:1560px}}.container,main{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.hero-section{max-width:var(--content-max);background:#fff;margin:0 auto;padding:clamp(72px,5vw,96px) clamp(32px,4vw,56px)}.hero-container{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(48px,5vw,84px);display:grid}.hero-title{color:#5a3c0b;margin-bottom:30px;font-family:Playfair Display,serif;font-size:clamp(26px,4vw,48px);font-weight:400;line-height:1.2}.hero-description{color:#5a3c0b;max-width:580px;margin-bottom:40px;font-size:16px;line-height:1.8}.explore-button{text-transform:uppercase;letter-spacing:2px;color:#5a3c0b;background:0 0;border:1px solid #5a3c0b;align-items:center;gap:20px;padding:14px 30px;font-size:11px;text-decoration:none;transition:all .3s;display:inline-flex}.explore-button:hover{color:#f5f5f0;background:#5a3c0b}.arrow-circle{border:1px solid #5a3c0b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .3s;display:flex}.explore-button:hover .arrow-circle{transform:rotate(90deg)}.features-section{max-width:var(--content-max);z-index:2;background:#fff;margin:0 auto;padding:clamp(72px,5vw,96px) clamp(32px,4vw,56px);position:relative}.features-title{color:#5a3c0b;margin-bottom:40px;font-family:Playfair Display,serif;font-size:36px;font-weight:400}.accordion{border-top:1px solid #e0ddd5}.accordion-item{border-bottom:1px solid #e0ddd5}.accordion-item[open]{background:0 0}.accordion-header{cursor:pointer;text-align:left;z-index:3;pointer-events:auto;touch-action:manipulation;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:24px 0;list-style:none;transition:color .3s;display:flex;position:relative}.accordion-header::-webkit-details-marker{display:none}.accordion-header:hover{color:#ebc176}.accordion-label{text-transform:uppercase;letter-spacing:2.5px;color:#5a3c0b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:400}.accordion-icon{width:20px;height:20px;transition:transform .3s;position:relative}.accordion-icon:before,.accordion-icon:after{content:"";background:#5a3c0b;position:absolute}.accordion-icon:before{width:20px;height:1px;top:50%;left:0;transform:translateY(-50%)}.accordion-icon:after{width:1px;height:20px;transition:none;top:0;left:50%;transform:translate(-50%)}.accordion-item[open] .accordion-icon:after,.accordion-item.active .accordion-icon:after{opacity:0}.accordion-content{max-height:0;transition:none;overflow:hidden}.accordion-item[open] .accordion-content,.accordion-item.active .accordion-content{max-height:2000px}.features-grid{grid-template-columns:repeat(2,1fr);gap:clamp(28px,2.5vw,40px) clamp(48px,5vw,96px);padding:20px 0 40px;display:grid}.feature-item{align-items:flex-start;gap:12px;display:flex}.feature-diamond{background:0 0;border:1px solid #ebc176;flex-shrink:0;width:8px;height:8px;margin-top:8px;transform:rotate(45deg)}.feature-text{color:#5a3c0b;font-size:15px;line-height:1.7}.bathroom-section{max-width:var(--wide-max);z-index:2;background:#fff;border-bottom:1px solid #e0ddd5;margin:0 auto;position:relative}.camera-detail-page{padding-bottom:clamp(48px,6vw,88px)}.room-tab-input{opacity:0;pointer-events:none;position:absolute}.tabs-header{z-index:3;background:#fff;border-bottom:1px solid #e0ddd5;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.tab{text-transform:uppercase;letter-spacing:2.5px;color:#5a3c0b;cursor:pointer;z-index:4;pointer-events:auto;touch-action:manipulation;background:#fff;border:none;justify-content:center;align-items:center;gap:0;padding:28px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;transition:all .3s;display:flex;position:relative}.tab:hover{opacity:.7}.tab.active,#tab-room:checked~.tabs-header label[for=tab-room],#tab-view:checked~.tabs-header label[for=tab-view],#tab-bathroom:checked~.tabs-header label[for=tab-bathroom]{color:#5a3c0b;background:#fff;border-bottom:2px solid #ebc176}.bathroom-container{background:#fff;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:600px;display:grid}.bathroom-content{background:#fff;flex-direction:column;justify-content:center;padding:clamp(72px,5vw,96px) clamp(40px,4vw,72px);display:flex;position:relative}.tab-content{opacity:0;animation:.6s forwards fadeInContent;display:none}.tab-content.active,#tab-room:checked~.bathroom-container .tab-content--room,#tab-view:checked~.bathroom-container .tab-content--view,#tab-bathroom:checked~.bathroom-container .tab-content--bathroom{display:block}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-label{text-transform:uppercase;letter-spacing:3px;color:#ebc176;margin-bottom:15px;font-size:10px;font-weight:400}.content-title{color:#5a3c0b;margin-bottom:30px;font-family:Playfair Display,serif;font-size:clamp(40px,3.2vw,54px);font-weight:400;line-height:1.2}.content-description{color:#5a3c0b;max-width:560px;font-size:16px;line-height:1.8}.bathroom-images{background:0 0;min-height:600px;position:relative;overflow:hidden}.tab-image{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.tab-image.active,#tab-room:checked~.bathroom-container .tab-image--room,#tab-view:checked~.bathroom-container .tab-image--view,#tab-bathroom:checked~.bathroom-container .tab-image--bathroom{opacity:1}.tab-image img{object-fit:cover;width:100%;height:100%}@media (width<=1024px){.hero-container,.bathroom-container,.features-grid{grid-template-columns:1fr}}@media (width<=768px){.hero-section,.features-section,.bathroom-content{padding:60px 24px}.hero-title{font-size:36px}.tabs{gap:24px}.camera-detail-page{padding-bottom:40px}}@media (hover:none),(pointer:coarse){.explore-button,.explore-button .arrow-circle,.accordion-header,.accordion-icon,.tab{transition:none}.explore-button:hover{color:#5a3c0b;background:0 0}.explore-button:hover .arrow-circle{transform:none}.explore-button:active{color:#f5f5f0;background:#5a3c0b}.explore-button:active .arrow-circle{transform:rotate(90deg)}.accordion-header:hover{color:#5a3c0b}.accordion-header:active{color:#ebc176}.tab:hover{opacity:1}.tab:active{opacity:.78}}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{max-width:100vw;overflow-x:hidden}img{max-width:100%;height:auto}@media (width<=760px){.hero{min-height:70dvh}.hero .content{min-height:unset!important;height:auto!important;padding:80px 20px 60px!important}.section{padding:60px 0!important}.content-title{font-size:clamp(24px,7vw,36px)!important}.features-title,.hero-title{font-size:clamp(22px,6vw,36px)!important}.bathroom-container{min-height:unset!important;grid-template-columns:1fr!important}.bathroom-images{min-height:300px!important}.bathroom-content{padding:40px 20px!important}.hero-section,.features-section{padding:40px 16px!important}.hero-container{grid-template-columns:1fr!important;gap:30px!important}.rooms-grid{grid-template-columns:1fr!important}.room-media img{height:240px!important}.tabs-header{-webkit-overflow-scrolling:touch;overflow-x:auto}}