.about-media{width:100%;max-width:460px;align-self:center;justify-self:start;min-width:0}
.travel-frame{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e6d5c3;isolation:isolate}
.travel-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.travel-slide.is-active{opacity:1;z-index:1}
.travel-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.travel-slide:first-child img{object-position:50% 43%}
.travel-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;color:#526467;font-size:14px;line-height:1.7}
.travel-toggle{appearance:none;border:0;border-bottom:1px solid #8c9c95;background:none;color:#405d62;font:inherit;min-height:40px;min-width:66px;padding:5px 0;cursor:pointer}
.travel-toggle:hover{border-bottom-color:#263f48}
.travel-pagination{display:flex;gap:10px;align-items:center;margin-top:8px}
.travel-select{flex:1;min-width:30px;min-height:40px;display:flex;align-items:center;padding:0;border:0;background:none;cursor:pointer}
.travel-select span{display:block;width:100%;height:2px;background:#c3ccc5;transition:background .2s}
.travel-select.is-active span,.travel-select:hover span{background:#405d62}
@media(max-width:1000px){.about{gap:8%}.about-media{max-width:420px}}
@media(max-width:700px){.about-media{max-width:420px;justify-self:center}.travel-meta{margin-top:14px;font-size:14px}.travel-pagination{gap:10px;margin-top:4px}.about{gap:45px}}
@media(prefers-reduced-motion:reduce){.travel-slide,.travel-select span{transition:none}}