/* ORN redesigned content pages — one shared stylesheet. Each page owns a
   prefixed block below (Fleet: .orn-flt / .orn-flm); Contact, How it works and
   Media get their own blocks here as they are redesigned.

   ===== FLEET (/tours/fleet, templates/ornholidays/fleet.jsp) =====
   Three looks from three designs:
   - desktop (>= 768px)           ORN-WEBSITE LIVE / "ORN Fleet"
   - mobile web (< 768px), light  Journey Light Mweb / "2a Fleet light"
   - app webview (.orn-flt--app)  App Updated 19th Oct / "1a Fleet" (dark, always the mobile layout)
   Desktop and mobile markup differ per section, so each section ships both
   (.orn-flt-d / .orn-flt-m) and the breakpoint picks one. */

.orn-flt { font-family: Archivo, sans-serif; -webkit-font-smoothing: antialiased; }
.orn-flt *, .orn-flt *::before, .orn-flt *::after { box-sizing: border-box; }
.orn-flt a, .orn-flt a:hover { text-decoration: none; }
.orn-flt button { font-family: inherit; }
.orn-flt svg { display: block; }

.orn-flt-m { display: none; }
@media (max-width: 767px) {
    .orn-flt-d { display: none; }
    .orn-flt-m { display: block; }
}
.orn-flt--app .orn-flt-d { display: none; }
.orn-flt--app .orn-flt-m { display: block; }
body.orn-fleet-page--app { background: #151515; }
/* No page scrollbar on the fleet page (scrolling still works) */
html:has(body.orn-fleet-page) { scrollbar-width: none; }
html:has(body.orn-fleet-page)::-webkit-scrollbar, body.orn-fleet-page::-webkit-scrollbar { display: none; }

/* =====================================================================
   DESKTOP
   ===================================================================== */
.orn-flt-wrap { max-width: 1250px; margin: 0 auto; padding: 0 28px; }
.orn-flt-sec { background: #fff; color: #151515; padding: 56px 0; }
.orn-flt-eyebrow { margin: 0; font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #D9000E; }
.orn-flt .orn-flt-h2 { margin: 10px 0 0; font-family: Archivo, sans-serif; font-size: 32px; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
.orn-flt-sub { margin: 10px 0 0; font-size: 15px; line-height: 1.6; color: #5c5c5c; text-wrap: pretty; }

/* Hero */
/* The design's 620px hero runs under its 60px overlaid header; the site header
   sits above the hero instead, so the hero itself is the 560px left below it. */
.orn-flt-hero { position: relative; height: 560px; min-height: 460px; overflow: hidden; background: #151515; color: #fff; }
.orn-flt-hero__bg { position: absolute; inset: 0; background: url('https://cdn.yourholiday.me/static/img/orn/orn_fleet_hero.jpg') center / cover no-repeat; }
.orn-flt-hero__scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,15,15,0.88) 0%, rgba(15,15,15,0.7) 28%, rgba(15,15,15,0.3) 50%, rgba(15,15,15,0) 68%); }
.orn-flt-hero__fade { position: absolute; left: 0; right: 0; bottom: -1px; height: 140px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.55) 60%, #151515 100%); }
.orn-flt-hero__inner { position: relative; z-index: 2; height: 100%; max-width: 1250px; margin: 0 auto; padding: 0 28px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.orn-flt-hero__eyebrow { font-weight: 600; font-size: 13px; letter-spacing: .16em; line-height: 1.6; text-transform: uppercase; color: #FF6B73; }
.orn-flt .orn-flt-hero__h1 { margin: 16px 0 0; font-family: Archivo, sans-serif; font-weight: 800; font-size: clamp(48px, 5.2vw, 64px); line-height: 1.04; letter-spacing: -0.03em; color: #fff; max-width: 760px; text-wrap: balance; }
.orn-flt-hero__pillars { margin-top: 16px; font-size: 22px; font-weight: 600; line-height: 1.35; color: #F4EFE3; }
.orn-flt-hero__lede { margin: 16px 0 0; max-width: 520px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,0.82); text-wrap: pretty; }
.orn-flt-hero__ctas { margin-top: 28px; display: flex; gap: 14px; }
.orn-flt .orn-flt-hero__cta { display: flex; align-items: center; justify-content: center; height: 45px; padding: 0 22px; border-radius: 5px; background: #E4002B; color: #fff; font-size: 16px; font-weight: 600; line-height: 24.8px; transition: background-color .25s ease; }
.orn-flt .orn-flt-hero__cta:hover { background: #B10021; color: #fff; }

/* Stats strip */
.orn-flt-stats { position: relative; background: radial-gradient(55% 140% at 100% 50%, rgba(228,0,43,0.09) 0%, rgba(228,0,43,0.03) 45%, rgba(228,0,43,0) 75%), #fff; color: #151515; border-bottom: 1px solid rgba(0,0,0,0.06); }
.orn-flt-stats__wrap { max-width: 1250px; margin: 0 auto; padding: 40px 28px; }
.orn-flt-stats__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.orn-flt-stats__cell { min-width: 0; padding: 4px 0 4px 32px; border-left: 1px solid rgba(0,0,0,0.08); display: flex; flex-direction: column; gap: 10px; }
.orn-flt-stats__cell:first-child { padding: 4px 0; border-left: 0; }
.orn-flt-stats__n { font-family: 'JetBrains Mono', monospace; font-size: 42px; font-weight: 500; line-height: 1; letter-spacing: -0.02em; color: #151515; }
.orn-flt-stats__l { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 500; line-height: 1.4; letter-spacing: 0.16em; text-transform: uppercase; color: #6b6b6b; }

/* Vans strip */
.orn-flt-vans { margin: 28px 0 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 0 8px; }
.orn-flt-vans::-webkit-scrollbar { display: none; }
.orn-flt-vans__row { display: flex; gap: 16px; }
.orn-flt-van { position: relative; flex: 0 0 340px; aspect-ratio: 4 / 3; scroll-snap-align: start; overflow: hidden; border-radius: 10px; border: 1px solid rgba(0,0,0,0.06); padding: 0; cursor: zoom-in; background: #eee; box-shadow: 0 6px 18px rgba(0,0,0,0.08); transition: border-color .25s ease; }
.orn-flt-van:hover { border-color: rgba(0,0,0,0.2); }
.orn-flt-van__img { position: absolute; inset: 0; background: rgb(20,24,28) center / cover no-repeat; transition: transform 0.6s ease; }
.orn-flt-van__tag { position: absolute; left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(10,14,23,0.72); font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; line-height: 17px; letter-spacing: 0.66px; text-transform: uppercase; color: #fff; }

/* From the road */
.orn-flt-road__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
.orn-flt-road__head > div { min-width: 0; }
.orn-flt .orn-flt-follow { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.14); background: #fff; color: #151515; font-size: 14.5px; font-weight: 600; line-height: 22.5px; transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease; }
.orn-flt .orn-flt-follow:hover { background: #F7F7F5; color: #151515; border-color: rgba(0,0,0,0.32); box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
.orn-flt .orn-flt-follow:hover .orn-flt-follow__ig { transform: scale(1.05); }
.orn-flt-follow__ig { flex: none; width: 24px; height: 24px; border-radius: 5px; background: radial-gradient(circle farthest-corner at 22% 108%, #FFD600 0%, #FF7A00 22%, #FF0069 48%, #D300C5 72%, #7638FA 100%); display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); transition: transform .25s ease; }
.orn-flt-road__grid { margin-top: 26px; display: grid; grid-template-columns: minmax(0, 300fr) minmax(0, 878fr); gap: 16px; }
.orn-flt-road__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: 220px 220px; gap: 14px; }
.orn-flt-reel { position: relative; overflow: hidden; border: 0; padding: 0; cursor: pointer; background: #1c1c1c center / cover no-repeat; text-align: left; color: #fff; }
.orn-flt-reel--big { min-height: 460px; border-radius: 18px; background-color: #111; }
.orn-flt-reel--tile { border-radius: 16px; }
.orn-flt-reel--photo { cursor: default; }
.orn-flt-reel__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 100%); }
.orn-flt-reel--big .orn-flt-reel__shade { background: linear-gradient(180deg, rgba(0,0,0,0.05) 45%, rgba(0,0,0,0.85) 100%); }
.orn-flt-reel__tag { position: absolute; left: 16px; top: 16px; display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; background: rgba(10,14,23,0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; line-height: 17px; letter-spacing: 1.98px; color: rgb(201,164,92); }
.orn-flt-reel__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; padding-left: 3px; font-size: 15px; line-height: 1; color: rgb(242,13,22); }
.orn-flt-reel--big .orn-flt-reel__play { width: 66px; height: 66px; font-size: 22px; }
.orn-flt-reel__cap { position: absolute; left: 22px; right: 22px; bottom: 22px; }
.orn-flt-reel__title { font-family: Archivo, sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; color: #fff; }
.orn-flt-reel__meta { padding-top: 4px; font-size: 13.5px; line-height: 20.9px; color: rgba(255,255,255,0.72); }

/* Why ORN */
.orn-flt-why { background: #F7F7F5; }
.orn-flt-why__lede { margin: 12px 0 0; max-width: 760px; font-size: 16px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-flt-why__grid { margin-top: 34px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.orn-flt-why__card { min-width: 0; padding: 30px 28px 26px; border-radius: 14px; background: #fff; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05); display: flex; flex-direction: column; gap: 12px; }
.orn-flt-why__ico { width: 44px; height: 44px; margin-bottom: 22px; border-radius: 10px; background: rgba(228,0,43,0.07); display: flex; align-items: center; justify-content: center; }
.orn-flt .orn-flt-why__title { margin: 0; font-family: Archivo, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.1; color: #151515; }
.orn-flt-why__desc { margin: 0; font-size: 14.5px; line-height: 23.2px; color: #5c5c5c; text-wrap: pretty; }

/* Coach photo — a single image, same as the mobile design (no slideshow) */
.orn-flt-gal-sec { padding-bottom: 72px; }
.orn-flt-gal { position: relative; margin-top: 28px; aspect-ratio: 1194 / 671; overflow: hidden; border-radius: 20px; background: #eee; box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 12px 32px rgba(0,0,0,0.08); }
.orn-flt-gal img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; display: block; }

/* Van lightbox with prev/next — desktop, mobile web and app (same viewer as the previous fleet page) */
.orn-flt-lb { position: fixed; inset: 0; background: rgba(10,14,20,0.92); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 24px; }
.orn-flt-lb.is-open { display: flex; }
.orn-flt-lb__inner { position: relative; width: min(1200px, 96vw); }
/* Sized to the photo itself so the rounded corners sit on the picture; leaves room for the counter. */
.orn-flt-lb__img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 150px); margin: 0 auto; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.45); }
.orn-flt-lb__close, .orn-flt-lb__nav { border: 0; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: rgba(15,15,15,0.55); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22), 0 6px 18px rgba(0,0,0,0.35); transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.orn-flt-lb__close:hover, .orn-flt-lb__nav:hover { background: rgba(255,255,255,0.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4), 0 6px 18px rgba(0,0,0,0.35); }
.orn-flt-lb__close:active, .orn-flt-lb__nav:active { transform: scale(0.94); }
.orn-flt-lb__nav:active { transform: translateY(-50%) scale(0.94); }
/* Close sits in the screen's top-right corner, clear of the photo */
.orn-flt-lb__close { position: absolute; top: calc(18px + env(safe-area-inset-top, 0px)); right: 18px; width: 44px; height: 44px; z-index: 2; }
.orn-flt-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; }
.orn-flt-lb__nav--prev { left: -24px; }
.orn-flt-lb__nav--next { right: -24px; }
.orn-flt-lb__counter { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.72); font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.08em; }
@media (max-width: 767px) {
    .orn-flt-lb { padding: 16px; }
    .orn-flt-lb__inner { width: 100%; }
    .orn-flt-lb__close { top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; }
    .orn-flt-lb__nav { width: 40px; height: 40px; }
    .orn-flt-lb__nav svg { width: 18px; height: 18px; }
    .orn-flt-lb__nav--prev { left: 8px; }
    .orn-flt-lb__nav--next { right: 8px; }
}

/* Video popup (desktop, mobile web and app) */
.orn-flt-vid { position: fixed; inset: 0; z-index: 9000; display: none; align-items: center; justify-content: center; }
.orn-flt-vid.is-open { display: flex; }
.orn-flt-vid__scrim { position: absolute; inset: 0; background: rgba(10,14,23,0.92); }
.orn-flt-vid__box { position: relative; height: min(92vh, 900px); aspect-ratio: 9 / 16; max-width: 92vw; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.55); }
.orn-flt-vid__close { position: absolute; top: 14px; right: 14px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; color: #fff; border: 0; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; background: rgba(15,15,15,0.55); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22), 0 6px 18px rgba(0,0,0,0.35); transition: background-color .2s ease, transform .2s ease; }
.orn-flt-vid__close:hover { background: rgba(255,255,255,0.18); }
.orn-flt-vid__close:active { transform: scale(0.94); }
.orn-flt-vid__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; }
/* Phones and the app: the reel fills the screen (as the previous reel popup did on mobile) */
@media (max-width: 767px) {
    .orn-flt-vid__box { width: 100vw; height: 100vh; height: 100dvh; max-width: none; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
    .orn-flt-vid__video { object-fit: cover; }
    .orn-flt-vid__close { top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; width: 44px; height: 44px; }
}
body.orn-fleet-page--app .orn-flt-vid__box { width: 100vw; height: 100vh; height: 100dvh; max-width: none; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
body.orn-fleet-page--app .orn-flt-vid__video { object-fit: cover; }
body.orn-fleet-page--app .orn-flt-vid__close { top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; width: 44px; height: 44px; }

/* =====================================================================
   MOBILE — light mweb defaults, dark app overrides under .orn-flt--app
   ===================================================================== */
.orn-flt-m { background: #fff; }
.orn-flt--app .orn-flt-m { background: #151515; color: #F4EFE3; }

/* Hero */
.orn-flm-hero { position: relative; background: #151515; padding-bottom: 40px; }
.orn-flm-hero__media { position: relative; height: 400px; overflow: hidden; background: #0F0F0F; }
.orn-flm-hero__img { position: absolute; inset: 0; background: url('https://cdn.yourholiday.me/static/img/orn/orn_fleet_hero.jpg') 70% 62% / cover no-repeat; }
.orn-flm-hero__top { position: absolute; left: 0; right: 0; top: 0; height: 130px; background: linear-gradient(180deg, rgba(15,15,15,0.55) 0%, rgba(15,15,15,0) 100%); }
.orn-flm-hero__fade { position: absolute; left: 0; right: 0; bottom: -1px; height: 220px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.5) 45%, rgba(21,21,21,0.88) 75%, #151515 100%); }
.orn-flm-hero__body { position: relative; margin-top: -88px; padding: 0 24px; display: flex; flex-direction: column; gap: 16px; }
.orn-flm-hero__head { display: flex; flex-direction: column; gap: 12px; }
.orn-flm-hero__eyebrow { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #FF6B73; }
.orn-flt .orn-flm-hero__h1 { margin: 0; font-family: Archivo, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.1; letter-spacing: -0.02em; color: #F4EFE3; text-wrap: balance; }
.orn-flm-hero__pillars { font-weight: 600; font-size: 17px; line-height: 1.35; color: #E3DCCB; }
.orn-flm-hero__lede { margin: 0; font-size: 15px; line-height: 1.6; color: #CBCBCB; text-wrap: pretty; }
.orn-flt .orn-flm-hero__cta { margin-top: 6px; height: 52px; border-radius: 12px; background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 10px 24px rgba(201,10,18,0.3); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; color: #fff; }
.orn-flt .orn-flm-hero__cta:active { transform: scale(0.98); }
.orn-flt--app .orn-flm-hero { background: transparent; padding-bottom: 0; display: flex; flex-direction: column; gap: 28px; }
.orn-flt--app .orn-flm-hero__media { height: 380px; }
.orn-flt--app .orn-flm-hero__fade { height: 170px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.6) 35%, rgba(21,21,21,0.92) 60%, #151515 85%, #151515 100%); }
.orn-flt--app .orn-flm-hero__body { margin-top: -84px; }
.orn-flt.orn-flt--app .orn-flm-hero__h1 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.12; letter-spacing: -0.03em; }
.orn-flt.orn-flt--app .orn-flm-hero__cta { border-radius: 14px; }

/* Metrics */
.orn-flm-metrics { padding: 32px 24px 48px; }
.orn-flm-metrics__card { position: relative; overflow: hidden; isolation: isolate; border-radius: 20px; background: radial-gradient(70% 60% at 100% 0%, rgba(255,0,15,0.09) 0%, rgba(255,0,15,0) 70%), linear-gradient(180deg, #FFFFFF 0%, #FCFBFA 100%); box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); }
.orn-flm-metrics__lead { padding: 22px 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; box-shadow: inset 0 -1px 0 #ECEAE6; }
.orn-flm-metrics__stack { display: flex; flex-direction: column; gap: 8px; }
.orn-flm-metrics__big { font-family: Archivo, sans-serif; font-weight: 800; font-variant-numeric: tabular-nums; font-size: 48px; line-height: 1; letter-spacing: -0.035em; color: #141414; }
.orn-flm-metrics__bigl { font-size: 15px; line-height: 1.3; color: #5E5E5E; }
.orn-flm-metrics__ico { color: #D9000E; }
.orn-flm-metrics__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.orn-flm-metrics__cell { padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.orn-flm-metrics__cell:nth-child(2) { box-shadow: inset 1px 0 0 #ECEAE6; }
.orn-flm-metrics__cell:nth-child(3) { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-flm-metrics__cell:nth-child(4) { box-shadow: inset 1px 0 0 #ECEAE6, inset 0 1px 0 #ECEAE6; }
.orn-flm-metrics__n { font-family: Archivo, sans-serif; font-weight: 800; font-variant-numeric: tabular-nums; font-size: 30px; line-height: 1; letter-spacing: -0.035em; color: #141414; }
.orn-flm-metrics__l { font-size: 14px; line-height: 1.35; color: #5E5E5E; }
.orn-flt--app .orn-flm-metrics { padding: 40px 24px 24px; }
.orn-flt--app .orn-flm-metrics__card { background: linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }
.orn-flt--app .orn-flm-metrics__card::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 60% at 100% 0%, rgba(255,0,15,0.16) 0%, rgba(255,0,15,0) 70%); }
.orn-flt--app .orn-flm-metrics__lead { box-shadow: inset 0 -1px 0 #262626; }
.orn-flt--app .orn-flm-metrics__big { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-variant-numeric: normal; font-size: 40px; letter-spacing: -0.02em; color: #F4EFE3; }
.orn-flt--app .orn-flm-metrics__bigl { font-size: 14px; color: #CBCBCB; }
.orn-flt--app .orn-flm-metrics__ico { color: #FF6B73; }
.orn-flt--app .orn-flm-metrics__cell:nth-child(2) { box-shadow: inset 1px 0 0 #262626; }
.orn-flt--app .orn-flm-metrics__cell:nth-child(3) { box-shadow: inset 0 1px 0 #262626; }
.orn-flt--app .orn-flm-metrics__cell:nth-child(4) { box-shadow: inset 1px 0 0 #262626, inset 0 1px 0 #262626; }
.orn-flt--app .orn-flm-metrics__n { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-variant-numeric: normal; font-size: 26px; letter-spacing: normal; color: #F4EFE3; }
.orn-flt--app .orn-flm-metrics__l { font-size: 13px; color: #A2A2A2; }

/* Shared mobile section chrome */
.orn-flm-sec { border-top: 8px solid #F4F3F1; padding: 48px 24px; background: #fff; display: flex; flex-direction: column; gap: 24px; }
.orn-flm-sec--road { gap: 20px; }
.orn-flm-sec--coach { padding-bottom: 64px; }
.orn-flm-head { display: flex; flex-direction: column; gap: 10px; }
.orn-flm-eyebrow { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #D9000E; }
.orn-flt .orn-flm-h2 { margin: 0; font-family: Archivo, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
.orn-flm-desc { margin: 0; font-size: 15px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-flt--app .orn-flm-sec { border-top-color: #0F0F0F; background: #151515; padding: 48px 24px 48px; }
.orn-flt--app .orn-flm-sec--why { gap: 20px; }
.orn-flt--app .orn-flm-sec--coach { gap: 20px; padding-bottom: 120px; }
.orn-flt--app .orn-flm-head { gap: 12px; }
.orn-flt--app .orn-flm-sec--coach .orn-flm-head { gap: 10px; }
.orn-flt--app .orn-flm-eyebrow { letter-spacing: .16em; color: #FF6B73; }
.orn-flt--app .orn-flm-sec--why .orn-flm-eyebrow,
.orn-flt--app .orn-flm-sec--coach .orn-flm-eyebrow { line-height: 1.5; }
.orn-flt.orn-flt--app .orn-flm-h2 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.18; color: #F4EFE3; }
.orn-flt--app .orn-flm-desc { color: #A2A2A2; }
.orn-flt--app .orn-flm-sec--coach .orn-flm-desc { line-height: 1.55; }

/* Pager dots */
.orn-flm-dots { display: flex; justify-content: center; gap: 6px; }
.orn-flm-dot { height: 4px; width: 4px; border-radius: 2px; background: #DCD9D3; transition: width .3s ease, background .3s ease; }
.orn-flm-dot.is-active { width: 16px; background: #141414; }
.orn-flt--app .orn-flm-dot { background: #3A3A3A; }
.orn-flt--app .orn-flm-dot.is-active { background: #F4EFE3; }

/* Vans rail */
.orn-flm-rail { margin: 0 -24px; padding: 2px 24px 4px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 24px; scrollbar-width: none; }
.orn-flm-rail::-webkit-scrollbar { display: none; }
.orn-flm-van { flex-shrink: 0; scroll-snap-align: start; position: relative; width: 280px; height: 200px; border: 0; padding: 0; border-radius: 18px; overflow: hidden; cursor: pointer; background: #F4F3F1 center / cover no-repeat; }
.orn-flm-van:active { transform: scale(0.98); }
.orn-flm-van__tag { position: absolute; top: 12px; left: 12px; height: 26px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 999px; background: rgba(255,255,255,0.88); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-weight: 600; font-size: 11px; line-height: 1; letter-spacing: .14em; text-transform: uppercase; color: #141414; white-space: nowrap; }
.orn-flt--app .orn-flm-van { background-color: #212121; box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }
.orn-flt--app .orn-flm-van__tag { background: rgba(15,15,15,0.55); color: #F4EFE3; }

/* From the road groups */
.orn-flm-road { margin: 4px -24px 0; padding: 0 24px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 24px; scrollbar-width: none; }
.orn-flm-road::-webkit-scrollbar { display: none; }
.orn-flm-group { flex-shrink: 0; scroll-snap-align: start; width: 324px; height: 384px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 8px; }
.orn-flm-tile { position: relative; display: block; border: 0; padding: 0; border-radius: 14px; overflow: hidden; cursor: pointer; background: #F4F3F1 center / cover no-repeat; text-align: left; }
.orn-flm-tile:active { transform: scale(0.98); }
.orn-flm-tile--big { grid-row: 1 / 3; }
.orn-flm-tile--photo { cursor: default; }
.orn-flm-tile--photo:active { transform: none; }
.orn-flm-tile__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,15,15,0.2) 0%, rgba(15,15,15,0) 30%, rgba(15,15,15,0) 55%, rgba(15,15,15,0.8) 100%); }
.orn-flm-tile__tag { position: absolute; top: 10px; left: 10px; height: 24px; padding: 0 10px; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; background: rgba(15,15,15,0.55); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-weight: 600; font-size: 11px; line-height: 1; letter-spacing: .14em; text-transform: uppercase; color: #F4EFE3; white-space: nowrap; }
.orn-flm-tile__dot { width: 6px; height: 6px; border-radius: 50%; background: #FF000F; }
.orn-flm-tile__play { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; background: rgba(15,15,15,0.45); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: inset 0 0 0 1.5px rgba(244,239,227,0.7); display: flex; align-items: center; justify-content: center; }
.orn-flm-tile__play svg { margin-left: 2px; }
.orn-flm-tile:not(.orn-flm-tile--big) .orn-flm-tile__play { width: 36px; height: 36px; margin: -18px 0 0 -18px; }
.orn-flm-tile__cap { position: absolute; left: 12px; right: 12px; bottom: 12px; font-weight: 600; font-size: 14px; line-height: 1.3; color: #fff; text-wrap: pretty; }
.orn-flt--app .orn-flm-tile { background-color: #212121; box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }
.orn-flt--app .orn-flm-tile__shade { background: linear-gradient(180deg, rgba(15,15,15,0.2) 0%, rgba(15,15,15,0) 30%, rgba(15,15,15,0) 55%, rgba(15,15,15,0.82) 100%); }

/* Instagram card */
.orn-flm-ig { margin-top: 8px; padding: 14px 14px 14px 16px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); display: flex; align-items: center; gap: 12px; }
.orn-flm-ig__img { flex-shrink: 0; width: 40px; height: 40px; border-radius: 8px; background: radial-gradient(circle farthest-corner at 22% 108%, #FFD600 0%, #FF7A00 22%, #FF0069 48%, #D300C5 72%, #7638FA 100%); display: flex; align-items: center; justify-content: center; color: #fff; }
.orn-flm-ig__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.orn-flm-ig__handle { font-weight: 600; font-size: 15px; line-height: 1.2; color: #141414; }
.orn-flm-ig__sub { font-size: 13px; line-height: 1.3; color: #6E6E6E; }
.orn-flt .orn-flm-ig__btn { flex-shrink: 0; height: 44px; padding: 0 18px; border-radius: 12px; box-shadow: inset 0 0 0 1px #141414; color: #141414; display: flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 1; }
.orn-flt .orn-flm-ig__btn:active { background: #F4F3F1; }
.orn-flt--app .orn-flm-ig { background: linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }
.orn-flt--app .orn-flm-ig__handle { color: #F4EFE3; }
.orn-flt--app .orn-flm-ig__sub { color: #979797; }
.orn-flt.orn-flt--app .orn-flm-ig__btn { box-shadow: inset 0 0 0 1px #5F5F5F; color: #F4EFE3; }
.orn-flt.orn-flt--app .orn-flm-ig__btn:active { background: #1A1A1A; }

/* Why ORN list */
.orn-flm-pillars { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); padding: 4px 20px; }
.orn-flm-pillar { padding: 20px 0; display: flex; gap: 16px; }
.orn-flm-pillar + .orn-flm-pillar { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-flm-pillar__ico { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(180deg, #F8F7F4 0%, #EFEDE9 100%); box-shadow: inset 0 0 0 1px #E4E2DE; display: flex; align-items: center; justify-content: center; color: #141414; }
.orn-flm-pillar__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.orn-flm-pillar__t { font-weight: 600; font-size: 16px; line-height: 1.3; color: #141414; }
.orn-flm-pillar__d { font-size: 14px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
.orn-flt--app .orn-flm-pillars { background: #1A1A1A; box-shadow: inset 0 0 0 1px #262626; padding: 0 20px; }
.orn-flt--app .orn-flm-pillar { padding: 22px 0; }
.orn-flt--app .orn-flm-pillar + .orn-flm-pillar { box-shadow: inset 0 1px 0 #262626; }
.orn-flt--app .orn-flm-pillar__ico { background: rgba(244,239,227,0.08); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.14); color: #F4EFE3; }
.orn-flt--app .orn-flm-pillar__t { color: #F4EFE3; }
.orn-flt--app .orn-flm-pillar__d { color: #A2A2A2; }

/* Coach photo */
.orn-flm-coach { height: 240px; border-radius: 20px; overflow: hidden; background: #F4F3F1; }
.orn-flm-coach img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; display: block; }
.orn-flt--app .orn-flm-coach { background: #1A1A1A; box-shadow: inset 0 0 0 1px #262626; }

.orn-flt :focus-visible, .orn-flt-lb :focus-visible, .orn-flt-vid :focus-visible { outline: 2px solid #141414; outline-offset: 2px; }
.orn-flt-lb :focus-visible, .orn-flt-vid :focus-visible { outline-color: #fff; }
.orn-flt--app :focus-visible { outline-color: #F8E394; }

/* =====================================================================
   ===== HOW IT WORKS (/tours/how-it-works, customer/how_it_works.jsp) =====
   Same three looks as Fleet (desktop / light mweb / dark app). The page runs
   inside .orn-flt.orn-hw so it shares Fleet's base, "From the road", stats,
   pillars and video popup; everything below is HIW-only (.orn-hw / .orn-hwm).
   ===================================================================== */
body.orn-hiw-page--app { background: #151515; }
html:has(body.orn-hiw-page) { scrollbar-width: none; }
html:has(body.orn-hiw-page)::-webkit-scrollbar, body.orn-hiw-page::-webkit-scrollbar { display: none; }
body.orn-hiw-page--app .orn-flt-vid__box { width: 100vw; height: 100vh; height: 100dvh; max-width: none; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
body.orn-hiw-page--app .orn-flt-vid__video { object-fit: cover; }
body.orn-hiw-page--app .orn-flt-vid__close { top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; width: 44px; height: 44px; }
@keyframes ornArrowNudge { 0%, 100% { transform: translateY(-1.5px); } 50% { transform: translateY(2.5px); } }

/* ---------- DESKTOP ---------- */
.orn-hw-hero { position: relative; background: #151515; color: #fff; }
.orn-hw-hero__media { position: relative; height: 560px; overflow: hidden; background: #0F0F0F; }
.orn-hw-hero__bg { position: absolute; inset: 0; background: url('https://cdn.yourholiday.me/static/img/orn/home-orn-coach-red.jpg') 62% 55% / cover no-repeat; }
.orn-hw-hero__scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,15,15,0.88) 0%, rgba(15,15,15,0.7) 28%, rgba(15,15,15,0.3) 50%, rgba(15,15,15,0) 68%); }
.orn-hw-hero__fade { position: absolute; left: 0; right: 0; bottom: -1px; height: 140px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.55) 60%, #151515 100%); }
.orn-hw-hero__inner { position: relative; height: 100%; max-width: 1250px; margin: 0 auto; padding: 0 28px; display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.orn-hw-hero__eyebrow { font-weight: 600; font-size: 13px; letter-spacing: .16em; line-height: 1.6; text-transform: uppercase; color: #FF6B73; }
.orn-flt .orn-hw-hero__h1 { margin: 0; font-family: Archivo, sans-serif; font-weight: 800; font-size: clamp(48px, 5.2vw, 64px); line-height: 1.04; letter-spacing: -0.03em; color: #fff; max-width: 760px; text-wrap: balance; }
.orn-hw-hero__lede { margin: 0; max-width: 520px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,0.82); text-wrap: pretty; }
.orn-hw-hero__chips { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 8px; }
.orn-hw-hero__chip { height: 34px; padding: 0 16px; display: inline-flex; align-items: center; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28); background: rgba(15,15,15,0.35); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-weight: 500; font-size: 13.5px; color: #F4EFE3; white-space: nowrap; }

.orn-hw-stats .orn-flt-stats__wrap { padding: 44px 28px; }
.orn-hw-stats .orn-flt-stats__n { font-size: 40px; }
.orn-hw-stats .orn-flt-stats__cell:first-child { padding: 4px 32px 4px 0; }

.orn-hw-sec { color: #141414; padding: 104px 0 112px; }
.orn-hw-sec--white { background: #fff; box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hw-sec--warm { background: #F7F6F3; box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hw-sec--plain { background: #fff; }
.orn-hw-sec--private { padding: 0 0 112px; box-shadow: none; }
.orn-hw-sec--close { padding: 96px 0 104px; box-shadow: none; }
.orn-hw-head { display: flex; flex-direction: column; gap: 10px; }
.orn-hw-head .orn-flt-eyebrow { margin: 0; }
.orn-flt .orn-hw-h2 { margin: 0; font-family: Archivo, sans-serif; font-weight: 800; font-size: 32px; line-height: 1.1; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
.orn-flt .orn-hw-h2--plain { text-wrap: wrap; }
.orn-hw-red { color: #D9000E; }
.orn-hw-lede { margin: 2px 0 0; max-width: 720px; font-size: 16px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-hw-lede--nested { margin-top: 4px; max-width: 760px; }
.orn-hw-lede strong, .orn-hw-split__p strong { font-weight: 600; color: #141414; }

/* Old chain vs ORN */
.orn-hw-vs { margin-top: 48px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: stretch; position: relative; }
.orn-hw-vs__card { padding: 32px 40px 18px; border-radius: 20px; display: flex; flex-direction: column; gap: 10px; box-shadow: inset 0 0 0 1px #ECEAE6; }
.orn-hw-vs__card--old { background: linear-gradient(180deg, #FAF9F7 0%, #F6F5F2 100%); }
.orn-hw-vs__card--new { background: radial-gradient(70% 45% at 30% 0%, rgba(31,157,85,0.06) 0%, rgba(31,157,85,0) 70%), #FFFFFF; }
.orn-hw-vs__label { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #141414; }
.orn-hw-vs__card--new .orn-hw-vs__label { color: #1F9D55; }
.orn-hw-vs__list { display: flex; flex-direction: column; }
.orn-hw-vs__row { min-height: 52px; padding: 13px 0; display: flex; align-items: center; gap: 16px; font-weight: 400; font-size: 15.5px; line-height: 1.4; color: #3A3A3A; }
.orn-hw-vs__row + .orn-hw-vs__row { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hw-vs__row svg { flex-shrink: 0; color: #D9000E; }
.orn-hw-vs__card--new .orn-hw-vs__row { font-weight: 500; color: #141414; }
.orn-hw-vs__card--new .orn-hw-vs__row svg { color: #1F9D55; }
.orn-hw-vs__arrow { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; border-radius: 50%; background: #1F1F1F; box-shadow: 0 0 0 8px #FFFFFF, 0 6px 14px rgba(20,20,20,0.16); display: flex; align-items: center; justify-content: center; color: #fff; }

/* Benchmark */
.orn-hw-bench { margin-top: 24px; border-radius: 20px; overflow: hidden; background: radial-gradient(50% 120% at 100% 0%, rgba(228,0,43,0.06) 0%, rgba(228,0,43,0) 70%), linear-gradient(180deg, #F8F7F4 0%, #F3F2EF 100%); box-shadow: inset 0 0 0 1px #E8E6E2; }
.orn-hw-bench__top { padding: 40px 40px 36px; display: flex; flex-direction: column; gap: 14px; box-shadow: inset 0 -1px 0 #E4E2DE; }
.orn-hw-bench__top .orn-flt-eyebrow { margin: 0; }
.orn-hw-bench__title { max-width: 820px; font-family: Archivo, sans-serif; font-weight: 800; font-size: 30px; line-height: 1.2; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
.orn-hw-bench__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; }
.orn-hw-bench__item { grid-row: span 2; padding: 36px 40px 40px; display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: subgrid; column-gap: 20px; }
.orn-hw-bench__item + .orn-hw-bench__item { box-shadow: inset 1px 0 0 #E4E2DE; }
.orn-hw-bench__rail { display: flex; flex-direction: column; align-items: center; }
.orn-hw-bench__ico { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(180deg, #FFFFFF 0%, #F1EFEB 100%); box-shadow: inset 0 0 0 1px #E2E0DB; display: flex; align-items: center; justify-content: center; color: #141414; }
.orn-hw-bench__line { flex: 1; width: 1px; min-height: 24px; margin: 10px 0; background: #DEDBD6; }
.orn-hw-bench__text { display: flex; flex-direction: column; gap: 6px; padding-bottom: 28px; }
.orn-hw-bench__k { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #6E6E6E; }
.orn-hw-bench__t { font-weight: 600; font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; color: #141414; }
.orn-hw-bench__d { font-size: 15px; line-height: 1.55; color: #6E6E6E; text-wrap: pretty; }
.orn-hw-badge { width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(180deg, #F2102E 0%, #C8001F 100%); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 11px; letter-spacing: .06em; color: #FFFFFF; }
.orn-hw-bench__o { align-self: start; padding-top: 7px; font-weight: 500; font-size: 17px; line-height: 1.5; color: #141414; text-wrap: pretty; }

/* Why it's different */
.orn-hw-sub { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
.orn-hw-sub--steps { margin-top: 88px; }
.orn-hw-sub--board { margin-top: 96px; }
.orn-flt .orn-hw-h3 { margin: 0; font-family: Archivo, sans-serif; font-weight: 800; font-size: 24px; line-height: 1.15; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
.orn-hw-sub__p { margin: 0; font-size: 15px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-hw-steps { list-style: none; margin: 28px 0 0; border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); padding: 12px 40px; }
.orn-hw-step { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 28px; }
.orn-hw-step__rail { display: flex; flex-direction: column; align-items: center; }
.orn-hw-step__up { height: 24px; width: 1px; background: #ECEAE6; }
.orn-hw-step__n { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; box-shadow: inset 0 0 0 1px #DCD9D3; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 13px; color: #141414; }
.orn-hw-step__down { flex: 1; width: 1px; min-height: 24px; background: #ECEAE6; }
.orn-hw-step:first-child .orn-hw-step__up, .orn-hw-step:last-child .orn-hw-step__down { background: transparent; }
.orn-hw-step:first-child .orn-hw-step__n { background: #E4002B; box-shadow: none; color: #FFFFFF; }
.orn-hw-step__body { padding: 26px 0 28px; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 8px 40px; align-items: baseline; box-shadow: inset 0 -1px 0 #ECEAE6; }
.orn-hw-step:last-child .orn-hw-step__body { box-shadow: none; }
.orn-hw-step__t { padding-top: 6px; font-weight: 600; font-size: 18px; line-height: 1.35; color: #141414; }
.orn-hw-step__d { font-size: 15px; line-height: 1.65; color: #5E5E5E; text-wrap: pretty; }
.orn-hw-board { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.orn-hw-board__card { border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); padding: 28px 28px 30px; display: flex; flex-direction: column; gap: 10px; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
.orn-hw-board__card:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(20,20,20,0.14), 0 18px 40px rgba(20,20,20,0.07); }
.orn-hw-board__ico { width: 44px; height: 44px; border-radius: 12px; background: rgba(228,0,43,0.07); display: flex; align-items: center; justify-content: center; color: #E4002B; }
.orn-flt .orn-hw-board__k { margin: 14px 0 0; }
.orn-hw-board__t { font-weight: 600; font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; color: #141414; }
.orn-hw-board__d { font-size: 15px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-hw-pair { margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.orn-hw-panel { border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); padding: 36px; display: flex; flex-direction: column; gap: 24px; }
.orn-hw-fare { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(48px, 1fr); }
.orn-hw-fare__row { padding: 12px 0; display: flex; align-items: center; gap: 14px; font-size: 15px; line-height: 1.4; color: #2B2B2B; }
.orn-hw-fare__row + .orn-hw-fare__row { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hw-fare__tick { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(31,157,85,0.1); display: flex; align-items: center; justify-content: center; color: #1F9D55; }
.orn-hw-panel__foot { margin: 0; padding-top: 18px; box-shadow: inset 0 1px 0 #ECEAE6; font-size: 13.5px; line-height: 1.6; color: #6E6E6E; text-wrap: pretty; }
.orn-hw-panel__foot--end { margin-top: auto; }

/* Private + closing split cards */
.orn-hw-split { border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); overflow: hidden; display: grid; min-height: 360px; }
.orn-hw-split--img-left { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.orn-hw-split--img-right { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.orn-hw-split__img { background: #F4F3F1 center / cover no-repeat; }
.orn-hw-split__img--private { background-position: center 70%; }
.orn-hw-split__img--close { background-position: center 55%; }
.orn-hw-split__body { padding: 48px 56px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; }
.orn-hw-split__body .orn-flt-eyebrow { margin: 0; }
.orn-hw-split__p { margin: 2px 0 0; max-width: 520px; font-size: 16px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-hw-split__p--wide { max-width: 560px; }
.orn-hw-split__btns { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px; }
.orn-flt .orn-hw-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; border-radius: 12px; font-weight: 600; font-size: 15px; transition: background-color .25s ease; }
.orn-flt .orn-hw-btn--primary { background: #E4002B; color: #fff; }
.orn-flt .orn-hw-btn--primary:hover { background: #B10021; color: #fff; }
.orn-flt .orn-hw-btn--ghost { box-shadow: inset 0 0 0 1px #141414; color: #141414; }
.orn-flt .orn-hw-btn--ghost:hover { background: #F4F3F1; color: #141414; }

/* We own it — Fleet's pillar cards, HIW icons + hover */
.orn-hw-own { margin-top: 40px; }
.orn-hw-own .orn-flt-why__card { padding: 30px 28px 28px; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
.orn-hw-own .orn-flt-why__card:hover { transform: translateY(-3px); box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 16px 36px rgba(0,0,0,0.08); }
.orn-hw-own .orn-flt-why__ico { color: #E4002B; }

/* Fare chart — shared markup; desktop (--d), mobile light (--m) and app (.orn-flt--app --m) */
.orn-hw-fchart { display: flex; flex-direction: column; gap: 16px; }
.orn-hw-fchart__bars { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; }
.orn-hw-fchart__col { position: relative; height: 100%; display: flex; align-items: flex-end; }
.orn-hw-fchart__bar { position: relative; width: 100%; height: 4%; transition: height 1.2s cubic-bezier(.4,0,.2,1), background .9s ease, box-shadow .9s ease; }
.orn-hw-fchart.is-grown .orn-hw-fchart__col:nth-child(1) .orn-hw-fchart__bar { height: 34%; }
.orn-hw-fchart.is-grown .orn-hw-fchart__col:nth-child(2) .orn-hw-fchart__bar { height: 54%; }
.orn-hw-fchart.is-grown .orn-hw-fchart__col:nth-child(3) .orn-hw-fchart__bar { height: 76%; }
.orn-hw-fchart.is-grown .orn-hw-fchart__col:nth-child(4) .orn-hw-fchart__bar { height: 100%; }
.orn-hw-fchart__tag { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, 4px); white-space: nowrap; line-height: 1; opacity: 0; transition: opacity .8s ease, transform .8s ease; }
.orn-hw-fchart__col.is-on .orn-hw-fchart__tag { opacity: 1; transform: translate(-50%, 0); }
.orn-hw-fchart__names { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: -4px; align-items: start; }
.orn-hw-fchart__name { text-align: center; font-weight: 600; line-height: 1.3; color: #8A8A8A; transition: color .8s ease; text-wrap: balance; }
.orn-hw-fchart__name.is-on { color: #141414; }
.orn-hw-fchart__panel { display: flex; flex-direction: column; gap: 12px; background: #FAF9F7; box-shadow: inset 0 0 0 1px #ECEAE6; border-radius: 14px; }
.orn-hw-fchart__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.orn-hw-fchart__status { font-weight: 600; line-height: 1.3; color: #141414; }
.orn-hw-fchart__chip { border-radius: 999px; display: inline-flex; align-items: center; font-weight: 600; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; transition: all .8s ease; }
.orn-hw-fchart__meter { display: flex; flex-direction: column; }
.orn-hw-fchart__track { height: 6px; border-radius: 3px; overflow: hidden; }
.orn-hw-fchart__fill { display: block; height: 100%; width: 0; border-radius: 3px; transition: width 1.4s cubic-bezier(.4,0,.2,1), background .9s ease; }
.orn-hw-fchart__meta { display: flex; justify-content: space-between; line-height: 1.3; }
/* desktop */
.orn-hw-fchart--d { padding: 24px 24px 20px; border-radius: 16px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #ECEAE6; }
.orn-hw-fchart--d .orn-hw-fchart__bars { height: 200px; padding-top: 30px; gap: 14px; box-shadow: inset 0 -1px 0 #E4E2DE; }
.orn-hw-fchart--d .orn-hw-fchart__col { cursor: pointer; }
.orn-hw-fchart--d .orn-hw-fchart__bar { border-radius: 12px 12px 3px 3px; }
.orn-hw-fchart--d .orn-hw-fchart__tag { margin-bottom: 8px; font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 11.5px; color: #D9000E; }
.orn-hw-fchart--d .orn-hw-fchart__col:first-child .orn-hw-fchart__tag { color: #1F9D55; }
.orn-hw-fchart--d .orn-hw-fchart__names { gap: 14px; }
.orn-hw-fchart--d .orn-hw-fchart__name { font-size: 14px; cursor: pointer; }
.orn-hw-fchart--d .orn-hw-fchart__panel { padding: 16px 18px; }
.orn-hw-fchart--d .orn-hw-fchart__status { font-size: 16px; }
.orn-hw-fchart--d .orn-hw-fchart__chip { height: 26px; padding: 0 12px; color: #B0001F; background: rgba(228,0,43,0.08); }
.orn-hw-fchart--d .orn-hw-fchart__meter { gap: 8px; }
.orn-hw-fchart--d .orn-hw-fchart__track { background: #E8E6E2; }
.orn-hw-fchart--d .orn-hw-fchart__fill { background: linear-gradient(90deg, #FF1A2E 0%, #C8001F 100%); }
.orn-hw-fchart--d .orn-hw-fchart__meta { font-size: 13.5px; color: #6E6E6E; }
.orn-hw-fchart--d .orn-hw-fchart__val { font-family: 'JetBrains Mono', monospace; font-weight: 500; color: #141414; }
.orn-hw-fchart--d.is-low .orn-hw-fchart__chip { color: #1F9D55; background: rgba(31,157,85,0.1); }
.orn-hw-fchart--d.is-low .orn-hw-fchart__fill { background: #1F9D55; }
.orn-hw-fchart--d .orn-hw-fchart__col:nth-child(1) .orn-hw-fchart__bar { background: rgba(31,157,85,0.07); box-shadow: inset 0 0 0 1px rgba(31,157,85,0.28); }
.orn-hw-fchart--d .orn-hw-fchart__col:nth-child(2) .orn-hw-fchart__bar { background: rgba(228,0,43,0.08); box-shadow: inset 0 0 0 1px rgba(228,0,43,0.22); }
.orn-hw-fchart--d .orn-hw-fchart__col:nth-child(3) .orn-hw-fchart__bar { background: rgba(228,0,43,0.11); box-shadow: inset 0 0 0 1px rgba(228,0,43,0.22); }
.orn-hw-fchart--d .orn-hw-fchart__col:nth-child(4) .orn-hw-fchart__bar { background: rgba(228,0,43,0.14); box-shadow: inset 0 0 0 1px rgba(228,0,43,0.22); }
.orn-hw-fchart--d .orn-hw-fchart__col.is-on .orn-hw-fchart__bar { background: linear-gradient(180deg, #FF1A2E 0%, #C8001F 100%); box-shadow: 0 12px 26px rgba(200,0,31,0.28); }
.orn-hw-fchart--d .orn-hw-fchart__col:first-child.is-on .orn-hw-fchart__bar { background: linear-gradient(180deg, #3FB57A 0%, #1F9D55 100%); box-shadow: 0 12px 26px rgba(31,157,85,0.28); }
/* mobile light */
.orn-hw-fchart--m .orn-hw-fchart__bars { position: relative; height: 150px; padding-top: 28px; gap: 10px; box-shadow: inset 0 -1px 0 #E4E2DE; }
.orn-hw-fchart--m .orn-hw-fchart__bar { border-radius: 10px 10px 3px 3px; }
.orn-hw-fchart--m .orn-hw-fchart__tag { margin-bottom: 6px; font-family: Archivo, sans-serif; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; font-size: 11px; color: #D9000E; }
.orn-hw-fchart--m .orn-hw-fchart__col:first-child .orn-hw-fchart__tag { color: #1F9D55; }
.orn-hw-fchart--m .orn-hw-fchart__names { gap: 10px; }
.orn-hw-fchart--m .orn-hw-fchart__name { font-size: 13px; }
.orn-hw-fchart--m .orn-hw-fchart__panel { padding: 16px; }
.orn-hw-fchart--m .orn-hw-fchart__status { font-size: 15px; }
.orn-hw-fchart--m .orn-hw-fchart__chip { height: 24px; padding: 0 10px; color: #C90A12; background: rgba(255,0,15,0.08); }
.orn-hw-fchart--m .orn-hw-fchart__meter { gap: 6px; }
.orn-hw-fchart--m .orn-hw-fchart__track { background: #ECEAE6; }
.orn-hw-fchart--m .orn-hw-fchart__fill { background: linear-gradient(90deg, #FF000F 0%, #C90A12 100%); }
.orn-hw-fchart--m .orn-hw-fchart__meta { font-size: 13px; color: #6E6E6E; }
.orn-hw-fchart--m .orn-hw-fchart__val { font-family: Archivo, sans-serif; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; color: #141414; }
.orn-hw-fchart--m.is-low .orn-hw-fchart__chip { color: #1F7A45; background: rgba(31,157,85,0.12); }
.orn-hw-fchart--m.is-low .orn-hw-fchart__fill { background: #1F9D55; }
.orn-hw-fchart--m .orn-hw-fchart__col:nth-child(1) .orn-hw-fchart__bar { background: rgba(31,157,85,0.1); box-shadow: inset 0 0 0 1px rgba(31,157,85,0.28); }
.orn-hw-fchart--m .orn-hw-fchart__col:nth-child(2) .orn-hw-fchart__bar { background: rgba(255,0,15,0.075); box-shadow: inset 0 0 0 1px rgba(217,0,14,0.2); }
.orn-hw-fchart--m .orn-hw-fchart__col:nth-child(3) .orn-hw-fchart__bar { background: rgba(255,0,15,0.1); box-shadow: inset 0 0 0 1px rgba(217,0,14,0.2); }
.orn-hw-fchart--m .orn-hw-fchart__col:nth-child(4) .orn-hw-fchart__bar { background: rgba(255,0,15,0.125); box-shadow: inset 0 0 0 1px rgba(217,0,14,0.2); }
.orn-hw-fchart--m .orn-hw-fchart__col.is-on .orn-hw-fchart__bar { background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: 0 8px 18px rgba(201,10,18,0.22); }
.orn-hw-fchart--m .orn-hw-fchart__col:first-child.is-on .orn-hw-fchart__bar { background: linear-gradient(180deg, #5FBF8E 0%, #2F7D57 100%); box-shadow: 0 8px 18px rgba(31,157,85,0.22); }
/* app (dark) */
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__bars { box-shadow: inset 0 -1px 0 #2E2E2E; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__tag { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-variant-numeric: normal; letter-spacing: normal; color: #FF6B73; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col:first-child .orn-hw-fchart__tag { color: #5FBF8E; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__name { color: #7A7A7A; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__name.is-on { color: #F4EFE3; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__panel { background: rgba(244,239,227,0.04); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__status { color: #F4EFE3; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__chip { color: #FF6B73; background: rgba(255,0,15,0.14); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__track { background: #262626; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__meta { color: #979797; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__val { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-variant-numeric: normal; letter-spacing: normal; color: #CBCBCB; }
.orn-flt--app .orn-hw-fchart--m.is-low .orn-hw-fchart__chip { color: #5FBF8E; background: rgba(95,191,142,0.14); }
.orn-flt--app .orn-hw-fchart--m.is-low .orn-hw-fchart__fill { background: #5FBF8E; }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col:nth-child(1) .orn-hw-fchart__bar { background: rgba(95,191,142,0.16); box-shadow: inset 0 0 0 1px rgba(95,191,142,0.3); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col:nth-child(2) .orn-hw-fchart__bar { background: rgba(255,0,15,0.15); box-shadow: inset 0 0 0 1px rgba(255,107,115,0.22); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col:nth-child(3) .orn-hw-fchart__bar { background: rgba(255,0,15,0.2); box-shadow: inset 0 0 0 1px rgba(255,107,115,0.22); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col:nth-child(4) .orn-hw-fchart__bar { background: rgba(255,0,15,0.25); box-shadow: inset 0 0 0 1px rgba(255,107,115,0.22); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col.is-on .orn-hw-fchart__bar { background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: 0 10px 24px rgba(201,10,18,0.35); }
.orn-flt--app .orn-hw-fchart--m .orn-hw-fchart__col:first-child.is-on .orn-hw-fchart__bar { background: linear-gradient(180deg, #5FBF8E 0%, #2F7D57 100%); box-shadow: 0 10px 24px rgba(47,125,87,0.35); }

/* ---------- MOBILE (light mweb; dark app overrides follow) ---------- */
.orn-hwm-hero__img { position: absolute; inset: 0; background: center / cover no-repeat; background-position: 50% 38%; }
.orn-flt--app .orn-hwm-hero__img { background-position: 64% 50%; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-hero { gap: 0; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-hero__body { margin-bottom: 24px; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-hero__h1 { text-wrap: pretty; }
.orn-hwm-chips { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 4px; }
.orn-hwm-chip { height: 32px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 999px; box-shadow: inset 0 0 0 1px #404040; font-weight: 500; font-size: 13px; line-height: 1; color: #CBCBCB; white-space: nowrap; }

/* app metrics differ from Fleet's app metrics */
.orn-flt.orn-hw .orn-flm-metrics__ico svg { display: block; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics { padding: 8px 24px 40px; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__card { background: radial-gradient(70% 60% at 100% 0%, rgba(255,0,15,0.16) 0%, rgba(255,0,15,0) 70%), linear-gradient(180deg, #1C1C1C 0%, #161616 100%); }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__card::before { display: none; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__lead { padding: 24px 20px 22px; box-shadow: inset 0 -1px 0 #2A2A2A; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__big { font-family: Archivo, sans-serif; font-weight: 800; font-variant-numeric: tabular-nums; font-size: 44px; letter-spacing: -0.035em; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__bigl { font-size: 14px; line-height: 1.35; color: #A2A2A2; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__ico { padding-bottom: 2px; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__cell { padding: 20px; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__cell:nth-child(1) { box-shadow: inset 0 -1px 0 #2A2A2A; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__cell:nth-child(2) { box-shadow: inset 0 -1px 0 #2A2A2A, inset 1px 0 0 #2A2A2A; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__cell:nth-child(3) { box-shadow: none; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__cell:nth-child(4) { box-shadow: inset 1px 0 0 #2A2A2A; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__n { font-family: Archivo, sans-serif; font-weight: 800; font-variant-numeric: tabular-nums; font-size: 28px; letter-spacing: -0.03em; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-metrics__l { white-space: nowrap; }

/* HIW app sections keep a 24px gap (Fleet tightens two of its own) */
.orn-flt.orn-hw.orn-flt--app .orn-flm-sec { gap: 24px; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-sec--road { gap: 20px; }
.orn-hwm-red { color: #D9000E; }
.orn-flt--app .orn-hwm-red { color: #FF6B73; }

/* Shared mobile bits */
.orn-hwm-ico { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(180deg, #F8F7F4 0%, #EFEDE9 100%); box-shadow: inset 0 0 0 1px #E4E2DE; display: flex; align-items: center; justify-content: center; color: #141414; }
.orn-hwm-k { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #6E6E6E; }
.orn-hwm-k--red { color: #D9000E; }
.orn-hwm-t { font-weight: 600; font-size: 16px; line-height: 1.35; color: #141414; text-wrap: pretty; }
.orn-hwm-d { margin: 0; font-size: 14px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
.orn-hwm-box { border-radius: 20px; background: radial-gradient(90% 45% at 50% 0%, rgba(20,20,20,0.03) 0%, rgba(20,20,20,0) 70%), linear-gradient(180deg, #FAF9F7 0%, #F4F3F0 100%); box-shadow: inset 0 0 0 1px #ECEAE6; }
.orn-hwm-card { border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); }
.orn-flt--app .orn-hwm-ico { background: linear-gradient(180deg, rgba(244,239,227,0.12) 0%, rgba(244,239,227,0.04) 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.14); color: #F4EFE3; }
.orn-flt--app .orn-hwm-k { color: #979797; }
.orn-flt--app .orn-hwm-k--red { color: #FF6B73; }
.orn-flt--app .orn-hwm-t { color: #F4EFE3; }
.orn-flt--app .orn-hwm-d { color: #A2A2A2; }
.orn-flt--app .orn-hwm-box { background: radial-gradient(90% 45% at 50% 0%, rgba(244,239,227,0.06) 0%, rgba(244,239,227,0) 70%), linear-gradient(180deg, #1F1F1F 0%, #161616 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.1); }
.orn-flt--app .orn-hwm-card { background: linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }

/* Old chain vs ORN (stacked) */
.orn-hwm-vs { display: flex; flex-direction: column; }
.orn-hwm-vs__card { border-radius: 20px; display: flex; flex-direction: column; gap: 8px; }
.orn-hwm-vs__card--old { padding: 20px 20px 10px; background: linear-gradient(180deg, #FAF9F7 0%, #F6F5F2 100%); box-shadow: inset 0 0 0 1px #ECEAE6; }
.orn-hwm-vs__card--new { position: relative; overflow: hidden; isolation: isolate; padding: 30px 20px 10px; background: radial-gradient(90% 55% at 50% 0%, rgba(31,157,85,0.08) 0%, rgba(31,157,85,0) 70%), #FFFFFF; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); }
.orn-hwm-vs__label { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #141414; }
.orn-hwm-vs__card--new .orn-hwm-vs__label { color: #1F9D55; }
.orn-hwm-vs__list { display: flex; flex-direction: column; }
.orn-hwm-vs__row { min-height: 44px; padding: 11px 0; display: flex; align-items: center; gap: 14px; font-weight: 400; font-size: 14px; line-height: 1.4; color: #3A3A3A; }
.orn-hwm-vs__row + .orn-hwm-vs__row { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hwm-vs__row svg { flex-shrink: 0; color: #D9000E; stroke: currentColor; stroke-width: 10; }
.orn-hwm-vs__card--new .orn-hwm-vs__row { font-weight: 500; color: #141414; }
.orn-hwm-vs__card--new .orn-hwm-vs__row svg { color: #1F9D55; }
.orn-hwm-vs__arrow { position: relative; z-index: 1; align-self: center; margin: -14px 0; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(180deg, #3A3A3A 0%, #1F1F1F 100%); box-shadow: 0 0 0 6px #FFFFFF, 0 6px 14px rgba(20,20,20,0.16), inset 0 1px 0 rgba(255,255,255,0.14); display: flex; align-items: center; justify-content: center; color: #fff; }
.orn-hwm-vs__arrow svg { animation: ornArrowNudge 2.6s ease-in-out infinite; }
.orn-flt--app .orn-hwm-vs__card--old { background: #171717; box-shadow: inset 0 0 0 1px #242424; }
.orn-flt--app .orn-hwm-vs__card--new { background: linear-gradient(180deg, #1E1E1E 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.1); }
.orn-flt--app .orn-hwm-vs__card--new::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(90% 55% at 50% 0%, rgba(95,191,142,0.16) 0%, rgba(95,191,142,0) 70%); }
.orn-flt--app .orn-hwm-vs__label { color: #F4EFE3; }
.orn-flt--app .orn-hwm-vs__card--new .orn-hwm-vs__label { color: #5FBF8E; }
.orn-flt--app .orn-hwm-vs__row { color: #F4EFE3; }
.orn-flt--app .orn-hwm-vs__card--old .orn-hwm-vs__row + .orn-hwm-vs__row { box-shadow: inset 0 1px 0 #222222; }
.orn-flt--app .orn-hwm-vs__card--new .orn-hwm-vs__row + .orn-hwm-vs__row { box-shadow: inset 0 1px 0 #262626; }
.orn-flt--app .orn-hwm-vs__row svg { color: #FF6B73; }
.orn-flt--app .orn-hwm-vs__card--new .orn-hwm-vs__row svg { color: #5FBF8E; }
.orn-flt--app .orn-hwm-vs__arrow { background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: 0 0 0 6px #151515, 0 6px 16px rgba(201,10,18,0.28), inset 0 1px 0 rgba(255,255,255,0.18); }

/* Benchmark */
.orn-hwm-bench { overflow: hidden; }
.orn-hwm-bench__item { padding: 22px 20px; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; }
.orn-hwm-bench__item + .orn-hwm-bench__item { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hwm-bench__rail { display: flex; flex-direction: column; align-items: center; }
.orn-hwm-bench__line { flex: 1; width: 1px; min-height: 16px; margin-top: 8px; background: #E4E2DE; }
.orn-hwm-bench__text { padding-bottom: 20px; display: flex; flex-direction: column; gap: 4px; }
.orn-hwm-badge { background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.16); }
.orn-hwm-bench__o { align-self: center; font-weight: 500; font-size: 15px; line-height: 1.5; color: #141414; text-wrap: pretty; }
.orn-flt--app .orn-hwm-bench__item + .orn-hwm-bench__item { box-shadow: inset 0 1px 0 #262626; }
.orn-flt--app .orn-hwm-bench__line { background: linear-gradient(180deg, #3A3A3A 0%, rgba(255,0,15,0.5) 100%); }
.orn-flt--app .orn-hwm-badge { box-shadow: none; }
.orn-flt--app .orn-hwm-bench__o { color: #F4EFE3; }

/* Steps */
.orn-hwm-steps { list-style: none; margin: 0; padding: 24px 20px; display: flex; flex-direction: column; }
.orn-hwm-step { display: flex; gap: 16px; }
.orn-hwm-step__rail { flex-shrink: 0; width: 32px; display: flex; flex-direction: column; align-items: center; }
.orn-hwm-step__n { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(180deg, #FFFFFF 0%, #F2F1EE 100%); box-shadow: inset 0 0 0 1px #DCD9D3, 0 2px 6px rgba(20,20,20,0.05); display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1; color: #141414; }
.orn-hwm-step__line { flex: 1; width: 1px; min-height: 20px; background: linear-gradient(180deg, #DCD9D3 0%, #ECEAE6 100%); }
.orn-hwm-step:last-child .orn-hwm-step__line { display: none; }
.orn-hwm-step__t { flex: 1; min-width: 0; min-height: 32px; padding-bottom: 20px; box-sizing: content-box; display: flex; align-items: center; align-self: flex-start; font-weight: 500; font-size: 16px; line-height: 1.35; color: #141414; text-wrap: pretty; }
.orn-hwm-step:last-child .orn-hwm-step__t { padding-bottom: 0; }
.orn-flt--app .orn-hwm-step__n { background: linear-gradient(180deg, #2A2A2A 0%, #1C1C1C 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.16), 0 2px 6px rgba(9,9,9,0.35); color: #F4EFE3; }
.orn-flt--app .orn-hwm-step__line { background: linear-gradient(180deg, rgba(244,239,227,0.18) 0%, rgba(244,239,227,0.08) 100%); }
.orn-flt--app .orn-hwm-step__t { color: #F4EFE3; }

/* Booking to boarding */
.orn-hwm-board { padding: 2px 20px; }
.orn-hwm-board__item { padding: 20px 0; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; }
.orn-hwm-board__item + .orn-hwm-board__item { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hwm-board__text { display: flex; flex-direction: column; gap: 4px; }
.orn-flt--app .orn-hwm-board__item + .orn-hwm-board__item { box-shadow: inset 0 1px 0 #262626; }

/* One fare */
.orn-hwm-fare { padding: 6px 20px; }
.orn-hwm-fare__row { min-height: 52px; padding: 14px 0; display: flex; align-items: center; gap: 14px; font-size: 15px; line-height: 1.4; color: #2B2B2B; }
.orn-hwm-fare__row + .orn-hwm-fare__row { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-hwm-fare__row svg { flex-shrink: 0; color: #1F9D55; stroke: currentColor; stroke-width: 10; }
.orn-flt--app .orn-hwm-fare__row { color: #E3E3E3; }
.orn-flt--app .orn-hwm-fare__row + .orn-hwm-fare__row { box-shadow: inset 0 1px 0 #232323; }
.orn-flt--app .orn-hwm-fare__row svg { color: #5FBF8E; }

/* Book early */
.orn-hwm-early { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.orn-hwm-early__note { margin: 0; font-size: 14px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
.orn-flt--app .orn-hwm-early__note { color: #A2A2A2; }

/* Private */
.orn-hwm-private { overflow: hidden; }
.orn-hwm-private__img { height: 220px; background: #F4F3F1 center 70% / cover no-repeat; }
.orn-hwm-private__body { padding: 22px 20px 20px; display: flex; flex-direction: column; gap: 10px; }
.orn-flt .orn-hwm-private__t { margin: 0; font-family: Archivo, sans-serif; font-weight: 600; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; color: #141414; }
.orn-hwm-private__btn { margin-top: 8px; }
.orn-flt--app .orn-hwm-private__img { background-color: #212121; }
.orn-flt--app .orn-hwm-private__body { gap: 12px; }
.orn-flt--app .orn-hwm-private__body .orn-flm-eyebrow { letter-spacing: .14em; line-height: 1.5; }
.orn-flt.orn-flt--app .orn-hwm-private__t { font-family: 'Playfair Display', serif; font-weight: 400; letter-spacing: normal; color: #F4EFE3; }
.orn-flt--app .orn-hwm-private__btn { margin-top: 6px; }

/* We own it — Fleet's light pillar list; app variant is HIW-specific */
.orn-flt.orn-hw.orn-flt--app .orn-flm-pillars { background: linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); padding: 4px 20px; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-pillar { padding: 18px 0; }
.orn-flt.orn-hw.orn-flt--app .orn-flm-pillar__ico { width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(180deg, rgba(244,239,227,0.12) 0%, rgba(244,239,227,0.04) 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.14); }
.orn-flt.orn-hw.orn-flt--app .orn-flm-pillar__ico svg { width: 22px; height: 22px; }

/* Buttons */
.orn-flt .orn-hwm-btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-weight: 600; }
.orn-flt .orn-hwm-btn--ghost { height: 48px; box-shadow: inset 0 0 0 1px #141414; color: #141414; font-size: 15px; }
.orn-flt .orn-hwm-btn--ghost:active { background: #F4F3F1; }
.orn-flt.orn-flt--app .orn-hwm-btn--ghost { box-shadow: inset 0 0 0 1px #5F5F5F; color: #F4EFE3; }
.orn-flt .orn-hwm-btn--primary { margin-top: 12px; height: 52px; background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.16); color: #fff; font-size: 16px; }
.orn-flt.orn-flt--app .orn-hwm-btn--primary { box-shadow: 0 6px 14px rgba(150,8,16,0.2); }
.orn-flt .orn-hwm-btn--light { height: 52px; box-shadow: inset 0 0 0 1px rgba(244,239,227,0.36); color: #F4EFE3; font-size: 15px; }
.orn-flt .orn-hwm-btn--light:active { background: rgba(244,239,227,0.08); }

/* Closing card */
.orn-hwm-sec--close { padding-bottom: 64px; }
.orn-flt.orn-hw.orn-flt--app .orn-hwm-sec--close { padding-bottom: 120px; }
.orn-hwm-close { position: relative; overflow: hidden; border-radius: 24px; padding: 28px 22px 22px; background: radial-gradient(110% 80% at 100% 0%, rgba(255,0,15,0.28) 0%, rgba(201,10,18,0.08) 45%, rgba(201,10,18,0) 72%), linear-gradient(180deg, #1E1E1E 0%, #121212 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08), 0 18px 40px rgba(15,15,15,0.18); display: flex; flex-direction: column; gap: 12px; }
.orn-flt .orn-hwm-close__t { margin: 0; font-family: Archivo, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: -0.02em; color: #F4EFE3; text-wrap: balance; }
.orn-hwm-close__p { margin: 0; font-size: 15px; line-height: 1.6; color: #A2A2A2; text-wrap: pretty; }
.orn-flt--app .orn-hwm-close { background: radial-gradient(120% 90% at 100% 0%, rgba(255,0,15,0.22) 0%, rgba(201,10,18,0.08) 42%, rgba(26,26,26,0) 70%), linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08); }
.orn-flt.orn-flt--app .orn-hwm-close__t { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.18; }

/* =====================================================================
   ===== CONTACT (/trip/orn-holidays-talk-to-orn, customer/talk_to_orn.jsp) =====
   Same three looks (desktop "ORN Contact" / light mweb "2b Contact light" /
   dark app profPage "contact"), but one markup: the content is the same in
   every view. Written mobile-first — light mweb is the default, the app
   overrides it under .orn-flt--app, and desktop applies from 768px outside
   the app (the app always keeps the mobile layout).
   ===================================================================== */
body.orn-talk-page--app { background: #151515; }
html:has(body.orn-talk-page) { scrollbar-width: none; }
html:has(body.orn-talk-page)::-webkit-scrollbar, body.orn-talk-page::-webkit-scrollbar { display: none; }

.orn-ct { background: #fff; color: #141414; }
.orn-ct.orn-flt--app { background: #151515; color: #F4EFE3; }
.orn-ct-wrap { padding: 0 24px; }
.orn-ct button { -webkit-appearance: none; appearance: none; border: 0; margin: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }

/* ---------- MOBILE (light mweb; dark app overrides follow each part) ---------- */
/* Hero */
.orn-ct-hero { position: relative; background: #151515; padding-bottom: 40px; }
.orn-ct-hero__media { position: relative; height: 440px; overflow: hidden; background: #0F0F0F; }
.orn-ct-hero__bg { position: absolute; inset: 0; background: url('https://cdn.yourholiday.me/static/orn/images/contact-hero.png') 62% 30% / cover no-repeat; }
.orn-ct-hero__scrim { display: none; }
.orn-ct-hero__top { position: absolute; left: 0; right: 0; top: 0; height: 130px; background: linear-gradient(180deg, rgba(15,15,15,0.55) 0%, rgba(15,15,15,0) 100%); }
.orn-ct-hero__fade { position: absolute; left: 0; right: 0; bottom: -1px; height: 220px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.5) 45%, rgba(21,21,21,0.88) 75%, #151515 100%); }
.orn-ct-hero__body { position: relative; margin-top: -88px; padding: 0 24px; display: flex; flex-direction: column; gap: 12px; }
.orn-ct-hero__eyebrow { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #FF6B73; }
.orn-flt .orn-ct-hero__h1 { margin: 0; font-family: Archivo, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.1; letter-spacing: -0.02em; color: #F4EFE3; text-wrap: balance; }
.orn-ct-hero__lede { margin: 4px 0 0; font-size: 15px; line-height: 1.6; color: #CBCBCB; text-wrap: pretty; }
.orn-flt--app .orn-ct-hero { padding-bottom: 0; }
.orn-flt--app .orn-ct-hero__media { height: 416px; }
.orn-flt--app .orn-ct-hero__fade { bottom: 0; height: 230px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.6) 40%, rgba(21,21,21,0.92) 72%, #151515 100%); }
.orn-flt--app .orn-ct-hero__body { position: absolute; left: 24px; right: 24px; bottom: 12px; margin: 0; padding: 0; gap: 10px; }
.orn-flt--app .orn-ct-hero__eyebrow { line-height: normal; letter-spacing: .18em; }
.orn-flt.orn-flt--app .orn-ct-hero__h1 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.12; letter-spacing: -0.03em; }
.orn-flt--app .orn-ct-hero__lede { display: none; }

/* Reach us */
.orn-ct-reach { padding: 32px 0 48px; }
.orn-ct-card { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); padding: 0 20px; }
.orn-flt .orn-ct-reach__row { min-height: 84px; padding: 18px 0; display: flex; align-items: center; gap: 14px; color: #141414; }
.orn-ct-reach__row--mail { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-ct-reach__card--mail .orn-ct-reach__row--mail { box-shadow: none; }
.orn-ct-reach__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; line-height: normal; }
.orn-ct-reach__lbl { font-weight: 600; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #6E6E6E; }
.orn-ct-reach__phone { font-family: Archivo, sans-serif; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; font-size: 20px; color: #141414; }
.orn-ct-reach__mail { font-weight: 600; font-size: 17px; color: #141414; overflow-wrap: anywhere; }
.orn-ct-reach__note { font-size: 14px; color: #5E5E5E; }
.orn-ct-reach__ico { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.orn-ct-reach__ico--call { background: linear-gradient(180deg, #FF000F 0%, #C90A12 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.16); color: #fff; }
.orn-ct-reach__ico--mail { background: linear-gradient(180deg, #F8F7F4 0%, #EFEDE9 100%); box-shadow: inset 0 0 0 1px #E4E2DE; color: #141414; }
.orn-flt--app .orn-ct-reach { padding: 12px 0 24px; }
.orn-flt--app .orn-ct-card { background: #1A1A1A; box-shadow: inset 0 0 0 1px #262626; }
.orn-flt.orn-flt--app .orn-ct-reach__row { color: #F4EFE3; }
.orn-flt--app .orn-ct-reach__txt { line-height: 1.5; }
.orn-flt--app .orn-ct-reach__row--mail { box-shadow: none; border-top: 1px solid #2A2A2A; }
.orn-flt--app .orn-ct-reach__card--mail .orn-ct-reach__row--mail { border-top: 0; }
.orn-flt--app .orn-ct-reach__lbl { color: #979797; }
.orn-flt--app .orn-ct-reach__phone { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-variant-numeric: normal; color: #F4EFE3; }
.orn-flt--app .orn-ct-reach__mail { color: #F4EFE3; }
.orn-flt--app .orn-ct-reach__note { color: #A2A2A2; }
.orn-flt--app .orn-ct-reach__ico--mail { background: rgba(244,239,227,0.08); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.16); color: #F4EFE3; }

/* Section chrome */
.orn-ct-sec { border-top: 8px solid #F4F3F1; padding: 48px 0; }
.orn-ct-head { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.orn-ct-eyebrow { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #D9000E; }
.orn-flt .orn-ct-h2 { margin: 0; font-family: Archivo, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
.orn-ct-lede { margin: 0; font-size: 15px; line-height: 1.6; color: #5E5E5E; text-wrap: pretty; }
.orn-flt--app .orn-ct-sec { border-top-color: #0F0F0F; }
.orn-flt--app .orn-ct-eyebrow { letter-spacing: .16em; color: #FF6B73; }
.orn-flt.orn-flt--app .orn-ct-h2 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.18; color: #F4EFE3; }
.orn-flt--app .orn-ct-lede { line-height: 1.55; color: #A2A2A2; }

/* Offices — Worldwide first on mobile; one grouped card per list */
.orn-ct-offices { display: flex; flex-direction: column; }
.orn-ct-sec--global { order: -1; }
.orn-ct-offices__list { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); padding: 0 20px; }
.orn-ct-office { padding: 22px 0; display: flex; flex-direction: column; gap: 8px; }
.orn-ct-office + .orn-ct-office { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-ct-office__head { display: flex; align-items: center; gap: 10px; }
.orn-ct-office__pin { display: none !important; }
.orn-flt .orn-ct-office__city { margin: 0; font-family: Archivo, sans-serif; font-weight: 600; font-size: 16px; line-height: 1.3; color: #141414; }
.orn-ct-office__addr { margin: 0; font-size: 14px; line-height: 1.6; color: #5E5E5E; white-space: pre-line; text-wrap: pretty; }
.orn-flt .orn-ct-office__tel { align-self: flex-start; min-height: 44px; margin: -4px 0 -12px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.6; color: #141414; }
.orn-ct-office__tel svg { color: #5E5E5E; }
.orn-flt--app .orn-ct-sec--india .orn-ct-eyebrow, .orn-flt--app .orn-ct-sec--global .orn-ct-eyebrow { display: none; }
.orn-flt.orn-flt--app .orn-ct-offices .orn-ct-h2 { text-transform: capitalize; }
.orn-flt--app .orn-ct-offices__list { background: #1A1A1A; box-shadow: inset 0 0 0 1px #262626; }
.orn-flt--app .orn-ct-office + .orn-ct-office { box-shadow: none; border-top: 1px solid #2A2A2A; }
.orn-flt.orn-flt--app .orn-ct-office__city, .orn-flt.orn-flt--app .orn-ct-office__tel { color: #F4EFE3; }
.orn-flt--app .orn-ct-office__addr, .orn-flt--app .orn-ct-office__tel svg { color: #A2A2A2; }

/* Help topics — first 5 topics until "View all topics"; 6 questions until "Show all N questions" */
.orn-ct-sec--topics { padding-bottom: 64px; }
.orn-flt--app .orn-ct-sec--topics { padding-bottom: 120px; }
.orn-ct-topics { display: flex; flex-direction: column; gap: 10px; }
.orn-ct-topics:not(.is-all) .orn-ct-topic:nth-child(n+6) { display: none; }
.orn-ct-topic { border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); overflow: hidden; transition: box-shadow .25s ease; }
.orn-ct-topic.is-open { box-shadow: inset 0 0 0 1px rgba(20,20,20,0.16); }
.orn-ct .orn-ct-topic__head { width: 100%; min-height: 72px; padding: 14px; display: flex; align-items: center; gap: 14px; }
.orn-ct-topic__ico { flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: #F4F3F1; color: #141414; display: flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease; }
.orn-ct-topic__label { flex: 1; min-width: 0; font-weight: 600; font-size: 16px; line-height: 1.3; color: #141414; }
.orn-ct-topic__tog { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; box-shadow: inset 0 0 0 1px #E3E1DD; color: #141414; display: flex; align-items: center; justify-content: center; transition: background .2s ease, box-shadow .2s ease; }
.orn-ct-topic__minus, .orn-ct-topic.is-open .orn-ct-topic__plus { display: none !important; }
.orn-ct-topic.is-open .orn-ct-topic__minus { display: block !important; }
.orn-ct-topic__body { margin: 0 14px; padding: 4px 0 8px; box-shadow: inset 0 1px 0 #ECEAE6; display: flex; flex-direction: column; }
.orn-ct-topic__body[hidden] { display: none; }
.orn-ct-topic__qs { display: flex; flex-direction: column; }
.orn-ct-topic:not(.is-all) .orn-ct-q:nth-child(n+7) { display: none; }
.orn-ct .orn-ct-q { width: 100%; min-height: 52px; padding: 12px 2px; display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 1.45; color: #3D3D3D; transition: color .2s ease; }
.orn-ct .orn-ct-q + .orn-ct-q { box-shadow: inset 0 1px 0 #ECEAE6; }
.orn-ct-q__t { flex: 1; min-width: 0; text-wrap: pretty; }
.orn-ct-q__arrow { display: none !important; }
.orn-ct-q__arrow-up { flex-shrink: 0; color: #8A8A8A; }
.orn-ct .orn-ct-topic__more { display: none; align-self: flex-start; margin: 12px 0 8px; height: 36px; padding: 0 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px #DCD9D3; align-items: center; gap: 6px; font-weight: 600; font-size: 13px; color: #141414; }
.orn-ct .orn-ct-topic.has-more-m .orn-ct-topic__more { display: inline-flex; }
.orn-ct-more__d, .orn-ct-more__less, .is-all .orn-ct-more__m, .orn-ct-topics.is-all + .orn-ct-alltopics .orn-ct-more__m { display: none; }
.is-all .orn-ct-more__less, .orn-ct-topics.is-all + .orn-ct-alltopics .orn-ct-more__less { display: inline; }
.orn-ct-topic__more svg, .orn-ct-alltopics svg { transition: transform .3s ease; }
.is-all .orn-ct-topic__more svg, .orn-ct-topics.is-all + .orn-ct-alltopics svg { transform: rotate(180deg); }
.orn-ct .orn-ct-alltopics { margin: 10px auto 0; min-height: 48px; padding: 0 18px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; color: #141414; }
.orn-flt--app .orn-ct-topic { background: #1A1A1A; box-shadow: inset 0 0 0 1px #262626; }
.orn-flt--app .orn-ct-topic.is-open { box-shadow: inset 0 0 0 1px #3A3A3A; }
.orn-flt--app .orn-ct-topic__ico { background: rgba(244,239,227,0.06); color: #E3E3E3; }
.orn-flt--app .orn-ct-topic__label { color: #F4EFE3; }
.orn-flt--app .orn-ct-topic__tog { box-shadow: inset 0 0 0 1px #3A3A3A; color: #F4EFE3; }
.orn-flt--app .orn-ct-topic__body { box-shadow: inset 0 1px 0 #2A2A2A; }
.orn-flt.orn-flt--app .orn-ct-q { color: #CBCBCB; }
.orn-flt.orn-flt--app .orn-ct-q + .orn-ct-q { box-shadow: inset 0 1px 0 #2A2A2A; }
.orn-flt--app .orn-ct-q__arrow-up { color: #979797; }
.orn-flt.orn-flt--app .orn-ct-topic__more { box-shadow: inset 0 0 0 1px #3A3A3A; color: #F4EFE3; }
.orn-flt.orn-flt--app .orn-ct-alltopics { color: #F4EFE3; }

/* ---------- DESKTOP (>= 768px, not the app) ---------- */
@media (min-width: 768px) {
    .orn-ct:not(.orn-flt--app) .orn-ct-wrap { max-width: 1250px; margin: 0 auto; padding: 0 28px; }

    /* Hero — the design's 620px hero runs under its 60px overlaid header; the
       site header sits above it here, so the hero is the 560px below it. On
       shorter screens it gives up height (down to 380px) so the contact card
       below still fits in the first screen: 270px = header + card + spacing. */
    .orn-ct:not(.orn-flt--app) .orn-ct-hero { padding-bottom: 0; color: #fff; }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__media { height: clamp(380px, calc(100vh - 270px), 560px); }
    /* Desktop has its own landscape photo (the design's desktop image) */
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__bg { background-image: url('https://cdn.yourholiday.me/static/orn/images/contact-hero-web.png'); background-position: 70% 30%; }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__scrim { display: block; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,15,15,0.88) 0%, rgba(15,15,15,0.7) 28%, rgba(15,15,15,0.3) 50%, rgba(15,15,15,0) 68%); }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__top { display: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__fade { height: 140px; background: linear-gradient(180deg, rgba(21,21,21,0) 0%, rgba(21,21,21,0.55) 60%, #151515 100%); }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__body { position: absolute; inset: 0; max-width: 1250px; margin: 0 auto; padding: 0 28px; justify-content: center; gap: 16px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__eyebrow { font-size: 13px; letter-spacing: .16em; }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-hero__h1 { font-weight: 800; font-size: clamp(48px, 5.2vw, 64px); line-height: 1.04; letter-spacing: -0.03em; color: #fff; max-width: 760px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-hero__lede { margin: 0; max-width: 520px; font-size: 17px; color: rgba(255,255,255,0.82); }

    /* Reach us — call and mail side by side */
    .orn-ct:not(.orn-flt--app) .orn-ct-reach { padding: 40px 0 64px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-reach__card { padding: 0 32px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-reach__card--mail { grid-template-columns: minmax(0, 1fr); }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-reach__row { padding: 28px 0; }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-reach__row--mail { padding-left: 32px; box-shadow: inset 1px 0 0 #ECEAE6; }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-reach__card--mail .orn-ct-reach__row--mail { padding-left: 0; box-shadow: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-reach__txt { line-height: 1.55; }
    .orn-ct:not(.orn-flt--app) .orn-ct-reach__phone { font-family: 'JetBrains Mono', monospace; font-weight: 500; font-variant-numeric: normal; font-size: 30px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-reach__mail { font-size: 24px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-reach__ico--call { background: #E4002B; box-shadow: none; }

    /* Section chrome */
    .orn-ct:not(.orn-flt--app) .orn-ct-sec { padding: 72px 0; }
    .orn-ct:not(.orn-flt--app) .orn-ct-head { margin-bottom: 24px; }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-h2 { font-weight: 800; font-size: 32px; }

    /* Offices — India first, a grid of cards */
    .orn-ct:not(.orn-flt--app) .orn-ct-sec--global { order: 0; padding-bottom: 88px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-offices__list { padding: 0; border-radius: 0; background: none; box-shadow: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-office,
    .orn-ct:not(.orn-flt--app) .orn-ct-office + .orn-ct-office { min-width: 0; padding: 22px 22px 24px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08); }
    .orn-ct:not(.orn-flt--app) .orn-ct-office__pin { display: block !important; flex-shrink: 0; color: #D9000E; }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-office__tel { min-height: 0; margin: 4px 0 0; font-family: 'JetBrains Mono', monospace; font-size: 13.5px; font-weight: 500; line-height: 1.55; transition: color .2s ease; }
    .orn-ct:not(.orn-flt--app) .orn-ct-office__tel svg { color: inherit; }
    .orn-flt.orn-ct:not(.orn-flt--app) .orn-ct-office__tel:hover { color: #D9000E; }

    /* Help topics — all 10 topics; open topic shows 8 questions in two columns until "Show more" */
    .orn-ct:not(.orn-flt--app) .orn-ct-sec--topics { padding-bottom: 72px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-sec--topics .orn-ct-head { max-width: 640px; margin-bottom: 32px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topics { gap: 8px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topics .orn-ct-topic:nth-child(n+6) { display: block; }
    .orn-ct:not(.orn-flt--app) .orn-ct-alltopics { display: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic { border-radius: 20px; overflow: visible; box-shadow: inset 0 0 0 1px #E6E4E0; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic:hover { box-shadow: inset 0 0 0 1px #141414; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.is-open { box-shadow: inset 0 0 0 1px #E6E4E0, 0 16px 40px -12px rgba(20,20,20,0.14); }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.is-open:hover { box-shadow: inset 0 0 0 1px #DCD9D3, 0 16px 40px -12px rgba(20,20,20,0.14); }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__head { min-height: 76px; padding: 0 20px; border-radius: 20px; gap: 16px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__ico { width: 40px; height: 40px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__ico svg { width: 21px; height: 21px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.is-open .orn-ct-topic__ico { background: #141414; color: #fff; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__label { font-family: Archivo, sans-serif; font-size: 18px; line-height: normal; letter-spacing: -0.01em; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__tog { background: #fff; box-shadow: inset 0 0 0 1px #DCD9D3; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.is-open .orn-ct-topic__tog { background: #F4F3F1; box-shadow: inset 0 0 0 1px transparent; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__plus { transition: transform .3s ease; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.is-open .orn-ct-topic__plus { display: block !important; transform: rotate(45deg); }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.is-open .orn-ct-topic__minus { display: none !important; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__body { margin: 0; padding: 0 24px 28px 76px; box-shadow: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__qs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic .orn-ct-q:nth-child(n+7) { display: flex; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic:not(.is-all) .orn-ct-q:nth-child(n+9) { display: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-q,
    .orn-ct:not(.orn-flt--app) .orn-ct-q + .orn-ct-q { padding: 14px 0; gap: 14px; box-shadow: none; border-bottom: 1px solid #F0EEEA; color: #2B2B2B; }
    .orn-ct:not(.orn-flt--app) .orn-ct-q:hover { color: #D9000E; }
    .orn-ct:not(.orn-flt--app) .orn-ct-q__arrow { display: block !important; flex-shrink: 0; width: 15px; height: 15px; color: #BDBDBD; }
    .orn-ct:not(.orn-flt--app) .orn-ct-q__arrow-up { display: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.has-more-m .orn-ct-topic__more { display: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic.has-more-d .orn-ct-topic__more { display: inline-flex; margin: 20px 0 0; height: 40px; padding: 0 18px; gap: 8px; font-size: 14px; transition: box-shadow .2s ease; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic__more:hover { box-shadow: inset 0 0 0 1px #141414; }
    .orn-ct:not(.orn-flt--app) .orn-ct-more__m { display: none; }
    .orn-ct:not(.orn-flt--app) .orn-ct-topic:not(.is-all) .orn-ct-more__d { display: inline; }
}

/* =====================================================================
   ===== MEDIA (/tours/media, customer/media.jsp) — mobile web + app only =====
   Desktop keeps the page's own inline styles untouched. Below 768px this block
   restyles the same markup to the light mweb design ("1a Media light mweb");
   the app (body.orn-md--app) gets the dark "ORN in the media" design on top.
   The few .md-m-* / badge / play elements exist only for these views.
   ===================================================================== */
.orn-md picture { display: contents; }
.orn-md .md-m-hosts, .orn-md .md-m-badge, .orn-md .md-task__play,
.orn-md .md-m-eyebrow, .orn-md .md-m-arrow { display: none; }

@media (max-width: 767px) {
    body.orn-md { background: #fff; }
    body.orn-md--app { background: #151515; }
    html:has(body.orn-md) { scrollbar-width: none; }
    html:has(body.orn-md)::-webkit-scrollbar, body.orn-md::-webkit-scrollbar { display: none; }
    body.orn-md .orn-container { padding-left: 24px; padding-right: 24px; padding-bottom: 0; }
    body.orn-md h1, body.orn-md h2, body.orn-md h3, body.orn-md h4 { font-family: Archivo, sans-serif; }

    /* Shared bits */
    body.orn-md .md-m-badge { position: absolute; left: 14px; top: 14px; z-index: 2; height: 28px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 999px; background: linear-gradient(180deg, #FF000F, #C90A12); box-shadow: 0 6px 16px rgba(201,10,18,0.4), inset 0 1px 0 rgba(255,255,255,0.18); font-weight: 600; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
    body.orn-md .md-m-play, body.orn-md .md-pbtn .md-circle { width: 56px; height: 56px; border-radius: 50%; background: rgba(15,15,15,0.45); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: inset 0 0 0 1.5px rgba(244,239,227,0.7), 0 8px 24px rgba(20,20,20,0.055); display: flex; align-items: center; justify-content: center; }
    body.orn-md .md-m-play svg, body.orn-md .md-pbtn .md-circle svg { width: 20px; height: 20px; margin-left: 2px; }
    body.orn-md .md-pbtn { background: linear-gradient(180deg, rgba(15,15,15,0.06) 0%, rgba(15,15,15,0.3) 100%); }
    body.orn-md .md-pbtn:hover .md-circle { transform: none; }
    body.orn-md .md-pbtn .md-ptxt { display: none; }
    body.orn-md .md-reveal { transition-delay: 0ms !important; }

    /* Section heads — no "01" numbers, plain eyebrow */
    body.orn-md section.md-band { padding: 64px 0 72px; border-top: 8px solid #F4F3F1; }
    body.orn-md .md-cat { margin-bottom: 10px; }
    body.orn-md .md-catnum { display: none; }
    body.orn-md .md-eyebrow { display: flex; gap: 0; margin: 0 0 10px; font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; color: #D9000E; }
    body.orn-md .md-eyebrow::before { display: none; }
    body.orn-md .md-sechead { margin-bottom: 24px; max-width: none; }
    body.orn-md .md-sechead h2 { font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: -0.02em; color: #141414; text-wrap: balance; }
    body.orn-md .md-sechead p { margin-top: 10px; font-size: 15px; line-height: 1.55; color: #5E5E5E; max-width: none; text-wrap: pretty; }

    /* Hero — photo with the title on its lower edge, then the lede and host chips */
    body.orn-md .md-hero { display: block; min-height: 0; background: #151515; padding-bottom: 36px; }
    body.orn-md .md-hero__bg { position: relative; height: 520px; background: #0F0F0F; }
    body.orn-md .md-hero__bg img { object-position: 58% 62%; }
    body.orn-md .md-hero__scrim { bottom: auto; height: 520px; background: linear-gradient(180deg, rgba(15,15,15,0.5) 0%, rgba(15,15,15,0) 140px), linear-gradient(180deg, rgba(21,21,21,0) 220px, rgba(21,21,21,0.18) 286px, rgba(21,21,21,0.5) 364px, rgba(21,21,21,0.82) 442px, #151515 520px); }
    body.orn-md .md-hero__inner { margin-top: -109px; padding: 0 24px; }
    body.orn-md .md-hero .md-eyebrow { margin: 0 0 12px; letter-spacing: .18em; color: #FF6B73; }
    body.orn-md .md-hero h1 { font-weight: 700; font-size: 36px; line-height: 1.1; letter-spacing: -0.02em; max-width: none; color: #F4EFE3; text-wrap: balance; }
    body.orn-md .md-hero h1 .r { color: #F4EFE3; }
    body.orn-md .md-hero .md-lede { margin-top: 16px; max-width: none; font-size: 15px; line-height: 1.6; color: #A2A2A2; text-wrap: pretty; }
    body.orn-md .md-lede__lead { color: #F4EFE3; }
    body.orn-md .md-hero .md-hosts { display: none; }
    body.orn-md .md-m-hosts { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; padding-top: 20px; box-shadow: inset 0 1px 0 #2A2A2A; }
    body.orn-md .md-m-hosts__lbl { font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #979797; }
    body.orn-md .md-m-hosts__list { display: flex; flex-wrap: wrap; gap: 8px; }
    body.orn-md .md-m-hosts__list span { height: 40px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; box-shadow: inset 0 0 0 1px #333; font-weight: 500; font-size: 13px; line-height: 1; color: #E0E0E0; white-space: nowrap; }
    body.orn-md .md-m-hosts__list span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #FF000F; }

    /* Ticker */
    /* The design fades the ticker's ends into the dark hero; done with overlays so the
       white page behind never shows through */
    body.orn-md .md-ticker { position: relative; background: #151515; box-shadow: inset 0 1px 0 #262626, inset 0 -1px 0 #262626; }
    body.orn-md .md-ticker::before, body.orn-md .md-ticker::after { content: ""; position: absolute; top: 1px; bottom: 1px; z-index: 1; width: 12%; pointer-events: none; }
    body.orn-md .md-ticker::before { left: 0; background: linear-gradient(90deg, #151515, rgba(21,21,21,0)); }
    body.orn-md .md-ticker::after { right: 0; background: linear-gradient(270deg, #151515, rgba(21,21,21,0)); }
    body.orn-md .md-ticker .md-track { padding: 16px 0; animation-duration: 40s; }
    body.orn-md .md-ticker .md-track span { padding: 0 8px; gap: 16px; font-size: 12px; letter-spacing: .14em; color: #A2A2A2; }
    body.orn-md .md-ticker .md-track span::after { background: #5A5A5A; }

    /* Platforms — 2-column logo grids */
    body.orn-md section.md-nets { border-top: 0; border-bottom: 0; background: #fff; }
    body.orn-md .md-nets .md-wrap { padding-top: 0; padding-bottom: 0; }
    body.orn-md .md-nets .md-sechead { margin-bottom: 28px; }
    body.orn-md .md-plgroup { margin: 0 0 12px; font-weight: 600; font-size: 11px; letter-spacing: .14em; color: #6E6E6E; }
    body.orn-md .md-plgroup[style] { margin-top: 28px !important; }
    body.orn-md .md-plwall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px #ECEAE6, 0 12px 32px rgba(20,20,20,0.063); }
    body.orn-md .pl { flex: none; min-width: 0; border: 0; border-radius: 0; background: none; padding: 16px 16px 18px; gap: 12px; box-shadow: 0 0 0 0.5px #ECEAE6; }
    body.orn-md .pl:hover { box-shadow: 0 0 0 0.5px #ECEAE6; transform: none; }
    body.orn-md .pl .pli { height: 64px; border-radius: 12px; background: #fff; }
    body.orn-md .pl .pli img { max-width: none; max-height: none; object-fit: contain; }
    body.orn-md .pl span.md-pltag { font-weight: 400; font-size: 13px; line-height: 1.3; letter-spacing: 0; text-transform: none; text-align: center; color: #5E5E5E; }

    /* Logo sizes, as set in the design (platforms, print and press grids) */
    body.orn-md img[alt="JioHotstar"] { width: 95px; height: 20px; }
    body.orn-md img[alt="SonyLIV"] { width: 46px; height: 42px; }
    body.orn-md img[alt="Sony Sports Network"] { width: 44px; height: 43px; }
    body.orn-md img[alt="Unite8 Sports"] { width: 71px; height: 27px; }
    body.orn-md .pl img[alt="Republic Bharat"] { width: 85px; height: 22px; }
    body.orn-md img[alt="Colors"] { width: 57px; height: 33px; }
    body.orn-md img[alt="Colors Kannada"] { width: 47px; height: 40px; }
    body.orn-md img[alt="Star Maa"] { width: 36px; height: 46px; }
    body.orn-md img[alt="The Economic Times"] { width: 56px; height: 34px; }
    body.orn-md img[alt="The Times of India"] { width: 140px; height: 11px; }
    body.orn-md img[alt="Financial Express"] { width: 47px; height: 40px; }
    body.orn-md img[alt="Vijayavani"] { width: 89px; height: 21px; }
    body.orn-md img[alt="Vijaya Karnataka"] { width: 93px; height: 20px; }
    body.orn-md img[alt="Loksatta"] { width: 75px; height: 25px; }
    body.orn-md img[alt="Free Press Journal"] { width: 71px; height: 27px; }
    body.orn-md img[alt="Dailyhunt"] { width: 87px; height: 22px; }
    body.orn-md img[alt="Travel And Tour World"] { width: 70px; height: 27px; }
    body.orn-md img[alt="BusinessWire India"] { width: 115px; height: 17px; }
    body.orn-md img[alt="ANI News"] { width: 81px; height: 23px; }
    body.orn-md img[alt="Business Standard"] { width: 51px; height: 38px; }
    body.orn-md img[alt="Press Trust of India"] { width: 122px; height: 16px; }
    body.orn-md img[alt="MediaBrief"] { width: 103px; height: 18px; }
    body.orn-md img[alt="The Wire"] { width: 71px; height: 27px; }
    body.orn-md img[alt="Lokmat Times"] { width: 140px; height: 13px; }
    body.orn-md img[alt="LatestLY"] { width: 55px; height: 35px; }
    body.orn-md img[alt="IANS"] { width: 64px; height: 30px; }

    /* Featured cards (Bigg Boss, Women's Asia Cup) — photo on top, text below */
    body.orn-md .md-fcard { display: block; min-height: 0; margin-top: 0; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08), 0 24px 48px rgba(20,20,20,0.07); }
    body.orn-md .md-fcard .md-pic { aspect-ratio: 4 / 3; min-height: 0; background-color: #F4F3F1; }
    body.orn-md .md-fit::before { display: none; }
    body.orn-md .md-fit img { object-fit: cover; object-position: center 15%; }
    body.orn-md .md-fcard .md-pic .md-badge { top: 14px; left: 14px; height: 28px; padding: 0 12px; display: inline-flex; align-items: center; background: linear-gradient(180deg, #FF000F, #C90A12); box-shadow: 0 6px 16px rgba(201,10,18,0.4), inset 0 1px 0 rgba(255,255,255,0.18); font-weight: 600; font-size: 11px; letter-spacing: .1em; }
    body.orn-md .md-fcard .md-body { padding: 20px 20px 22px; gap: 10px; justify-content: flex-start; }
    body.orn-md .md-fcard .md-body .md-kicker { margin: 0; font-weight: 600; font-size: 11px; line-height: normal; letter-spacing: .14em; color: #6E6E6E; }
    body.orn-md .md-fcard .md-body h3 { font-weight: 600; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; color: #141414; text-wrap: balance; }
    body.orn-md .md-fcard .md-body p { margin: 0; max-width: none; font-size: 15px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
    body.orn-md .md-metarow { margin-top: 6px; gap: 8px; }
    body.orn-md .md-meta { height: 34px; padding: 0 14px; border: 0; box-shadow: inset 0 0 0 1px #DCD9D3; font-weight: 500; font-size: 13px; color: #2B2B2B; white-space: nowrap; }
    /* Entertainment: square-cornered tags, the first one in red */
    body.orn-md .md-metarow--tags { margin-top: 12px; padding-top: 16px; box-shadow: inset 0 1px 0 #ECEAE6; }
    body.orn-md .md-metarow--tags .md-meta, body.orn-md .md-airrow .md-tag { height: 32px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 8px; background: none; box-shadow: inset 0 0 0 1px #DCD9D3; font-weight: 500; font-size: 13px; color: #2B2B2B; white-space: nowrap; }
    body.orn-md .md-metarow--tags .md-dot { display: none; }
    body.orn-md .md-metarow--tags .md-meta:first-child, body.orn-md .md-airrow .md-tag.on { background: rgba(255,0,15,0.06); box-shadow: inset 0 0 0 1px rgba(255,0,15,0.3); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; font-size: 12px; color: #C90A12; }

    /* "Contestants played for a Europe trip" — a card with the photo on top */
    body.orn-md .md-task { display: block; margin-top: 24px; padding: 0; border-radius: 20px; background: #fff; color: #141414; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08), 0 24px 48px rgba(20,20,20,0.07); }
    body.orn-md .md-task .md-taskbg { position: relative; aspect-ratio: 4 / 3; background: #F4F3F1; }
    body.orn-md .md-task .md-taskbg img { object-position: center; }
    body.orn-md .md-task .md-taskscrim { bottom: auto; aspect-ratio: 4 / 3; background: linear-gradient(180deg, rgba(15,15,15,0) 55%, rgba(23,23,23,0.85) 100%); }
    body.orn-md .md-task__play { position: absolute; left: 0; right: 0; top: 0; z-index: 2; aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; }
    body.orn-md .md-task .md-ttxt { padding: 20px 20px 0; display: flex; flex-direction: column; gap: 10px; }
    body.orn-md .md-task .md-ttxt p.md-eyebrow { margin: 0; font-size: 11px; line-height: 1.6; color: #6E6E6E !important; }
    body.orn-md .md-task .md-ttxt h3 { color: #141414; font-weight: 600; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; text-wrap: balance; }
    body.orn-md .md-task .md-ttxt p { margin: 0; max-width: none; font-size: 15px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
    body.orn-md .md-tbtn { margin: 20px 20px 22px; width: calc(100% - 40px); height: 48px; padding: 0; justify-content: center; gap: 8px; border-radius: 12px; background: #141414; color: #fff; font-weight: 600; font-size: 15px; line-height: 1; }
    body.orn-md .md-tbtn:hover { transform: none; }
    body.orn-md .md-tbtn .md-circle { width: auto; height: auto; background: none; }
    body.orn-md .md-tbtn .md-circle svg { width: 14px; height: 14px; }

    /* Show cards */
    body.orn-md .md-sgrid { gap: 24px; margin-top: 24px; }
    body.orn-md .md-scard { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08), 0 24px 48px rgba(20,20,20,0.07); }
    body.orn-md .md-scard:hover { box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08), 0 24px 48px rgba(20,20,20,0.07); transform: none; }
    body.orn-md .md-scard .md-shot { aspect-ratio: 16 / 10; background-color: #F4F3F1; }
    body.orn-md .md-scard .md-shot img { object-position: center top; }
    body.orn-md .md-rolebadge, body.orn-md .md-rolebadge.gold { height: 28px; padding: 0 12px; display: inline-flex; align-items: center; background: linear-gradient(180deg, #FF000F, #C90A12); box-shadow: 0 6px 16px rgba(201,10,18,0.4), inset 0 1px 0 rgba(255,255,255,0.18); font-weight: 600; font-size: 11px; letter-spacing: .1em; color: #fff; }
    body.orn-md .md-scard .md-sbody { padding: 18px 20px 20px; gap: 0; }
    body.orn-md .md-scard .md-sbody h4 { font-weight: 600; font-size: 20px; line-height: 1.2; letter-spacing: -0.015em; color: #141414; }
    body.orn-md .md-scard .md-host { margin: 3px 0 0; font-weight: 400; font-size: 13px; line-height: normal; color: #6E6E6E; }
    body.orn-md .md-scard .md-sbody p:not(.md-host) { margin: 8px 0 0; font-size: 14px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
    body.orn-md .md-airrow { margin-top: 20px; padding-top: 16px; gap: 8px; border-top: 0; box-shadow: inset 0 1px 0 #ECEAE6; }

    /* News — dark section, the clip and its text in one card */
    body.orn-md section.md-dark { background: #0E0E0E; border-top: 0; }
    body.orn-md section.md-dark .md-eyebrow { color: #FF6B73; }
    body.orn-md section.md-dark .md-sechead h2 { color: #F4EFE3; }
    body.orn-md section.md-dark .md-sechead p { color: #A2A2A2; }
    body.orn-md .md-vpanel { display: block; margin-top: 0; border-radius: 20px; overflow: hidden; background: linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08), 0 24px 48px rgba(9,9,9,0.45); }
    body.orn-md .md-vpanel .md-vwrap { aspect-ratio: 16 / 10; border-radius: 0; box-shadow: none; background: #1D1D1D; }
    body.orn-md .md-vwrap__badge { display: inline-flex; }
    body.orn-md .md-vwrap.playing .md-vwrap__badge { display: none; }
    body.orn-md .md-vpanel .md-txt { padding: 20px 20px 22px; display: flex; flex-direction: column; gap: 10px; }
    body.orn-md .md-vpanel .md-txt .md-lg { height: 12px; margin: 0 0 6px; }
    body.orn-md .md-vpanel .md-txt .md-lg img { width: 46px; height: 12px; object-fit: contain; object-position: left center; }
    body.orn-md .md-vpanel .md-txt h3 { font-weight: 600; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; color: #F4EFE3; text-wrap: balance; }
    body.orn-md .md-vpanel .md-txt p { margin: 0; max-width: none; font-size: 15px; line-height: 1.55; color: #A2A2A2; text-wrap: pretty; }
    body.orn-md .md-metarow.dk { margin-top: 12px; padding-top: 16px; box-shadow: inset 0 1px 0 #2A2A2A; }
    body.orn-md .md-metarow.dk .md-meta { height: 32px; padding: 0 12px; border-radius: 8px; box-shadow: inset 0 0 0 1px #333; color: #E0E0E0; }
    body.orn-md .md-metarow.dk .md-dot { display: none; }
    body.orn-md .md-metarow.dk .md-meta:first-child { background: rgba(255,0,15,0.1); box-shadow: inset 0 0 0 1px rgba(255,0,15,0.3); font-weight: 600; font-size: 12px; letter-spacing: -0.01em; color: #FFB3B7; }

    /* Cricket */
    body.orn-md section.md-band[style*="background:#fff"] { background: #fff !important; }
    body.orn-md .md-live2 { gap: 24px; margin-top: 24px; }
    body.orn-md .md-livecard { border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08), 0 24px 48px rgba(20,20,20,0.07); }
    body.orn-md .md-livecard .md-vwrap { background: #F4F3F1; }
    body.orn-md .md-livecard .md-cap { padding: 18px 20px 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px; background: none; }
    body.orn-md .md-livecard .md-cap b { display: block; font-weight: 600; font-size: 18px; line-height: 1.25; letter-spacing: -0.015em; color: #141414; }
    body.orn-md .md-livecard .md-cap .md-n { font-weight: 400; font-size: 13px; line-height: normal; letter-spacing: 0; text-transform: none; color: #6E6E6E; }
    body.orn-md .md-capnote { margin: 24px 0 0; padding: 16px 18px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px #ECEAE6; font-size: 14px; line-height: 1.55; color: #5E5E5E; text-align: left; text-wrap: pretty; }
    body.orn-md .md-capnote b { font-weight: 600; color: #141414; }

    /* In print */
    body.orn-md .md-printfeat { gap: 24px; margin-top: 0; }
    body.orn-md .md-pfimg { padding: 12px; border-radius: 20px; background: #fff; box-shadow: 0 24px 56px rgba(20,20,20,0.086), 0 2px 6px rgba(20,20,20,0.047); }
    body.orn-md .md-pfimg img { border-radius: 6px; }
    body.orn-md .md-pftxt { padding-top: 4px; display: flex; flex-direction: column; gap: 10px; }
    body.orn-md .md-pftxt .md-kicker { margin: 0; font-weight: 600; font-size: 11px; line-height: 1.6; letter-spacing: .14em; color: #6E6E6E; }
    body.orn-md .md-pftxt h3 { font-weight: 600; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; color: #141414; text-wrap: balance; }
    body.orn-md .md-pftxt p { margin: 0; max-width: none; font-size: 15px; line-height: 1.55; color: #5E5E5E; text-wrap: pretty; }
    body.orn-md .md-printlogos { margin-top: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px #ECEAE6, 0 12px 32px rgba(20,20,20,0.063); }
    body.orn-md .md-printlogos .md-pll { height: 96px; min-width: 0; padding: 16px; border: 0; border-radius: 0; background: none; box-shadow: 0 0 0 0.5px #ECEAE6; }
    body.orn-md .md-printlogos .md-pll img { max-width: none; max-height: none; object-fit: contain; }

    /* In the press — auto-scrolling row of clippings (same marquee as desktop), then the outlet grid */
    body.orn-md section.md-band[style*="padding-bottom:44px"] { padding-bottom: 72px !important; }
    body.orn-md .md-marq { margin-top: 8px; padding: 4px 0 12px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); }
    body.orn-md .md-marq .md-row { gap: 14px; padding-right: 14px; animation-duration: 36s; }
    body.orn-md .md-clip { width: 296px; height: auto; aspect-ratio: 6 / 5; border: 0; border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(20,20,20,0.08), 0 12px 28px rgba(20,20,20,0.07); }
    body.orn-md .md-clip img { object-position: left top; }
    body.orn-md .md-marq + .orn-container { margin-top: 16px !important; padding-top: 16px; }
    body.orn-md .md-marq + .orn-container .md-plgroup { margin-bottom: 16px; line-height: 1.6; text-wrap: pretty; }
    body.orn-md .md-marq + .orn-container .md-plgroup span { color: #D9000E !important; }
    body.orn-md .md-mswall { margin-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px #ECEAE6, 0 12px 32px rgba(20,20,20,0.063); }
    body.orn-md .ms { height: 96px; padding: 16px; border: 0; border-radius: 0; background: none; box-shadow: 0 0 0 0.5px #ECEAE6; }
    body.orn-md .ms:hover { box-shadow: 0 0 0 0.5px #ECEAE6; transform: none; }
    body.orn-md .ms img { max-width: none; max-height: none; object-fit: contain; }

    /* Partnerships — dark card with a red button */
    body.orn-md section.md-band:last-of-type { padding-bottom: 80px; }
    body.orn-md .md-ctacard { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 28px 22px 22px; border-radius: 24px; background: radial-gradient(120% 90% at 100% 0%, rgba(255,0,15,0.22) 0%, rgba(201,10,18,0.08) 42%, rgba(26,26,26,0) 70%), linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08), inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 48px rgba(9,9,9,0.45); }
    body.orn-md .md-m-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-weight: 600; font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #FF6B73; }
    body.orn-md .md-m-eyebrow::before { content: ""; width: 18px; height: 2px; border-radius: 1px; background: #FF000F; }
    body.orn-md .md-ctacard h2 { max-width: none; font-weight: 600; font-size: 21px; line-height: 1.3; letter-spacing: 0; color: #F4EFE3; text-wrap: balance; }
    body.orn-md .md-ctacard p { margin: 12px 0 0; max-width: none; font-size: 15px; line-height: 1.6; color: #A2A2A2; }
    body.orn-md .md-ctacard .md-acts { margin-top: 28px; width: 100%; }
    body.orn-md .md-ctacard .md-acts a { height: 52px; padding: 0; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 12px; background: linear-gradient(180deg, #FF000F, #C90A12); box-shadow: 0 10px 28px rgba(255,0,15,0.25); font-weight: 600; font-size: 15px; color: #fff; }
    body.orn-md .md-ctacard .md-acts a:hover { transform: none; }
    body.orn-md .md-m-arrow { display: block; }

    /* ---------- APP — dark theme on the same mobile layout ---------- */
    body.orn-md--app section.md-band, body.orn-md--app section.md-band[style] { background: #151515 !important; border-top-color: #0F0F0F; padding: 56px 0; }
    body.orn-md--app section.md-dark { border-top: 8px solid #0F0F0F; }
    body.orn-md--app section.md-band:last-of-type { padding-bottom: 72px; }
    body.orn-md--app section.md-band[style*="padding-bottom:44px"] { padding-bottom: 56px !important; }
    body.orn-md--app h1, body.orn-md--app h2, body.orn-md--app h3, body.orn-md--app h4 { font-family: 'Bricolage Grotesque', Archivo, sans-serif; }
    body.orn-md--app .md-hero__bg { height: 380px; }
    body.orn-md--app .md-hero__bg img { object-position: 58% 80%; }
    body.orn-md--app .md-hero__scrim { height: 380px; background: linear-gradient(180deg, rgba(15,15,15,0.5) 0%, rgba(15,15,15,0) 140px), linear-gradient(180deg, rgba(21,21,21,0) 180px, rgba(21,21,21,0.5) 270px, rgba(21,21,21,0.88) 330px, #151515 380px); }
    body.orn-md--app .md-hero__inner { margin-top: -100px; }
    body.orn-md--app .md-hero h1 { font-weight: 800; font-size: 32px; letter-spacing: -0.025em; }
    body.orn-md--app .md-hero .md-lede { margin-top: 12px; }
    body.orn-md--app .md-m-hosts { margin-top: 24px; }
    body.orn-md--app .md-m-hosts__list span { height: 32px; padding: 0 14px; box-shadow: inset 0 0 0 1px #404040; color: #CBCBCB; }
    body.orn-md--app .md-m-hosts__list span::before { display: none; }
    body.orn-md--app .md-eyebrow { color: #FF6B73; }
    body.orn-md--app .md-sechead h2 { font-weight: 800; letter-spacing: -0.025em; color: #F4EFE3; }
    body.orn-md--app .md-sechead p { color: #A2A2A2; }
    body.orn-md--app section.md-nets { border-top: 8px solid #0F0F0F; }
    body.orn-md--app .md-plgroup { color: #979797; }
    body.orn-md--app .md-plwall, body.orn-md--app .md-printlogos, body.orn-md--app .md-mswall { background: #1C1C1C; box-shadow: inset 0 0 0 1px #2A2A2A, 0 12px 32px rgba(9,9,9,0.4); }
    body.orn-md--app .pl, body.orn-md--app .pl:hover, body.orn-md--app .md-printlogos .md-pll, body.orn-md--app .ms, body.orn-md--app .ms:hover { box-shadow: 0 0 0 0.5px #2A2A2A; }
    body.orn-md--app .md-printlogos .md-pll, body.orn-md--app .ms { padding: 16px; }
    body.orn-md--app .md-printlogos .md-pll, body.orn-md--app .ms { position: relative; z-index: 0; }
    body.orn-md--app .md-printlogos .md-pll::before, body.orn-md--app .ms::before { content: ""; position: absolute; inset: 16px; z-index: -1; border-radius: 12px; background: #fff; }
    body.orn-md--app .pl span.md-pltag { color: #A2A2A2; }
    body.orn-md--app .md-fcard, body.orn-md--app .md-task, body.orn-md--app .md-scard, body.orn-md--app .md-scard:hover, body.orn-md--app .md-livecard { background: linear-gradient(180deg, #1C1C1C 0%, #171717 100%); box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08), 0 24px 48px rgba(9,9,9,0.4); }
    body.orn-md--app .md-fcard .md-pic, body.orn-md--app .md-task .md-taskbg, body.orn-md--app .md-scard .md-shot, body.orn-md--app .md-livecard .md-vwrap { background-color: #1D1D1D; }
    body.orn-md--app .md-fcard .md-body { padding: 24px 22px 26px; gap: 12px; }
    body.orn-md--app .md-fcard .md-body .md-kicker, body.orn-md--app .md-pftxt .md-kicker, body.orn-md--app .md-task .md-ttxt p.md-eyebrow { color: #979797 !important; }
    body.orn-md--app .md-fcard .md-body h3, body.orn-md--app .md-task .md-ttxt h3, body.orn-md--app .md-scard .md-sbody h4, body.orn-md--app .md-vpanel .md-txt h3, body.orn-md--app .md-livecard .md-cap b, body.orn-md--app .md-pftxt h3 { font-weight: 700; color: #F4EFE3; }
    body.orn-md--app .md-fcard .md-body p, body.orn-md--app .md-task .md-ttxt p, body.orn-md--app .md-scard .md-sbody p:not(.md-host), body.orn-md--app .md-pftxt p { color: #A2A2A2; }
    body.orn-md--app .md-meta { box-shadow: inset 0 0 0 1px #404040; color: #CBCBCB; }
    body.orn-md--app .md-metarow--tags { padding-top: 18px; box-shadow: inset 0 1px 0 #2A2A2A; }
    body.orn-md--app .md-metarow--tags .md-meta, body.orn-md--app .md-airrow .md-tag { padding: 0 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px #404040; color: #CBCBCB; }
    body.orn-md--app .md-metarow--tags .md-meta:first-child, body.orn-md--app .md-airrow .md-tag.on { background: rgba(255,0,15,0.1); box-shadow: inset 0 0 0 1px rgba(255,0,15,0.35); font-size: 13px; letter-spacing: 0; color: #FF6B73; }
    body.orn-md--app .md-airrow { margin-top: 22px; padding-top: 18px; box-shadow: inset 0 1px 0 #2A2A2A; }
    body.orn-md--app .md-task .md-ttxt { padding: 24px 22px 0; gap: 12px; }
    body.orn-md--app .md-tbtn { margin: 20px 22px 26px; width: calc(100% - 44px); background: #F4EFE3; color: #151515; }
    body.orn-md--app .md-tbtn .md-circle svg path { fill: #151515; }
    body.orn-md--app .md-scard .md-sbody { padding: 24px 22px 26px; }
    body.orn-md--app .md-scard .md-host { color: #979797; }
    body.orn-md--app .md-sgrid { gap: 32px; }
    body.orn-md--app .md-vpanel .md-txt { padding: 24px 22px 26px; gap: 12px; }
    body.orn-md--app .md-livecard .md-cap { padding: 22px 22px 24px; gap: 6px; }
    body.orn-md--app .md-livecard .md-cap .md-n { line-height: 1.5; color: #979797; }
    body.orn-md--app .md-capnote { background: #1C1C1C; box-shadow: inset 0 0 0 1px #2A2A2A; color: #A2A2A2; }
    body.orn-md--app .md-capnote b:first-child { color: #F4EFE3; }
    body.orn-md--app .md-pfimg { background: #1C1C1C; box-shadow: 0 24px 56px rgba(9,9,9,0.4), 0 2px 6px rgba(9,9,9,0.4); }
    body.orn-md--app .md-clip { background: #1C1C1C; box-shadow: inset 0 0 0 1px rgba(244,239,227,0.08), 0 12px 28px rgba(9,9,9,0.4); }
    body.orn-md--app .md-marq + .orn-container .md-plgroup span { color: #FF6B73 !important; }
    /* App spacing: 32px between blocks, 12px inside headings */
    body.orn-md--app .md-cat { margin-bottom: 12px; }
    body.orn-md--app .md-sechead p { margin-top: 12px; }
    body.orn-md--app .md-sechead { margin-bottom: 32px; }
    body.orn-md--app .md-nets .md-sechead { margin-bottom: 28px; }
    body.orn-md--app .md-task, body.orn-md--app .md-sgrid, body.orn-md--app .md-live2, body.orn-md--app .md-capnote { margin-top: 32px; }
    body.orn-md--app .md-live2 { gap: 32px; }
    body.orn-md--app .md-printfeat { gap: 32px; }
    body.orn-md--app .md-fcard .md-body .md-kicker { line-height: 1.6; }
    body.orn-md--app .md-scard .md-sbody p:not(.md-host) { margin-top: 12px; }
    body.orn-md--app .md-airrow { margin-top: 24px; }
    /* App: every chip row uses the tag style (line above, pills, first in red) */
    body.orn-md--app .md-metarow { margin-top: 12px; padding-top: 18px; box-shadow: inset 0 1px 0 #2A2A2A; }
    body.orn-md--app .md-metarow .md-meta { height: 32px; padding: 0 14px; border-radius: 999px; background: none; box-shadow: inset 0 0 0 1px #404040; font-weight: 500; font-size: 13px; color: #CBCBCB; }
    body.orn-md--app .md-metarow .md-dot { display: none; }
    body.orn-md--app .md-metarow .md-meta:first-child { background: rgba(255,0,15,0.1); box-shadow: inset 0 0 0 1px rgba(255,0,15,0.35); font-weight: 600; color: #FF6B73; }
}