.travel-page{--bg-color:#ffffff;--card-bg:#f5f5f7;--text-main:#1d1d1f;--text-sub:#6e6e73;--accent:#0066cc;--card-shadow:rgba(0,0,0,0.08);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}.travel-page a{text-decoration:none;color:inherit}.travel-container{max-width:1200px;margin:0 auto;padding:80px 20px 100px}.travel-hero{text-align:center;padding:60px 0 80px;animation:fadeIn 1.2s ease-out}.travel-hero h1{font-size:56px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.travel-hero p{font-size:24px;color:var(--text-sub);font-weight:400;letter-spacing:-.01em}.travel-city-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;width:100%}.travel-card{position:relative;height:500px;background-color:var(--card-bg);border-radius:30px;overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease;display:flex;flex-direction:column;text-align:center}.travel-card:hover{transform:scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.travel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0));z-index:5;pointer-events:none}.travel-card-content{position:absolute;top:40px;left:0;right:0;z-index:10;padding:0 20px}.travel-card-tag{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);text-transform:uppercase;margin-bottom:8px;display:block;text-shadow:0 1px 3px rgba(0,0,0,.3)}.travel-card-title{font-size:40px;font-weight:700;color:#ffffff;line-height:1.1;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.travel-card-desc{color:rgba(255,255,255,.95);margin-bottom:20px}.travel-card-desc,.travel-card-link{font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.travel-card-link{color:#64d2ff;font-weight:600}.travel-card:hover .travel-card-link{text-decoration:underline}.travel-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .5s ease}.travel-card:hover .travel-card-image{opacity:1}.travel-card.seoul{grid-column:span 2;height:580px}.travel-card.seoul .travel-card-title{font-size:56px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.travel-hero h1{font-size:28px}.travel-hero p{font-size:18px}.travel-city-grid{grid-template-columns:1fr}.travel-card{height:300px}.travel-card.seoul{grid-column:auto;height:300px}.travel-card-title{font-size:28px}.travel-card-desc{font-size:14px}.travel-card.seoul .travel-card-title{font-size:28px}}