*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #050505;--text-color: #f4f4f4;--muted-color: #888888;--accent-gold: #d4af37;--border-color: #1f1f1f;--font-syne: "Syne", sans-serif;--font-montserrat: "Montserrat", sans-serif}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-color);-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-montserrat);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;touch-action:manipulation}.site-header{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#050505f2!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:99999!important;border-bottom:1px solid #222222;box-shadow:0 4px 20px #000c;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.logo-container{display:flex;align-items:center}.site-logo{height:46px;width:auto;margin-left:10px;transform:scale(1.9) translateY(2px) translateZ(0);display:block}.menu-trigger-area{width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.hamburger-btn{width:32px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-btn span{display:block;width:100%;height:2px;background-color:var(--text-color);transition:transform .3s ease}.menu-trigger-area:hover .hamburger-btn span:nth-child(1){transform:translateY(2px)}.menu-trigger-area:hover .hamburger-btn span:nth-child(3){transform:translateY(-2px)}.side-drawer{position:fixed;top:0;right:-320px;width:300px;max-width:75vw;height:100vh;background-color:#070707;border-left:1px solid var(--border-color);z-index:100000;display:flex;flex-direction:column;padding:45px 30px;transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.side-drawer.open{transform:translate(-300px) translateZ(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.drawer-title{font-family:var(--font-syne);font-size:.75rem;letter-spacing:3px;color:var(--muted-color)}.close-trigger{font-size:1.8rem;cursor:pointer;color:var(--text-color);line-height:1;transition:color .3s ease;-webkit-tap-highlight-color:transparent}.close-trigger:hover{color:var(--accent-gold)}.drawer-links{list-style:none;display:flex;flex-direction:column;gap:18px}.drawer-link{font-family:var(--font-syne);font-size:.95rem;font-weight:700;color:var(--text-color);text-decoration:none;letter-spacing:1.5px;transition:color .3s ease,transform .3s ease;display:inline-block;-webkit-tap-highlight-color:transparent}.drawer-link:hover{color:var(--accent-gold);transform:translate(6px)}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-overlay.active{opacity:1;visibility:visible}main{padding-top:130px}.hero-intro{min-height:calc(100vh - 130px);display:flex;flex-direction:column;justify-content:center;padding:0 5% 80px;max-width:1400px;margin:0 auto}.hero-headline{font-family:var(--font-syne);font-size:clamp(2.5rem,6.8vw,7.5rem);font-weight:800;line-height:.95;letter-spacing:-1.5px;margin-bottom:40px;text-transform:uppercase}.hero-subtext{font-size:clamp(.95rem,1.2vw,1.25rem);color:var(--muted-color);max-width:650px;font-weight:300;line-height:1.8}.philosophy-section{padding:100px 5%;max-width:1400px;margin:0 auto;border-top:1px solid var(--border-color)}.section-tag{font-family:var(--font-syne);font-size:.75rem;letter-spacing:4px;color:var(--muted-color);display:block;margin-bottom:15px}.philosophy-title{font-family:var(--font-syne);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;margin-bottom:30px;letter-spacing:-1px}.philosophy-lead{font-size:1.15rem;color:#ccc;max-width:800px;margin-bottom:60px;font-weight:300;line-height:1.8}.flx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.flx-card.clickable-card{background-color:#0c0c0c;border:1px solid var(--border-color);padding:40px 30px;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;user-select:none;transition:border-color .4s ease,background-color .4s ease,transform .4s ease;transform:translateZ(0);will-change:transform}.flx-card.clickable-card:focus,.flx-card.clickable-card:active{outline:none;-webkit-tap-highlight-color:transparent}.flx-card.clickable-card:hover{border-color:#555}.flx-card.clickable-card.active-card{border-color:var(--text-color);background-color:#141414;transform:translateY(-4px) translateZ(0)}.flx-card.clickable-card.active-card .flx-letter{color:var(--text-color)}.flx-card.clickable-card.active-card h3{color:var(--accent-gold)}.flx-letter{font-family:var(--font-syne);font-size:3rem;font-weight:800;color:#222;display:block;margin-bottom:20px;transition:color .4s ease}.flx-card h3{font-family:var(--font-syne);font-size:1.1rem;letter-spacing:2px;margin-bottom:15px;transition:color .4s ease}.flx-card p{font-size:.9rem;color:var(--muted-color);font-weight:300;line-height:1.7}.work-section{padding:100px 5%;max-width:1400px;margin:0 auto;border-top:1px solid var(--border-color);contain:layout}.work-image-wrap{width:100%;margin:30px 0;overflow:hidden;background-color:#0c0c0c;transform:translateZ(0)}.work-image-wrap img,.sub-work-item img,.exhibit-item img{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .5s cubic-bezier(.25,1,.5,1),transform .4s ease;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;will-change:filter;transform:translateZ(0);backface-visibility:hidden}.work-image-wrap img:hover,.sub-work-item img:hover,.exhibit-item img:hover,.work-image-wrap img.colored,.sub-work-item img.colored,.exhibit-item img.colored{filter:grayscale(0%)}.section-heading{font-family:var(--font-syne);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;margin-bottom:20px;letter-spacing:-1px}.section-desc{font-size:1rem;color:var(--muted-color);max-width:800px;font-weight:300;line-height:1.8}.expand-btn{background:transparent;color:var(--text-color);font-family:var(--font-syne);font-size:.9rem;font-weight:700;letter-spacing:2px;padding:16px 32px;border:1px solid var(--text-color);cursor:pointer;transition:all .3s ease;display:inline-block;margin-top:15px;outline:none;-webkit-tap-highlight-color:transparent}.expand-btn:hover{background-color:var(--text-color);color:var(--bg-color)}.expanded-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .4s ease;margin-top:0;content-visibility:auto}.expanded-gallery.active{max-height:60000px;opacity:1;margin-top:40px}.sub-work-item{background-color:#0c0c0c;border:1px solid var(--border-color);overflow:hidden;transform:translateZ(0)}.exhibits-section{padding:100px 5%;max-width:1400px;margin:0 auto;border-top:1px solid var(--border-color)}.exhibits-title{font-family:var(--font-syne);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;margin-bottom:50px;letter-spacing:-1px}.exhibit-item{margin-bottom:60px;transform:translateZ(0)}.exhibit-caption{font-family:var(--font-syne);font-size:.85rem;letter-spacing:2px;color:var(--muted-color);margin-top:15px}.action-wrap{padding:100px 5% 60px;max-width:1400px;margin:0 auto;text-align:center;border-top:1px solid var(--border-color)}.btn-invert{display:inline-block;background-color:var(--text-color);color:var(--bg-color);font-family:var(--font-syne);font-size:1rem;font-weight:700;letter-spacing:2px;padding:22px 50px;text-decoration:none;transition:transform .3s ease,background-color .3s ease;-webkit-tap-highlight-color:transparent}.btn-invert:hover{background-color:var(--accent-gold);transform:translateY(-3px)}.site-footer{padding:60px 5%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--border-color);color:var(--muted-color);font-size:.85rem}.footer-brand{font-family:var(--font-syne);font-weight:700;letter-spacing:3px;color:var(--text-color);font-size:1.1rem}.footer-links a{color:var(--muted-color);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--text-color)}.footer-copy{font-weight:300;letter-spacing:1px}@media(max-width:768px){.site-header{height:75px;padding:0 4%}main{padding-top:105px}.hero-intro{min-height:auto;padding-bottom:60px}.work-section,.philosophy-section,.exhibits-section{padding:60px 4%}.side-drawer{width:270px;right:-270px;padding:40px 25px}}