:root{--navy:#061a2d;--deep:#020d17;--sky:#72cbff;--paper:#f5f9fc;--ink:#071a29;--muted:#6f8491;--line:#d7e4eb;--serif:'Playfair Display',serif;--sans:'Pretendard','Noto Sans KR',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.hidden-hero{min-height:620px;padding:170px clamp(24px,8vw,125px) 80px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(2,13,23,.92),rgba(2,13,23,.36)),url('../images/home/world-map-editorial.png') center/cover;color:#fff}.hidden-hero p{margin:0;color:var(--sky);font-size:8px;font-weight:700;letter-spacing:.22em}.hidden-hero h1{margin:18px 0 24px;font:clamp(70px,9vw,128px)/.8 var(--serif);letter-spacing:-.04em}.hidden-hero span{color:#b7c9d2;font-size:11px}.hidden-collection{padding:clamp(70px,8vw,115px) clamp(24px,7vw,108px)}.hidden-collection>header{padding-top:18px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line)}.hidden-collection>header p{margin:0 0 10px;color:#168cca;font-size:8px;font-weight:700;letter-spacing:.17em}.hidden-collection>header h2{margin:0;font:clamp(40px,5vw,66px)/1 var(--serif)}.hidden-collection>header>span{color:#7a909b;font-size:8px;letter-spacing:.12em}.hidden-filters{margin:38px 0 30px;display:flex;gap:7px;overflow:auto;scrollbar-width:none}.hidden-filters::-webkit-scrollbar{display:none}.hidden-filters button{min-width:max-content;padding:10px 15px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#72858f;font-size:8px;font-weight:700;cursor:pointer}.hidden-filters button.active{border-color:var(--navy);background:var(--navy);color:#fff}.hidden-spots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hidden-spot-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 32px rgba(6,26,45,.05)}.hidden-spot-image{position:relative;height:260px;display:block;overflow:hidden;background:#dce8ed}.hidden-spot-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.hidden-spot-card:hover img{transform:scale(1.035)}.hidden-spot-image span{position:absolute;left:15px;top:15px;padding:6px 9px;border-radius:14px;background:rgba(4,20,31,.68);color:#fff;font:11px var(--serif)}.hidden-spot-image b{position:absolute;right:15px;bottom:15px;padding:8px 10px;border-radius:16px;background:rgba(4,20,31,.78);color:#fff;font-size:7px;letter-spacing:.1em}.hidden-spot-card>div{padding:22px}.hidden-spot-card small{color:#168cca;font-size:7px;font-weight:700;letter-spacing:.12em}.hidden-spot-card h2{margin:9px 0;font:28px var(--serif)}.hidden-spot-card p{min-height:48px;margin:0;color:#718691;font-size:10px;line-height:1.7}.hidden-spot-card button{width:100%;margin-top:18px;padding:12px 0;border:0;border-bottom:1px solid #9eb4bf;background:transparent;color:#17384c;font-size:8px;font-weight:700;text-align:left;cursor:pointer}.hidden-spot-card button:disabled{color:#168cca;border-color:#168cca}.hidden-save-toast{position:fixed;z-index:1300;left:50%;bottom:24px;width:min(460px,calc(100% - 30px));padding:16px 18px;display:flex;justify-content:space-between;border-radius:10px;background:#071d2a;color:#fff;opacity:0;transform:translate(-50%,18px);transition:.3s}.hidden-save-toast.show{opacity:1;transform:translate(-50%,0)}.hidden-save-toast span{font-size:10px;font-weight:700}.hidden-save-toast a{color:var(--sky);font-size:9px;font-weight:700}footer{padding:28px clamp(24px,4vw,68px);display:flex;align-items:center;gap:35px;background:var(--deep);color:#fff}footer p{margin:auto;font-size:8px;letter-spacing:.12em;color:#6f8794}footer>span{font-size:8px;color:#8095a0}@media(max-width:900px){.hidden-spots-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hidden-hero{min-height:560px;padding:130px 22px 55px}.hidden-hero h1{font-size:64px}.hidden-collection{padding:65px 18px}.hidden-collection>header{align-items:flex-start;flex-direction:column;gap:16px}.hidden-spots-grid{grid-template-columns:1fr}.hidden-spot-image{height:235px}footer{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}}

/* 국가별 컬렉션과 원본 비율을 유지하는 영상 썸네일 */
.hidden-spots-grid{display:block}
.country-spot-group{padding:38px 0 76px;border-top:1px solid var(--line)}
.country-spot-group:first-child{border-top:0}
.country-spot-heading{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between}
.country-spot-heading>div{display:grid;grid-template-columns:32px auto;align-items:end;column-gap:14px}
.country-spot-heading span{grid-row:1/3;color:#9eb2bc;font:18px var(--serif)}
.country-spot-heading p{margin:0 0 4px;color:#168cca;font-size:8px;font-weight:700;letter-spacing:.14em}
.country-spot-heading h2{margin:0;font:clamp(32px,3.8vw,50px)/1 var(--serif)}
.country-spot-heading small{color:#7a909b;font-size:8px;letter-spacing:.12em}
.country-spot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hidden-spot-image{height:auto!important;aspect-ratio:16/9;background:#071d2a}
.hidden-spot-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
@media(max-width:1200px){.country-spot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.country-spot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .country-spot-group{padding:28px 0 56px}
  .country-spot-heading{align-items:flex-start}
  .country-spot-grid{grid-template-columns:1fr}
  .hidden-spot-image{height:auto}
}
.country-view-more{min-width:190px;margin:28px auto 0;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #9fb5c0;border-radius:24px;background:transparent;color:#17384c;font-size:8px;font-weight:700;letter-spacing:.1em;cursor:pointer}
.country-view-more:hover{border-color:#168cca;color:#168cca}
.country-view-more span{font-size:12px}
.hidden-no-results{padding:70px 20px;border-top:1px solid var(--line);color:#718691;font-size:11px;text-align:center}

/* Compact card copy for the four-column desktop layout. */
.country-spot-grid .hidden-spot-card>div{padding:16px 16px 18px}
.country-spot-grid .hidden-spot-card small{font-size:6.5px;line-height:1.4}
.country-spot-grid .hidden-spot-card .spot-badge{margin-right:6px}
.country-spot-grid .hidden-spot-card h2{margin:7px 0;font-size:clamp(18px,1.45vw,23px);line-height:1.15}
.country-spot-grid .hidden-spot-card p{min-height:42px;font-size:9px;line-height:1.6}
.country-spot-grid .hidden-spot-card button{margin-top:13px;padding:10px 0;font-size:7px}

@media(max-width:760px){
  .country-spot-grid .hidden-spot-card>div{padding:18px}
  .country-spot-grid .hidden-spot-card h2{font-size:22px}
  .country-spot-grid .hidden-spot-card p{font-size:9.5px}
}

/* Compact hero sizing */
.hidden-hero{min-height:560px;padding-top:150px;padding-bottom:64px}
@media(max-width:760px){.hidden-hero{min-height:500px;padding-top:112px;padding-bottom:44px}}
@media(max-width:760px){.hidden-spot-card button{min-height:44px;padding-block:13px}.country-view-more{min-height:44px}}
.hidden-spot-card button.is-saved{color:#168cca;border-color:#168cca}
.country-spot-grid.is-expanding .hidden-spot-card:nth-child(n+5){animation:spot-card-enter .52s .12s both cubic-bezier(.22,1,.36,1)}
@keyframes spot-card-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.country-spot-grid.is-expanding .hidden-spot-card:nth-child(n+5){animation:none}}

/* The tablet preview starts with exactly one complete three-card row. */
@media(max-width:1200px) and (min-width:901px){
  .country-spot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .country-spot-grid.is-expanding .hidden-spot-card:nth-child(n+4){animation:spot-card-enter .52s .12s both cubic-bezier(.22,1,.36,1)}
}