/* City pages (Sacramento, Bay Area, Las Vegas) */
.jl .cy-open{position:relative;padding:70px 56px 60px;background:#F6EEF0 url(img/paper-pink-pinstripe.webp) center top/520px auto}
.jl .cy-in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.jl .cy-photo{margin:0;background:#FBF9F8;padding:12px 12px 14px;transform:rotate(-2deg);position:relative}
.jl .cy-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 22%}
.jl .cy-photo .tape{left:38%;top:-12px;transform:rotate(-3deg)}
.jl .cy-photo figcaption{font-size:26px;color:#7A2B3A;margin-top:8px}
.jl .cy-copy{background:#FBF9F8;padding:44px 44px 38px;box-shadow:0 1px 2px rgba(50,15,22,.12),0 12px 26px rgba(50,15,22,.12);transform:rotate(.6deg)}
.jl .cy-copy h1{font-size:clamp(48px,5.4vw,74px);line-height:.95;margin-top:14px}
.jl .cy-lede{margin-top:18px;font-size:19px;line-height:1.55;color:#4A3631}
.jl .cy-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.jl .cy-ghost{background:transparent!important;color:#5A0F1D!important;border:1px solid #5A0F1D}
.jl .cy-num{margin-top:12px;font:500 14px/1.5 "Instrument Sans",sans-serif;color:#4A3631}
.jl .cy-body{padding:70px 56px 90px}
.jl .cy-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.jl .cy-rates{position:relative;max-width:none;padding:16px}
.jl .cy-rates .in{padding:34px 30px 28px}
.jl .cy-rates h2{font-size:32px;line-height:1.05;margin-bottom:8px}
.jl .cy-rates .rate-note{margin-top:18px;font-size:15px;line-height:1.55}
.jl .cy-text h2{font:400 32px/1.1 "True Fate Serif",Georgia,serif;color:#5A0F1D;margin-top:34px}
.jl .cy-text h2:first-child{margin-top:0}
.jl .cy-text p{margin-top:12px;font-size:18px;line-height:1.6;color:#2F2522}
.jl .cy-steps{margin:14px 0 0;padding-left:22px;display:grid;gap:10px;font-size:18px;line-height:1.55}
.jl .cy-note{margin:30px 0 0;padding:28px 30px 22px;background:#FBF9F8 url(img/paper-lined.webp) 0 0/420px auto;transform:rotate(-1deg);box-shadow:0 1px 2px rgba(50,15,22,.12),0 10px 22px rgba(50,15,22,.1)}
.jl .cy-note blockquote{margin:0;font:italic 400 19px/1.55 "Newsreader",Georgia,serif;color:#241A1B}
.jl .cy-note figcaption{margin-top:12px;font:600 11.5px/1.4 "Instrument Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4A3631}
.jl .cy-reads{margin:12px 0 0;padding-left:20px;display:grid;gap:8px;font-size:18px}
.jl .cy-also{font:600 12px/1.5 "Instrument Sans",sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
.jl .cy-fine{font-size:15px!important;color:#4A3631!important;border-top:1px solid rgba(90,15,29,.18);padding-top:16px;margin-top:30px!important}
.jl .cy a:not(.btn){color:#5A0F1D}
@container jl (max-width:900px){
  .jl .cy-in,.jl .cy-wrap{grid-template-columns:minmax(0,1fr);gap:34px}
  .jl .cy-photo{max-width:340px;margin:0 auto}
}
@container jl (max-width:760px){
  .jl .cy-open{padding:34px 12px 44px}
  .jl .cy-in{gap:0}
  .jl .cy-photo{width:62%;max-width:250px;margin:0 0 -12px auto;transform:rotate(3deg);z-index:2}
  .jl .cy-copy{padding:34px 22px 28px;transform:none}
  .jl .cy-body{padding:44px 14px 60px}
  .jl .cy-rates{padding:8px}.jl .cy-rates .in{padding:26px 18px 22px}
}
/* the rates list, matching the Rates page */
.jl .cy-rates dl{margin:14px 0 0}
.jl .cy-rates .line{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px dotted rgba(90,15,29,.3)}
.jl .cy-rates dt{flex:1;min-width:0;font:500 16px/1.3 "Instrument Sans",sans-serif;color:#241A1B}
.jl .cy-rates dt .duration-name{display:block}
.jl .cy-rates dt .duration-time{display:block;margin-top:3px;font:400 13px/1.35 "Instrument Sans",sans-serif;color:#6B5555}
.jl .cy-rates dd{margin:0;white-space:nowrap;font:600 17px/1.3 "Instrument Sans",sans-serif;font-variant-numeric:tabular-nums;color:#5A0F1D}
.jl .cy-rates .in{background:#FBF9F8;box-shadow:inset 0 0 0 1px rgba(90,15,29,.16)}
.jl .cy-soon{font-size:17px;line-height:1.6;color:#2F2522;margin:14px 0 6px}
