:root{--bg-color:#0b0b0d;--card-bg:#16161ab3;--accent-gold:#d4af37;--text-primary:#f0f0f0;--text-secondary:#9999a0;--border-color:#d4af3726}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);word-break:keep-all;font-family:Pretendard,sans-serif;line-height:1.7;overflow-x:hidden}header{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0b0b0de6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;display:flex;position:fixed;top:0}.logo{letter-spacing:3px;color:#fff;font-family:Playfair Display,serif;font-size:24px;font-weight:600}nav{gap:24px;display:flex}nav a{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;font-size:13px;text-decoration:none;transition:all .3s}nav a:hover{color:var(--accent-gold)}.hero{min-height:100vh;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:-webkit-fill-available;padding:100px 20px 60px;display:flex}.hero .sub-title{letter-spacing:4px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:12px;font-size:12px}.hero h1{letter-spacing:6px;color:#fff;text-shadow:0 10px 30px #000c;margin-bottom:16px;font-family:Playfair Display,serif;font-size:calc(48px + 3vw);font-weight:400}.hero p{color:var(--text-secondary);max-width:500px;padding:0 10px;font-size:15px;font-weight:300}section{max-width:1100px;margin:0 auto;padding:80px 20px}.hero{max-width:none}.section-header{text-align:center;margin-bottom:40px}.section-header h2{letter-spacing:3px;color:var(--accent-gold);font-family:Playfair Display,serif;font-size:28px;font-weight:400}.section-header p{letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-top:4px;font-size:12px}.about-content{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);border-radius:8px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:36px 24px;display:grid}.about-text h3{color:#fff;margin-bottom:16px;font-size:20px;font-weight:400;line-height:1.5}.about-text p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.about-image{border-radius:4px;width:100%;height:280px;position:relative;overflow:hidden}.about-image img{object-fit:cover;filter:brightness(.85)contrast(1.1);opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.about-image img.active{opacity:1;z-index:1}@media (prefers-reduced-motion:reduce){.about-image img{transition-duration:.01ms}}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gallery-item{border-radius:4px;height:260px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;filter:brightness(.85);width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.gallery-item:hover img{filter:brightness();transform:scale(1.05)}.gallery-caption{color:#fff;letter-spacing:1px;background:linear-gradient(#0000,#000000d9);padding:16px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.selection-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:30px 24px;transition:transform .3s,border-color .3s}.selection-card .icon{color:var(--accent-gold);margin-bottom:16px;font-size:28px}.selection-card h3{color:#fff;margin-bottom:12px;font-family:Playfair Display,serif;font-size:20px;font-weight:400}.selection-card p{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.location-container{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:40px 20px}.info-group{margin-bottom:25px}.info-group h4{letter-spacing:2.5px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:6px;font-size:11px}.info-group p{color:#fff;font-size:15px}.social-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.social-btn{border:1px solid var(--border-color);color:#fff;background:#ffffff0d;border-radius:30px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.social-btn i{color:var(--accent-gold);font-size:18px}.social-btn .naver-icon{color:#03c75a;font-size:15px;font-weight:900}.social-btn:hover{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.social-btn:hover i,.social-btn:hover .naver-icon{color:#000}footer{text-align:center;color:#666;letter-spacing:1px;border-top:1px solid #ffffff0d;padding:40px 20px;font-size:11px}@media (width<=768px){header{padding:14px 20px}nav{gap:14px}nav a{letter-spacing:1px;font-size:11px}section{padding:60px 16px}.hero{padding:100px 20px 60px}.about-content{grid-template-columns:1fr;gap:24px;padding:28px 18px}.about-image{height:220px}.gallery-grid{grid-template-columns:1fr;gap:12px}.gallery-item{height:220px}.selection-grid{grid-template-columns:1fr}.selection-card{padding:24px 20px}.social-buttons{flex-direction:column;gap:10px}.social-btn{justify-content:center;width:100%}}
