: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: "Cormorant Garamond", serif;--font-freelance: "Montserrat", sans-serif;--font-cinzel: "Cinzel", serif}body{background-color:var(--bg-light);color:var(--text-dark);margin:0;line-height:1.8;overflow-x:hidden;font-family:var(--font-zh);-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.en-font{font-family:var(--font-en)}.section-divider{width:60px;height:1px;background-color:var(--border-light);margin:40px auto 0;opacity:.6}.divider-staff{margin-bottom:50px;margin-top:0}.inner-hero{position:relative;height:54vh;min-height:440px;margin:20px;border-radius:10px;overflow:hidden;background-size:cover;background-position:center 25%;background-repeat:no-repeat;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;padding:0 20px;margin-bottom:50px}.category-label{display:block;font-size:.9rem;letter-spacing:.4em;margin-bottom:12px}.work-title{font-size:2.8rem;margin:0 0 12px;letter-spacing:.1em;text-shadow:1px 1px 8px rgba(0,0,0,.5)}.work-meta{font-size:1rem;color:#fffffff2;letter-spacing:.15em}.avatar-section{text-align:center;margin-top:clamp(-130px,-7vw,-100px);position:relative;z-index:10}.profile-avatar{width:clamp(210px,16vw,270px);height:clamp(210px,16vw,270px);border-radius:50%;object-fit:cover;border:8px solid var(--bg-light);box-shadow:0 10px 30px #00000014;background-color:#fff;transition:all .3s ease}.intro-section{padding:25px 0 60px}.intro-titles{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:0}.freelance-title{font-family:var(--font-freelance);font-size:.8rem;color:var(--accent);letter-spacing:.5em;text-transform:uppercase;margin-bottom:-8px}.photographer-title{font-family:var(--font-en);font-size:3.2rem;font-weight:700;color:var(--text-dark);margin:0;letter-spacing:.02em;line-height:1.1}.greeting-title{font-family:var(--font-cinzel);font-size:1rem;color:#8a827a;font-weight:400;margin-top:25px;margin-bottom:10px;letter-spacing:.1em}.intro-text p{font-size:1rem;color:#5a544e;margin:1px 0;letter-spacing:.12em;line-height:1.7}.text-spacer{height:12px}.signature-wrapper{margin-top:35px}.handwriting-img{width:200px;height:auto;opacity:.8}.story-section{padding:60px 0 100px}.since-text{font-size:.85rem;letter-spacing:.4em;color:var(--accent);display:block;margin-bottom:15px}.horizontal-title{font-size:1.25rem;letter-spacing:.15em;margin-bottom:80px;padding:0 40px;color:var(--text-dark)}.japanese-layout-wrapper{display:flex;flex-direction:row-reverse;justify-content:center;gap:80px}.vertical-title-area{writing-mode:vertical-rl;display:flex;align-items:center;height:auto}.vertical-title-area h3{font-size:1.8rem;letter-spacing:.2em;line-height:2;font-weight:500;margin:0;white-space:nowrap}.accent-stamp{writing-mode:vertical-rl;margin-top:50px;font-size:.85rem;letter-spacing:.3em;color:#fff;background-color:var(--accent);padding:15px 6px;white-space:nowrap}.vertical-body-area{writing-mode:vertical-rl;height:520px;font-size:.95rem;line-height:2.4;letter-spacing:.15em;color:#5a544e;text-align:justify}.vertical-body-area p{margin-left:35px;margin-top:0;margin-bottom:0}.staff-section{padding-bottom:150px}.staff-header-overlap{position:relative;margin-bottom:80px;height:120px;display:flex;align-items:center;justify-content:center}.staff-header-overlap .main-label{position:absolute;font-family:var(--font-cinzel);font-size:7rem;color:#f2eee8;letter-spacing:.1em;text-transform:uppercase;z-index:1;margin:0;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.8}.staff-header-overlap .sub-label{position:relative;font-size:1.6rem;color:var(--text-dark);letter-spacing:.3em;z-index:2;font-weight:500;margin-top:10px}.staff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}@media(min-width:900px){.staff-grid{grid-template-columns:repeat(4,1fr)}}.staff-item{text-align:center;cursor:pointer;transition:.3s}.staff-avatar-wrapper{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin-bottom:25px;border:8px solid #fff;box-shadow:0 5px 15px #00000008}.staff-avatar{width:100%;height:100%;object-fit:cover;transition:.6s cubic-bezier(.165,.84,.44,1)}.staff-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#4a454080;display:flex;align-items:center;justify-content:center;opacity:0;transition:.4s;color:#fff;font-size:.75rem;letter-spacing:.2em}.staff-item:hover .staff-avatar{transform:scale(1.1)}.staff-item:hover .staff-hover-overlay{opacity:1}.staff-name-box{display:flex;flex-direction:column;gap:8px}.staff-en-name{font-size:1.15rem;letter-spacing:.15em;color:var(--text-dark);text-transform:uppercase}.staff-zh-role{font-size:.8rem;color:var(--accent);letter-spacing:.1em}.staff-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0;transition:.4s;display:flex;align-items:center;justify-content:center}.staff-modal.active{visibility:visible;opacity:1}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#faf9f6f5;cursor:pointer}.modal-content{position:relative;width:90%;max-width:900px;background:#fff;padding:70px 60px;border-radius:4px;box-shadow:0 40px 100px #0000000f;transform:translateY(30px);transition:.5s}.staff-modal.active .modal-content{transform:translateY(0)}.close-btn{position:absolute;top:30px;right:30px;border:none;background:none;font-size:1.8rem;cursor:pointer;color:#bbb;transition:.3s}.modal-body-layout{display:flex;flex-direction:column;gap:50px}@media(min-width:768px){.modal-body-layout{flex-direction:row;align-items:center}}.modal-img-area img{width:300px;height:300px;border-radius:50%;object-fit:cover;border:8px solid #fff;box-shadow:0 10px 30px #0000000d}.modal-text-area{flex:1.5}.modal-title-en{font-size:.85rem;color:var(--accent);letter-spacing:.4em;display:block;margin-bottom:12px;text-transform:uppercase}.modal-name{font-size:1.8rem;margin:0 0 25px;color:var(--text-dark);letter-spacing:.05em}.modal-divider{width:40px;height:1px;background:var(--accent);margin-bottom:35px}.modal-desc{font-size:1rem;line-height:2.2;color:#5a544e;text-align:justify;margin-bottom:45px;letter-spacing:.05em}.modal-social-btns{display:flex;gap:15px;flex-wrap:wrap}.social-btn{display:flex;align-items:center;gap:12px;padding:12px 25px;border-radius:50px;border:1px solid var(--border-light);text-decoration:none;color:var(--text-dark);font-size:.85rem;transition:.3s;font-family:var(--font-freelance);letter-spacing:.1em;background:#fff}.btn-icon{width:18px;height:18px}.social-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px #c09d6c26}@media(min-width:1440px){.inner-hero{height:58vh;min-height:500px}.inner-hero-content{margin-bottom:80px}.avatar-section{margin-top:-155px}.profile-avatar{width:310px;height:310px;border-width:10px}}@media(min-width:1920px){.inner-hero{height:60vh;min-height:540px}.inner-hero-content{margin-bottom:95px}.avatar-section{margin-top:-165px}.profile-avatar{width:330px;height:330px}}@media(max-width:768px){.inner-hero{height:46vh;min-height:360px;margin:15px;border-radius:8px;background-position:center 20%}.inner-hero-content{margin-bottom:55px}.work-title{font-size:2.2rem}.avatar-section{margin-top:-110px}.profile-avatar{width:220px;height:220px;border-width:6px}.section-divider{margin:30px auto 0}.divider-staff{margin-bottom:40px}.intro-section{padding-bottom:30px}.story-section{padding:40px 0 60px}.staff-section{padding-bottom:80px}.horizontal-title{font-size:1.3rem;margin-bottom:35px;padding:0 20px}.japanese-layout-wrapper{flex-direction:column;align-items:center;gap:30px}.vertical-body-area{writing-mode:horizontal-tb;height:auto;text-align:justify;padding:0 20px;line-height:2.1}.vertical-body-area p{margin-left:0;margin-bottom:18px}.vertical-title-area{writing-mode:vertical-rl;height:auto;display:flex;align-items:center;width:auto}.vertical-title-area h3{font-size:1.4rem;line-height:2;white-space:nowrap}.accent-stamp{margin-top:25px;font-size:.8rem;padding:10px 5px;white-space:nowrap}.staff-header-overlap .main-label{font-size:4rem}.staff-header-overlap{height:60px;margin-bottom:30px}.modal-content{padding:40px 20px;width:95%}.modal-img-area img{width:150px;height:150px}.modal-name{font-size:1.4rem}.modal-desc{font-size:.9rem;line-height:1.8}}