/* A stay in four chapters. The fixed brand rail retains its original design. */
:root { --editorial-rule: #1e283026; --editorial-muted: #657079; }
.page-index .opening-scene h1 { font-weight:400; font-size:clamp(36px,3.4vw,54px); letter-spacing:.12em; gap:28px; }
.page-index .opening-scene::after { background:linear-gradient(90deg,transparent 30%,#1e28301a 55%,#1e283080),linear-gradient(180deg,#101a233d,transparent 25%,transparent 60%,#101a2370); }
.page-index .opening .opening-foot { border-bottom:0; padding:20px 0 10px; }
.page-index .opening .stay-facts { border-bottom:1px solid var(--editorial-rule); padding-bottom:22px; }
.stay-journal { --gutter:clamp(36px,6vw,108px); background:#fff; }
.journal-section { scroll-margin-top:30px; }
.journal-index { margin:0 var(--gutter); display:flex; gap:36px; align-items:center; padding:36px 0 0; font-size:12px; }
.journal-index>span { margin-right:auto; letter-spacing:.1em; }
.journal-index a { display:flex; gap:12px; align-items:center; min-height:44px; color:var(--editorial-muted); }
.journal-index a span { font-size:22px; color:#1e2830; }
.journal-label { display:flex; gap:18px; align-items:center; font-size:12px; letter-spacing:.12em; }
.journal-label>span { font-size:16px; border:1px solid var(--editorial-rule); width:34px; height:34px; display:grid; place-items:center; }
.journal-label>p { margin:0; }
.journal-label small { font-family:Georgia,serif; font-size:9px; letter-spacing:.14em; color:var(--editorial-muted); margin-left:auto; }
.journal-section h2.vertical-heading { font-size:clamp(35px,3.15vw,46px); font-weight:400; line-height:1.2; letter-spacing:.07em; gap:24px; margin:0; }
.journal-section h2.vertical-heading>span+span { padding-top:1.25em; }
.journal-section .journal-copy { min-width:0; font-size:15px; line-height:2.15; letter-spacing:.05em; }
.journal-copy p { margin:0; }
.journal-copy p+p { margin-top:26px; }
.journal-kicker { font-size:12px; letter-spacing:.1em; margin:0; }
.journal-aside { font-size:20px; letter-spacing:.06em; line-height:1.8; }
.journal-image { margin:0; min-width:0; }
.journal-image img { width:100%; object-fit:cover; display:block; }
.journal-image figcaption { padding:14px 0 0; margin:0; font-size:10px; letter-spacing:.07em; line-height:1.7; color:var(--editorial-muted); }
.journal-link { display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--editorial-rule); padding:18px 0; margin-top:24px; min-height:64px; font-size:13px; letter-spacing:.06em; }
.journal-link i { width:36px; height:36px; display:grid; place-items:center; background:#1e2830; color:#fff; border:1px solid #1e2830; border-radius:50%; font:normal 18px Georgia,serif; flex-shrink:0; transition:background .25s,color .25s,transform .25s; }
.journal-link:hover i { background:#42535e; border-color:#42535e; color:#fff; transform:translateX(3px); }
.folio-source { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:42px 0; padding:65px var(--gutter) 110px; }
.folio-source .journal-label { grid-column:1/-1; }
.folio-source .source-image { grid-column:1/7; grid-row:2/4; align-self:start; }
.folio-source .source-image img { aspect-ratio:4/5; object-position:52% center; }
.folio-source>h2 { grid-column:9/13; grid-row:2; justify-self:center; }
.folio-source .source-copy { grid-column:8/13; grid-row:3; padding-top:4px; max-width:29em; }
.folio-town { margin-bottom:150px; }
.town-scene { position:relative; min-height:710px; color:#fff; isolation:isolate; }
.town-scene>figure { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.town-scene img { height:100%; object-position:center 62%; }
.town-scene::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#13212b8a,transparent 70%); pointer-events:none; }
.town-scene figcaption { position:absolute; bottom:25px; right:36px; color:#fff; }
.town-title { padding:65px var(--gutter) 70px; }
.town-title .journal-label { margin-bottom:44px; }
.town-title .journal-label>span { border-color:#ffffff70; }
.town-title h2 { margin-left:16px!important; }
.town-after { margin:0 var(--gutter); padding:40px 0; display:grid; grid-template-columns:.9fr 1.45fr .9fr; gap:35px; align-items:start; border-bottom:1px solid var(--editorial-rule); }
.town-after .journal-aside { font-size:17px; margin:0; }
.town-after .journal-copy { font-size:13px; }
.town-after .journal-copy br { display:none; }
.town-after .journal-link { margin:0; padding:0 0 15px; min-height:50px; }
.folio-table { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:0; row-gap:38px; margin:0 var(--gutter) 145px; }
.folio-table .journal-label { grid-column:1/-1; }
.folio-table>h2 { grid-column:1/4; grid-row:2; justify-self:center; margin-top:35px!important; }
.folio-table .table-main { grid-column:5/13; grid-row:2/4; }
.table-main img { aspect-ratio:6/5; object-position:center; }
.table-main figcaption { text-align:right; }
.folio-table .table-detail { grid-column:1/5; grid-row:3/5; margin:10px -34px 0 0; z-index:1; border:0; }
.table-detail img { aspect-ratio:1; }
.folio-table .table-copy { grid-column:7/13; grid-row:4; padding:15px 0 0; }
.folio-room { display:grid; grid-template-columns:1fr 1.55fr; gap:7%; margin:0 0 110px var(--gutter); }
.room-intro { display:flex; flex-direction:column; align-items:flex-start; }
.room-intro .journal-label { width:100%; }
.room-intro h2 { margin:45px auto!important; }
.room-intro .journal-copy { width:100%; }
.room-view { min-width:0; padding-top:75px; }
.room-view .journal-image img { aspect-ratio:6/5; object-position:56% center; }
.room-view .journal-image figcaption { padding-right:var(--gutter); }
.room-view-controls { display:flex; gap:30px; margin:16px var(--gutter) 0 0; border-bottom:1px solid var(--editorial-rule); }
.room-view-controls button { background:none; padding:14px 0; border:0; border-bottom:2px solid transparent; font-size:12px; line-height:1.6; color:var(--editorial-muted); cursor:pointer; }
.room-view-controls button span { font-family:Georgia,serif; font-size:11px; margin-right:12px; }
.room-view-controls button[aria-pressed=true] { border-color:#1e2830; color:#1e2830; }
.room-view-controls button:hover { color:#1e2830; }
.room-facts { display:flex; gap:25px; font-size:11px; margin:22px var(--gutter) 0 0; letter-spacing:.06em; }
.folio-air { display:grid; grid-template-columns:1.2fr 1fr; background:#1e2830; color:#fff; padding:85px var(--gutter); gap:9%; }
.folio-air>figure { align-self:center; }
.folio-air>figure img { aspect-ratio:4/5; object-position:52% center; }
.folio-air figcaption { color:#d5dadd; }
.air-reading { display:grid; gap:35px; }
.air-reading h2 { justify-self:center; font-size:42px!important; }
.air-reading .journal-kicker { font-size:11px; }
.folio-air .journal-link { border-color:#ffffff50; }
.folio-air .journal-link:hover i { background:#fff; color:#1e2830; }
.folio-morning { display:grid; grid-template-columns:1fr 1.65fr; gap:35px 12%; max-width:1050px; padding:110px var(--gutter); margin:auto; box-sizing:content-box; }
.morning-reading { grid-column:1; grid-row:1/3; }
.morning-reading h2 { margin:35px auto 0!important; font-size:42px!important; }
.folio-morning>figure { grid-column:2; grid-row:1; }
.folio-morning>figure img { aspect-ratio:4/3; }
.folio-morning>.journal-copy { grid-column:2; grid-row:2; }
.folio-welcome { display:grid; grid-template-columns:1.15fr 1fr; margin:0 var(--gutter); border-top:1px solid var(--editorial-rule); border-bottom:1px solid var(--editorial-rule); }
.welcome-photo img { height:100%; min-height:680px; object-position:48% center; }
.welcome-panel { padding:50px 14% 40px; display:flex; flex-direction:column; align-items:center; }
.welcome-panel h2 { font-size:35px!important; margin:34px auto!important; }
.journal-book { width:100%; background:#1e2830; color:#fff; display:flex; justify-content:space-between; align-items:center; min-height:72px; gap:24px; padding:18px 24px; font-size:15px; transition:background .25s; }
.journal-book:hover { background:#34444f; }
.journal-book span { font-size:22px; }
.welcome-phone { margin-top:24px; font-size:11px; text-align:center; }
.welcome-phone span { display:block; font-size:22px; letter-spacing:.08em; margin-top:5px; }
.welcome-hours { margin-top:20px; font-size:10px; text-align:center; line-height:1.9; }
.journey-preparation { display:grid; grid-template-columns:.75fr 1fr 1fr 1fr; gap:35px; margin:0 var(--gutter); padding:48px 0 70px; align-items:center; font-size:12px; }
.journey-preparation>a { display:flex; align-items:center; justify-content:space-between; min-height:48px; border-bottom:1px solid var(--editorial-rule); gap:12px; }
/* Detail pages share the same image scale, type, and fine rules. */
.site-wrap .page-jump { gap:0; padding:0; margin:0 7%; justify-content:stretch; border-top:0; border-bottom:1px solid var(--editorial-rule); }
.site-wrap .page-jump a { flex:1; text-align:center; padding:24px 15px; min-height:68px; transition:background .2s; }
.site-wrap .page-jump a:hover { background:#f3f5f5; color:#1e2830; }
.detail-hero .page-title h1 { font-weight:400; letter-spacing:.1em; }
.page-stay .editorial-row { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:30px 8%; margin:0 7%; padding:100px 0; }
.page-stay .editorial-row>figure { grid-row:1/3; }
.page-stay .editorial-row>h2 { grid-row:1; font-size:42px; }
.page-stay .editorial-row>.section-copy { grid-column:2; grid-row:2; align-self:start; }
.page-stay .editorial-row.reversed { grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); }
.page-stay .editorial-row.reversed>figure { grid-column:2; }
.page-stay .editorial-row.reversed>h2 { grid-column:1; }
.page-stay .editorial-row.reversed>.section-copy { grid-column:1; }
.page-stay .editorial-row#rooms figure img,.page-stay .editorial-row#dining figure img,.page-stay .editorial-row#lounge figure img { aspect-ratio:4/5; }
.section-copy .fine-print { font-size:11px; line-height:1.9; color:#657079; margin-top:24px; }
.site-wrap .data-list { font-size:14px; }
.site-wrap .room-table thead { background:#1e2830; color:#fff; font-weight:400; }
.site-wrap .room-table td,.site-wrap .room-table th { padding:22px 18px; }
.site-wrap .room-table tbody th { font-weight:400; }
.site-wrap .room-table tbody td:nth-child(2) { font-size:21px; letter-spacing:.02em; }
.page-town .walk-list .section-heading { align-items:center; padding-bottom:40px; }
.page-town .walk-list article { grid-template-columns:45px 1fr 90px; padding:45px 0; align-items:center; }
.page-town .walk-list .walk-kanji { font-size:60px; color:#1e283050; }
.site-wrap .next-chapter { background:#fff; border-top:1px solid var(--editorial-rule); }
.site-wrap .reserve-banner { background:#fff; border-top:1px solid var(--editorial-rule); padding:70px 9%; }
.site-wrap .reserve-banner h2 { font-size:34px; }
.site-footer { padding:75px 7% 28px; background:#1e2830; color:#fff; }
.site-footer .footer-top { grid-template-columns:150px 1fr 1.4fr; gap:8%; align-items:start; padding-bottom:60px; }
.site-footer .footer-name img { width:145px; max-height:160px; }
.site-footer .footer-top>p { font-size:26px; writing-mode:vertical-rl; line-height:2; margin:0 auto; letter-spacing:.15em; }
.site-footer .footer-top nav { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; font-size:13px; }
.site-footer .footer-top nav a { padding:13px 0; border-bottom:1px solid #ffffff30; }
.site-footer .footer-bottom { padding-top:24px; border-color:#ffffff30; color:#e2e6e8; font-size:11px; }
.site-footer .back-top { border:1px solid #ffffff60; border-radius:50%; width:42px; height:42px; display:grid; place-items:center; }
@media (min-width:721px) and (max-width:1100px) {
 .stay-journal { --gutter:40px; }
 .journal-section h2.vertical-heading { font-size:35px; gap:18px; }
 .folio-source { row-gap:32px; padding-bottom:100px; }
 .folio-source .source-image { grid-column:1/7; }
 .folio-source>h2 { grid-column:8/13; }
 .folio-source .source-copy { grid-column:8/13; font-size:13px; }
 .source-copy br { display:none; }
 .town-scene { min-height:620px; }
 .town-after { grid-template-columns:1fr 1.5fr; gap:25px; }
 .town-after .journal-link { grid-column:2; }
 .folio-table { margin-bottom:100px; }
 .folio-room { grid-template-columns:1fr 1.2fr; gap:6%; }
 .room-intro .journal-label small { display:none; }
 .folio-air { padding:65px 40px; gap:8%; }
 .air-reading h2 { font-size:32px!important; gap:15px!important; }
 .folio-morning { padding:100px 40px; gap:28px 9%; }
 .morning-reading h2 { font-size:34px!important; }
 .welcome-photo img { min-height:650px; }
 .welcome-panel { padding:35px 30px; }
 .welcome-panel h2 { font-size:30px!important; }
 .journal-book { font-size:13px; padding:15px; }
 .journey-preparation { grid-template-columns:1fr 1fr 1fr; gap:20px; }
 .journey-preparation>span { grid-column:1/-1; }
 .page-stay .editorial-row>h2 { font-size:32px; gap:16px; }
 .site-footer .footer-top { grid-template-columns:130px 1fr; }
 .site-footer .footer-top>p { display:none; }
}
@media (max-width:720px) {
 .stay-journal { --gutter:26px; }
 .page-index .opening-scene h1 { font-size:clamp(28px,8.4vw,37px); gap:19px; letter-spacing:.07em; }
 .journal-index { flex-wrap:wrap; gap:7px 30px; padding-top:25px; }
 .journal-index>span { width:100%; margin-bottom:4px; font-size:11px; }
 .journal-index a { flex:1; gap:9px; font-size:10px; }
 .journal-index a span { font-size:20px; }
 .journal-label { font-size:11px; gap:13px; }
 .journal-label>span { width:29px; height:29px; font-size:13px; }
 .journal-label small { font-size:8px; }
 .journal-section h2.vertical-heading { font-size:30px; gap:17px; }
 .journal-section .journal-copy { font-size:14px; line-height:2.05; }
 .journal-copy p+p { margin-top:22px; }
 .journal-image figcaption { font-size:9px; padding-top:11px; }
 .journal-link { font-size:13px; padding:12px 0; min-height:60px; margin-top:20px; }
 .journal-link i { width:32px; height:32px; font-size:17px; }
 .folio-source { grid-template-columns:minmax(0,1fr) auto; gap:30px 25px; padding:55px 26px 80px; }
 .folio-source .journal-label { grid-column:1/-1; }
 .folio-source .source-image { grid-column:1; grid-row:2; }
 .folio-source .source-image img { height:330px; aspect-ratio:auto; object-position:55%; }
 .folio-source>h2 { grid-column:2; grid-row:2; justify-self:end; font-size:29px; gap:15px; }
 .folio-source .source-copy { grid-column:1/-1; grid-row:3; max-width:none; padding:0; }
 .folio-source .source-copy br { display:none; }
 .folio-town { margin-bottom:75px; }
 .town-scene { min-height:580px; }
 .town-scene img { object-position:59% center; }
 .town-scene::after { background:linear-gradient(90deg,#13212b8f,transparent 95%); }
 .town-title { padding:34px 26px 35px; }
 .town-title .journal-label { margin-bottom:32px; }
 .town-title h2 { font-size:33px!important; margin-left:5px!important; }
 .town-scene figcaption { right:26px; bottom:20px; }
 .town-after { display:block; padding:28px 0 0; border:0; }
 .town-after .journal-aside { font-size:18px; margin-bottom:18px; }
 .town-after .journal-copy { font-size:14px; }
 .town-after .journal-link { margin-top:16px; padding:10px 0; }
 .folio-table { grid-template-columns:repeat(6,minmax(0,1fr)); gap:26px 0; margin:0 26px 80px; }
 .folio-table .journal-label { grid-column:1/-1; }
 .folio-table>h2 { grid-column:1/3; grid-row:2; font-size:29px; gap:15px; margin:12px 0 0!important; justify-self:start; }
 .folio-table .table-main { grid-column:3/7; grid-row:2/4; margin-left:12px; }
 .table-main img { aspect-ratio:auto; height:320px; object-position:55%; }
 .folio-table .table-detail { grid-column:1/4; grid-row:3/5; border:0; margin:0 -16px 0 0; }
 .folio-table .table-copy { grid-column:1/-1; grid-row:5; padding:0; }
 .journal-copy .journal-aside { font-size:18px; }
 .folio-table .table-copy p+p { margin-top:15px; }
 .folio-room { display:block; margin:0 0 80px; }
 .room-intro { display:grid; grid-template-columns:1fr auto; gap:28px 22px; padding:0 26px; }
 .room-intro .journal-label { grid-column:1/-1; }
 .room-intro h2 { grid-column:2; grid-row:2; margin:0!important; font-size:29px!important; gap:15px!important; }
 .room-intro .journal-copy { grid-column:1; grid-row:2; align-self:center; font-size:13px; }
 .room-intro .journal-copy br { display:none; }
 .room-intro .journal-link { font-size:12px; gap:10px; }
 .room-intro .journal-link i { width:28px; height:28px; }
 .room-view { padding:32px 0 0 26px; }
 .room-view .journal-image img { aspect-ratio:5/4; object-position:45%; }
 .room-view-controls { gap:28px; margin-top:12px; }
 .room-view-controls button { font-size:11px; }
 .room-view-controls button span { margin-right:8px; }
 .room-facts { gap:15px; font-size:10px; margin-top:17px; }
 .folio-air { grid-template-columns:minmax(0,1fr) auto; padding:40px 26px; gap:25px 24px; }
 .folio-air>figure { grid-column:1; grid-row:2; align-self:start; }
 .folio-air>figure img { height:300px; aspect-ratio:auto; }
 .air-reading { display:contents; }
 .air-reading .journal-kicker { grid-column:1/-1; grid-row:1; }
 .air-reading h2 { grid-column:2; grid-row:2; font-size:27px!important; gap:11px!important; }
 .air-reading .journal-copy { grid-column:1/-1; grid-row:3; }
 .folio-morning { grid-template-columns:auto minmax(0,1fr); padding:80px 26px; gap:26px 24px; }
 .morning-reading { grid-column:1; grid-row:1; }
 .morning-reading .journal-kicker { font-size:10px; }
 .morning-reading h2 { font-size:28px!important; gap:15px!important; margin-top:24px!important; }
 .folio-morning>figure { grid-column:2; grid-row:1; align-self:center; }
 .folio-morning>figure img { height:290px; aspect-ratio:auto; object-position:55%; }
 .folio-morning>.journal-copy { grid-column:1/-1; grid-row:2; }
 .folio-welcome { grid-template-columns:minmax(0,1fr) auto; gap:28px 25px; margin:0 26px; padding:35px 0; }
 .welcome-photo { grid-column:1; grid-row:2; }
 .welcome-photo img { height:330px; min-height:0; object-position:58% center; }
 .welcome-panel { display:contents; }
 .welcome-panel .journal-kicker { grid-column:1/-1; grid-row:1; font-size:11px; }
 .welcome-panel h2 { grid-column:2; grid-row:2; font-size:28px!important; gap:16px!important; margin:0!important; }
 .welcome-panel .journal-book { grid-column:1/-1; grid-row:3; }
 .welcome-phone { grid-column:1/-1; grid-row:4; margin:0!important; }
 .welcome-hours { grid-column:1/-1; grid-row:5; margin:0!important; }
 .journal-book { min-height:68px; padding:18px 22px; }
 .welcome-phone span { font-size:23px; }
 .welcome-hours { font-size:11px; }
 .journey-preparation { display:block; margin:0 26px; padding:30px 0 60px; font-size:13px; }
 .journey-preparation>span { display:block; margin-bottom:10px; font-size:11px; }
 .journey-preparation>a { min-height:62px; }
 .site-wrap .page-jump { margin:0 26px; font-size:11px; }
 .site-wrap .page-jump a { padding:19px 8px; min-height:60px; }
 .page-stay .editorial-row,.page-stay .editorial-row.reversed { grid-template-columns:minmax(0,1fr) auto; gap:25px 22px; margin:0 26px; padding:55px 0; }
 .page-stay .editorial-row>figure,.page-stay .editorial-row.reversed>figure { grid-column:1; grid-row:1; }
 .page-stay .editorial-row>h2,.page-stay .editorial-row.reversed>h2 { grid-column:2; grid-row:1; font-size:29px; gap:14px; }
 .page-stay .editorial-row>.section-copy,.page-stay .editorial-row.reversed>.section-copy { grid-column:1/-1; grid-row:2; }
 .site-wrap .room-table td,.site-wrap .room-table th { padding:17px 10px; font-size:13px; }
 .site-wrap .room-table tbody td:nth-child(2) { font-size:18px; }
 .page-town .walk-list article { grid-template-columns:26px 1fr; gap:16px; padding:30px 0; }
 .page-town .walk-list .walk-kanji { display:none; }
 .site-wrap .reserve-banner { padding:45px 26px; }
 .site-wrap .reserve-banner h2 { font-size:29px; }
 .site-footer { padding:50px 26px 100px; }
 .site-footer .footer-top { grid-template-columns:1fr 1fr; gap:35px 20px; padding-bottom:35px; }
 .site-footer .footer-name img { width:125px; max-height:140px; }
 .site-footer .footer-top>p { font-size:21px; margin:0 20px 0 auto; }
 .site-footer .footer-top nav { grid-column:1/-1; gap:0 25px; font-size:12px; }
 .site-footer .footer-top nav a { padding:16px 0; }
 .site-footer .footer-bottom { gap:18px; font-size:10px; }
}
@media (max-width:360px) {
 .journal-section h2.vertical-heading { font-size:26px!important; gap:13px!important; }
 .journal-index { column-gap:20px; }
 .journal-label small { font-size:7px; }
 .folio-source,.folio-air,.folio-morning { column-gap:20px; }
 .folio-source .source-image img { height:295px; }
 .table-main img { height:290px; }
 .air-reading h2 { font-size:24px!important; gap:8px!important; }
 .room-intro { column-gap:20px; }
 .room-intro .journal-link { font-size:11px; }
 .room-facts { gap:12px; font-size:9px; }
}
/* Enhance on entry without hiding content or changing native scrolling. */
@media (prefers-reduced-motion:no-preference) {
 .journal-arrive { animation:journal-arrive .9s cubic-bezier(.2,.65,.3,1) both; }
 @keyframes journal-arrive { from { opacity:.5; translate:0 18px; } to { opacity:1; translate:0 0; } }
 .room-view-image-change { animation:room-view-change .4s ease-out; }
 @keyframes room-view-change { from { opacity:.4; } to { opacity:1; } }
}
@media (prefers-reduced-motion:reduce) { .journal-link i,.journal-book { transition:none; } }

/* Ink-dyed paper brings a quiet material quality to the existing navy surfaces. */
:root { --ink-texture:linear-gradient(#1e283038,#1e283038),url('images/ink-washi-texture-v2.webp'); }
.folio-air,.site-footer,.quiet-night,.site-wrap .room-table thead {
 background-color:#1e2830;
 background-image:var(--ink-texture);
 background-size:768px 512px;
}
.folio-air .journal-link i { background:#fff; color:#1e2830; border-color:#fff; }
.folio-air .journal-link:hover i { background:#dce3e7; border-color:#dce3e7; }
.circle-arrow { background:#1e2830; color:#fff; border-radius:50%; }
.site-footer .back-top { background:#fff; color:#1e2830; border-color:#fff; }
.site-footer .back-top:hover { background:#dce3e7; }

/* Keep the riverside buildings visible beside, rather than behind, the heading. */
.town-title { display:flex; flex-direction:column; align-items:flex-end; }
.town-title h2 { margin-right:0; }
.town-scene::after { background:linear-gradient(90deg,transparent 15%,#13212b22 45%,#13212ba6); }
.town-scene img { object-position:center 55%; }
.town-scene .journal-image figcaption { color:#fff; text-shadow:0 1px 8px #101a23; }
@media(max-width:720px) {
 .town-scene img,.page-town .detail-hero-photo img { object-position:35% center; }
 .town-scene::after { background:linear-gradient(90deg,#13212b0d,#13212b44 45%,#13212b99); }
}