/* TheMiddleEast.com · the Flagship look on every inner page (October 20, 2026).
   Loaded after home.css and page.css. The header, menus and footer are the homepage's own;
   the pages beneath keep their content on ivory, framed in deep emerald and gold. */

/* ---------- Tokens ---------- */
body.fx {
  --deep: #163821; --deeper: #122D1A; --panel: #163821; --green: #234C2A;
  --gold: #C9A35B; --gold-dark: #7A5A1F; --gold-bright: #E2B566;
  --ink: #1E1A14; --muted: #5A5246; --link: #7A5A1F;
  --paper: #FBF8F2; --mist: #F9F6EF; --ivory: #F9F6EF; --line: #E4D8BF;
  --cream: #F7F3EB; --cream-hi: #FBF5EA;
  background: #FBF8F2; color: var(--ink); -webkit-font-smoothing: antialiased;
}
html:has(body.fx) { background: #122D1A; scroll-padding-top: 104px; }
body.fx a { color: var(--link); }
body.fx a:hover { color: var(--deep); }

/* ---------- The Flagship header (same markup as the homepage) ---------- */
.fx-strip { background: #122D1A; border-bottom: 1px solid rgba(201,163,91,.18); font-family: 'Source Serif 4', Georgia, serif; }
.fx-strip a { color: #E2B566; text-decoration: none; }
header.fx-bar { position: -webkit-sticky; position: sticky; top: 0; z-index: 80; background: #122D1A; border-bottom: 1px solid rgba(201,163,91,.3); box-shadow: 0 10px 30px rgba(0,0,0,.35); font-family: 'Source Serif 4', Georgia, serif; color: #F7F3EB; }
header.fx-bar a { text-decoration: none; }
.fx-bar .gold, .fx-foot .gold { background: linear-gradient(180deg,#B97A22 0%,#D89A36 18%,#F4C561 34%,#E2A845 44%,#C48A2E 56%,#A26C1F 72%,#82531A 86%,#6B4214 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fx-bar .nav a { white-space: nowrap; color: #F7F3EB; font-size: 15px; letter-spacing: .06em; padding: 12px 0; display: inline-flex; align-items: center; gap: 6px; border-bottom: 1px solid transparent; transition: color .25s, border-color .25s; }
.fx-bar .nav a:hover { color: #E8C77A; border-bottom-color: #C9A35B; }
.fx-bar .dd { display: inline-flex; padding: 18px 0; margin: -18px 0; }
.fx-bar .mega { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: min(1376px, calc(100% - 64px)); box-sizing: border-box; background: #163821; border: 1px solid rgba(201,163,91,.45); border-top: 0; box-shadow: 0 40px 90px rgba(0,0,0,.6); grid-template-columns: repeat(4, minmax(0,1fr)) 320px; gap: 36px; padding: 36px 40px 30px; z-index: 90; }
.fx-bar .dd:hover .mega, .fx-bar .dd:focus-within .mega { display: grid; }
.fx-bar .mega h3 { margin: 0 0 10px; font-family: 'Source Serif 4', Georgia, serif; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: #E2B566; font-weight: 400; }
.fx-bar .nav .mega a { display: block; font-size: 16px; line-height: 2.1; letter-spacing: 0; padding: 0; border: 0; color: #F7F3EB; white-space: normal; }
.fx-bar .nav .mega a:hover { color: #E8C77A; }
.fx-bar .nav .mega a.mega-spot { border: 1px solid rgba(201,163,91,.4); background: #122D1A; line-height: 1.3; overflow: hidden; }
.fx-bar .mega-spot img { display: block; width: 100%; height: 160px; object-fit: cover; }
.fx-bar .mega-spot span { display: block; padding: 0 18px; }
.fx-bar .mega-spot .ms-e { padding-top: 14px; font-size: 11.5px; letter-spacing: .26em; text-transform: uppercase; color: #E2B566; }
.fx-bar .mega-spot .ms-t { margin-top: 6px; font-family: 'Ibarra Real Nova', Georgia, serif; font-size: 23px; color: #FBF5EA; }
.fx-bar .mega-spot .ms-s { margin: 4px 0 16px; font-size: 14px; color: #DCD5C7; }
.fx-bar .mega-foot { grid-column: 1/-1; border-top: 1px solid rgba(201,163,91,.3); padding-top: 16px; display: flex; justify-content: space-between; gap: 20px; font-size: 15px; color: #DCD5C7; }
.fx-bar .nav .mega .mega-foot a { display: inline; line-height: 1.4; color: #E8C77A; }
/* the phone menu */
.fx-bar nav.main { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #163821; border-bottom: 1px solid rgba(201,163,91,.45); box-shadow: 0 30px 60px rgba(0,0,0,.55); padding: 22px 24px 26px; max-height: calc(100vh - 96px); overflow: auto; box-sizing: border-box; flex-direction: column; align-items: stretch; gap: 0; }
.fx-bar nav.main.open { display: block; }
.fx-bar .mn-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; max-width: 1376px; margin: 0 auto; }
.fx-bar nav.main h3 { margin: 0 0 8px; font-family: 'Source Serif 4', Georgia, serif; font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: #E2B566; font-weight: 400; }
.fx-bar nav.main a, .fx-bar nav.main.open a { display: block; color: #F7F3EB; font-size: 16.5px; line-height: 1.35; padding: 7px 0; letter-spacing: 0; text-transform: none; border: 0; text-align: left; }
.fx-bar .mn-foot { max-width: 1376px; margin: 18px auto 0; padding-top: 14px; border-top: 1px solid rgba(201,163,91,.3); font-size: 15px; color: #D6CFC1; }
.fx-bar .mn-foot a { display: inline !important; color: #E8C77A !important; }
@media (min-width: 1440px) { .fx-bar nav.main { display: none !important; } }
@media (max-width: 640px) { .fx-bar .mn-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .fx-bar .mn-grid > div:last-child { grid-column: 1/-1; columns: 2; column-gap: 24px; } .fx-bar .mn-grid > div:last-child h3 { column-span: all; } }
.fx-bar #menuBtn.menu { display: none !important; }
@media (max-width: 1439px) { .fx-bar .nav { display: none !important; } .fx-bar #menuBtn.menu { display: inline-flex !important; } }
@media (min-width: 1440px) and (max-width: 1560px) { .fx-bar .nav { gap: 22px !important; } .fx-bar .nav a { letter-spacing: .04em !important; } .fx-bar > div { gap: 20px !important; padding-left: 28px !important; padding-right: 28px !important; } }
@media (max-width: 860px) { .fx-strip .util-r { display: none !important; } .fx-bar .hide-m { display: none !important; } }
@media (max-width: 560px) { .fx-strip .util-l { display: none; } .fx-bar .cbtn { display: none !important; } .fx-bar .wm { font-size: 24px !important; } .fx-bar > div { padding: 16px !important; gap: 12px !important; } }
/* the music button in the strip */
.fx-strip .mbtn { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #C9A35B; border-radius: 999px; background: #163821; color: #F7F3EB; font: inherit; font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; padding: 7px 16px; min-height: 38px; margin-left: auto; box-sizing: border-box; cursor: pointer; white-space: nowrap; }
.fx-strip .mbtn[hidden], .fx-foot .mbtn[hidden] { display: none !important; }
.fx-strip .mbtn:hover, .fx-foot .mbtn:hover { background: #12301D; border-color: #E8C77A; color: #fff; }
.fx-foot .mbtn { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #C9A35B; border-radius: 999px; background: rgba(22,56,33,.85); color: #F7F3EB; font: inherit; font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; padding: 10px 20px; min-height: 46px; box-sizing: border-box; cursor: pointer; white-space: nowrap; }
.fx-strip .mbtn .mnote, .fx-foot .mbtn .mnote { width: 18px; height: 18px; color: #E2B566; flex: none; }
.fx-strip .mbtn .eq, .fx-foot .mbtn .eq { display: none; align-items: flex-end; gap: 2px; width: 18px; height: 15px; justify-content: center; }
.fx-strip .mbtn .eq i, .fx-foot .mbtn .eq i { display: block; width: 3px; height: 40%; background: #E2B566; border-radius: 1px; }
.fx-strip .mbtn.playing .mnote, .fx-foot .mbtn.playing .mnote { display: none; }
.fx-strip .mbtn.playing .eq, .fx-foot .mbtn.playing .eq { display: inline-flex; }
.fx-strip .mbtn.playing .eq i, .fx-foot .mbtn.playing .eq i { animation: fxeq 1s ease-in-out infinite; }
.fx-strip .mbtn.playing .eq i:nth-child(2), .fx-foot .mbtn.playing .eq i:nth-child(2) { animation-delay: .25s; }
.fx-strip .mbtn.playing .eq i:nth-child(3), .fx-foot .mbtn.playing .eq i:nth-child(3) { animation-delay: .5s; }
@keyframes fxeq { 0%,100% { height: 30%; } 50% { height: 100%; } }
.fx-strip .mbtn.waiting, .fx-foot .mbtn.waiting { animation: fxpulse 1.8s ease-in-out infinite; }
@keyframes fxpulse { 0%,100% { box-shadow: 0 0 0 0 rgba(226,181,102,.55); } 50% { box-shadow: 0 0 0 9px rgba(226,181,102,0); } }

/* ---------- The Flagship footer ---------- */
footer.fx-foot { padding: 0 !important; background: #122D1A !important; color: #DCD5C7; font-family: 'Source Serif 4', Georgia, serif; }
footer.fx-foot a { text-decoration: none; }
.fx-foot .footnav { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(201,163,91,.15); display: grid; gap: 14px; }
.fx-foot .footnav nav { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; line-height: 1.7; }
.fx-foot .footnav nav a { color: #E2DBCD; }
.fx-foot .footnav nav a:hover { color: #E8C77A; }
.fx-foot .footnav b { font-weight: 400; font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: #E2B566; margin-right: 6px; }
.fx-foot input::placeholder { color: #A99E88; }
@media (max-width: 860px) { .fx-foot .foot { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .fx-foot .foot > div:first-child, .fx-foot .foot > div:last-child { grid-column: 1/-1; } }
@media (max-width: 560px) { .fx-foot .fwm { font-size: 28px !important; } }

/* ---------- The search window and cookie notice, as on the homepage ---------- */
body.fx .search-panel { z-index: 260; background: rgba(18,45,26,.84); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 10vh 16px 16px; }
body.fx .search-box { max-width: 760px; background: #FBF8F2; color: #1E1A14; border: 0; border-top: 3px solid #C9A35B; box-shadow: 0 40px 100px rgba(0,0,0,.6); }
body.fx .search-box .field { border-bottom: 1px solid #E4D8BF; padding: 16px 20px; }
body.fx .search-box input { color: #1E1A14; }
body.fx .results .hit, body.fx .hit { color: #1E1A14; border-bottom: 1px solid #EFE6D3; padding: 13px 20px; }
body.fx .hit b { display: block; font-family: 'Ibarra Real Nova', Georgia, serif; font-size: 19px; color: #163821; }
body.fx .hit span { color: #5A5246; }
body.fx .hit:hover { background: #F9F6EF; }
body.fx .group h4 { color: #7A5A1F; }
body.fx .cookie { background: #163821; border: 1px solid #C9A35B; color: #F1ECE2; z-index: 240; }
body.fx .cookie .btn { background: linear-gradient(180deg,#F1C468,#C9952F); color: #1A1206; border: 1px solid #C9A35B; }
body.fx .cookie .btn.ghost { background: transparent; color: #F7F3EB; }

/* ---------- The opening: deep emerald over the photograph ---------- */
body.fx .hero { min-height: 640px; background: #122D1A; grid-template-rows: 1fr auto auto; }
@media (min-width: 900px) { body.fx .hero { min-height: 700px; } }
@media (max-width: 699px) { body.fx .hero, body.fx .hero.country { min-height: 540px; } }
body.fx .hero::before { background: linear-gradient(90deg, rgba(18,45,26,.94) 0%, rgba(18,45,26,.82) 34%, rgba(18,45,26,.2) 62%, rgba(18,45,26,0) 90%), linear-gradient(180deg, rgba(18,45,26,.30) 0%, rgba(18,45,26,0) 30%, rgba(18,45,26,0) 62%, #122D1A 100%); }
@media (max-width: 699px) { body.fx .hero::before { background: linear-gradient(180deg, rgba(18,45,26,.2) 0%, rgba(18,45,26,0) 30%, rgba(18,45,26,.86) 74%, #122D1A 96%); } }
body.fx .hero-body { padding-block: 120px 76px; gap: 18px; }
@media (max-width: 699px) { body.fx .hero-body { padding-block: 72px 36px; } }
body.fx .hero-body .crumbs, body.fx .hero-body .crumbs a { color: #E2DBCD; letter-spacing: .2em; }
body.fx .hero-body .eyebrow { display: flex; align-items: center; gap: 14px; font-size: 12.5px; letter-spacing: .34em; color: #E2B566; }
body.fx .hero-body .eyebrow::before { content: ""; display: inline-block; width: 36px; height: 1px; background: #C9A35B; flex: none; }
body.fx .hero-body .eyebrow::after { display: none; }
body.fx .hero-body h1 { font-family: 'Ibarra Real Nova', Georgia, serif; font-weight: 500; color: #FBF5EA; font-size: clamp(40px, 5.6vw, 80px); line-height: 1.02; letter-spacing: -.02em; max-width: 18ch; text-shadow: 0 2px 24px rgba(0,0,0,.35); }
body.fx .hero.country .hero-body h1.place-name { font-size: clamp(56px, 10vw, 112px); }
body.fx .hero-body .lede { color: #F1ECE2; font-size: 20px; line-height: 1.6; max-width: 52ch; text-shadow: 0 1px 12px rgba(0,0,0,.5); }
@media (max-width: 699px) { body.fx .hero-body .lede { font-size: 17px; } }
body.fx .hero-body .updated { color: #D6CFC1; }
body.fx .hero-body a { color: #F3D9A6; }
body.fx .hero .credit, body.fx .hero .capline { color: rgba(243,235,221,.8); }
body.fx .hero-body .btn { background: linear-gradient(180deg,#F1C468,#C9952F); color: #1A1206; padding: 17px 30px; font-size: 13px; letter-spacing: .18em; min-height: 54px; display: inline-flex; align-items: center; }
body.fx .hero-body .btn.ghost { background: transparent; color: #FBF5EA; border: 1px solid rgba(243,235,221,.7); }

/* ---------- The jump bar: a dark rail of gold pills ---------- */
body.fx nav.jump { position: relative; top: auto; background: #122D1A; border-bottom: 1px solid rgba(201,163,91,.3); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.fx nav.jump .wrap { padding-block: 14px; }
body.fx nav.jump a { color: #F7F3EB; border-color: rgba(201,163,91,.45); background: rgba(255,255,255,.04); letter-spacing: .14em; }
body.fx nav.jump a:hover, body.fx nav.jump a.on { color: #1A1206; background: #C9A35B; border-color: #C9A35B; }

/* ---------- The bands: ivory and sand, gold rules, large serif headings ---------- */
body.fx main, body.fx section.band { background: #FBF8F2; }
body.fx section.band { padding-block: 80px; border-top: 1px solid rgba(201,163,91,.18); }
@media (max-width: 699px) { body.fx section.band { padding-block: 56px; } }
body.fx .band.mist { background: #F9F6EF; }
body.fx .band .head { gap: 10px; margin-bottom: 34px; }
body.fx .band .head h2, body.fx .band .prose h2, body.fx .band > .wrap > h2 { font-family: 'Ibarra Real Nova', Georgia, serif; font-weight: 500; font-size: clamp(32px, 4vw, 52px); line-height: 1.06; letter-spacing: -.01em; color: #163821; }
body.fx .band .head .sub { color: #4A4A3E; font-size: 18px; }
body.fx .band .eyebrow, body.fx main .eyebrow { display: flex; align-items: center; gap: 14px; font-size: 12px; letter-spacing: .34em; color: #7A5A1F; }
body.fx .band .eyebrow::before, body.fx main .eyebrow::before { content: ""; display: inline-block; width: 36px; height: 1px; background: #C9A35B; flex: none; }
body.fx .band .eyebrow::after, body.fx main .eyebrow::after { display: none; }
body.fx h3 { color: #163821; }
body.fx .band .prose p, body.fx .band p { color: #2E2B24; }
body.fx .band .head .sub, body.fx .card p { color: #4A4A3E; }

/* cards: paper on ivory, a gold line on top, a gentle lift */
body.fx .card { background: #FFFDF8; border: 1px solid rgba(201,163,91,.32); border-top: 2px solid #C9A35B; box-shadow: 0 1px 0 rgba(22,56,33,.03); }
body.fx .band.mist .card { background: #FFFDF8; }
body.fx .card:hover { box-shadow: 0 22px 44px rgba(22,56,33,.14); transform: translateY(-4px); }
body.fx .card h3 { font-family: 'Ibarra Real Nova', Georgia, serif; font-weight: 600; font-size: 24px; color: #163821; }
body.fx .card .meta { color: #7A5A1F; letter-spacing: .2em; }
body.fx .card .site, body.fx .band .prose a, body.fx .band .cards a, body.fx .entries a { color: #7A5A1F; }
body.fx .related .cards { background: rgba(201,163,91,.35); border-color: rgba(201,163,91,.35); }
body.fx .related .card { background: #FFFDF8; border: 0; }

/* facts, tables, questions, notes */
body.fx .glance div { border-top-color: rgba(201,163,91,.4); }
body.fx .glance dt { color: #7A5A1F; }
body.fx .tablewrap { border-top-color: #C9A35B; }
body.fx th { color: #7A5A1F; }
body.fx th, body.fx td { border-bottom-color: #E4D8BF; }
body.fx td:first-child { color: #163821; }
body.fx .tablewrap table.wide th:first-child, body.fx .tablewrap table.wide td:first-child { background: #FBF8F2; }
body.fx .band.mist .tablewrap table.wide td:first-child, body.fx .band.mist .tablewrap table.wide th:first-child { background: #F9F6EF; }
body.fx .band details { background: #FFFDF8; border-color: rgba(201,163,91,.32); border-top: 2px solid #C9A35B; }
body.fx .band details summary { font-family: 'Ibarra Real Nova', Georgia, serif; color: #163821; font-size: 21px; }
body.fx .band details summary::after { color: #7A5A1F; }
body.fx .note { background: #FFFDF8; border-color: rgba(201,163,91,.32); border-left-color: #C9A35B; }
body.fx .note b { color: #7A5A1F; }
body.fx .disclaimer, body.fx .checked { color: #6A6152; }
body.fx .badge { color: #7A5A1F; border-color: rgba(201,163,91,.6); }
body.fx .stars { color: #B98A2E; }

/* calls to action: deep emerald with gold */
body.fx .cta { background: #163821; border: 1px solid rgba(201,163,91,.45); padding: 30px 32px; }
body.fx .cta p { color: #F1ECE2; }
body.fx .cta strong { color: #FBF5EA; }
body.fx .btn, body.fx .btn-gold { background: linear-gradient(180deg,#F1C468,#C9952F); color: #1A1206; letter-spacing: .18em; padding: 15px 24px; }
body.fx .btn:hover, body.fx .btn-gold:hover { color: #1A1206; filter: brightness(1.06); }
body.fx .btn.ghost { background: transparent; color: #163821; border: 1px solid #C9A35B; }
body.fx .cta .btn.ghost { color: #F7F3EB; }

/* forms on ivory */
body.fx form.enquiry input, body.fx form.enquiry select, body.fx form.enquiry textarea, body.fx .planner select, body.fx .planner input[type=number] { background: #FFFDF8; border-color: #E4D8BF; border-bottom-color: #C9A35B; color: #1E1A14; }
body.fx .planner fieldset { background: #FFFDF8; border-color: rgba(201,163,91,.32); border-top-color: #C9A35B; }
body.fx .chips label { background: #FFFDF8; border-color: rgba(201,163,91,.4); }

/* the deep-green chart room and letter bands keep their dark ground */
body.fx .band.letter, body.fx .chart { background: #163821; }

/* photographs inside bands */
body.fx figure.photo { background: #F9F6EF; border: 1px solid rgba(201,163,91,.35); }

/* the music row inside pages (old style) is no longer needed: the strip carries the button */
/* Oct 26, 2026: mid-page Music ON/OFF buttons shown again (house rule: 2 to 5 per page by length) */

/* top bar: keep links on one line; hide the left note where space is short */
.util-r a{white-space:nowrap}
@media (max-width: 1180px){.util-l{display:none !important}}

/* tight-hero (Oct 24 2026) */
body.fx .hero, body.fx .hero.country { min-height: min(68vh, 580px); }
body.fx .hero-body { padding-block: 80px 60px; }
@media (max-width: 699px) { body.fx .hero, body.fx .hero.country { min-height: 0; } body.fx .hero-body { padding-block: 44px 34px; } }
/* /tight-hero */

/* even-related (Oct 24 2026): the Keep exploring cards breathe equally above and below */
@media (min-width: 700px) { body.fx section.band.related { padding-bottom: 58px; } }
/* /even-related */

/* related-grid (Oct 24 2026): Keep exploring cards as separate gold-bordered cards, so a short last row never leaves an empty tan block */
body.fx .related .cards { background: transparent; border: 0; gap: 16px; }
body.fx .related .card { border: 1px solid rgba(201,163,91,.45) !important; padding: 22px; }
body.fx .related .card:hover { border-color: #C9A35B; }
/* /related-grid */

/* Oct 25: the gold outline pulses every 3 seconds while the music plays, on every page (as on the homepage) */
@-webkit-keyframes musicflash{0%,30%,100%{border-color:rgba(201,163,91,.75);box-shadow:0 0 0 0 rgba(231,164,62,0)}10%{border-color:#F4C561;box-shadow:0 0 0 3px rgba(244,197,97,.45),0 0 14px rgba(244,197,97,.55)}}
@keyframes musicflash{0%,30%,100%{border-color:rgba(201,163,91,.75);box-shadow:0 0 0 0 rgba(231,164,62,0)}10%{border-color:#F4C561;box-shadow:0 0 0 3px rgba(244,197,97,.45),0 0 14px rgba(244,197,97,.55)}}
.mbtn.playing{-webkit-animation:musicflash 3s ease-in-out infinite!important;animation:musicflash 3s ease-in-out infinite!important}
/* Oct 26, 2026: a Music ON/OFF row placed between cards spans the full width of the card grid */
.cards > .music-row { grid-column: 1 / -1; margin: 0; padding: 14px 0; }

/* Oct 26, 2026: full-width photo moments (one or two per page, each matched to the text around it) and a gold diamond atop each emerald band */
.band.emerald{position:relative}
.band.emerald::before{content:"";position:absolute;top:0;left:50%;width:180px;height:1px;margin-left:-90px;background:linear-gradient(90deg,rgba(201,163,91,0),#C9A35B,rgba(201,163,91,0))}
.band.emerald::after{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-5px;background:#C9A35B;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 0 4px #163821}
.photo-moment{position:relative;margin:0;height:72vh;max-height:680px;min-height:360px;overflow:hidden;background:#0B1F12;border-top:1px solid rgba(201,163,91,.5);border-bottom:1px solid rgba(201,163,91,.5)}
.photo-moment img{display:block;width:100%;height:100%;object-fit:cover}
.photo-moment::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(6,16,10,0),rgba(6,16,10,.72));pointer-events:none}
.photo-moment .pm-cap{position:absolute;z-index:1;left:0;right:0;bottom:26px;margin:0 auto;max-width:1200px;padding:0 32px;box-sizing:border-box;font-family:'Ibarra Real Nova',Georgia,serif;font-style:italic;font-size:22px;line-height:1.35;color:#F7F3EB!important;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.photo-moment .pm-rule{display:inline-block;width:44px;height:1px;background:#C9A35B;vertical-align:middle;margin-right:14px}
.photo-moment .pm-credit{display:block;margin-top:6px;font-family:'Source Serif 4',Georgia,serif;font-style:normal;font-size:11px;letter-spacing:.06em;color:rgba(247,243,235,.78)}
@media (max-width:640px){.photo-moment{height:56vh;min-height:300px}.photo-moment .pm-cap{font-size:16px;padding:0 20px;bottom:18px}.photo-moment .pm-rule{width:28px;margin-right:10px}}