@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--white: #f5f2ed;--gold: #8b8163;--deep: #0a0908}html,body{width:100%;height:100%;overflow:hidden;font-family:Cormorant Garamond,Georgia,serif;background:var(--deep);color:var(--white)}#logo{position:fixed;top:2rem;left:2rem;z-index:2000;font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;transition:color .3s;text-decoration:none;color:var(--white)}#logo:hover{color:var(--gold)}#corner-nav{position:fixed;top:2rem;right:2rem;z-index:2000;display:flex;gap:1rem}.corner-tab{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;opacity:.4;cursor:pointer;transition:all .3s;padding-bottom:.3rem;border-bottom:1px solid transparent;white-space:nowrap;text-decoration:none;color:var(--white)}.corner-tab:hover{opacity:.8}.corner-tab.active{opacity:1;color:var(--gold);border-bottom-color:var(--gold)}.page-section{position:fixed;inset:0}.placeholder-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.placeholder-title{font-size:2rem;font-weight:300;color:var(--gold);letter-spacing:.1em;margin-bottom:1rem}.placeholder-text{font-size:1rem;opacity:.5}.info-panel{position:fixed;top:0;width:400px;height:100%;background:#0a0908f2;border-left:1px solid rgba(201,169,98,.2);padding:6rem 2rem 2rem;z-index:1500;transform:translate(100%);transition:transform .4s ease;overflow-y:auto}.info-panel.left{left:0;right:auto;border-left:none;border-right:1px solid rgba(201,169,98,.2);transform:translate(-100%)}.info-panel.right{right:0}.info-panel.visible{transform:translate(0)}.panel-close{position:absolute;top:2rem;right:2rem;width:30px;height:30px;cursor:pointer;opacity:.5;transition:opacity .3s}.panel-close:before,.panel-close:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--white)}.panel-close:before{transform:rotate(45deg)}.panel-close:after{transform:rotate(-45deg)}.panel-close:hover{opacity:1}.panel-type{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.panel-title{font-size:1.8rem;font-weight:300;margin-bottom:.5rem}.panel-marble{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;opacity:.6;margin-bottom:1.5rem}.panel-text{font-size:.95rem;line-height:1.8;opacity:.7;margin-bottom:1.5rem}.panel-meta{font-size:.7rem;letter-spacing:.1em;opacity:.5;padding-top:1rem;border-top:1px solid rgba(201,169,98,.1)}.panel-gallery{margin-bottom:1.5rem}.gallery-main{width:100%;height:200px;background:#ffffff05;border:1px solid rgba(201,169,98,.1);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-placeholder{font-size:.7rem;letter-spacing:.1em;opacity:.3;text-transform:uppercase}.gallery-thumbs{display:flex;gap:.5rem}.gallery-thumb{width:50px;height:50px;background:#ffffff05;border:1px solid rgba(201,169,98,.1);cursor:pointer;transition:border-color .3s;overflow:hidden}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--gold)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}#lightbox{position:fixed;inset:0;background:#0a0908fa;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s}#lightbox.active{opacity:1;visibility:visible}#lightbox img{max-width:90%;max-height:85%;object-fit:contain}.lightbox-close{position:absolute;top:2rem;right:2rem;width:40px;height:40px;cursor:pointer;opacity:.5;transition:opacity .3s}.lightbox-close:before,.lightbox-close:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--white)}.lightbox-close:before{transform:rotate(45deg)}.lightbox-close:after{transform:rotate(-45deg)}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;cursor:pointer;opacity:.3;transition:opacity .3s}.lightbox-nav:hover{opacity:.8}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}.lightbox-nav:before{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;border-left:2px solid var(--white);border-bottom:2px solid var(--white)}.lightbox-nav.prev:before{transform:translate(-30%,-50%) rotate(45deg)}.lightbox-nav.next:before{transform:translate(-70%,-50%) rotate(-135deg)}.lightbox-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.8rem;letter-spacing:.2em;opacity:.5}
