.spots-page{background:#f5f8f9}.spots-main{width:min(1200px,calc(100% - 48px));margin:auto;padding:26px 0 80px}.spots-main .breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 28px;color:#71818b;font-size:13px}.spots-main .breadcrumbs a{color:var(--teal)}
.spots-intro{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:50px;align-items:center;margin-bottom:28px;padding:34px;border:1px solid #dce7ea;border-radius:16px;background:#fff}.spots-intro h1{max-width:780px;margin:9px 0 12px;color:var(--navy);font-size:clamp(32px,4.5vw,52px);line-height:1.08;letter-spacing:-.035em}.spots-intro p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.spots-intro aside{display:grid;justify-items:center;padding:24px;border-radius:13px;background:var(--seafoam);color:var(--navy);text-align:center}.spots-intro aside strong{font:700 54px/1 Poppins,sans-serif}.spots-intro aside span{margin-top:4px;color:var(--teal);font-weight:800}.spots-intro aside b{margin-top:13px;font-size:11px;line-height:1.5}
.spots-note{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;margin-bottom:54px;padding:21px 24px;border-left:4px solid var(--orange);background:#fff7e7}.spots-note h2{margin:0;color:var(--navy);font-size:18px}.spots-note p{margin:0;color:#506571;font-size:13px;line-height:1.65}
.spots-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.spots-heading h2{margin:5px 0 0;color:var(--navy);font-size:30px}.spots-heading>p{max-width:510px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.spots-heading>p span{color:var(--orange)}
.spots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.spot-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #e1e8eb;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(0,34,74,.035)}.spot-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--seafoam)}.spot-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.spot-card:hover .spot-image img{transform:scale(1.025)}.spot-image>span{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:6px;background:rgba(0,34,74,.9);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.spot-copy{display:flex;flex:1;flex-direction:column;padding:17px}.spot-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.spot-title h3{margin:0;color:var(--navy);font:700 18px/1.3 Poppins,Inter,sans-serif}.spot-title h3 a{color:inherit;text-decoration:none}.spot-title h3 a:hover{color:var(--teal);text-decoration:underline}.spot-title>span{flex:0 0 auto;padding:4px 7px;border-radius:7px;background:#fff5dd;color:#8a5200;font-size:12px;font-weight:800}.spot-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin:11px 0 10px;padding-bottom:10px;border-bottom:1px solid #edf1f2;color:var(--teal);font-size:11px;font-weight:700}.spot-meta b{color:#627581;font-weight:600}.spot-copy>p:last-child{margin:0;color:#536875;font-size:12px;line-height:1.6}
.spots-planning{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:54px;padding:30px 34px;border-radius:15px;background:var(--navy);color:#fff}.spots-planning h2{margin:6px 0;color:#fff;font-size:27px}.spots-planning p{max-width:760px;margin:0;color:#c7d9e2;font-size:13px;line-height:1.65}.spots-planning .eyebrow{color:#82dce1}.spots-planning>a{display:flex;flex:0 0 auto;min-height:46px;align-items:center;justify-content:center;padding:10px 17px;border-radius:9px;background:#bd5700;color:#fff;font-weight:800;text-decoration:none}
@media(max-width:1000px){.spots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spots-intro{grid-template-columns:1fr 190px;gap:28px}}
@media(max-width:700px){.spots-main{width:calc(100% - 32px);padding-top:20px}.spots-intro{grid-template-columns:1fr;padding:24px 20px}.spots-intro aside{grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:3px 12px;text-align:left}.spots-intro aside strong{grid-row:1/3;font-size:46px}.spots-intro aside b{grid-column:1/-1;margin-top:8px}.spots-note{grid-template-columns:1fr;gap:8px;margin-bottom:42px}.spots-heading{display:block}.spots-heading>p{margin-top:10px}.spots-grid{grid-template-columns:1fr}.spots-planning{align-items:flex-start;flex-direction:column;padding:25px 21px}.spots-planning>a{width:100%}}
@media(max-width:390px){.spots-intro h1{font-size:31px}.spot-copy{padding:15px}.spot-title h3{font-size:17px}.spot-meta{display:grid}.spots-planning h2{font-size:24px}}