*{box-sizing:border-box}body{margin:0;background:#24372e;color:#29372f;font-family:"Avenir Next",Avenir,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.hub{width:min(100%,540px);margin:36px auto;background:#f9f5e9;box-shadow:0 24px 90px #101c1566;border-radius:22px;overflow:hidden}.scene{height:210px;position:relative;overflow:hidden}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#1e2d2680)}.scene>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.scene>span{position:absolute;left:26px;bottom:21px;z-index:1;color:#fff8e9;font-size:10px;letter-spacing:.18em;font-weight:600}header{padding:0 30px 22px;text-align:center;position:relative}.logo{display:block;margin:-32px auto 20px;border-radius:50%;border:5px solid #f9f5e9;position:relative;z-index:2;box-shadow:0 5px 15px #24372e15}.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:700;color:#6c7e67;margin:0 0 14px}h1{font-family:Georgia,serif;font-size:49px;line-height:.99;letter-spacing:-.04em;font-weight:400;margin:0}.intro{font-size:14px;line-height:1.65;margin:17px 0 0;color:#616c61}.destinations{padding:0 24px}.destination{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:77px;padding:17px 19px;text-decoration:none;color:inherit;border:1px solid #ccd2c3;border-radius:10px;margin:10px 0;background:#fffdf7;transition:transform .15s,background .15s}.destination:hover{background:#eceddf;transform:translateY(-2px)}.destination strong{display:block;font-size:15px;font-weight:650}.destination small{display:block;margin-top:5px;font-size:11px;line-height:1.5;color:#687261}.featured{background:#344d3e;color:#fff9eb;border-color:#344d3e}.featured small{color:#d5dece}.featured:hover{background:#253e2f}.destination>span:last-child{font-size:23px;font-weight:400}footer{display:flex;flex-direction:column;align-items:center;gap:15px;padding:28px 24px 33px;font-size:11px}footer span{font-family:Georgia,serif;font-style:italic;color:#73816b}a:focus-visible{outline:3px solid #bd765d;outline-offset:4px}footer a{color:#3f5d48;text-underline-offset:4px}@media(max-width:560px){.hub{margin:0;border-radius:0;min-height:100vh}.scene{height:195px}}@media(prefers-reduced-motion:reduce){.destination{transition:none}}
