@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;800&display=swap";:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--color-scheme: light dark;--color-bg: #111;--color-text: #ffffff;--color-primary: #646cff;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}#app{width:100%}.site-header{position:fixed;top:0;right:0;padding:2rem;z-index:100;display:flex;justify-content:flex-end;width:100%;pointer-events:none}.site-header nav{pointer-events:auto;display:flex;gap:2rem;padding:.8rem 2rem}@media(max-width:768px){.site-header{padding:1rem;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header nav{gap:1rem;padding:.5rem;flex-wrap:wrap;justify-content:center}.nav-link{font-size:.8rem}}.nav-link{color:#ccc;text-decoration:none;font-size:.9rem;letter-spacing:.1em;font-weight:500;transition:color .3s}.nav-link:hover,.nav-link.active{color:#fff}.site-footer{padding:4rem 2rem;text-align:left;background:#000;color:#666;margin-top:auto}.footer-links,.social-links{margin-left:12vw}@media(max-width:768px){.site-footer{padding:2rem 1rem}.footer-links,.social-links{margin-left:0;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.copyright{text-align:center}}.footer-links{display:flex;justify-content:flex-start;gap:2rem;margin-bottom:2rem}.footer-link{color:#888;text-decoration:none}.footer-link:hover{color:#fff}.social-links{display:flex;justify-content:flex-start;gap:2rem;margin-bottom:2rem}.social-links a{color:#888;text-decoration:none}.social-links a:hover{color:#fff}.copyright{text-align:right;margin-top:2rem}.page-home{width:100%}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-video-container iframe{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.6}@media(max-width:768px){.hero-video-container iframe{width:177.78vh;height:100vh;left:50%}}.hero-content{position:absolute;bottom:0;left:20px;z-index:10;text-align:left;color:#fff;width:100%}.hero-title{font-size:8vw;font-weight:800;letter-spacing:.05em;line-height:.9;text-transform:uppercase;margin:0;padding-bottom:20px;text-shadow:0 0 20px rgba(0,0,0,.5);animation:fadeIn 2s ease-out}@media(max-width:768px){.hero-title{font-size:15vw}.hero-content{left:0;padding:0 20px}}.scroll-indicator{position:absolute;bottom:0;right:40px;z-index:10;color:#fff;display:flex;flex-direction:column;align-items:center;height:200px}.scroll-indicator:before{content:"";display:block;width:2px;height:100%;background:#fff;margin-bottom:-10px}.scroll-indicator svg{width:40px;height:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.latest-letters{padding:4rem 2rem;background:var(--color-bg);width:75vw;margin-left:12vw}@media(max-width:768px){.latest-letters{width:100%;margin-left:0;padding:4rem 1rem}.section-title{font-size:2rem}}.section-title{font-size:3rem;margin-bottom:3rem;text-align:left}.letter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.letter-grid{grid-template-columns:1fr}}.letter-card{border:none;border-radius:0;transition:opacity .3s;background:transparent;text-decoration:none;color:inherit;overflow:hidden;display:flex;flex-direction:column}.letter-card:hover{opacity:.7;transform:none}.letter-card-image{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#222;margin-bottom:.8rem}.letter-card-content{padding:0;display:flex;flex-direction:column;gap:.4rem}.letter-card h3{margin:0;font-size:1rem;font-weight:500;line-height:1.4}.letter-card small{font-size:.75rem;color:#888;font-family:monospace}.letter-card p{font-size:.8rem;color:#999;line-height:1.5;margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-letter{padding:8rem 2rem 4rem;width:75vw;margin-left:12vw}@media(max-width:768px){.page-letter{width:100%;margin-left:0;padding:6rem 1rem 4rem}.page-letter h1{font-size:2rem}}.page-letter h1{font-size:3rem;margin-bottom:3rem;text-align:left}.letter-list{display:flex;flex-direction:column;gap:3rem}.letter-item{border-bottom:1px solid #333;padding-bottom:3rem;transition:transform .2s}.letter-link-wrapper{display:flex;gap:2rem;text-decoration:none;color:inherit;align-items:flex-start}.letter-link-wrapper:hover .letter-title{color:var(--color-primary)}.letter-thumbnail-container{flex:0 0 300px;aspect-ratio:16/9;overflow:hidden;background:#222}.letter-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s}.letter-link-wrapper:hover .letter-thumbnail{transform:scale(1.05)}.letter-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.letter-read-more{margin-top:1rem;color:var(--color-primary);font-weight:700}@media(max-width:768px){.letter-link-wrapper{flex-direction:column}.letter-thumbnail-container{width:100%;flex:auto}}.page-works{padding:8rem 2rem 4rem;width:75vw;margin-left:12vw}@media(max-width:768px){.page-works{width:100%;margin-left:0;padding:6rem 1rem 4rem}.page-works h1{font-size:2rem}}.page-works h1{font-size:3rem;margin-bottom:3rem;text-align:left}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0}@media(max-width:900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.works-grid{grid-template-columns:1fr}}.work-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:opacity .3s}.work-card:hover{opacity:.8}.thumbnail-wrapper{width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:1rem;background:#111}.work-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .5s}.work-card:hover .work-thumbnail{transform:scale(1.05)}.work-info{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:1rem}.work-info h3{margin:0;font-size:1.1rem;font-weight:500;line-height:1.4;flex:1}.work-meta{flex-shrink:0;font-size:.85rem;color:#888}.page-work-detail{padding:8rem 2rem 4rem;max-width:1000px;margin:0 auto}@media(max-width:768px){.page-work-detail{padding:6rem 1rem 4rem}.work-detail-title{font-size:2rem}}.work-detail-header{margin-bottom:3rem}.work-detail-title{font-size:3rem;margin-bottom:1rem}.work-detail-meta{display:flex;gap:2rem;color:#888;margin-bottom:2rem}.work-detail-media{width:100%;margin-bottom:3rem;background:#000}.work-detail-media iframe,.work-detail-media img{width:100%;border:none;display:block}.work-detail-media iframe{aspect-ratio:16/9}.work-detail-body{line-height:1.8;font-size:1.1rem;white-space:pre-wrap}.page-member{padding:8rem 2rem 4rem;width:75vw;margin-left:12vw}@media(max-width:768px){.page-member{width:100%;margin-left:0;padding:6rem 1rem 4rem}.page-member h1{font-size:2rem}}.page-member h1{font-size:3rem;margin-bottom:3rem;text-align:left}.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;padding-top:3rem}@media(max-width:1200px){.member-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.member-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.member-grid{grid-template-columns:repeat(2,1fr)}}.member-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;text-decoration:none;color:inherit}.member-card:hover{opacity:.8}.member-icon{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:0;margin-bottom:1.5rem;background-color:#333}.member-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;letter-spacing:.05em}.member-skill{font-size:.85rem;color:#888;letter-spacing:.1em}.page-letter-detail{padding:8rem 2rem 4rem;width:75vw;margin-left:12vw}@media(max-width:768px){.page-letter-detail{width:100%;margin-left:0;padding:6rem 1rem 4rem}.letter-detail-title{font-size:1.8rem}}.letter-detail-header{margin-bottom:2rem;text-align:left}.letter-detail-meta{color:#888;margin-bottom:.5rem;font-family:monospace}.letter-detail-title{font-size:2.5rem;margin:0}.letter-detail-hero{margin-bottom:3rem;width:100%}.letter-detail-hero img{width:100%;height:auto;display:block}.letter-detail-content{font-size:1.1rem;line-height:1.8;color:#ddd;margin-bottom:3rem}.letter-detail-content p{margin-bottom:1.5rem}.letter-detail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:3rem}.letter-detail-image{width:100%;height:auto;display:block}.letter-footer-nav{margin-top:4rem;padding-top:2rem;border-top:1px solid #333}.letter-footer-nav a{color:#fff;text-decoration:none;font-size:1.1rem}.letter-footer-nav a:hover{text-decoration:underline}.page-gallery{padding:8rem 2rem 4rem;width:75vw;margin-left:12vw}@media(max-width:768px){.page-gallery{width:100%;margin-left:0;padding:6rem 1rem 4rem}.page-gallery h1{font-size:2rem}}.page-gallery h1{font-size:3rem;margin-bottom:3rem;text-align:left}.sns-placeholder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sns-card{background:#222;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:#555;border-radius:8px;position:relative;overflow:hidden}.sns-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#222,#333);z-index:1}.sns-card-content{z-index:2;text-align:center}