.seoul-page{--bg-color:#f5f5f7;--card-bg:#ffffff;--text-main:#1d1d1f;--text-sub:#86868b;--accent:#0071e3;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}.seoul-page a{text-decoration:none;color:inherit;transition:.3s}.seoul-page html{scroll-behavior:smooth}.seoul-hero{height:85vh;background:url(/assets/city/seoul.jpg) 50%/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.seoul-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.3) 80%,var(--bg-color))}.seoul-hero-text{position:relative;z-index:1;animation:fadeInUp 1s ease-out}.seoul-hero h1{font-size:80px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.seoul-hero p{font-size:24px;font-weight:400;color:rgba(255,255,255,.9);text-shadow:0 2px 10px rgba(0,0,0,.3)}.seoul-section{padding:120px 20px;max-width:1200px;margin:0 auto}.seoul-section-head{text-align:center;margin-bottom:60px}.seoul-section-head h2{font-size:56px;font-weight:700;margin-bottom:10px;color:var(--text-main)}.seoul-section-head p{font-size:21px;color:var(--text-sub)}.seoul-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px}.seoul-card{background:var(--card-bg);border-radius:28px;overflow:hidden;position:relative;height:500px;cursor:pointer;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .3s ease;display:block;box-shadow:0 4px 20px rgba(0,0,0,.05)}.seoul-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.3) 50%,transparent);z-index:1;pointer-events:none}.seoul-card:hover{transform:scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.seoul-card-img{width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .5s ease;z-index:0}.seoul-card:hover .seoul-card-img{transform:scale(1.05)}.seoul-card-info{position:absolute;top:40px;left:30px;right:30px;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:2}.seoul-card-tag{color:rgba(255,255,255,.9);font-size:12px;font-weight:700;text-transform:uppercase;display:block;margin-bottom:8px}.seoul-card-title{font-size:36px;font-weight:700;line-height:1.1;margin-bottom:10px;color:#fff}.seoul-card-desc{font-size:17px;color:rgba(255,255,255,.9);line-height:1.4}.seoul-card.wide{grid-column:1/-1;height:600px}.seoul-card.wide .seoul-card-title{font-size:48px}.view-more-container{text-align:center;margin-top:50px}.btn-apple{display:inline-block;padding:14px 30px;background:#ffffff;border-radius:40px;font-size:17px;font-weight:600;color:var(--accent);transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,.1)}.btn-apple:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.seoul-shopping-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;width:100%}.seoul-shop-card{min-height:200px;background:#ffffff;border-radius:20px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.seoul-shop-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.seoul-hero h1{font-size:48px}.seoul-hero p{font-size:18px}.seoul-section-head h2{font-size:36px}.seoul-section-head p{font-size:16px}.seoul-card-title{font-size:24px}.seoul-card-desc{font-size:14px}.seoul-card.wide{height:450px}.seoul-card.wide .seoul-card-title{font-size:32px}.seoul-shopping-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.seoul-shopping-grid{grid-template-columns:1fr}}