/* DK-HOME-PROFESSIONAL-11.5.0 START */ body.page-id-52 { --dk1150-ink: #151719; --dk1150-paper: #f2f0e8; --dk1150-dark: #202522; --dk1150-dark-2: #171a18; --dk1150-red: #d92329; --dk1150-soft: rgba(21,23,25,.68); --dk1150-width: 1180px; } /* ========================================================= PAGE RHYTHM ========================================================= */ body.page-id-52 .entry-content > .wp-block-spacer:first-child { display: none !important; } body.page-id-52 .entry-content > .dk-home1150-hero, body.page-id-52 .entry-content > .dk-home1150-photo, body.page-id-52 .entry-content > .dk-home1150-carousel, body.page-id-52 .entry-content > .wp-block-cover { box-sizing: border-box; width: min( var(--dk1150-width), calc(100vw - 48px) ) !important; max-width: var(--dk1150-width) !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================================= COMPLETELY NEW VISUAL BRAND ========================================================= */ /* * Original H1 stays semantic and readable by assistive * technology, but is no longer the visual logo. * Historic H1 styling can therefore never affect the brand. */ body.page-id-52 .entry-content > .dk-home1150-hero { position: relative !important; display: block !important; margin-top: clamp(22px, 3vw, 40px) !important; margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; } body.page-id-52 .dk-home1150-hero > .wp-block-column { width: 100% !important; margin: 0 !important; padding: 0 !important; } body.page-id-52 .dk-home1150-brand { display: flex; align-items: baseline; width: 100%; margin: 0 0 clamp(14px, 1.8vw, 22px); padding: 0 2px; gap: clamp(9px, 1.2vw, 17px); color: var(--dk1150-ink); white-space: nowrap; } body.page-id-52 .dk-home1150-brand__author { flex: 0 0 auto; font-family: Georgia, "Times New Roman", serif; font-size: clamp(15px, 1.35vw, 19px); line-height: 1; font-style: italic; font-weight: 700; letter-spacing: -.025em; } body.page-id-52 .dk-home1150-brand__separator { flex: 0 0 auto; font-family: Arial, sans-serif; font-size: clamp(11px, .95vw, 14px); font-weight: 400; color: rgba(21,23,25,.34); } body.page-id-52 .dk-home1150-brand__name { flex: 0 0 auto; font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif; font-size: clamp(31px, 3.8vw, 52px); line-height: .88; font-weight: 900; letter-spacing: -.065em; color: var(--dk1150-ink); text-transform: none; } /* ========================================================= EXISTING VIDEO — FUNCTION UNTOUCHED, PRESENTATION CLEANED ========================================================= */ body.page-id-52 .dk-home1150-hero .dk-home-channel-description-v7 { box-sizing: border-box; width: min(880px, 100%) !important; max-width: 880px !important; margin: clamp(18px, 2.3vw, 28px) auto 0 !important; padding: 0 clamp(2px, .4vw, 5px) !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: clamp(15px, 1.35vw, 18px) !important; line-height: 1.52 !important; letter-spacing: -.01em !important; text-align: center !important; white-space: normal !important; color: rgba(21,23,25,.78) !important; transform: none !important; } body.page-id-52 .dk-home1150-hero .dk-home-channel-description-v7 em { font-style: normal !important; } body.page-id-52 .dk-home1150-hero .dk-home-channel-description-v7 mark { background: transparent !important; } /* ========================================================= MG_9627 — EDITORIAL FEATURE ========================================================= */ body.page-id-52 .dk-home1150-photo { position: relative; aspect-ratio: 3 / 2; margin-top: clamp(42px, 5vw, 72px) !important; margin-bottom: clamp(38px, 4.5vw, 62px) !important; padding: 0; overflow: hidden; background: #1b1d1c; border: 0; border-radius: 2px; box-shadow: 0 22px 54px rgba(10,12,12,.14); } body.page-id-52 .dk-home1150-photo__image { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; max-width: none !important; margin: 0 !important; object-fit: cover; object-position: center center; } /* * Gradient belongs to the image, not to a text box. * This keeps the photograph dominant. */ body.page-id-52 .dk-home1150-photo__shade { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 90deg, rgba(7,9,9,0) 0%, rgba(7,9,9,0) 42%, rgba(7,9,9,.15) 56%, rgba(7,9,9,.62) 100% ); } body.page-id-52 .dk-home1150-photo__copy { position: absolute; z-index: 3; top: clamp(34px, 6vw, 78px); right: clamp(28px, 5vw, 66px); box-sizing: border-box; width: min(43%, 500px); margin: 0; padding: 0; color: #fff; text-align: left; text-shadow: 0 2px 12px rgba(0,0,0,.48); } body.page-id-52 .dk-home1150-photo__copy p { color: inherit !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child { margin: 0 0 clamp(17px, 2vw, 26px) !important; padding: 0 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(26px, 3.35vw, 46px) !important; line-height: 1.04 !important; font-weight: 700 !important; letter-spacing: -.035em !important; text-align: left !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child em { font-style: italic !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { margin: 0 !important; padding: clamp(14px, 1.6vw, 20px) 0 0 !important; border-top: 1px solid rgba(255,255,255,.40); font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: clamp(13px, 1.25vw, 17px) !important; line-height: 1.35 !important; font-weight: 650 !important; letter-spacing: .015em !important; text-align: left !important; text-transform: uppercase; } body.page-id-52 .dk-home1150-photo__copy mark { background: transparent !important; color: #ff4b48 !important; } body.page-id-52 .dk-home1150-photo__credit { position: absolute; z-index: 4; left: clamp(12px, 1.7vw, 22px); bottom: clamp(10px, 1.4vw, 18px); display: block; padding: 4px 7px; font-family: Arial, sans-serif; font-size: 10px; line-height: 1; letter-spacing: .025em; color: rgba(255,255,255,.83); background: rgba(0,0,0,.28); } /* ========================================================= PROJECTS — ONE DARK EDITORIAL GALLERY ========================================================= */ body.page-id-52 .entry-content > .dk-home1150-carousel { --dk1150-gap: clamp(18px, 2.3vw, 30px); position: relative; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) 52px !important; grid-template-rows: auto auto !important; align-items: center !important; margin-top: 0 !important; margin-bottom: clamp(42px, 5vw, 72px) !important; padding: clamp(26px, 3.5vw, 44px) 14px clamp(34px, 4vw, 50px) !important; gap: 0 !important; color: rgba(255,255,255,.90); background: linear-gradient( 180deg, #222724 0%, #191d1b 100% ) !important; border: 1px solid rgba(255,255,255,.07); border-radius: 2px; box-shadow: 0 22px 54px rgba(10,12,12,.13); overflow: hidden; } body.page-id-52 .dk-home1150-carousel:focus { outline: none; } body.page-id-52 .dk-home1150-carousel__heading { grid-column: 2; display: flex; align-items: baseline; justify-content: space-between; margin: 0 6px clamp(20px, 2.7vw, 32px); padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.16); } body.page-id-52 .dk-home1150-carousel__label { font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif; font-size: clamp(24px, 2.6vw, 34px); line-height: 1; font-weight: 800; letter-spacing: -.035em; color: #fff; } body.page-id-52 .dk-home1150-carousel__count { font-family: Arial, sans-serif; font-size: 12px; line-height: 1; font-weight: 700; letter-spacing: .14em; color: rgba(255,255,255,.45); } body.page-id-52 .dk-home1150-carousel__viewport { grid-column: 2; grid-row: 2; min-width: 0; padding: 0 6px; overflow: hidden; touch-action: pan-y; } body.page-id-52 .dk-home1150-carousel__track { display: flex; align-items: stretch; gap: var(--dk1150-gap); min-width: 0; transform: translate3d(0,0,0); will-change: transform; } body.page-id-52 .dk-home1150-project { flex: 0 0 calc( ( 100% - 2 * var(--dk1150-gap) ) / 3 ) !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box; display: flex !important; flex-direction: column; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.88) !important; background: transparent !important; } body.page-id-52 .dk-home1150-project__title { order: 1; margin: 0 0 10px !important; padding: 0 !important; font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif !important; font-size: clamp(20px, 1.9vw, 27px) !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -.035em !important; text-align: left !important; color: #fff !important; } body.page-id-52 .dk-home1150-project__intro { order: 2; width: 100% !important; margin: 0 0 15px !important; padding: 0 !important; } body.page-id-52 .dk-home1150-project__intro a, body.page-id-52 .dk-home1150-project__intro img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; } body.page-id-52 .dk-home1150-project__poster { order: 3; width: 100% !important; max-width: none !important; margin: 0 0 17px !important; padding: 0 !important; } body.page-id-52 .dk-home1150-project__poster a, body.page-id-52 .dk-home1150-project__poster img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body.page-id-52 .dk-home1150-project__poster img { box-shadow: 0 12px 30px rgba(0,0,0,.26); } body.page-id-52 .dk-home1150-project__poster figcaption { margin: 9px 0 0 !important; font-family: Arial, sans-serif; font-size: 11px; line-height: 1.3; text-align: left; color: rgba(255,255,255,.57) !important; } body.page-id-52 .dk-home1150-project__description { order: 4; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: clamp(13px, 1.15vw, 15px) !important; line-height: 1.47 !important; font-weight: 400 !important; text-align: left !important; color: rgba(255,255,255,.71) !important; } /* --------------------------------------------------------- Carousel controls --------------------------------------------------------- */ body.page-id-52 .dk-home1150-carousel__nav { position: relative; z-index: 5; grid-row: 2; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 42px; height: 42px; margin: 0 auto; padding: 0; border: 1px solid rgba(255,255,255,.30); border-radius: 999px; background: rgba(0,0,0,.16); color: #fff; cursor: pointer; transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; } body.page-id-52 .dk-home1150-carousel__nav--prev { grid-column: 1; } body.page-id-52 .dk-home1150-carousel__nav--next { grid-column: 3; } body.page-id-52 .dk-home1150-carousel__nav span { display: block; margin-top: -3px; font-family: Arial, sans-serif; font-size: 34px; line-height: 1; } body.page-id-52 .dk-home1150-carousel__nav:hover, body.page-id-52 .dk-home1150-carousel__nav:focus-visible { border-color: rgba(255,255,255,.92); background: var(--dk1150-red); transform: scale(1.06); outline: none; } body.page-id-52 .dk-home1150-carousel__live { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } /* ========================================================= EXISTING FINAL COVER ========================================================= */ body.page-id-52 .entry-content > .wp-block-cover { margin-top: 0 !important; margin-bottom: 4px !important; border-radius: 2px; overflow: hidden; } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1023px) { body.page-id-52 .dk-home1150-project { flex-basis: calc( ( 100% - var(--dk1150-gap) ) / 2 ) !important; } body.page-id-52 .dk-home1150-photo__copy { width: 48%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.page-id-52 .entry-content > .dk-home1150-hero, body.page-id-52 .entry-content > .dk-home1150-photo, body.page-id-52 .entry-content > .dk-home1150-carousel, body.page-id-52 .entry-content > .wp-block-cover { width: calc(100vw - 20px) !important; } body.page-id-52 .dk-home1150-brand { gap: 7px; margin-bottom: 12px; } body.page-id-52 .dk-home1150-brand__author { font-size: clamp( 12px, 3.3vw, 15px ); } body.page-id-52 .dk-home1150-brand__separator { font-size: 10px; } body.page-id-52 .dk-home1150-brand__name { font-size: clamp( 28px, 9vw, 39px ); } body.page-id-52 .dk-home1150-hero .dk-home-channel-description-v7 { margin-top: 15px !important; padding: 0 7px !important; font-size: 14px !important; line-height: 1.45 !important; text-align: left !important; } /* * Mobile keeps the text inside the photograph, * but gives it more vertical breathing room. */ body.page-id-52 .dk-home1150-photo { aspect-ratio: 4 / 3; margin-top: 30px !important; margin-bottom: 30px !important; } body.page-id-52 .dk-home1150-photo__image { object-position: 43% center; } body.page-id-52 .dk-home1150-photo__shade { background: linear-gradient( 0deg, rgba(7,9,9,.72) 0%, rgba(7,9,9,.46) 48%, rgba(7,9,9,.06) 82%, rgba(7,9,9,0) 100% ); } body.page-id-52 .dk-home1150-photo__copy { top: auto; right: 15px; bottom: 25px; left: 15px; width: auto; max-width: none; } body.page-id-52 .dk-home1150-photo__copy p:first-child { margin-bottom: 10px !important; font-size: clamp( 18px, 5.1vw, 27px ) !important; line-height: 1.03 !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { padding-top: 9px !important; font-size: clamp( 10px, 2.7vw, 13px ) !important; line-height: 1.25 !important; } body.page-id-52 .dk-home1150-photo__credit { left: 8px; bottom: 7px; font-size: 8px; } body.page-id-52 .entry-content > .dk-home1150-carousel { --dk1150-gap: 14px; grid-template-columns: 42px minmax(0,1fr) 42px !important; padding: 22px 0 28px !important; margin-bottom: 32px !important; } body.page-id-52 .dk-home1150-carousel__heading { margin: 0 5px 18px; } body.page-id-52 .dk-home1150-carousel__label { font-size: 24px; } body.page-id-52 .dk-home1150-carousel__viewport { padding: 0 4px; } body.page-id-52 .dk-home1150-project { flex-basis: 100% !important; } body.page-id-52 .dk-home1150-project__title { font-size: 22px !important; } body.page-id-52 .dk-home1150-project__description { font-size: 13px !important; line-height: 1.45 !important; } body.page-id-52 .dk-home1150-carousel__nav { width: 36px; height: 36px; } body.page-id-52 .dk-home1150-carousel__nav span { font-size: 30px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { body.page-id-52 .dk-home1150-carousel__track, body.page-id-52 .dk-home1150-carousel__nav { transition: none !important; } } /* DK-HOME-PROFESSIONAL-11.5.0 END */ /* DK-HOMEPAGE-RECONCILED-11.5.5 START */ /* * 11.5.5 * * PRESENTATION ONLY. * * IMPORTANT: * There is deliberately NO desktop video geometry here. * * Desktop running-video top/height/crop/PLAY geometry belongs to the * established V7 + 8.9 + 10.6.3 system in the base child stylesheet/JS. * * Mobile video is deliberately untouched. */ /* ========================================================= REAL H1 = VISUAL BRAND ========================================================= */ body.page-id-52 .entry-content > .dk-home1150-hero h1.dk-home1150-brand { position: relative !important; z-index: 4 !important; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; flex-wrap: nowrap !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: clamp(10px, 1vw, 16px) !important; font-size: 0 !important; line-height: 1 !important; white-space: nowrap !important; transform: none !important; text-transform: none !important; color: #16181b !important; } body.page-id-52 .entry-content > .dk-home1150-hero h1.dk-home1150-brand::before, body.page-id-52 .entry-content > .dk-home1150-hero h1.dk-home1150-brand::after { content: none !important; display: none !important; } /* thin / handwritten side */ body.page-id-52 .dk-home1150-brand__author { display: inline-block !important; flex: 0 0 auto !important; font-family: "Segoe Script", "Brush Script MT", "Snell Roundhand", "URW Chancery L", cursive !important; font-size: clamp(24px, 2.25vw, 40px) !important; line-height: .96 !important; font-style: normal !important; font-weight: 400 !important; letter-spacing: -.015em !important; color: #1a1c1f !important; } /* quiet separator */ body.page-id-52 .dk-home1150-brand__separator { display: inline-block !important; flex: 0 0 auto !important; align-self: center !important; width: 1px !important; height: 1.02em !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; background: rgba(17,19,22,.20) !important; overflow: hidden !important; } /* heavy project name */ body.page-id-52 .dk-home1150-brand__name { display: inline-block !important; flex: 0 0 auto !important; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(62px, 5.9vw, 98px) !important; line-height: .84 !important; font-weight: 900 !important; letter-spacing: -.045em !important; color: #16181b !important; text-transform: none !important; } /* ========================================================= PAGE RHYTHM — no artificial section gaps ========================================================= */ body.page-id-52 .entry-content > .dk-home1150-hero, body.page-id-52 .entry-content > .dk-home1150-photo, body.page-id-52 .entry-content > .dk-home1150-carousel { box-sizing: border-box !important; width: min( var(--dk1150-width), calc(100vw - 24px) ) !important; max-width: var(--dk1150-width) !important; margin-left: auto !important; margin-right: auto !important; } body.page-id-52 .entry-content > .dk-home1150-hero { margin-top: 4px !important; margin-bottom: 0 !important; padding: 0 !important; } body.page-id-52 .dk-home1150-hero > .wp-block-column { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* * The exact homepage copy extracted by the established V7 runtime * is a sibling immediately after HERO, not a child of HERO. */ body.page-id-52 .entry-content > p.dk-home-channel-description-v7 { box-sizing: border-box !important; margin-top: 4px !important; margin-bottom: 0 !important; line-height: 1.30 !important; } /* ========================================================= MAIN PHOTO ========================================================= */ body.page-id-52 .dk-home1150-photo { position: relative !important; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* * Slightly stronger right-side readability, * but still lets the photograph remain visible. */ body.page-id-52 .dk-home1150-photo__shade { background: linear-gradient( 90deg, rgba(7,9,9,0) 0%, rgba(7,9,9,.02) 34%, rgba(7,9,9,.18) 52%, rgba(7,9,9,.76) 100% ) !important; } body.page-id-52 .dk-home1150-photo__copy { top: clamp(28px, 4.3vw, 58px) !important; right: clamp(24px, 4.2vw, 58px) !important; bottom: auto !important; left: auto !important; width: min(45%, 560px) !important; max-width: 560px !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child { margin: 0 0 14px !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(34px, 3.7vw, 54px) !important; line-height: .98 !important; font-weight: 700 !important; letter-spacing: -.028em !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child em { font-style: italic !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { margin: 0 !important; padding-top: 12px !important; border-top: 1px solid rgba(255,255,255,.44) !important; font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(15px, 1.28vw, 18px) !important; line-height: 1.30 !important; font-weight: 800 !important; letter-spacing: .02em !important; text-transform: uppercase !important; } body.page-id-52 .dk-home1150-photo__credit { left: clamp(12px, 1.6vw, 22px) !important; bottom: clamp(10px, 1.4vw, 18px) !important; top: auto !important; right: auto !important; background: rgba(0,0,0,.34) !important; } /* ========================================================= PHOTO -> VYPRAVY BLEND ========================================================= */ /* * The photo fades softly into exactly the top colour * of the expedition section. Copy/credit remain above it. */ body.page-id-52 .dk-home1150-photo::after { content: ""; position: absolute; z-index: 2; left: 0; right: 0; bottom: -1px; height: clamp(42px, 6vw, 76px); pointer-events: none; background: linear-gradient( to bottom, rgba(34,39,36,0) 0%, rgba(34,39,36,.10) 28%, rgba(34,39,36,.32) 55%, rgba(34,39,36,.72) 82%, #222724 100% ); } /* ========================================================= VYPRAVY ========================================================= */ body.page-id-52 .entry-content > .dk-home1150-carousel { position: relative !important; margin-top: -1px !important; margin-bottom: 20px !important; padding-top: 14px !important; padding-bottom: 26px !important; border-top: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.page-id-52 .dk-home1150-carousel__heading { margin: 0 6px 14px !important; padding-bottom: 10px !important; } body.page-id-52 .dk-home1150-carousel__viewport { padding: 0 6px !important; } body.page-id-52 .dk-home1150-project__title { margin: 0 0 8px !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1023px) { body.page-id-52 .dk-home1150-brand__author { font-size: clamp(20px, 3.4vw, 30px) !important; } body.page-id-52 .dk-home1150-brand__name { font-size: clamp(46px, 8.4vw, 70px) !important; } body.page-id-52 .dk-home1150-photo__copy { top: 20px !important; right: 20px !important; width: min(48%, 430px) !important; } } /* ========================================================= MOBILE PRESENTATION ONLY NO VIDEO RULE EXISTS IN THIS MEDIA QUERY. ========================================================= */ @media (max-width: 767px) { body.page-id-52 .entry-content > .dk-home1150-hero h1.dk-home1150-brand { gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.page-id-52 .dk-home1150-brand__author { font-size: clamp(18px, 5vw, 24px) !important; line-height: .95 !important; } body.page-id-52 .dk-home1150-brand__name { font-size: clamp(38px, 10vw, 54px) !important; line-height: .86 !important; } body.page-id-52 .entry-content > .dk-home1150-hero, body.page-id-52 .entry-content > .dk-home1150-photo, body.page-id-52 .entry-content > .dk-home1150-carousel { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; } body.page-id-52 .dk-home1150-photo { aspect-ratio: 4 / 5 !important; } body.page-id-52 .dk-home1150-photo__shade { background: linear-gradient( 180deg, rgba(7,9,9,.08) 0%, rgba(7,9,9,.18) 22%, rgba(7,9,9,.46) 54%, rgba(7,9,9,.80) 100% ) !important; } body.page-id-52 .dk-home1150-photo__copy { top: 14px !important; right: 12px !important; bottom: auto !important; left: auto !important; width: min(60%, 235px) !important; max-width: 60% !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child { margin-bottom: 10px !important; font-size: clamp(22px, 6.8vw, 30px) !important; line-height: .99 !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { padding-top: 8px !important; font-size: clamp(11px, 2.95vw, 14px) !important; line-height: 1.22 !important; } body.page-id-52 .dk-home1150-photo__credit { top: 8px !important; left: 8px !important; right: auto !important; bottom: auto !important; font-size: 8px !important; background: rgba(0,0,0,.38) !important; } body.page-id-52 .dk-home1150-photo::after { height: 58px; } body.page-id-52 .entry-content > .dk-home1150-carousel { padding-top: 12px !important; padding-bottom: 18px !important; } body.page-id-52 .dk-home1150-carousel__heading { margin-bottom: 10px !important; } } /* DK-HOMEPAGE-RECONCILED-11.5.5 END */ /* DK-HOMEPAGE-PHOTO-INTRO-11.5.6 START */ /* ========================================================= MAIN PHOTO Intro paragraph moved into the bottom of the photo. ========================================================= */ body.page-id-52 .dk-home1150-photo { overflow: hidden !important; } body.page-id-52 .dk-home1150-photo__intro { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 3 !important; padding: clamp(16px, 1.9vw, 24px) clamp(18px, 2.2vw, 30px) clamp(14px, 1.5vw, 19px) !important; background: linear-gradient( to top, rgba(10,12,15,.88) 0%, rgba(10,12,15,.72) 44%, rgba(10,12,15,.00) 100% ) !important; pointer-events: none !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7, body.page-id-52 .dk-home1150-photo__introtext { box-sizing: border-box !important; width: min(980px, 100%) !important; max-width: 980px !important; margin: 0 auto !important; padding: 0 !important; color: rgba(255,255,255,.95) !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: clamp(15px, 1.18vw, 18px) !important; line-height: 1.44 !important; letter-spacing: -.01em !important; text-align: center !important; white-space: normal !important; text-shadow: 0 2px 10px rgba(0,0,0,.28) !important; transform: none !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7 em, body.page-id-52 .dk-home1150-photo__introtext em { font-style: normal !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7 mark, body.page-id-52 .dk-home1150-photo__introtext mark { background: transparent !important; } body.page-id-52 .dk-home1150-photo__credit { top: clamp(12px, 1.6vw, 22px) !important; left: clamp(12px, 1.6vw, 22px) !important; right: auto !important; bottom: auto !important; z-index: 5 !important; background: rgba(0,0,0,.36) !important; } /* ========================================================= MOBILE Keep video branch untouched, just presentation of the moved bottom intro. ========================================================= */ @media (max-width: 767px) { body.page-id-52 .dk-home1150-photo__intro { padding: 10px 10px 12px !important; background: linear-gradient( to top, rgba(10,12,15,.90) 0%, rgba(10,12,15,.76) 46%, rgba(10,12,15,.00) 100% ) !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7, body.page-id-52 .dk-home1150-photo__introtext { width: 100% !important; max-width: 100% !important; font-size: clamp(11px, 3vw, 13px) !important; line-height: 1.26 !important; text-align: center !important; } } /* DK-HOMEPAGE-PHOTO-INTRO-11.5.6 END */ /* DK-HOMEPAGE-REFINE-11.5.8 START */ /* --------------------------------------------------------- VIDEO 11.5.7 se zcela vypina. 11.5.6 vetve zustavaji autoritativni. --------------------------------------------------------- */ body.page-id-52 .dk-home1150-photo { margin-top: 0 !important; } /* --------------------------------------------------------- PHOTO OVERLAY --------------------------------------------------------- */ body.page-id-52 .dk-home1150-photo__shade { background: linear-gradient( 90deg, rgba(7,9,9,0) 0%, rgba(7,9,9,0) 36%, rgba(7,9,9,.24) 56%, rgba(7,9,9,.76) 100% ) !important; } body.page-id-52 .dk-home1150-photo__credit { top: clamp(12px, 1.45vw, 20px) !important; right: clamp(12px, 1.45vw, 20px) !important; bottom: auto !important; left: auto !important; z-index: 6 !important; background: rgba(0,0,0,.34) !important; } /* --------------------------------------------------------- BRAND INTO PHOTO --------------------------------------------------------- */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-brand.dk-home1158-brand-source { display: none !important; } body.page-id-52 .dk-home1158-brand-overlay { position: absolute !important; top: clamp(18px, 2vw, 28px) !important; left: clamp(24px, 2.2vw, 34px) !important; z-index: 5 !important; display: flex !important; align-items: baseline !important; width: auto !important; max-width: 78% !important; margin: 0 !important; padding: 0 !important; gap: clamp(10px, 1vw, 16px) !important; color: #fff !important; pointer-events: none !important; white-space: nowrap !important; text-shadow: 0 2px 18px rgba(0,0,0,.26) !important; } body.page-id-52 .dk-home1158-brand-overlay .dk-home1150-brand__author { font-family: "Segoe Script", "Brush Script MT", "Snell Roundhand", cursive !important; font-size: clamp(28px, 2.8vw, 44px) !important; line-height: .92 !important; font-style: normal !important; font-weight: 400 !important; letter-spacing: -.03em !important; color: rgba(255,255,255,.96) !important; } body.page-id-52 .dk-home1158-brand-overlay .dk-home1150-brand__separator { font-family: Arial, sans-serif !important; font-size: clamp(16px, 1.3vw, 22px) !important; font-weight: 400 !important; color: rgba(255,255,255,.62) !important; } body.page-id-52 .dk-home1158-brand-overlay .dk-home1150-brand__name { font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(56px, 5.25vw, 84px) !important; line-height: .86 !important; font-weight: 900 !important; letter-spacing: -.07em !important; color: rgba(18,22,26,.94) !important; text-transform: none !important; } body.page-id-52 .dk-home1150-photo__copy { top: clamp(86px, 9vw, 136px) !important; right: clamp(28px, 4vw, 58px) !important; width: min(39%, 465px) !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child { margin: 0 0 clamp(12px, 1.3vw, 18px) !important; font-size: clamp(22px, 2.9vw, 39px) !important; line-height: 1.01 !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { padding-top: clamp(10px, 1.1vw, 14px) !important; font-size: clamp(11px, .96vw, 15px) !important; line-height: 1.28 !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7, body.page-id-52 .dk-home1150-photo__introtext { width: min(980px, 100%) !important; max-width: 980px !important; margin: 0 0 0 auto !important; text-align: right !important; } } /* --------------------------------------------------------- MOBILE / TABLET Video se neprekopava, jen doladeni textu a kreditu. --------------------------------------------------------- */ @media (max-width: 980px) { body.page-id-52 .dk-home1158-brand-overlay { display: none !important; } body.page-id-52 .dk-home1150-photo__credit { top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; } body.page-id-52 .dk-home1150-photo__copy { top: clamp(72px, 16vw, 112px) !important; right: 14px !important; width: min(52%, 270px) !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child { font-size: clamp(17px, 5.2vw, 25px) !important; line-height: 1.03 !important; margin: 0 0 10px !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { padding-top: 8px !important; font-size: clamp(10px, 2.85vw, 12px) !important; line-height: 1.24 !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7, body.page-id-52 .dk-home1150-photo__introtext { text-align: right !important; } } /* DK-HOMEPAGE-REFINE-11.5.8 END */ /* DK-HOMEPAGE-BRAND-IMAGE-11.5.9 START */ /* * RETIRED ON DESKTOP BY 11.5.26. * * This historical element was a cloned H1 with a PNG painted * as its background. It is no longer used as the desktop brand. * * The DOM node is physically removed on desktop by 11.5.26. * Mobile/tablet rendering remains owned by 11.5.12. */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { display: none !important; background-image: none !important; } } /* DK-HOMEPAGE-BRAND-IMAGE-11.5.9 END */ /* DK-HOMEPAGE-BRAND-TUNE-11.5.10 START */ /* * Goal: * - bigger brand image * - move it more to top-left, farther from helmet * - align intro line to the left edge * - no video changes */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { top: clamp(18px, 2vw, 28px) !important; left: clamp(18px, 2vw, 28px) !important; width: min(48%, 560px) !important; max-width: 560px !important; aspect-ratio: 812 / 436 !important; } body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7, body.page-id-52 .dk-home1150-photo__introtext { width: min(980px, 100%) !important; max-width: 980px !important; margin: 0 auto 0 0 !important; text-align: left !important; } } /* * Keep mobile brand image unchanged. * Only make sure text intro can sit from the left if inherited otherwise. */ @media (max-width: 980px) { body.page-id-52 .dk-home1150-photo__intro .dk-home-channel-description-v7, body.page-id-52 .dk-home1150-photo__introtext { text-align: left !important; } } /* DK-HOMEPAGE-BRAND-TUNE-11.5.10 END */ /* DK-HOMEPAGE-BRAND-FIX-11.5.11 START */ /* * Fixes: * - remove the "veil" from the inserted logo image * - preserve original black outlines * - move the logo slightly higher * - rebalance the copy on the right * - no JS / no video changes */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { top: clamp(8px, 1.05vw, 14px) !important; left: clamp(18px, 2vw, 28px) !important; width: min(48%, 560px) !important; max-width: 560px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: left top !important; mix-blend-mode: normal !important; opacity: 1 !important; filter: none !important; } body.page-id-52 .dk-home1150-photo__copy { top: clamp(98px, 9.8vw, 148px) !important; right: clamp(34px, 4.2vw, 60px) !important; width: min(39%, 470px) !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child { margin: 0 0 clamp(12px, 1.3vw, 18px) !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { padding-top: clamp(10px, 1.1vw, 14px) !important; } } /* mobile beze změny */ /* DK-HOMEPAGE-BRAND-FIX-11.5.11 END */ /* DK-HOMEPAGE-MOBILE-BRAND-11.5.12 START */ /* DK-HOMEPAGE-MOBILE-BRAND-TRIM-UP-11.5.31 */ /* DK-HOMEPAGE-MOBILE-BRAND-SCALE-11.5.23 */ /* * Mobile: * - remove the old textual Milan Kollar | Dolu Kolama row * - show the same PNG brand used on desktop * - keep it inside the main photo * * No video rules here. */ @media (max-width: 980px) { /* * This is ONLY the source H1 inside HERO. * The cloned overlay inside the photo is NOT matched. */ body.page-id-52 .dk-home1150-hero .dk-home1158-brand-source:not(.dk-home1158-brand-overlay) { display: none !important; } body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { position: absolute !important; display: block !important; top: 5px !important; left: 10px !important; right: auto !important; bottom: auto !important; z-index: 7 !important; box-sizing: border-box !important; width: min(55.2vw, 299px) !important; max-width: 59.8% !important; height: auto !important; aspect-ratio: 812 / 436 !important; margin: 0 !important; padding: 0 !important; background-image: url("https://dolukolama.cz/wp-content/uploads/2026/09/Napis-Dolukolama-Milan-pod-sebou-toptrim-11527.png") !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: contain !important; mix-blend-mode: normal !important; opacity: 1 !important; filter: none !important; pointer-events: none !important; } body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay > * { display: none !important; } /* * Give the right-hand slogan enough vertical clearance * below the newly visible logo on narrow phones. */ body.page-id-52 .dk-home1150-photo__copy { top: clamp(108px, 29vw, 145px) !important; } } @media (max-width: 520px) { body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { top: 3px !important; left: 8px !important; width: 55.2vw !important; max-width: 219px !important; } body.page-id-52 .dk-home1150-photo__copy { top: clamp(108px, 31vw, 136px) !important; } } /* DK-HOMEPAGE-MOBILE-BRAND-11.5.12 END */ /* DK-HOMEPAGE-COPY-WIDTH-11.5.13 START */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo__copy { width: min(39%, 470px) !important; max-width: 470px !important; } } @media (min-width: 521px) and (max-width: 980px) { body.page-id-52 .dk-home1150-photo__copy { width: min(46%, 240px) !important; max-width: 240px !important; } } @media (max-width: 520px) { body.page-id-52 .dk-home1150-photo__copy { width: min(47%, 205px) !important; max-width: 205px !important; } } /* DK-HOMEPAGE-COPY-WIDTH-11.5.13 END */ /* DK-HOMEPAGE-HIDE-SOURCE-H1-11.5.14 START */ /* * IMPORTANT: * * Do NOT use display:none here. * * The original homepage video system historically uses the real * homepage H1 geometry. Therefore the H1 stays in the DOM and keeps * its original box/layout dimensions. * * We only make the original source H1 visually transparent. * * The PNG overlay in the main photo is NOT inside .dk-home1150-hero * and therefore is deliberately NOT matched by this selector. * * Applies identically to desktop and mobile. */ body.page-id-52 .entry-content > .dk-home1150-hero h1.dk-home1150-brand.dk-home1158-brand-source { /* * Explicitly defeat the older lower-specificity display:none * overrides while preserving the established H1 geometry. */ display: flex !important; /* * Invisible to the eye, but the real H1 remains in DOM * with its text and original dimensions. */ opacity: 0 !important; visibility: visible !important; pointer-events: none !important; user-select: none !important; } /* * Its contents must not independently override the parent's opacity. */ body.page-id-52 .entry-content > .dk-home1150-hero h1.dk-home1150-brand.dk-home1158-brand-source > * { opacity: 1 !important; } /* DK-HOMEPAGE-HIDE-SOURCE-H1-11.5.14 END */ /* DK-HOMEPAGE-REMOVE-TITLE-GAP-11.5.16 START */ /* * SOURCE H1: * remains in DOM and keeps its established desktop geometry. * * DESKTOP: * video is simply painted from the very top of HERO instead of * starting below the now invisible H1. * * MOBILE: * existing 8.4 normal-flow video slot does not require H1 geometry, * so invisible H1 consumes zero vertical space. */ /* ========================================================= COMMON — HERO ITSELF MUST HAVE NO EXTERNAL TOP GAP ========================================================= */ body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 { margin-top: 0 !important; margin-block-start: 0 !important; padding-top: 0 !important; padding-block-start: 0 !important; } /* ========================================================= DESKTOP / TABLET — KEEP H1 GEOMETRY, COVER IT WITH VIDEO ========================================================= */ @media (min-width: 768px) { body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 { /* * JS still calculates the exact established video HEIGHT. * We remove only its now-useless title offset. */ min-height: var(--dk-v7-video-height, 190px) !important; } body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 > .dk-home-video-v7-loop { top: 0 !important; } body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 > .dk-home-video-v7-expanded { top: 0 !important; } /* * PLAY Y from JS includes the original videoTop. * Subtract that same offset so PLAY moves upward * together with the unchanged video frame. */ body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 > .dk-home-video-play-v7 { top: calc( var(--dk-v7-play-y, 50%) - var(--dk-v7-video-top, 0px) ) !important; } /* * When sound player opens, HERO must end at the * actual player bottom, not player + old H1 gap. */ body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7.dk-home-v7-playing { min-height: var( --dk-v1063-expanded-height, var(--dk-v7-video-height, 190px) ) !important; } } /* ========================================================= MOBILE — 8.4 SLOT IS NORMAL FLOW, H1 CAN COLLAPSE ========================================================= */ @media (max-width: 767px) { body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 h1.dk-home1150-brand.dk-home1158-brand-source { display: block !important; position: relative !important; width: 100% !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; margin-block: 0 !important; padding: 0 !important; padding-block: 0 !important; border: 0 !important; line-height: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* * 8.4 originally left 8 px after the visible title. * Title is no longer visible, therefore no gap. */ body.page-id-52 .dk-home-video-v84-slot { margin-top: 0 !important; margin-block-start: 0 !important; } body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 { min-height: 0 !important; } } /* DK-HOMEPAGE-REMOVE-TITLE-GAP-11.5.16 END */ /* DK-HOMEPAGE-SECTION-GAPS-11.6.2.7 START */ /* * Main homepage sections are separated by a real 4px gap. * The gap has no artificial colour: the existing page * background remains visible through it. * * PHOTO * 4px * VIDEO * 4px * VYPRAVY * 4px * FINAL COVER */ /* PHOTO -> VIDEO */ body.page-id-52 .entry-content > .dk-home1150-photo { margin-bottom: 4px !important; } body.page-id-52 .entry-content > .dk-home1150-photo + .dk-home1150-hero.dk-home-hero-v7 { margin-top: 0 !important; margin-bottom: 4px !important; } /* VIDEO -> VYPRAVY */ body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 + .dk-home1150-carousel { margin-top: 0 !important; margin-bottom: 4px !important; } /* VYPRAVY -> EXISTING FINAL COVER */ body.page-id-52 .entry-content > .dk-home1150-carousel + .wp-block-cover { margin-top: 0 !important; } /* DK-HOMEPAGE-SECTION-GAPS-11.6.2.7 END */ /* DK-HOMEPAGE-MOBILE-GAP-REPAIR-11.5.21 START */ /* * MOBILE ONLY. * * Restore the complete established 11.5.19 / 8.4 video geometry. * Do NOT collapse, resize or otherwise alter the original column, * H1, video slot, loop or player. * * The only added correction is removal of Gutenberg's structural * gap between HERO direct children. */ @media (max-width: 767px) { body.page-id-52 .entry-content > .dk-home1150-hero.dk-home-hero-v7 { gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; --wp--style--block-gap: 0px !important; } } /* DK-HOMEPAGE-MOBILE-GAP-REPAIR-11.5.21 END */ /* DK-HOMEPAGE-DESKTOP-BRAND-REINSERT-11.5.26 START */ /* * Fresh desktop-only brand. * * This is a REAL , not the historical cloned H1, * not a background-image and not a pseudo-element. * * Same desktop width as the old PNG renderer: * min(40%, 460px) * * New deterministic position: * top: 0 * * No transform, clamp or inherited brand geometry. */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo > img.dk-home11526-desktop-brand { position: absolute !important; z-index: 7 !important; display: block !important; top: 0 !important; left: clamp(30px, 3.2vw, 44px) !important; right: auto !important; bottom: auto !important; box-sizing: border-box !important; width: min(40%, 460px) !important; max-width: 460px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: contain !important; object-position: left top !important; mix-blend-mode: normal !important; opacity: 1 !important; filter: none !important; transform: none !important; pointer-events: none !important; user-select: none !important; } } /* DK-HOMEPAGE-DESKTOP-BRAND-REINSERT-11.5.26 END */ /* DK-HOMEPAGE-DESKTOP-BRAND-BALANCE-11.5.30 START */ /* * Desktop only. * * Visual rebalance against all other typography * inside the introductory photograph. * * Previous: * 38% / max 440px * top 12px * * New: * 32.3% / max 374px * top 18px * * Approx. 15% reduction. */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo > img.dk-home11526-desktop-brand { top: 18px !important; width: min(32.3%, 374px) !important; max-width: 374px !important; height: auto !important; } } /* DK-HOMEPAGE-DESKTOP-BRAND-BALANCE-11.5.30 END */ /* DK-HOMEPAGE-MOBILE-BRAND-11.5.30.2 START */ /* * PHONE ONLY. * * Correct target: * the actual mobile cornflake is the 11.5.12 photo overlay, * not the desktop-brand IMG introduced later. * * Change only its size and top-left breathing room. */ @media (max-width: 520px) { body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { top: 14px !important; left: 12px !important; width: 40vw !important; max-width: 158px !important; } } /* DK-HOMEPAGE-MOBILE-BRAND-11.5.30.2 END */ /* DK-HOMEPAGE-PHOTO-CROSSFADE-11.6.2.1 START */ /* * IMPORTANT: * Only the actual photographic IMG layers are touched. * * No selector here targets: * .dk-home1150-photo__copy * .dk-home1150-photo__shade * .dk-home1158-brand-overlay * .dk-home1150-photo__credit */ body.page-id-52 .dk-home1150-photo > img.dk-home1150-photo__image.dk-home11611-slide { opacity: 0; transform: scale(1.045); transform-origin: center center; transition: opacity 3200ms cubic-bezier(.4,0,.2,1), transform 12000ms cubic-bezier(.16,1,.3,1); will-change: opacity, transform; pointer-events: none; } body.page-id-52 .dk-home1150-photo > img.dk-home1150-photo__image.dk-home11611-slide.is-active { opacity: 1; transform: scale(1); } @media (prefers-reduced-motion: reduce) { body.page-id-52 .dk-home1150-photo > img.dk-home1150-photo__image.dk-home11611-slide { transform: none !important; transition: opacity 320ms ease !important; } } /* DK-HOMEPAGE-PHOTO-CROSSFADE-11.6.2.1 END */ /* DK-HOMEPAGE-HEADER-MOTTO-14.5 START */ /* Only the homepage header motto. */ /* Shared mobile + desktop typography. */ body.page-id-52 #header .site-description.dk-motto-two-lines, body.page-id-52 .ct-header .site-description.dk-motto-two-lines { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: 100% !important; margin-inline: auto !important; text-align: center !important; white-space: normal !important; line-height: 1 !important; text-shadow: none !important; } /* NE VSECHNO */ body.page-id-52 #header .site-description.dk-motto-two-lines .dk-motto-line--1, body.page-id-52 .ct-header .site-description.dk-motto-two-lines .dk-motto-line--1 { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 2px !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: clamp(9px, .85vw, 11px) !important; font-style: normal !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: .14em !important; text-transform: uppercase !important; text-align: center !important; white-space: nowrap !important; color: #5a7080 !important; text-shadow: 0 1px 0 rgba(255,255,255,.6) !important; } /* najdes na mape */ body.page-id-52 #header .site-description.dk-motto-two-lines .dk-motto-line--2, body.page-id-52 .ct-header .site-description.dk-motto-two-lines .dk-motto-line--2 { display: block !important; position: relative !important; width: max-content !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(17px, 1.5vw, 22px) !important; font-style: italic !important; font-weight: 700 !important; line-height: 1.06 !important; letter-spacing: -.045em !important; text-transform: none !important; text-align: center !important; white-space: nowrap !important; color: #243c4d !important; text-shadow: 0 1px 0 rgba(255,255,255,.66) !important; } /* Subtle warm accent. */ body.page-id-52 #header .site-description.dk-motto-two-lines .dk-motto-line--2::after, body.page-id-52 .ct-header .site-description.dk-motto-two-lines .dk-motto-line--2::after { content: ""; display: block; width: 40%; height: 2px; margin: 3px auto 0; border-radius: 2px; background: linear-gradient(90deg, #af613b, #d7a17b); } /* Compact mobile header. */ @media (max-width: 999px) { body.page-id-52 #header .site-description.dk-motto-two-lines .dk-motto-line--1, body.page-id-52 .ct-header .site-description.dk-motto-two-lines .dk-motto-line--1 { font-size: 9px !important; letter-spacing: .1em !important; margin-bottom: 1px !important; } body.page-id-52 #header .site-description.dk-motto-two-lines .dk-motto-line--2, body.page-id-52 .ct-header .site-description.dk-motto-two-lines .dk-motto-line--2 { font-size: clamp(13px, 3.9vw, 16px) !important; letter-spacing: -.055em !important; } body.page-id-52 #header .site-description.dk-motto-two-lines .dk-motto-line--2::after, body.page-id-52 .ct-header .site-description.dk-motto-two-lines .dk-motto-line--2::after { height: 1.5px; margin-top: 2px; } } /* DK-HOMEPAGE-HEADER-MOTTO-14.5 END */ /* DK-HOMEPAGE-REMOVE-CAROUSEL-TRICOLOR-14.6 START */ /* * Remove only the obsolete mobile tricolor * accidentally generated above the homepage carousel. */ @media (max-width: 767px) { body.page-id-52 .entry-content.dk-home1150-ready > .wp-block-columns.dk-home1150-carousel::before { content: none !important; display: none !important; } } /* DK-HOMEPAGE-REMOVE-CAROUSEL-TRICOLOR-14.6 END */ /* DK-HOMEPAGE-FOOTER-GAP-15.1 START */ /* Keep the final cover 4px above the footer, like other sections. */ body.page-id-52 #main > .ct-container-full[data-vertical-spacing*="bottom"] { padding-bottom: 0 !important; } /* Do not let the footer's historic negative offset overlap the cover. */ body.page-id-52 #main + footer.ct-footer.dk-site-footer { margin-top: 0 !important; } /* DK-HOMEPAGE-FOOTER-GAP-15.1 END */ /* DK-HOMEPAGE-ALIGN-HEADER-WIDTH-16.0 START */ /* Existing homepage photo/video/carousel/last cover use the header width. */ @media (min-width: 1000px) { body.page-id-52 { --dk1150-width: var(--theme-normal-container-max-width); } body.page-id-52 .entry-content > :is( .dk-home1150-hero, .dk-home1150-photo, .dk-home1150-carousel, .wp-block-cover ) { width: var(--theme-container-width) !important; max-width: var(--theme-normal-container-max-width) !important; } } /* DK-HOMEPAGE-ALIGN-HEADER-WIDTH-16.0 END */ /* DK-HOMEPAGE-SIDE-RAILS-17.2 START */ /* Two real DOM rails. Neither body nor #main pseudo-elements are used. */ /* Position in CSS pixels is measured from actual content column by isolated JS. */ @media (min-width: 1360px) { body.page-id-52 > .dk-home-side-rail { position: absolute !important; display: block !important; box-sizing: border-box; z-index: 2147483000 !important; width: max-content; height: max-content; margin: 0 !important; padding: 0 !important; writing-mode: vertical-rl; font-family: Arial, "Liberation Sans", sans-serif; font-size: 10px; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: 2.8px; text-transform: uppercase; white-space: nowrap; color: #52635f; pointer-events: none; text-shadow: 0 0 2px rgba(255, 255, 255, .9); } body.page-id-52 > .dk-home-side-rail--left { top: 165px !important; transform: rotate(180deg); } body.page-id-52 > .dk-home-side-rail--right { top: 175px !important; } } @media (max-width: 1359px) { body.page-id-52 > .dk-home-side-rail { display: none !important; } } /* DK-HOMEPAGE-SIDE-RAILS-17.2 END */ /* DK-HOMEPAGE-LEFT-LAYOUT-18.9 START */ /* User-approved follow-up to 18.6.1: - keep the left block intact, - move the right copy back toward the original reference layout, - add a distinct darkened rectangle behind the whole right block, - keep mobile and all non-homepage pages untouched. */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo { container-type: inline-size; } body.page-id-52 .dk-home1150-photo::before { content: ""; position: absolute; top: 0; right: 0; bottom: auto; left: 0; z-index: 2; height: clamp(190px, 17.0cqw, 228px); background: rgba(24, 28, 29, .80); pointer-events: none; } body.page-id-52 .dk-home1150-photo > img.dk-home11526-desktop-brand, body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay, body.page-id-52 .dk-home1150-photo__intro { display: none !important; visibility: hidden !important; } body.page-id-52 .dk-home1150-photo__leftpanel { position: absolute; top: clamp(12px, 1.1cqw, 17px); left: clamp(26px, 2.5cqw, 36px); z-index: 4; display: block; box-sizing: border-box; width: min(45%, 610px); margin: 0; padding: 0 0 0 clamp(16px, 1.45cqw, 21px); border-left: 3px solid #ae795c; color: #efe9d9; pointer-events: none; } body.page-id-52 .dk-home1150-photo__leftmeta { display: block; box-sizing: border-box; width: fit-content; max-width: 100%; margin: 0 0 clamp(8px, .8cqw, 12px); padding: 0 0 6px; border-bottom: 1px solid rgba(202, 168, 132, .50); color: #caa27a; font-family: Arial, "Helvetica Neue", sans-serif; font-size: clamp(9px, .76cqw, 11px); font-style: normal; font-weight: 600; line-height: 1.1; letter-spacing: .32em; text-transform: uppercase; white-space: nowrap; } body.page-id-52 .dk-home1150-photo__leftbrand, body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftbrand { display: block; width: max-content; max-width: 100%; margin: 0 !important; padding: 0; color: #f0ece0; font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif; font-size: clamp(68px, 7.15cqw, 104px); font-style: normal; font-weight: 800; line-height: .84; letter-spacing: -.078em; text-align: left; text-transform: uppercase; white-space: nowrap; text-shadow: none; } body.page-id-52 .dk-home1150-photo__leftbrand > span { display: block; white-space: nowrap; } body.page-id-52 .dk-home1150-photo__leftslash, body.page-id-52 .dk-home1150-photo__leftslash::after { display: none !important; content: none !important; } body.page-id-52 .dk-home1150-photo__leftstrap { position: absolute; top: calc(clamp(190px, 17.0cqw, 228px) - clamp(12px, 1.1cqw, 17px) + 8px); left: clamp(16px, 1.45cqw, 21px); z-index: 4; display: block; margin: 0; padding: 0; color: #ece7d9; font-family: Arial, "Helvetica Neue", sans-serif; font-size: clamp(14px, 1.12cqw, 17px); font-style: normal; font-weight: 700; line-height: 1.15; letter-spacing: .16em; text-align: left; text-transform: uppercase; white-space: nowrap; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); } body.page-id-52 .dk-home1150-photo__copy { top: clamp(74px, 5.9cqw, 94px) !important; right: clamp(34px, 3.15cqw, 48px) !important; width: min(43%, 590px) !important; min-height: clamp(188px, 16.0cqw, 248px) !important; margin: 0 !important; padding: clamp(24px, 2.15cqw, 32px) clamp(28px, 2.45cqw, 38px) clamp(24px, 2.15cqw, 32px) !important; box-sizing: border-box !important; background: rgba(24, 28, 29, .82) !important; border: 0 !important; color: #f7f2e7 !important; display: block !important; z-index: 4 !important; } body.page-id-52 .dk-home1150-photo__copy::before, body.page-id-52 .dk-home1150-photo__copy::after { content: none !important; display: none !important; } body.page-id-52 .dk-home1150-photo__copy > * { position: relative; z-index: 1; } body.page-id-52 .dk-home1150-photo__copy p, body.page-id-52 .dk-home1150-photo__copy h2, body.page-id-52 .dk-home1150-photo__copy h3 { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } body.page-id-52 .dk-home1150-photo__copy p:first-child, body.page-id-52 .dk-home1150-photo__copy h2:first-child, body.page-id-52 .dk-home1150-photo__copy h3:first-child { margin-top: 0 !important; margin-bottom: clamp(16px, 1.45cqw, 22px) !important; color: #f7f2e7 !important; font-size: clamp(31px, 2.75cqw, 46px) !important; line-height: .98 !important; } body.page-id-52 .dk-home1150-photo__copy p:not(:first-child) { font-size: clamp(9px, .78cqw, 11px) !important; } body.page-id-52 .dk-home1150-photo__copy p:last-child { margin-bottom: 0 !important; } /* 18.9 / left title, accent strap and reference-style right panel. */ body.page-id-52 .dk-home1150-photo__leftbrand, body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftbrand { font-family: "Bahnschrift", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important; font-weight: 550 !important; font-variation-settings: "wght" 550, "wdth" 90; letter-spacing: -.067em !important; } body.page-id-52 .dk-home1150-photo__leftstrap { color: #e0ac69 !important; text-shadow: 0 1px 4px rgba(0,0,0,.96), 0 0 11px rgba(0,0,0,.78) !important; } /* The original two WordPress paragraphs stay intact for mobile. */ body.page-id-52 .dk-home1150-photo__copy.dk-home189-ready > p.dk-home189-original { display: none !important; } body.page-id-52 .dk-home1150-photo__copy.dk-home189-ready { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; pointer-events: auto !important; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-eyebrow { display: block; width: 100%; margin: 0 0 clamp(10px, 1.03cqw, 16px); padding: 0; color: #cba17b !important; font: 700 clamp(9px, .85cqw, 12px)/1.2 Arial, "Helvetica Neue", sans-serif !important; letter-spacing: .26em !important; text-transform: uppercase; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-quote { display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: #f8f4eb !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(23px, 2.43cqw, 37px) !important; font-style: italic !important; font-weight: 700 !important; line-height: 1.035 !important; letter-spacing: -.023em !important; text-align: left !important; text-transform: none !important; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta { display: inline-flex !important; align-self: flex-start !important; align-items: center; gap: clamp(10px, 1cqw, 16px); width: max-content; max-width: 100%; margin: clamp(19px, 2cqw, 29px) 0 0 !important; padding: 0 0 10px !important; border: 0 !important; border-bottom: 3px solid #bc895f !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #f7f3e9 !important; font: 700 clamp(10px, .82cqw, 12px)/1.2 Arial, "Helvetica Neue", sans-serif !important; letter-spacing: .14em !important; text-decoration: none !important; text-transform: uppercase !important; cursor: pointer !important; pointer-events: auto !important; white-space: nowrap; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta::after { content: "\2197"; font-family: Arial, sans-serif; font-size: 1.25em; line-height: .8; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:hover, body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:focus-visible { color: #e0ac69 !important; border-bottom-color: #e0ac69 !important; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:focus-visible { outline: 2px solid #e0ac69 !important; outline-offset: 5px; } body.page-id-52 #dk-home189-vypravy { scroll-margin-top: 84px; } } /* DK-HOMEPAGE-LEFT-LAYOUT-18.9 END */ /* DK-HOMEPAGE-FINISH-18.10.1 START */ /* Only decorative changes; original geometry and existing right panel are untouched. */ @media (min-width: 981px) { /* Remove the halo while keeping precisely the approved ochre. Underline replaces glow. */ body.page-id-52 .dk-home1150-photo__leftstrap { color: #e0ac69 !important; text-shadow: none !important; filter: none !important; -webkit-text-stroke: 0 transparent !important; text-decoration-line: underline !important; text-decoration-color: rgba(224, 172, 105, .8) !important; text-decoration-style: solid !important; text-decoration-thickness: 1.5px !important; text-underline-offset: 5px !important; } /* Override any sitewide :visited purple and style both the text and arrow. */ body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta, body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:link, body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:visited { color: #ffb265 !important; border-bottom-color: #e0ac69 !important; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta::after, body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:visited::after { color: #ffb265 !important; } body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:hover, body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:focus-visible, body.page-id-52 .dk-home1150-photo__copy .dk-home189-cta:visited:hover { color: #ffd49f !important; border-bottom-color: #ffd49f !important; } /* Original reference bottom rule: added OVER the photograph; no layout movement. */ body.page-id-52 .dk-home1150-photo__slogan18101 { position: absolute !important; left: clamp(26px, 2.7cqw, 40px) !important; right: clamp(26px, 2.7cqw, 40px) !important; bottom: clamp(18px, 1.6cqw, 26px) !important; z-index: 7 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: clamp(12px, 1.2cqw, 18px) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; pointer-events: none !important; } body.page-id-52 .dk-home1150-photo__slogan18101-text { color: #f1dfc6 !important; font: 700 clamp(11px, 1.0cqw, 15px)/1.25 Arial, "Helvetica Neue", sans-serif !important; letter-spacing: .065em !important; text-transform: none !important; white-space: nowrap !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) !important; } body.page-id-52 .dk-home1150-photo__slogan18101-rule { flex: 1 1 auto !important; display: block !important; height: 1px !important; min-width: 28px !important; background: rgba(238, 224, 205, .72) !important; } } /* DK-HOMEPAGE-FINISH-18.10.1 END */ /* DK-HOMEPAGE-STRAP-VIDEO-18.10.3 START */ /* Approved desktop detail changes only: crisp black strap outline and exact 50px legacy offset removal from the actual collapsed running video. Do not alter video geometry, player, hero layout or mobile styling. */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo__leftstrap { color: #e0ac69 !important; -webkit-text-stroke: .65px rgba(0, 0, 0, .94) !important; paint-order: stroke fill !important; text-shadow: 1px 0 0 rgba(0,0,0,.84), -1px 0 0 rgba(0,0,0,.84), 0 1px 0 rgba(0,0,0,.84), 0 -1px 0 rgba(0,0,0,.84) !important; } body.page-id-52 .dk-home-hero-v7 > .dk-home-video-v7-loop video { object-position: center center !important; } } /* DK-HOMEPAGE-STRAP-VIDEO-18.10.3 END */ /* DK-HOMEPAGE-STRAP-ONLY-18.10.4 START */ /* Desktop strapline only. Its top is relative to the REAL title panel height; the title, photograph, dark band, side rails, video and mobile remain intact. */ @media (min-width: 981px) { body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftstrap { top: calc(100% + clamp(7px, .62cqw, 10px)) !important; left: clamp(8px, .70cqw, 11px) !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: max-content !important; margin: 0 !important; padding: clamp(6px, .55cqw, 8px) clamp(11px, .95cqw, 14px) !important; border: 1px solid rgba(224, 172, 105, .88) !important; border-radius: clamp(8px, .75cqw, 11px) !important; background: rgba(16, 19, 23, .77) !important; box-shadow: 0 3px 10px rgba(0,0,0,.24), inset 0 0 0 1px rgba(245,208,157,.045) !important; color: #e0ac69 !important; font-size: clamp(10px, .94cqw, 14px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: .13em !important; white-space: nowrap !important; text-decoration: none !important; text-decoration-line: none !important; text-shadow: 0 1px 1px rgba(0,0,0,.28) !important; -webkit-text-stroke: 0 transparent !important; filter: none !important; } } /* DK-HOMEPAGE-STRAP-ONLY-18.10.4 END */ /* DK-HOMEPAGE-MOBILE-REFERENCE-18.10.5 START */ /* Mobile-only editorial photo: preserve desktop, player, carousel and other pages. */ @media (max-width: 980px) { body.page-id-52 .dk-home1150-photo { container-type: inline-size; aspect-ratio: auto !important; height: clamp(610px, 160cqw, 770px) !important; } body.page-id-52 .dk-home1150-photo::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: 0; height: clamp(195px, 56cqw, 285px); background: rgba(24, 28, 29, .83); pointer-events: none; } body.page-id-52 .dk-home1150-photo > .dk-home1158-brand-overlay { display: none !important; visibility: hidden !important; } body.page-id-52 .dk-home1150-photo__shade { background: linear-gradient(180deg, rgba(7,9,9,.16) 0%, rgba(7,9,9,.03) 37%, rgba(7,9,9,.23) 56%, rgba(7,9,9,.77) 100%) !important; } body.page-id-52 .dk-home1150-photo__leftpanel { position: absolute !important; z-index: 5 !important; display: block !important; top: clamp(13px, 2.8cqw, 22px) !important; left: clamp(13px, 3.5cqw, 27px) !important; width: calc(100% - clamp(29px, 7cqw, 54px)) !important; box-sizing: border-box !important; padding: 0 0 0 clamp(10px, 2.3cqw, 18px) !important; margin: 0 !important; border-left: 2px solid #ae795c !important; color: #f0ece0 !important; pointer-events: none !important; } body.page-id-52 .dk-home1150-photo__leftmeta { display: block !important; width: max-content !important; max-width: 100% !important; padding: 0 0 4px !important; margin: 0 0 clamp(9px, 1.8cqw, 14px) !important; border-bottom: 1px solid rgba(202, 168, 132, .52) !important; color: #caa27a !important; font: 600 clamp(9px, 1.65cqw, 11px)/1.1 Arial, sans-serif !important; letter-spacing: .24em !important; white-space: nowrap !important; } body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftbrand { display: block !important; box-sizing: border-box !important; width: max-content !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; color: #f0ece0 !important; font-family: "Bahnschrift", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(46px, 15.2cqw, 94px) !important; font-weight: 650 !important; line-height: .87 !important; letter-spacing: -.063em !important; text-transform: uppercase !important; text-shadow: none !important; overflow: visible !important; } body.page-id-52 .dk-home1150-photo__leftbrand > span { display: block !important; white-space: nowrap !important; } body.page-id-52 .dk-home1150-photo__leftslash { display: none !important; } body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftstrap { position: absolute !important; z-index: 6 !important; top: calc(100% + clamp(9px, 2.0cqw, 16px)) !important; left: clamp(8px, 1.3cqw, 13px) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: max-content !important; max-width: calc(100cqw - 32px) !important; margin: 0 !important; padding: clamp(7px, 1.55cqw, 10px) clamp(9px, 2.15cqw, 17px) !important; border: 1px solid rgba(224,172,105,.9) !important; border-radius: 9px !important; background: rgba(16,19,23,.82) !important; box-shadow: 0 3px 10px rgba(0,0,0,.24) !important; color: #e0ac69 !important; font: 700 clamp(9px, 1.75cqw, 13px)/1.2 Arial, sans-serif !important; letter-spacing: .085em !important; text-align: center !important; text-transform: uppercase !important; white-space: nowrap !important; text-decoration: none !important; text-shadow: none !important; -webkit-text-stroke: 0 transparent !important; filter: none !important; } body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { position: absolute !important; z-index: 4 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; box-sizing: border-box !important; top: clamp(315px, 59cqw, 390px) !important; left: clamp(14px, 3.1cqw, 25px) !important; right: clamp(14px, 3.1cqw, 25px) !important; bottom: auto !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: clamp(14px, 2.8cqw, 23px) clamp(15px, 3cqw, 26px) !important; border: 0 !important; border-radius: 2px !important; background: rgba(24,28,29,.85) !important; text-align: left !important; text-shadow: none !important; pointer-events: auto !important; } body.page-id-52 .dk-home1150-photo__copy.dk18105-ready > p { display: none !important; } body.page-id-52 .dk18105-eyebrow { display: block !important; margin: 0 0 9px !important; color: #cba17b !important; font: 700 clamp(9px, 1.8cqw, 11px)/1.2 Arial, sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase !important; } body.page-id-52 .dk18105-quote { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #f8f4eb !important; font: italic 700 clamp(20px, 3.8cqw, 29px)/1.13 Georgia, serif !important; letter-spacing: -.028em !important; text-shadow: none !important; } body.page-id-52 .entry-content .dk-home1150-photo .dk-home1150-photo__copy.dk18105-ready a.dk18105-cta:link, body.page-id-52 .entry-content .dk-home1150-photo .dk-home1150-photo__copy.dk18105-ready a.dk18105-cta:visited { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: max-content !important; max-width: 100% !important; margin: 13px 0 0 !important; padding: 0 0 7px !important; border: 0 !important; border-bottom: 2px solid #e0ac69 !important; background: none !important; color: #ffb265 !important; -webkit-text-fill-color: #ffb265 !important; font: 700 clamp(10px, 2.2cqw, 12px)/1.2 Arial, sans-serif !important; letter-spacing: .11em !important; text-decoration: none !important; text-transform: uppercase !important; white-space: nowrap !important; pointer-events: auto !important; } body.page-id-52 .dk18105-cta::after { content: "\2197"; color: inherit; font-size: 1.2em; } body.page-id-52 .dk18105-cta:focus-visible { outline: 2px solid #e0ac69 !important; outline-offset: 4px; } body.page-id-52 .dk18105-slogan { position: absolute !important; z-index: 4 !important; left: 15px !important; right: 15px !important; bottom: clamp(112px, 17cqw, 145px) !important; display: flex !important; align-items: center !important; gap: 9px !important; color: #f1dfc6 !important; font: 700 clamp(10px, 1.85cqw, 12px)/1.2 Arial, sans-serif !important; letter-spacing: .01em !important; pointer-events: none !important; } body.page-id-52 .dk18105-slogan-text { flex: 0 1 auto; min-width: 0; } body.page-id-52 .dk18105-slogan-rule { flex: 1 1 auto; min-width: 25px; height: 1px; background: rgba(238,224,205,.72); } body.page-id-52 .dk-home1150-photo__credit { top: 8px !important; right: 10px !important; bottom: auto !important; left: auto !important; z-index: 7 !important; font-size: 8px !important; } body.page-id-52 .dk-home1150-photo__intro { z-index: 3 !important; } } @media (min-width: 521px) and (max-width: 980px) { body.page-id-52 .dk-home1150-photo { height: clamp(645px, 89cqw, 760px) !important; } body.page-id-52 .dk-home1150-photo::before { height: clamp(218px, 41cqw, 300px); } body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { top: clamp(330px, 46cqw, 395px) !important; left: auto !important; right: 24px !important; width: min(62%, 430px) !important; } body.page-id-52 .dk18105-slogan { bottom: clamp(118px, 14cqw, 143px) !important; } } @media (max-width: 350px) { body.page-id-52 .dk-home1150-photo { height: 650px !important; } body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftbrand { font-size: 46px !important; } body.page-id-52 .dk-home1150-photo__leftpanel .dk-home1150-photo__leftstrap { font-size: 8.5px !important; letter-spacing: .07em !important; padding-inline: 7px !important; } body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { top: 310px !important; } } /* DK-HOMEPAGE-MOBILE-REFERENCE-18.10.5 END */ /* DK-HOMEPAGE-MOBILE-TUNE-18.10.6.1 START */ /* Mobile-only tune after the approved 18.10.5 layout. Keep desktop and existing source blocks intact. */ @media (max-width: 980px) { body.page-id-52 .dk-home1150-photo::before { height: var(--dk181061-band-height, clamp(195px, 56cqw, 285px)) !important; } body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { top: clamp(355px, 68cqw, 435px) !important; } body.page-id-52 .dk18105-slogan { bottom: clamp(70px, 11cqw, 100px) !important; } body.page-id-52 .dk-home1150-carousel__nav { overflow: visible !important; } body.page-id-52 .dk-home1150-carousel__nav--prev::before, body.page-id-52 .dk-home1150-carousel__nav--next::after { position: absolute; left: 50%; display: block; color: rgba(202, 168, 132, .82); font: 700 8px/1.08 Arial, sans-serif; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; writing-mode: vertical-rl; text-orientation: mixed; pointer-events: none; text-shadow: 0 1px 2px rgba(0,0,0,.35); transform: translateX(-50%); } body.page-id-52 .dk-home1150-carousel__nav--prev::before { content: "V\00dd PRAVY / M\00cd STA MIMO HLAVN\00cd TRASY"; bottom: calc(100% + 12px); } body.page-id-52 .dk-home1150-carousel__nav--next::after { content: "V\00dd PRAVY M\00cd KY & P\00c1 JI NA JEDNOM M\00cd ST\011a"; top: calc(100% + 9px); } } @media (min-width: 521px) and (max-width: 980px) { body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { top: clamp(370px, 51cqw, 445px) !important; } body.page-id-52 .dk18105-slogan { bottom: clamp(80px, 10cqw, 108px) !important; } } @media (max-width: 350px) { body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { top: 342px !important; } body.page-id-52 .dk18105-slogan { bottom: 90px !important; } body.page-id-52 .dk-home1150-carousel__nav--prev::before, body.page-id-52 .dk-home1150-carousel__nav--next::after { font-size: 8px; letter-spacing: .14em; } } @media (max-width: 520px) { body.page-id-52 .dk18105-slogan { bottom: clamp(90px, 24cqw, 108px) !important; } } /* DK-HOMEPAGE-MOBILE-TUNE-18.10.6.1 END */ /* DK-HOMEPAGE-MOBILE-PHOTO-18.10.7 START */ /* Only requested mobile visual edits. Retain every existing desktop/source block. */ @media (max-width: 980px) { /* Hide, never delete, the entire legacy intro paragraph. */ body.page-id-52 .dk-home1150-photo__intro { display: none !important; visibility: hidden !important; } /* Reclaim the visible moving-photo area; anchor both text elements from the photograph bottom instead of viewport/preset top offsets. */ body.page-id-52 .dk-home1150-photo__copy.dk18105-ready { top: auto !important; bottom: clamp(49px, 6.5cqw, 64px) !important; padding: clamp(11px, 2.5cqw, 17px) clamp(13px, 3cqw, 23px) !important; } body.page-id-52 .dk18105-eyebrow { margin-bottom: 6px !important; } body.page-id-52 .entry-content .dk-home1150-photo .dk-home1150-photo__copy.dk18105-ready a.dk18105-cta { margin-top: 9px !important; } body.page-id-52 .dk18105-slogan { top: auto !important; bottom: clamp(19px, 2.5cqw, 24px) !important; } /* Left expedition caption must read upwards. Only that caption rotates. */ body.page-id-52 .dk-home1150-carousel__nav--prev::before { transform: translateX(-50%) rotate(180deg) !important; } } /* DK-HOMEPAGE-MOBILE-PHOTO-18.10.7 END */ /* DK-HOMEPAGE-EXPEDITIONS-TYPOGRAPHY-1.0 START */ /* * Horizontal expedition typography only. * IMPORTANT: the vertical navigation captions are intentionally not selected. */ body.page-id-52 .dk-home1150-photo__leftstrap { font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: clamp(14px, 1.2vw, 18px) !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.16 !important; letter-spacing: .18em !important; text-shadow: none !important; -webkit-text-stroke: 0 transparent !important; -webkit-text-stroke-width: 0 !important; paint-order: normal !important; filter: none !important; } body.page-id-52 .dk-home1150-carousel__label, body.page-id-52 .dk-home1150-project__title { font-family: "Bahnschrift", "Arial Narrow", "Roboto Condensed", Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: -.02em !important; text-shadow: none !important; -webkit-text-stroke: 0 transparent !important; -webkit-text-stroke-width: 0 !important; paint-order: normal !important; filter: none !important; } body.page-id-52 .dk-home1150-carousel__label { font-size: clamp(24px, 2.25vw, 31px) !important; line-height: 1.02 !important; } body.page-id-52 .dk-home1150-project__title { font-size: clamp(20px, 1.65vw, 25px) !important; line-height: 1.05 !important; } body.page-id-52 .dk-home1150-carousel__count, body.page-id-52 .dk-home1150-project__description, body.page-id-52 .dk-home1150-project__poster figcaption { font-family: Arial, "Helvetica Neue", sans-serif !important; font-style: normal !important; text-shadow: none !important; -webkit-text-stroke: 0 transparent !important; -webkit-text-stroke-width: 0 !important; paint-order: normal !important; filter: none !important; } body.page-id-52 .dk-home1150-carousel__count { font-size: 12px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: .10em !important; } body.page-id-52 .dk-home1150-project__description { font-size: clamp(14px, 1.05vw, 15.5px) !important; line-height: 1.48 !important; font-weight: 400 !important; letter-spacing: 0 !important; } body.page-id-52 .dk-home1150-project__poster figcaption { font-size: 11.5px !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: 0 !important; } body.page-id-52 .dk-home1150-project__title :where(a, span, strong, em), body.page-id-52 .dk-home1150-project__description :where(a, span, strong, em), body.page-id-52 .dk-home1150-carousel__label :where(a, span, strong, em) { font-family: inherit !important; text-shadow: none !important; -webkit-text-stroke: 0 transparent !important; -webkit-text-stroke-width: 0 !important; paint-order: normal !important; filter: none !important; } @media (max-width: 767px) { body.page-id-52 .dk-home1150-carousel__label { font-size: clamp(22px, 6.7vw, 28px) !important; } body.page-id-52 .dk-home1150-project__title { font-size: clamp(20px, 5.7vw, 24px) !important; } body.page-id-52 .dk-home1150-project__description { font-size: 14px !important; line-height: 1.47 !important; } } /* DK-HOMEPAGE-EXPEDITIONS-TYPOGRAPHY-1.0 END */