/* Shared finishing layer: typography, density, focus and responsive interaction. */
:root,body.home-story {
  --paper:#faf9f6;
  --ink:#233b33;
  --muted:#5c6b63;
  --line:#dce0d8;
  --accent:#b94b23;
  --ui-font:"Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  --header-height:84px;
  --campaign-height:44px;
  --ease-out:cubic-bezier(.2,.7,.25,1);
}

body{font-family:var(--ui-font);-webkit-font-smoothing:antialiased}
html{scroll-padding-top:calc(var(--header-height) + 20px);scrollbar-gutter:stable}
html:has(dialog[open]){overflow:hidden}
#main:focus{outline:none}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #bc572e;outline-offset:4px}
.skip:focus{z-index:2000;padding:12px 22px}
button,input,select,textarea{font-family:inherit}
.solid,.outline,.v2-button{border-radius:3px;transition:background .22s,color .22s,box-shadow .22s,transform .22s var(--ease-out)}
.solid:active,.outline:active,.v2-button:active{transform:translateY(1px)}
.solid:hover,.v2-orange:hover{box-shadow:0 5px 15px #9e3a1520}
body>header,.home-story header{height:var(--header-height);padding-inline:4.5%;gap:24px}
.logo.brand-logo{display:flex;flex-direction:row;align-items:center;width:auto;height:52px;flex-basis:auto;gap:13px}
.logo.brand-logo>img{width:52px;height:52px;flex-shrink:0}
.brand-signature{display:grid;gap:3px;line-height:1.2}
.brand-signature strong{font-size:17px;font-weight:600;letter-spacing:3px}
.brand-signature small{font:8px/1.4 var(--ui-font);letter-spacing:1.3px;opacity:.72}
#nav{gap:24px}
#nav>a,.home-story header #nav>a{font-size:14px;padding:28px 0;box-shadow:none}
#nav>a:after{bottom:17px;transition:width .24s var(--ease-out),opacity .24s}
.nav-explore-toggle{margin-left:-19px;margin-right:-10px;min-width:30px}
.nav-explore{padding-block:28px;border-top:1px solid var(--line)}
.nav-explore-places img{border-radius:3px;transition:filter .3s}
.nav-explore-places a:hover img{filter:brightness(.88)}
.utilities{gap:17px}
.utilities .solid{min-height:44px;padding:10px 17px;font-size:13px}
.utilities #language{min-width:38px;min-height:44px}
.booking-campaign{z-index:61;background:#1f3b32}
.booking-campaign::before{opacity:.1}
.booking-campaign__inner{width:91%;min-height:44px;gap:24px}
.booking-campaign__route{gap:12px}
.booking-campaign__eyebrow{letter-spacing:.07em;font-size:10px}
.booking-campaign__title{font-family:var(--ui-font);font-size:12px;flex-shrink:0}
.booking-campaign__meta{font-size:11px;white-space:nowrap}
.booking-countdown__intro{font-size:10px;max-width:none;white-space:nowrap}
.booking-countdown__card{width:29px;height:26px}
.booking-countdown__label{font-size:10px;letter-spacing:0}
.booking-campaign__action{min-height:32px;font-size:11px;white-space:nowrap;border-color:#f1e9d84d}
.editorial-home .v2-hero{margin-top:calc(-1 * var(--header-height));height:calc(100svh - var(--campaign-height));min-height:650px}
.editorial-home .v2-hero:before{background:linear-gradient(90deg,#102a23b3 0%,#102a2355 52%,#102a231a 100%),linear-gradient(0deg,#102a2399,transparent 50%,#102a2366)}
.editorial-home .v2-hero-content{padding:110px 0 90px}
.editorial-home .v2-hero h1{font-size:clamp(58px,6.2vw,94px);line-height:1.2;letter-spacing:.01em}
.editorial-home .v2-hero p{max-width:510px;font-size:16px;line-height:1.9}
.editorial-home .v2-hero .v2-overline{letter-spacing:2px;font-size:11px}
.hero-video-control .hero-video-toggle{padding:7px 14px;min-height:40px;border-radius:3px}
.editorial-fieldnote{right:7%;bottom:108px}
.editorial-home .editorial-fieldnote strong{font-size:22px}
.editorial-hero-bottom{bottom:22px}
.editorial-finder{padding-block:24px;gap:30px}
.destination-cover{border-radius:4px}
.destination-description h4{font-size:27px}
.destination-description>button{font-size:11px}
.v2-next-universe.atlas-experience{border-radius:5px}
.pagehead,.journey-original .pagehead{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr);column-gap:7%;
  align-items:end;padding:52px 0 36px;
}
.pagehead>.eyebrow{grid-column:1/-1;margin-bottom:17px;font-size:11px;letter-spacing:2px}
.pagehead h1,.journey-original .pagehead h1,.journal-masonry-page .pagehead h1{font-size:clamp(36px,3.4vw,50px);line-height:1.35;letter-spacing:-.015em;text-wrap:balance}
.pagehead p,.journey-original .pagehead p{margin:0 0 4px;font-size:14px;line-height:1.9;max-width:440px}
.pagehead .companion-publish-link{grid-column:2;justify-self:start;margin-top:14px;font-size:13px;min-height:38px;padding:6px 0;border-bottom:1px solid var(--accent);color:var(--accent)}
.original-route-filters{background:#f0f2ec;border:1px solid #dde3d7;border-radius:5px;padding:0 20px}
.original-filter-row{gap:24px;padding:13px 0}
.original-filter-row>span{font-size:12px;min-width:68px;color:#53634f}
.travel-style-row .travel-style-options{gap:9px;flex:1}
.original-filter-row .filter{border-radius:3px;font-size:13px;min-height:38px;padding:7px 14px}
.travel-style-row .style-option{padding:8px 19px;min-width:135px;gap:3px;border:1px solid #d6ded0;background:#fafbf7}
.style-option strong{font-size:20px}
.style-option small{font-size:11px;letter-spacing:.3px}
.original-filter-row .filter.active{background:#29493b;border-color:#29493b;color:white;box-shadow:0 2px 4px #203b3412}
.style-option.active small{color:#f6d5b9}
.original-results-head{padding:18px 0;font-size:13px;gap:18px}
.original-results-head>span{color:#53614e}
.original-results-head>a{font-size:12px}
.original-custom-link{border-radius:3px;min-height:40px}
.journey-page>.original-trip-grid{gap:28px}
.original-trip{display:flex;flex-direction:column;min-width:0;padding-bottom:4px}
.original-trip .photo{height:280px;border-radius:4px}
.original-trip .photo .tag{font-family:var(--ui-font);font-size:11px;letter-spacing:0;border-radius:2px;top:14px;left:14px}
.original-trip h3{font-size:30px;margin-top:8px}
.original-trip p{font-size:14px;line-height:1.95;margin-bottom:20px}
.original-trip .route-photo-source{font-size:10px;color:#657466;margin-top:9px}
.original-trip .route-photo-source+.meta{margin-top:14px}
.original-trip .trip-bottom{margin-top:auto;font-size:13px;padding:14px 0}
.original-trip .trip-bottom>span:first-child{font-size:12px}
.original-custom-band{background:#eaf0e5;border-radius:5px;padding:36px;margin-top:38px}
.original-custom-band h2{font-size:30px}
.original-custom-band p{font-size:14px}
.journal-toolbar{padding:12px 0;margin:0 0 26px}
.journal-toolbar>span{font-size:12px}
.journal-toolbar .filter{border-radius:3px;min-height:42px;font-size:13px}
.journal-masonry{column-gap:22px}
.journal-masonry .story-tile{border-radius:4px}
.journal-masonry .story-overlay{padding:48px 20px 20px;justify-content:flex-end;background:linear-gradient(0deg,#10271efc,#10271e9e)}
.journal-masonry .story-overlay h2{font-size:23px;line-height:1.5}
.journal-masonry .story-overlay p{font-size:13px;line-height:1.8;color:#eff1e9}
.journal-masonry .story-detail-link{font-size:13px;min-height:44px}
.journal-masonry .story-dismiss{width:40px;height:40px;top:5px;right:5px;background:#15362ab3}
.journal-masonry .story-cover-plus{width:40px;height:40px;background:#15362a66}
.journal-source-note{color:#5d6b61;font-size:11px}
.companion-social{margin:0 0 34px;border-radius:6px;border-color:#d6dfce}
.social-globe-side{background:radial-gradient(ellipse at 50% 42%,#d3dec8 0,transparent 68%),#e9eee3;padding:27px}
.social-discovery{background:#f5f7ef;padding:28px 27px 22px}
.social-kicker,.social-request-heading{font-size:11px;letter-spacing:.6px;color:#526747}
.social-kicker>span:last-child{font-size:12px}
.social-request-heading{gap:8px}
.social-carousel-controls button{width:36px;height:36px;background:#ffffff66}
.social-carousel-controls>span{font-size:12px}
.social-request-person>div>span,.social-available{font-size:12px;color:#536b47}
.social-request-person strong{font-family:var(--ui-font);font-size:16px;font-weight:600}
.social-request blockquote{font-size:23px;line-height:1.8}
.social-request-bottom{font-size:13px}
.social-request-bottom button{min-height:44px;border-radius:3px}
.social-stream-heading{font-size:10px;color:#5c704e;letter-spacing:.4px}
.social-stream-heading>span:last-child{font-size:9px;color:#617250}
.traveller-chip{font-size:12px;padding:6px 12px 6px 6px}
.traveller-chip>span:last-of-type{font-size:11px;color:#576b4c}
.globe-caption h2{font-size:34px}
.globe-caption p{font-size:12px;color:#5d7052}
.social-motion-toggle{min-height:40px;font-size:12px;color:#4d6542}
.social-demo-note{font-size:11px;color:#647453}
.companion-actions>.solid{border-radius:3px}
.companion-tabs button{min-height:48px}
.companion-editorial-card{border-radius:5px;background:#fffefa;padding:12px 12px 0;border-color:#d8dfd2;transition:border-color .25s,box-shadow .25s}
.companion-gallery{margin:12px 6px 0}
.companion-editorial-body{padding:24px 16px 0}
.card-travellers h3{font:600 18px/1.4 var(--ui-font)}
.card-travellers small{font-size:12px;color:#607056}
.card-traveller-note{font-size:14px;line-height:1.9;color:#57674c}
.card-journey-title small{font-size:11px}
.card-journey-title strong{font-size:29px}
.interest-heading{font-size:12px;color:#5b6d4e}
.interest-person small{font-size:11px;color:#5e704e}
.card-companion-footer>span{font-size:12px;color:#61734f}
.card-companion-footer button,.card-companion-footer>a{font-size:13px;min-height:40px;display:flex;align-items:center}
.companion-safety p{font-size:13px;line-height:1.9}
.cinema-feature{height:580px}
.cinema-feature-copy{padding-top:72px}
.cinema-feature h1{font-size:clamp(44px,4.5vw,66px)}
.cinema-feature:after{background:linear-gradient(90deg,#0d231acc,#0d231920),linear-gradient(0deg,#172720,transparent 50%)}
.cinema-play-button{border-radius:3px;font-size:14px;min-height:58px}
.cinema-cover{border-radius:4px}
.cinema-collection-head{padding-top:40px}
.cinema-card-copy h3{font-size:27px}
.cinema-card-copy p{font-size:14px;line-height:1.9}
.about-intro>img,.public-good figure img{border-radius:4px}
.public-good figcaption{line-height:1.8}
.detailnav{top:var(--header-height)}
.detailcontent .panel{top:calc(var(--header-height) + 96px);border:1px solid #d8dfd2;border-radius:4px}
.article-body p{line-height:2.1}
.form input,.form textarea,.form select{border-radius:3px;border-color:#cbd3c5;background:white}
.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid #b94b2325;outline-offset:1px}
dialog{border-radius:6px}
dialog>.close{background:#e2e6dc;color:#294537;border-radius:50%;z-index:2}
dialog:has(.field-film-dialog)>.close{background:#ffffff1a;color:white}
dialog::backdrop{background:#10241bc2;backdrop-filter:blur(6px)}
.back-to-top{position:fixed;bottom:24px;right:23px;z-index:50;width:44px;height:44px;border-radius:50%;background:#faf9f6f5;color:#274634;border:1px solid #c8d2c0;box-shadow:0 4px 18px #1e342018;font-size:21px;display:grid;place-items:center;transition:opacity .2s,transform .2s}
.back-to-top[hidden]{display:none}
footer .footnote{line-height:1.8}
footer>div>a,footer>div>button{transition:color .2s}
footer>div>a:hover,footer>div>button:hover{color:#f5bb91}
@media(hover:hover){
 .original-filter-row .filter:not(.active):hover{background:#e3eadc;border-color:#bacbb0;color:#263d2d}
 .original-trip:hover .photo img{transform:scale(1.035)}
 .companion-editorial-card:hover{border-color:#b6c8a7;box-shadow:0 8px 24px #20351d09}
 .back-to-top:hover{transform:translateY(-3px)}
}
@media(max-width:1300px){.brand-signature{display:none}.booking-campaign__meta{display:none}.booking-campaign__eyebrow span{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:1100px){
 html{scrollbar-gutter:auto}
 :root,body.home-story{--header-height:76px}
 #nav{top:var(--header-height);max-height:calc(100dvh - var(--header-height))}
 .nav-explore-toggle{display:none}
 #nav.open{padding:20px 6% 26px;gap:0 25px;border-radius:0 0 6px 6px;animation:editorial-panel-in .2s ease}
 #nav>a,.home-story header #nav>a{padding:15px 0;font-size:22px}
 .home-story.navigation-open>header #nav>a{color:var(--ink)}
 html:has(#nav.open){overflow:hidden}
 .pagehead,.journey-original .pagehead{grid-template-columns:1fr 1fr;gap:0 5%}
 .pagehead h1,.journey-original .pagehead h1,.journal-masonry-page .pagehead h1{font-size:38px}
 .social-request-heading{font-size:10px}
 .social-carousel-controls>span{display:none}
 .social-stream-heading>span:last-child{display:none}
}
@media(max-width:800px){
 .pagehead,.journey-original .pagehead{display:block;padding:35px 0 27px}
 .pagehead p,.journey-original .pagehead p{max-width:650px;margin-top:16px;font-size:14px}
 .pagehead .companion-publish-link{display:inline-flex;align-items:center;margin-top:8px}
 .booking-countdown__intro{display:none}
 .booking-campaign__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
 .booking-campaign__title{flex-shrink:1}
 .original-route-filters{padding:0 15px}
 .travel-style-row .style-option{min-width:105px;padding:8px 12px}
}
@media(max-width:600px){
 :root,body.home-story{--header-height:68px}
 body>header,.home-story header{gap:10px;padding-inline:5%}
 .logo.brand-logo,.logo.brand-logo>img{width:42px;height:42px;flex-basis:42px}
 .utilities{gap:6px;margin-left:auto}
 .utilities .solid{font-size:12px;padding:9px 12px;min-height:42px}
 .utilities #language{font-size:13px}
 .menu{width:44px;height:44px;margin-left:0}
 .booking-campaign__inner{min-height:54px;width:90%;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;padding:4px 0}
 .booking-campaign__title{font-size:11px}
 .booking-campaign__action{font-size:10px;min-height:26px;padding-inline:9px}
 .booking-countdown{gap:8px}
 .booking-countdown__intro{display:inline;font-size:9px}
 .booking-countdown__card{width:27px;height:21px}
 .booking-countdown__label{font-size:9px}
 .editorial-home .v2-hero{min-height:600px;height:calc(100svh - var(--campaign-height));max-height:920px}
 .editorial-home .v2-hero-content{width:89%;padding:105px 0 102px}
 .editorial-home .v2-hero h1{font-size:clamp(43px,11.8vw,64px);line-height:1.26}
 .editorial-home .v2-hero .v2-overline{font-size:10px;letter-spacing:1.1px;margin-bottom:20px}
 .editorial-home .v2-hero p{font-size:14px;line-height:1.95;margin:23px 0 28px}
 .editorial-home .v2-hero-actions{gap:16px}
 .editorial-home .v2-hero .v2-button{padding:12px 17px;min-height:48px;font-size:13px;gap:16px}
 .hero-film-link{font-size:12px}
 .hero-film-link>span{width:34px;height:34px}
 .editorial-hero-bottom{bottom:17px}
 .hero-video-control .hero-video-toggle{padding:5px 10px;min-height:36px;font-size:11px}
 .editorial-finder{padding:20px 6%}
 .editorial-finder strong{font-size:18px}
 .editorial-finder small{font-size:10px}
 .destination-cover{height:360px}
 .v2-home h2{font-size:32px}
 .pagehead,.journey-original .pagehead,.journal-masonry-page .pagehead{padding:30px 0 25px}
 .pagehead h1,.journey-original .pagehead h1,.journal-masonry-page .pagehead h1,.companion-page .pagehead h1{font-size:32px;line-height:1.4}
 .pagehead>.eyebrow{font-size:10px;margin-bottom:14px}
 .pagehead p,.journey-original .pagehead p{font-size:14px;line-height:1.85;margin-top:12px}
 .original-route-filters{padding:0 12px}
 .original-filter-row{padding:11px 0}
 .original-filter-row>span{font-size:11px;margin-bottom:9px}
 .travel-style-row .travel-style-options{display:grid;grid-template-columns:.65fr repeat(3,1fr);gap:5px;align-items:stretch}
 .travel-style-options .style-all{grid-column:auto;justify-self:stretch;margin:0;display:grid;place-items:center;padding:6px 3px}
 .travel-style-row .style-option{min-width:0;padding:7px 3px;justify-content:center;align-items:center;text-align:center;gap:3px}
 .style-option strong{font-size:16px}
 .style-option small{font-size:9px;letter-spacing:0;white-space:nowrap}
 .original-filter-row .filter{font-size:12px;min-height:39px;padding-inline:8px}
 .original-filter-row .style-option,.original-filter-row .style-all{padding-inline:3px}
 .original-results-head{padding:14px 0;gap:9px;font-size:12px}
 .original-results-head>a{font-size:11px}
 .original-custom-link{min-height:38px;font-size:12px;padding:6px 8px}
 .original-trip .photo{height:285px}
 .original-trip h3{font-size:28px}
 .original-trip p{font-size:14px}
 .original-custom-band{padding:27px 22px}
 .original-custom-band h2{font-size:27px}
 .journal-toolbar .filters{gap:4px}
 .journal-toolbar .filter{font-size:12px;min-height:40px;padding:8px}
 .journal-toolbar>span{font-size:11px}
 .journal-masonry .story-overlay{padding:50px 25px 25px}
 .journal-masonry .story-overlay h2{font-size:28px}
 .journal-masonry .story-overlay p{font-size:15px}
 .journal-masonry .story-detail-link{font-size:14px}
 .social-globe-side{padding:20px}
 .social-discovery{padding:22px 20px}
 .traveller-globe{height:290px}
 .globe-caption h2{font-size:29px}
 .globe-caption p{font-size:11px;max-width:215px}
 .social-kicker{font-size:10px}
 .social-request blockquote{font-size:22px}
 .social-request{min-height:240px}
 .social-request-heading{font-size:11px}
 .social-request-person>div>span,.social-available{font-size:11px}
 .social-request-bottom{font-size:12px}
 .social-request-bottom button{padding:8px 12px}
 .social-demo-note{font-size:10px}
 .companion-gallery,.matched-grid .companion-gallery{height:250px}
 .companion-tabs button{font-size:17px}
 .card-companion-footer>span{font-size:11px}
 .cinema-feature{height:550px}
 .cinema-feature-copy{padding-top:48px}
 .cinema-feature h1{font-size:40px}
 .cinema-feature p{font-size:14px}
 .cinema-play-button{font-size:12px;gap:8px;padding:10px 12px}
 .cinema-play-button small{font-size:11px}
 .cinema-route-link{font-size:12px;bottom:30px}
 .cinema-card-copy h3{font-size:26px}
 .detailhero{height:340px}
 .detailhero h1{font-size:40px}
 .detailnav{top:var(--header-height);padding:10px 0}
 .detailcontent .panel{position:static}
 .article h1{font-size:32px}
 .article-body p{font-size:17px;line-height:2}
 .back-to-top{right:15px;bottom:18px;width:42px;height:42px}
 dialog{width:calc(100% - 24px);padding:52px 24px 30px;max-height:88dvh}
 dialog h2{font-size:27px}
}
@media(max-width:360px){
 .style-option strong{font-size:14px}.style-option small{font-size:8px}
 .booking-countdown{gap:5px}.booking-countdown__intro{font-size:8px}
 .editorial-home .v2-hero-actions{gap:10px}.hero-film-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.back-to-top,.companion-editorial-card{transition:none}}

/* Keep the multiplication glyph optically centred across every public dialog. */
dialog>.close{display:grid;place-items:center;box-sizing:border-box;width:42px;height:42px;padding:0 0 3px;line-height:1;font-family:Arial,sans-serif;top:10px;right:10px}

/* Landscape-first editorial covers: keep wide source images fully visible. */
.v2-editorial-panel{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);min-height:0}
.v2-editorial-photo{min-height:0;aspect-ratio:16/10;background:#20382f}
.v2-editorial-photo>img{width:100%;height:100%;object-fit:contain;object-position:center;background:#20382f}
.journal-masonry{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}
.journal-masonry .story-cover-toggle{aspect-ratio:16/10;min-height:0;background:#20382f}
.journal-masonry .story-cover-toggle img{object-fit:contain;object-position:center;background:#20382f}
@media(max-width:1100px){.journal-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.v2-editorial-panel{grid-template-columns:1fr}.v2-editorial-photo{width:100%;height:auto;min-height:0;aspect-ratio:16/9}.journal-masonry{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:0}}
@media(max-width:600px){.journal-masonry{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:0}.journal-masonry .story-cover-toggle,.journal-masonry .story-tile:lang(en) .story-cover-toggle{min-height:0;aspect-ratio:16/10}.journal-masonry .story-overlay{padding:28px 10px 9px}.journal-masonry .story-overlay .eyebrow,.journal-masonry .story-overlay p{display:none}.journal-masonry .story-overlay h2{font-size:13px;line-height:1.35}.journal-masonry .story-detail-link{min-height:24px;padding-top:5px;font-size:9px}.journal-masonry .story-dismiss{width:24px;height:24px;font-size:17px}}

/* Image-first journal feed: cover, title, destination and reading count. */
.journal-masonry .story-feed-card{overflow:visible;background:transparent;border-radius:0;color:var(--ink)}
.story-card-cover{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;border:1px solid #dce2d9;border-radius:12px;background:#e8ece5;box-shadow:0 4px 15px #20382f0a}
.story-card-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .45s ease}
.story-card-cover:hover img{transform:scale(1.025)}
.story-card-cover:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.story-card-body{display:grid;gap:10px;padding:13px 3px 4px}
.story-card-title{display:-webkit-box;min-height:3em;overflow:hidden;color:var(--ink);font:600 16px/1.5 var(--serif);letter-spacing:.01em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.story-card-title:hover{color:var(--accent)}
.story-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718078;font-size:11px;line-height:1.3}
.story-card-destination,.story-card-views{display:inline-flex;align-items:center;min-width:0;gap:5px;white-space:nowrap}
.story-card-destination{overflow:hidden;text-overflow:ellipsis}
.story-card-meta svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.story-card-views{justify-content:flex-end;font-variant-numeric:tabular-nums}
@media(max-width:600px){.story-card-cover{border-radius:7px}.story-card-body{gap:7px;padding:9px 2px 3px}.story-card-title{min-height:2.9em;font-size:13px;line-height:1.45}.story-card-meta{gap:5px;font-size:9px}.story-card-destination,.story-card-views{gap:3px}.story-card-meta svg{width:12px;height:12px}}

/* Preserve each cover's natural ratio: no letterbox background and no crop. */
.story-card-cover{aspect-ratio:auto;border:0;background:transparent;box-shadow:none}
.story-card-cover img{height:auto;min-height:0;background:transparent}
@media(min-width:1600px){.journal-masonry-page{max-width:1580px}.journal-masonry{grid-template-columns:repeat(5,minmax(0,1fr))}}