.topbar{backdrop-filter:blur(4px);background:linear-gradient(180deg,rgba(4,18,12,.28),transparent)}
.hero-bg{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/H%C3%A0_Giang_province_landscape.jpg?width=2200');background-position:center 48%}
.hero-bg:after{background:linear-gradient(90deg,rgba(4,22,14,.9),rgba(5,27,18,.1) 72%),linear-gradient(0deg,rgba(5,20,14,.62),transparent 62%)}
.hero-stamp{position:absolute;right:7vw;top:145px;z-index:3;width:138px;height:138px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(8deg);backdrop-filter:blur(7px);background:rgba(9,32,23,.16)}
.hero-stamp:after{content:'';position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.35);border-radius:50%}
.hero-stamp b{font:46px/1 'Playfair Display',serif;color:var(--lime)}
.hero-stamp span{font-size:7px;line-height:1.5;letter-spacing:.13em}
.places-grid{grid-auto-flow:dense;gap:16px}
.place{height:520px;background:#173f30;isolation:isolate}
.place:nth-child(3),.place:nth-child(4),.place:nth-child(5),.place:nth-child(8),.place:nth-child(9),.place:nth-child(10){height:460px}
.place:before{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.22);z-index:2;pointer-events:none}
.place img{display:block;transform:scale(1.002);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s}
.place:hover img{transform:scale(1.075);filter:saturate(1.14) contrast(1.03)}
.place-shade{z-index:1;background:linear-gradient(0deg,rgba(3,18,12,.95) 0,rgba(3,18,12,.27) 64%,rgba(3,18,12,.15))}
.place-index,.place-tag,.place-copy{z-index:3}
.place-index{top:25px;left:27px;font-size:20px}
.place-tag{top:22px;right:24px;background:rgba(5,23,15,.18);backdrop-filter:blur(5px)}
.place-copy{left:30px;right:30px;bottom:28px}
.place-copy h3{font-size:42px;text-wrap:balance}
.place-copy p{max-height:none;margin:0 0 16px;opacity:.82}
.place-copy button span{transition:.3s}
.place:hover .place-copy button span{transform:translate(4px,-4px)}
footer>p{line-height:1.7}
footer small{font-size:8px;letter-spacing:.06em}
.moments-image{background-image:url('https://commons.wikimedia.org/wiki/Special:FilePath/Hoi_An_-_HoiAn1441.jpg?width=1600');background-position:center 52%}
@media(max-width:950px){.hero-stamp{width:110px;height:110px;right:5vw}.hero-stamp b{font-size:38px}.place,.place:nth-child(1),.place:nth-child(6){height:510px}.place:nth-child(3),.place:nth-child(4),.place:nth-child(5),.place:nth-child(8),.place:nth-child(9),.place:nth-child(10){height:450px}}
@media(max-width:600px){.hero-stamp{display:none}.place,.place:nth-child(n){height:500px}.place-copy h3{font-size:38px}}