/* Topic-specific art direction. Radar retains its approved first-pass identity. */

/* Do Dubai: coastal colour, with the structure of a busy city guide. */
body.brand-dodubai {
  --paper: #fafbf7;
  --ink: #183d3c;
  --accent: #09666a;
  --brand: #d8eee7;
  --wash: #eaf1e9;
  --line: #cddbd4;
}
.brand-dodubai .do-mark,
.brand-dodubai .brand-stop { color: #09666a; }
.brand-dodubai .brand-nav { border-color: #b6d7cd; }
.brand-dodubai .hero-main { background: #07646a; color: #fffaf0; }
.brand-dodubai .hero-copy .pk { color: #f7d5b1; }
.brand-dodubai .hero-dek,
.brand-dodubai .hero-copy .pm-meta { color: #e5f0e9; }
.brand-dodubai .hero-copy .story-link { border-color: #86b9b4; }
.brand-dodubai .section-heading { border-color: #09666a; }
.brand-dodubai .newsletter-band { background: #d8eee7; }

/* Dubai Table: a lively restaurant journal, with a menu-like identity. */
body.brand-dubaitable {
  --paper: #fffaf0;
  --ink: #32281f;
  --accent: #a32e23;
  --brand: #a32e23;
  --wash: #f5e5bd;
  --line: #dacbb2;
}
.brand-dubaitable .site-header { border-top: 6px solid #a32e23; }
.brand-dubaitable .masthead { min-height: 136px; }
.brand-dubaitable .brand-logo { color: #a32e23; }
.wordmark--dubaitable {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  font-size: 87px;
  letter-spacing: -4px;
}
.wordmark--dubaitable .table-place {
  display: block;
  font: 700 11px/1.2 var(--sans);
  letter-spacing: .19em;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.wordmark--dubaitable .table-name { display: block; font-style: italic; }
.table-mark { width: 44px; height: 44px; margin-left: 7px; flex-shrink: 0; }
.brand-dubaitable .brand-nav { background: #a32e23; border: 0; color: #fffaf0; }
.brand-dubaitable .brand-nav a { font-weight: 600; }
.brand-dubaitable .brand-nav a:hover { color: #fffaf0; }
.brand-dubaitable .brand-nav a[aria-current]:after { background: #f2d69a; }
.brand-dubaitable .edition-line {
  justify-content: space-between;
  color: #a32e23;
  font: 500 16px var(--display);
  padding: 23px 0 0;
}
.brand-dubaitable .edition-line > span:last-child { display: block; color: #7e5b43; }
.brand-dubaitable .hero { padding-top: 22px; }
.brand-dubaitable .hero-main {
  grid-template-columns: 1.35fr 1fr;
  background: #f2d996;
  border-bottom: 5px solid #a32e23;
}
.brand-dubaitable .hero-img { aspect-ratio: 1.48; min-height: 420px; }
.brand-dubaitable .hero-copy { padding: 38px 40px; }
.brand-dubaitable .hero-main h1 { font-weight: 500; color: #762a20; }
.brand-dubaitable .hero-dek { color: #5c422c; }
.brand-dubaitable .hero-copy .pm-meta { color: #695033; }
.brand-dubaitable .hero-copy .story-link { color: #762a20; }
.brand-dubaitable .hero-side { padding-top: 24px; }
.brand-dubaitable .side-h {
  display: block;
  border: 0;
  color: #a32e23;
  font: italic 25px/1.2 var(--display);
  letter-spacing: -.3px;
  text-transform: none;
  padding-bottom: 18px;
}
.brand-dubaitable .side-thumb { display: block; flex-basis: 94px; }
.brand-dubaitable .section-heading { border-top: 3px double #a32e23; padding-top: 20px; }
.brand-dubaitable .section-heading h2,
.brand-dubaitable .cat-h > a { color: #a32e23; }
.brand-dubaitable .feed-grid .pc-img { aspect-ratio: 1.5; }
.brand-dubaitable .newsletter-band { background: #f2d996; border-color: #c69c59; }
.brand-dubaitable .newsletter-inner h2 { color: #762a20; }
.brand-dubaitable .newsletter-fields button { background: #a32e23; border-color: #a32e23; color: #fffaf0; }
.brand-dubaitable .a-body blockquote { color: #a32e23; }
.brand-dubaitable .pf-logo { color: #a32e23; }
.brand-dubaitable .pf-logo .wordmark { font-size: 49px; gap: 9px; }
.brand-dubaitable .pf-logo .table-mark { width: 29px; height: 29px; }
.brand-dubaitable .pf-logo .table-place { font-size: 8px; }

/* Night Dubai: the name is the mark. No generic directional arrow. */
.wordmark--nightdubai { letter-spacing: -2.1px; }
.brand-nightdubai .wordmark--nightdubai > span {
  padding-bottom: .18em;
  border-bottom: .06em solid #dded6c;
}
.brand-nightdubai .night-name { margin-left: .25em; }

/* Dubai Picks: a style and interiors magazine, rather than a gadget front page. */
body.brand-dubaipicks {
  --paper: #fffdf8;
  --ink: #3b2828;
  --accent: #934339;
  --brand: #934339;
  --wash: #f4e8de;
  --line: #ddcfc5;
}
.brand-dubaipicks .site-header { border-top: 0; }
.brand-dubaipicks .utility { border-bottom: 1px solid var(--line); }
.brand-dubaipicks .masthead { min-height: 142px; border: 0; }
.brand-dubaipicks .brand-logo { color: #873d35; }
.wordmark--dubaipicks { display: flex; gap: 0; flex-direction: column; align-items: center; }
.picks-place { font: 600 10px/1.2 var(--sans); letter-spacing: .34em; padding-left: 5px; }
.picks-name { font-size: 76px; line-height: .95; font-weight: 600; letter-spacing: -6px; }
.picks-period { color: #c37552; }
.brand-dubaipicks .brand-nav { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.brand-dubaipicks .brand-nav a { font-weight: 500; }
.brand-dubaipicks .edition-line { border: 0; padding-top: 25px; }
.brand-dubaipicks .hero { display: block; padding-top: 18px; }
.brand-dubaipicks .hero-main {
  display: grid;
  grid-template-columns: .9fr 1.2fr;
  gap: 0;
  background: #f1e0d2;
  align-items: stretch;
}
.brand-dubaipicks .hero-img { grid-column: 2; grid-row: 1; aspect-ratio: 1.43; height: 100%; min-height: 440px; }
.brand-dubaipicks .hero-copy { grid-column: 1; grid-row: 1; padding: 45px; align-self: center; }
.brand-dubaipicks .hero-main h1 { font-weight: 500; font-size: 44px; letter-spacing: -1.7px; line-height: 1.08; }
.brand-dubaipicks .hero-copy .pk { letter-spacing: .18em; margin-bottom: 12px; }
.brand-dubaipicks .hero-dek { color: #654f45; margin-top: 17px; }
.brand-dubaipicks .hero-copy .pm-meta { color: #735c50; }
.brand-dubaipicks .hero-copy .story-link { display: inline-flex; margin-top: 24px; }
.brand-dubaipicks .hero-side { padding: 28px 0 4px; background: none; }
.brand-dubaipicks .side-h { color: var(--ink); border: 0; font-size: 10px; letter-spacing: .13em; padding: 0 0 18px; }
.brand-dubaipicks .side-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.brand-dubaipicks .side-list li { display: flex; padding: 0 0 22px; border-bottom: 1px solid var(--line); gap: 18px; }
.brand-dubaipicks .side-thumb { display: block; flex-basis: 100px; aspect-ratio: 4/5; }
.brand-dubaipicks .side-t { font-size: 19px; font-weight: 500; letter-spacing: -.4px; }
.brand-dubaipicks .side-list .pk { font-size: 9px; }
.brand-dubaipicks .section-heading { border-top: 1px solid var(--line); }
.brand-dubaipicks .section-heading h2 { font-weight: 500; }
.brand-dubaipicks .feed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 28px; }
.brand-dubaipicks .feed-grid .pc-img { aspect-ratio: 1.1; }
.brand-dubaipicks .feed-grid .pc h3 { font-size: 25px; font-weight: 500; }
.brand-dubaipicks .rail { border-left: 1px solid var(--line); padding-left: 25px; }
.brand-dubaipicks .newsletter-band { background: #e9d7c8; }
.brand-dubaipicks .pf-logo .wordmark { align-items: flex-start; }
.brand-dubaipicks .pf-logo .picks-name { font-size: 45px; letter-spacing: -3px; }
.brand-dubaipicks .pf-logo .picks-place { font-size: 8px; padding-left: 4px; margin-bottom: 3px; }

/* Dubai Choice: restrained hospitality luxury, with unchanged typefaces. */
body.brand-dubaichoice {
  --paper: #faf8f2;
  --ink: #23352e;
  --accent: #6c5936;
  --brand: #1f332b;
  --wash: #eee9dc;
  --line: #d7cebd;
}
.brand-dubaichoice .site-header { background: #1f332b; color: #f5f0e5; border-top: 3px solid #b39c6b; }
.brand-dubaichoice .utility { font-size: 9px; letter-spacing: .13em; padding-top: 15px; padding-bottom: 15px; }
.brand-dubaichoice .utility > div > span,
.brand-dubaichoice .mast-date { color: #bebfaf; }
.brand-dubaichoice .masthead { min-height: 144px; border-color: #46574b; }
.brand-dubaichoice .wordmark { color: #f5f0e5; }
.brand-dubaichoice .choice-mark { color: #d2bd8e; border-color: #ae9664; }
.brand-dubaichoice .brand-nav { border-top: 1px solid #46574b; border-bottom: 1px solid #46574b; }
.brand-dubaichoice .brand-nav .wrap { gap: 43px; }
.brand-dubaichoice .brand-nav a { font-size: 11px; font-weight: 400; padding: 16px 0; letter-spacing: .03em; }
.brand-dubaichoice .brand-nav a:hover { color: #d2bd8e; }
.brand-dubaichoice .brand-nav a[aria-current]:after { height: 1px; background: #c9b17c; }
.brand-dubaichoice .edition-line { padding-top: 25px; padding-bottom: 15px; border: 0; }
.brand-dubaichoice .edition-line > span:first-child { font-size: 11px; letter-spacing: .06em; font-weight: 400; }
.brand-dubaichoice .hero { padding-top: 10px; padding-bottom: 36px; }
.brand-dubaichoice .hero-main {
  grid-template-columns: .85fr 1.4fr;
  gap: 0;
  padding: 0;
  background: #1f332b;
  color: #f5f0e5;
  align-items: stretch;
}
.brand-dubaichoice .hero-img { aspect-ratio: 1.5; height: 100%; min-height: 475px; }
.brand-dubaichoice .hero-copy { padding: 43px 40px; align-self: center; }
.brand-dubaichoice .hero-copy .pk { color: #d5c294; letter-spacing: .19em; }
.brand-dubaichoice .hero-main h1 { font-size: 46px; letter-spacing: -1.3px; line-height: 1.08; }
.brand-dubaichoice .hero-main h1 a:hover { color: #ddcda9; }
.brand-dubaichoice .hero-dek { color: #d2d3c7; font-size: 14px; line-height: 1.75; margin-top: 19px; }
.brand-dubaichoice .hero-copy .pm-meta { color: #bdc4b8; font-size: 9px; margin-top: 22px; }
.brand-dubaichoice .hero-copy .story-link { color: #e5d5af; border-color: #8e835f; padding-bottom: 8px; margin-top: 27px; }
.brand-dubaichoice .hero-side { border: 0; padding-top: 33px; }
.brand-dubaichoice .side-h { letter-spacing: .15em; padding-bottom: 22px; }
.brand-dubaichoice .side-list { gap: 35px; }
.brand-dubaichoice .side-list li { gap: 18px; padding-right: 30px; }
.brand-dubaichoice .story-number { color: #927f56; }
.brand-dubaichoice .side-t { line-height: 1.23; }
.brand-dubaichoice .section-heading { padding-top: 26px; }
.brand-dubaichoice .home-feed .cols { padding-top: 34px; gap: 60px; }
.brand-dubaichoice .feed-grid .pc { grid-template-columns: 175px 1fr; padding-bottom: 33px; gap: 0 30px; }
.brand-dubaichoice .feed-grid .pc-img { height: 160px; aspect-ratio: 1.1; }
.brand-dubaichoice .feed-grid { gap: 32px; }
.brand-dubaichoice .feed-grid .pc h3 { font-size: 29px; line-height: 1.2; }
.brand-dubaichoice .newsletter-band { background: #eee9dc; padding: 9px 0; }
.brand-dubaichoice .newsletter-inner { gap: 90px; }
.brand-dubaichoice .pf { background: #1f332b; color: #c9cbbd; }
.brand-dubaichoice .pf-in { padding-top: 55px; padding-bottom: 25px; }
.brand-dubaichoice .pf h4 { color: #e7d6b0; }
.brand-dubaichoice .pf-cols a,
.brand-dubaichoice .pf-bar { color: #c9cbbd; }
.brand-dubaichoice .pf-bar { border-color: #4f5c4f; }
.brand-dubaichoice .pf-cols a:hover { color: #fff; }
.brand-dubaichoice .art-hero img { aspect-ratio: 1.7; }

@media (max-width: 1100px) {
  .brand-dubaitable .hero-copy { padding: 26px; }
  .brand-dubaitable .side-thumb { flex-basis: 70px; }
  .brand-dubaitable .side-t { font-size: 20px; }
  .brand-dubaipicks .hero-copy { padding: 30px; }
  .brand-dubaipicks .side-list { gap: 22px; }
  .brand-dubaipicks .side-thumb { flex-basis: 72px; }
  .brand-dubaipicks .side-t { font-size: 17px; }
  .brand-dubaichoice .hero-copy { padding: 30px; }
  .brand-dubaichoice .hero-img { min-height: 430px; }
  .brand-dubaichoice .home-feed .cols { gap: 35px; }
  .brand-dubaichoice .feed-grid .pc { grid-template-columns: 140px 1fr; gap: 0 23px; }
  .brand-dubaichoice .feed-grid .pc-img { height: 140px; }
}
@media (max-width: 800px) {
  .brand-dubaitable .hero-main { grid-template-columns: 1.1fr 1fr; }
  .brand-dubaitable .hero-img { min-height: 390px; }
  .brand-dubaitable .hero-copy { padding: 24px; }
  .brand-dubaitable .side-list { gap: 20px; }
  .brand-dubaitable .side-thumb { display: none; }
  .brand-dubaipicks .hero-main { grid-template-columns: 1fr 1fr; }
  .brand-dubaipicks .hero-img { min-height: 380px; }
  .brand-dubaipicks .side-thumb { display: none; }
  .brand-dubaipicks .rail { border-left: 0; padding-left: 0; }
  .brand-dubaichoice .hero-main { grid-template-columns: 1fr 1.1fr; }
  .brand-dubaichoice .hero-copy { padding: 26px; }
  .brand-dubaichoice .hero-img { min-height: 430px; }
  .brand-dubaichoice .hero-main h1 { font-size: 35px !important; }
  .brand-dubaichoice .side-list { gap: 22px; }
  .brand-dubaichoice .side-list li { padding-right: 20px; }
  .brand-dubaichoice .newsletter-inner { gap: 35px; }
}
@media (max-width: 560px) {
  .brand-dubaitable .masthead { min-height: 116px; }
  .wordmark--dubaitable { font-size: 72px; gap: 10px; }
  .wordmark--dubaitable .table-place { font-size: 9px; }
  .table-mark { width: 35px; height: 35px; margin-left: 4px; }
  .brand-dubaitable .edition-line { padding-top: 19px; }
  .brand-dubaitable .edition-line > span:last-child { display: none; }
  .brand-dubaitable .hero-main { display: flex; flex-direction: column; }
  .brand-dubaitable .hero-img { min-height: 0; aspect-ratio: 1.5; height: auto; }
  .brand-dubaitable .hero-copy { padding: 10px 24px 27px; }
  .brand-dubaitable .side-list { display: block; }
  .brand-dubaitable .side-thumb { display: block; flex-basis: 88px; }
  .brand-dubaitable .side-t { font-size: 23px; }
  .brand-dubaitable .side-h { font-size: 23px; padding-bottom: 4px; }
  .wordmark--nightdubai { font-size: 37px; letter-spacing: -1.5px; }
  .brand-nightdubai .night-name { margin-left: .25em; }
  .brand-dubaipicks .masthead { min-height: 123px; }
  .picks-name { font-size: 67px; letter-spacing: -4px; }
  .picks-place { font-size: 9px; }
  .brand-dubaipicks .edition-line { padding-top: 18px; }
  .brand-dubaipicks .hero-main { display: flex; flex-direction: column; }
  .brand-dubaipicks .hero-copy { order: -1; padding: 27px; }
  .brand-dubaipicks .hero-main h1 { font-size: 36px !important; letter-spacing: -1.3px; }
  .brand-dubaipicks .hero-copy .pk { margin-bottom: 3px; }
  .brand-dubaipicks .hero-copy .story-link { margin-top: 15px; }
  .brand-dubaipicks .hero-img { width: 100%; height: auto; min-height: 0; aspect-ratio: 1.35; }
  .brand-dubaipicks .side-list { display: block; }
  .brand-dubaipicks .side-list li { padding: 18px 0; }
  .brand-dubaipicks .side-h { padding-bottom: 0; }
  .brand-dubaipicks .side-thumb { display: block; flex-basis: 90px; aspect-ratio: 1; }
  .brand-dubaipicks .side-t { font-size: 21px; }
  .brand-dubaipicks .feed-grid { gap: 26px 18px; }
  .brand-dubaipicks .feed-grid .pc h3 { font-size: 21px; }
  .brand-dubaichoice .masthead { min-height: 112px; }
  .brand-dubaichoice .utility { font-size: 8px; padding-top: 12px; padding-bottom: 12px; }
  .brand-dubaichoice .brand-nav .wrap { gap: 26px; }
  .brand-dubaichoice .edition-line { padding-top: 19px; padding-bottom: 10px; }
  .brand-dubaichoice .hero-main { display: flex; flex-direction: column; }
  .brand-dubaichoice .hero-img { width: 100%; min-height: 0; height: auto; aspect-ratio: 1.5; }
  .brand-dubaichoice .hero-copy { padding: 12px 27px 29px; }
  .brand-dubaichoice .hero-main h1 { font-size: 36px !important; }
  .brand-dubaichoice .hero-dek { margin-top: 14px; }
  .brand-dubaichoice .hero-copy .pm-meta { margin-top: 17px; }
  .brand-dubaichoice .hero-copy .story-link { margin-top: 20px; }
  .brand-dubaichoice .side-list { display: block; }
  .brand-dubaichoice .side-list li { padding: 16px 0; }
  .brand-dubaichoice .side-t { font-size: 24px; }
  .brand-dubaichoice .feed-grid .pc { grid-template-columns: 96px 1fr; gap: 0 18px; padding-bottom: 25px; }
  .brand-dubaichoice .feed-grid .pc-img { height: 110px; }
  .brand-dubaichoice .feed-grid .pc h3 { font-size: 24px; }
  .brand-dubaichoice .newsletter-inner { gap: 25px; }
  .brand-dubaichoice .art-hero img { aspect-ratio: 1.25; }
}

/* Signup is paused. Keep the masthead centred without a vacant link. */
.press .masthead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.press .masthead .brand-logo { grid-column: 2; }
.press .pf { margin-top: 62px; border-top: 1px solid var(--line); }

/* Radar's geometric R is also the small-size identity. */
.wordmark--dubairadar {
  font-size: 45px;
  letter-spacing: -.04em;
  gap: .23em;
  align-items: center;
}
.radar-emblem { width: 1.24em; height: 1.24em; flex: 0 0 auto; }
.radar-lockup { display: flex; flex-direction: column; gap: .06em; }
.radar-city { font-size: .24em; line-height: 1; letter-spacing: .34em; font-weight: 600; padding-left: .13em; }
.radar-name { font-size: 1em; line-height: .91; letter-spacing: -.045em; font-weight: 900; }
.pf-logo .wordmark--dubairadar { font-size: 31px; letter-spacing: -.04em; }

/* Night's header/footer marks share proportions, spacing and the underline. */
.brand-nightdubai .wordmark--nightdubai { letter-spacing: -.04em; }
.brand-nightdubai .pf-logo .wordmark--nightdubai { font-size: 31px; }

@media (max-width: 800px) {
  .wordmark--dubairadar { font-size: 38px; }
}
@media (max-width: 560px) {
  .press .masthead { grid-template-columns: 1fr; }
  .press .masthead .brand-logo { grid-column: 1; justify-self: center; }
  .wordmark--dubairadar { font-size: 39px; }
  .press .pf { margin-top: 38px; }
  .brand-nightdubai .pf-logo .wordmark--nightdubai { font-size: 31px; }
}