:root{--text-dark: #4a4540;--accent: #c09d6c;--bg-light: #faf9f6;--border-light: #e0dcd5;--font-zh: "source-han-serif-tc", "Cormorant Garamond", "Noto Serif JP", serif;--font-en: "Cinzel", serif}body{background-color:var(--bg-light);color:var(--text-dark);margin:0;font-family:var(--font-zh);-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.en-font{font-family:var(--font-en);letter-spacing:.1em}.mt-80{margin-top:80px!important}.inner-hero{position:relative;height:50vh;min-height:400px;margin:20px;border-radius:10px;overflow:hidden;background-size:cover;background-position:center 25%;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000073;z-index:1}.inner-hero-content{position:relative;z-index:2}.category-label{display:block;font-size:.9rem;letter-spacing:.4em;margin-bottom:15px}.work-title{font-size:2.8rem;margin:0 0 15px;letter-spacing:.1em}.portfolio-nav{padding:20px 0 40px}.filter-list{list-style:none;padding:0;display:flex;justify-content:center;gap:40px;font-size:.8rem;color:#999}.filter-list li{cursor:pointer;transition:.3s;position:relative;padding-bottom:5px}.filter-list li.active{color:var(--text-dark);font-weight:600}.filter-list li.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent)}.featured-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .8s cubic-bezier(.16,1,.3,1),opacity .6s ease;opacity:1}.featured-wrapper.hidden{grid-template-rows:0fr;opacity:0;pointer-events:none}.featured-inner{min-height:0;overflow:hidden}.featured-section{width:100%;padding:0 20px;box-sizing:border-box}.magazine-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:2px;background-color:#fff;border-radius:10px;overflow:hidden}.featured-card{text-decoration:none;color:inherit;display:block;position:relative;opacity:0;height:70vh;min-height:550px;overflow:hidden;animation:fadeSlideUp .8s cubic-bezier(.16,1,.3,1) forwards}.featured-card.card-1{animation-delay:0s}.featured-card.card-2{animation-delay:.15s}.featured-card.card-3{animation-delay:.3s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;background:#222}.card-img-wrap img,.card-video{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.165,.84,.44,1);display:block}.card-youtube-wrap{position:absolute;top:50%;left:50%;height:200%;aspect-ratio:16 / 9;transform:translate(-50%,-50%);pointer-events:none;transition:transform 1.5s cubic-bezier(.165,.84,.44,1)}.card-youtube-wrap iframe{width:100%;height:100%;pointer-events:none}.featured-card:hover .card-img-wrap img,.featured-card:hover .card-img-wrap .card-video{transform:scale(1.05)}.featured-card:hover .card-youtube-wrap{transform:translate(-50%,-50%) scale(1.05)}.index-num{position:absolute;top:25px;right:25px;font-size:2.2rem;color:#fff;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);z-index:2;opacity:.9}.gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:75%;background:linear-gradient(to top,#000000d9,#0006 45%,#0000);pointer-events:none;transition:opacity .5s}.featured-card:hover .gradient-overlay{opacity:.95}.magazine-text-box{position:absolute;bottom:0;left:0;width:100%;padding:40px 30px;z-index:10;box-sizing:border-box}.text-content-wrap{display:flex;align-items:flex-end;gap:15px}.vertical-meta{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.65rem;letter-spacing:.3em;color:#fff9;text-transform:uppercase;padding-bottom:0}.horizontal-meta{flex:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);margin-bottom:0}.cat-tag{font-size:.8rem;letter-spacing:.2em;color:var(--accent);margin-bottom:10px;display:inline-block}.main-title{font-size:1.5rem;margin:0 0 5px;font-weight:500;letter-spacing:.05em;line-height:1.2}.sub-title{font-size:.75rem;font-weight:300;color:#fffc;letter-spacing:.15em;margin:0 0 5px;text-transform:uppercase}.venue-title{font-size:.75rem;color:#ffffffb3;letter-spacing:.15em;margin-bottom:10px}.excerpt{font-size:.85rem;line-height:1.8;color:#ffffffb3;margin:0;letter-spacing:.1em;text-align:justify}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5}.play-btn{width:60px;height:60px;border:1px solid rgba(255,255,255,.7);border-radius:50%;position:relative;backdrop-filter:blur(3px);transition:.3s}.featured-card:hover .play-btn{background:#fff;border-color:#fff}.play-btn:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent rgba(255,255,255,.9);transition:.3s}.featured-card:hover .play-btn:after{border-color:transparent transparent transparent var(--text-dark)}.section-divider{width:60px;height:1px;background-color:var(--border-light);margin:0 auto 50px;opacity:.6}.other-works-section{padding-bottom:120px}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work-item-wrapper{opacity:0;display:none}.work-item{text-decoration:none;color:inherit;display:block}.work-img-wrap{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:4px;margin-bottom:15px;background:#eee}.work-img-wrap img{width:100%;height:100%;object-fit:cover;transition:.6s}.work-item:hover img{transform:scale(1.03);filter:brightness(.95)}.work-meta-box h4{font-size:1.1rem;margin:0 0 5px;text-transform:uppercase}.project-meta-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:5px}.project-meta-row .project-location{font-size:.8rem;color:#999;letter-spacing:.05em}.project-meta-row .project-item-cat{font-size:.6rem;color:#c09d6c;font-weight:500;letter-spacing:.1em}.play-icon-mini{position:absolute;bottom:15px;right:15px;width:25px;height:25px;border:1px solid #fff;border-radius:50%}.play-icon-mini:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:3px 0 3px 6px;border-color:transparent transparent transparent #fff}.filter-animate-in{animation:filterSlideUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes filterSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.portfolio-nav{padding-top:20px}.filter-list{gap:20px;font-size:.75rem}.featured-section{padding:0 15px}.magazine-grid{grid-template-columns:1fr;gap:15px;background-color:transparent;border-radius:0}.featured-card{height:60vh;border-radius:8px}.magazine-text-box{padding:30px 20px}.main-title{font-size:1.3rem}.sub-title{font-size:.75rem}.excerpt{font-size:.8rem}.works-grid{grid-template-columns:repeat(1,1fr);gap:20px}.inner-hero{height:40vh;margin:15px;border-radius:8px;background-position:center 20%;background-attachment:scroll}.mt-80{margin-top:40px!important}}