/* Selected design: line-scroll hero + warm-paper scenic memory cards. */
.topbar .home-identity{display:flex;align-items:center;gap:22px}
.home-city{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;color:#746956;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%238a7d68' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 4px center;border:0;border-left:1px solid #d9cfbe;border-radius:0;box-shadow:none;padding:5px 22px 5px 16px;cursor:pointer}
.home-city:focus{outline:none;box-shadow:none;background-color:transparent}
.home-city:focus-visible{text-decoration:underline;text-underline-offset:5px}
#make #cityChips .chip{border-color:transparent;background:transparent;color:#8a7d68;box-shadow:none}
#make #cityChips .chip:hover{border-color:transparent;background:#eee7db;color:#79644c}
#make #cityChips .chip.on{border-color:transparent;background:#e8decd;color:#765d43;font-weight:500}
#make #cityChips .chip:focus-visible{outline:1px solid #c7bca9;outline-offset:3px}
.hero .skyline{width:min(100%,960px);max-width:none;margin:39px auto 0}
.hero .skyline img{display:block;width:100%;height:auto}
.hero::after{content:"";position:absolute;left:50%;bottom:0;width:min(960px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent 0%,#b8a78b33 20%,#b8a78b66 50%,#b8a78b33 80%,transparent 100%);pointer-events:none}
#moments .sec-head{text-align:center}
#moments .sec-head .desc{margin-left:auto;margin-right:auto}
#moments .card{padding:11px 11px 0;border:1px solid #e0d4c0;background:#fffcf5;border-radius:0;box-shadow:0 8px 22px #65503709}
#moments .ph{height:auto;aspect-ratio:1.55;display:block;position:relative;overflow:hidden;background:#e8decc}
#moments .ph img{position:absolute;max-width:none;top:0;height:auto;width:var(--image-width);left:var(--image-left);transform:translateY(var(--image-y));filter:saturate(.68) contrast(.94)}
#moments .ph:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #836a4722;pointer-events:none}
#moments .body{padding:21px 13px 17px}
#moments h3{font-size:22px;font-weight:600;letter-spacing:.5px;margin:0 0 12px}
#moments .scene-caption{font-family:var(--serif);font-size:14px;line-height:1.9;color:#8a7d6a;margin:0;min-height:53px}
#moments .scene-caption.is-message{color:#61584b}
#moments .scene-from{font-size:11px;color:#9f907a;border-top:1px solid #e5dccc;padding-top:12px;margin-top:17px;line-height:1.8}
#moments .scene-from:empty{display:none}
@media(max-width:760px){
 .topbar .wrap{flex-wrap:wrap;gap:13px;padding-top:14px;padding-bottom:12px}
 .topbar .home-identity{width:100%;justify-content:space-between}
 .topbar nav{width:100%;display:flex;justify-content:space-between;gap:7px}
 .topbar nav a{font-size:12px;margin:0;white-space:nowrap}
 #moments .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #moments .card{padding:6px 6px 0}
 #moments .body{padding:15px 8px 13px}
 #moments h3{font-size:18px}
 #moments .scene-caption{font-size:12px;min-height:46px}
}