:root{--primary: #8CC63F;--primary-dark: #7AB434;--bg-dark: #1A1A1A;--bg-light: #FFFFFF;--bg-offset: #F9FBF7;--bg-overview: #F5E9DA;--text-main: #1A1A1A;--text-muted: #666666;--text-white: #FFFFFF;--font-main: "Pretendard Variable", "Pretendard", -apple-system, sans-serif;--transition-fast: all .3s ease;--transition-slow: all .8s cubic-bezier(.16, 1, .3, 1);--section-spacing: clamp(6rem, 12vw, 10rem)}.logo-shield{background:#fff;width:110px;height:140px;border:5px solid #1A1A1A;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);box-shadow:8px 8px #00000026}.logo-shield:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:#1a1a1a}html{scroll-behavior:smooth}body{background-color:var(--bg-light);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}.container{max-width:1440px;margin:0 auto;padding:0 5vw}section{position:relative;overflow:hidden}h1,h2,h3,h4{font-weight:900;line-height:1.1;letter-spacing:-.05em}.text-hero{font-size:clamp(3.5rem,8vw,8rem);text-transform:uppercase}.text-title{font-size:clamp(2.5rem,6vw,4.5rem);text-transform:uppercase}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:2.5rem 0;transition:var(--transition-slow)}.navbar.scrolled{padding:1.2rem 0;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000008;border-bottom:1px solid rgba(0,0,0,.05)}.nav-link{font-size:.9rem;font-weight:800;color:var(--text-main);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;position:relative;transition:var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition-fast)}.nav-link:hover:after{width:100%}.hero-wrapper{position:relative;min-height:100vh;background-color:#8cc63f;display:flex;align-items:center;overflow:hidden;z-index:1}.poster-f-background{position:absolute;top:-25vh;left:-2vw;font-size:160vh;font-weight:950;color:#79b430;line-height:1;opacity:1;z-index:2;pointer-events:none;font-family:Outfit,sans-serif;letter-spacing:-.05em}.poster-f-background.secondary{left:14vw;top:1vh;color:#1a1a1a;z-index:3}.hero-content-layout{position:relative;z-index:30;margin-left:55vw;max-width:600px;padding:2rem}.graphic-circle{position:absolute;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 2deg,rgba(255,255,255,.5) 2deg 3deg);pointer-events:none;z-index:4}.poster-sidebar{position:absolute;left:0;top:0;bottom:0;width:clamp(60px,8vw,120px);background:var(--bg-dark);z-index:20;display:flex;align-items:center;justify-content:center}.info-table{width:100%;border-top:2px solid #1A1A1A}.info-row{display:grid;grid-template-columns:200px 1fr;padding:1.8rem 0;border-bottom:1px solid rgba(0,0,0,.08);align-items:start}.info-label{font-weight:900;font-size:.9rem;opacity:.4;letter-spacing:.1em;text-transform:uppercase}.info-content{font-weight:700;font-size:1.1rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.4rem 3.2rem;border-radius:0;font-weight:900;text-transform:uppercase;cursor:pointer;border:none;transition:var(--transition-slow);font-size:1rem}.btn-primary{background:var(--bg-dark);color:var(--primary)}.btn-primary:hover{background:#000;transform:scale(1.05)}.btn-outline{background:transparent;color:var(--bg-dark);border:2.5px solid var(--bg-dark)}.btn-outline:hover{background:var(--bg-dark);color:var(--primary)}.track-card{background:#fff;padding:3.5rem;border:1px solid #f0f0f0;transition:var(--transition-slow)}.track-card:hover{transform:translateY(-15px);border-color:var(--primary);box-shadow:0 30px 60px #0000000d}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.gallery-item{overflow:hidden;position:relative;transition:var(--transition-slow)}.gallery-item:hover img{transform:scale(1.1)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3rem;opacity:.6}.logo-item{height:80px;display:flex;align-items:center;justify-content:center;filter:grayscale(1);transition:var(--transition-fast)}.logo-item:hover{filter:grayscale(0);opacity:1;transform:scale(1.1)}@media (max-width: 1024px){.info-row{grid-template-columns:150px 1fr}}@media (max-width: 768px){.poster-sidebar{display:none}.info-row{grid-template-columns:1fr;gap:.5rem}.text-hero{font-size:4rem}}