/* AysenFjord brand layer (2026-09-26). Nacita se jako posledni styl v <head>.
   Pisma podle brand manualu: titulky Switzer Bold, text Clash Display Medium.
   'AF Display' nahrazuje drivejsi Playfair Display, 'AF Text' drivejsi DM Sans.
   Vsechny vahy titulku se schvalne vykresli jako Switzer Bold (manual: titulky a nadpisy = Bold). */
@font-face{font-family:'AF Display';src:url(/fonts/switzer-bold.woff2) format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'AF Display';src:url(/fonts/switzer-bold.woff2) format('woff2');font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:'AF Text';src:url(/fonts/clashdisplay-medium.woff2) format('woff2');font-weight:100 599;font-style:normal;font-display:swap}
@font-face{font-family:'AF Text';src:url(/fonts/clashdisplay-bold.woff2) format('woff2');font-weight:600 1000;font-style:normal;font-display:swap}
@font-face{font-family:'AF Text';src:url(/fonts/clashdisplay-medium.woff2) format('woff2');font-weight:100 1000;font-style:italic;font-display:swap}
:root{--af-black:#090909;--af-ivory:#faf8ed;--af-orange:#e83f15;--af-grey:#dedede;--af-muted:#848485}
/* Tailwind akcenty (teal, emerald, sky, amber, red...) prevedene na paletu znacky */
.bg-amber-400{background-color:#e83f15}
.bg-amber-500\/10{background-color:rgba(232,63,21,0.1)}
.bg-emerald-400\/90{background-color:rgba(232,63,21,0.9)}
.bg-emerald-950\/20{background-color:rgba(250,248,237,0.016)}
.bg-emerald-950\/5{background-color:rgba(250,248,237,0.004)}
.bg-teal-400\/5{background-color:rgba(232,63,21,0.05)}
.bg-teal-900\/80{background-color:rgba(250,248,237,0.064)}
.bg-teal-950\/10{background-color:rgba(250,248,237,0.008)}
.bg-teal-950\/5{background-color:rgba(250,248,237,0.004)}
.border-amber-500\/20{border-color:rgba(232,63,21,0.2)}
.border-emerald-700\/40{border-color:rgba(222,222,222,0.12)}
.border-emerald-900\/40{border-color:rgba(222,222,222,0.12)}
.border-teal-400\/30{border-color:rgba(232,63,21,0.3)}
.border-teal-500\/25{border-color:rgba(232,63,21,0.25)}
.border-teal-500\/40{border-color:rgba(232,63,21,0.4)}
.border-teal-500\/50{border-color:rgba(232,63,21,0.5)}
.border-teal-800\/40{border-color:rgba(222,222,222,0.12)}
.border-teal-900\/25{border-color:rgba(222,222,222,0.075)}
.border-teal-900\/30{border-color:rgba(222,222,222,0.09)}
.border-teal-900\/35{border-color:rgba(222,222,222,0.105)}
.border-teal-900\/40{border-color:rgba(222,222,222,0.12)}
.decoration-teal-500\/40{text-decoration-color:rgba(232,63,21,0.4)}
.decoration-teal-900\/40{text-decoration-color:rgba(132,132,133,0.4)}
.from-emerald-500\/70{--tw-gradient-from:rgba(232,63,21,0.7);--tw-gradient-to:rgba(232,63,21,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-red-500\/80{--tw-gradient-from:rgba(232,63,21,0.8);--tw-gradient-to:rgba(232,63,21,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.group:hover .group-hover\:text-amber-400{color:#e83f15}
.group:hover .group-hover\:text-amber-400\/80{color:rgba(232,63,21,0.8)}
.group:hover .group-hover\:text-cyan-400{color:#e83f15}
.group:hover .group-hover\:text-emerald-400{color:#e83f15}
.group:hover .group-hover\:text-sky-400{color:#e83f15}
.group:hover .group-hover\:text-teal-200{color:#faf8ed}
.group:hover .group-hover\:text-teal-400{color:#e83f15}
.hover\:bg-emerald-300:hover{background-color:#e83f15}
.hover\:bg-emerald-900\/30:hover{background-color:rgba(250,248,237,0.024)}
.hover\:bg-teal-400\/10:hover{background-color:rgba(232,63,21,0.1)}
.hover\:bg-teal-500\/10:hover{background-color:rgba(232,63,21,0.1)}
.hover\:bg-teal-950\/20:hover{background-color:rgba(250,248,237,0.016)}
.hover\:border-emerald-700\/40:hover{border-color:rgba(222,222,222,0.12)}
.hover\:border-teal-400\/60:hover{border-color:rgba(232,63,21,0.6)}
.hover\:border-teal-800\/60:hover{border-color:rgba(222,222,222,0.18)}
.hover\:border-teal-900\/30:hover{border-color:rgba(222,222,222,0.09)}
.hover\:text-emerald-300:hover{color:#faf8ed}
.hover\:text-sky-300:hover{color:#faf8ed}
.hover\:text-teal-200:hover{color:#faf8ed}
.hover\:text-teal-300:hover{color:#faf8ed}
.hover\:text-teal-400:hover{color:#e83f15}
.text-amber-400\/60{color:rgba(232,63,21,0.6)}
.text-amber-400\/70{color:rgba(232,63,21,0.7)}
.text-amber-400\/80{color:rgba(232,63,21,0.8)}
.text-amber-500\/70{color:rgba(232,63,21,0.7)}
.text-amber-500\/80{color:rgba(232,63,21,0.8)}
.text-amber-600\/70{color:rgba(132,132,133,0.7)}
.text-amber-700\/60{color:rgba(132,132,133,0.6)}
.text-cyan-600\/70{color:rgba(132,132,133,0.7)}
.text-emerald-400{color:#e83f15}
.text-emerald-400\/70{color:rgba(232,63,21,0.7)}
.text-emerald-400\/80{color:rgba(232,63,21,0.8)}
.text-emerald-500{color:#e83f15}
.text-emerald-500\/70{color:rgba(232,63,21,0.7)}
.text-emerald-500\/80{color:rgba(232,63,21,0.8)}
.text-emerald-600{color:#848485}
.text-emerald-600\/60{color:rgba(132,132,133,0.6)}
.text-emerald-600\/70{color:rgba(132,132,133,0.7)}
.text-emerald-700\/60{color:rgba(132,132,133,0.6)}
.text-emerald-700\/70{color:rgba(132,132,133,0.7)}
.text-green-600\/70{color:rgba(132,132,133,0.7)}
.text-orange-600\/70{color:rgba(132,132,133,0.7)}
.text-red-400\/70{color:rgba(232,63,21,0.7)}
.text-red-500{color:#e83f15}
.text-red-500\/80{color:rgba(232,63,21,0.8)}
.text-red-800\/60{color:rgba(132,132,133,0.6)}
.text-rose-600\/70{color:rgba(132,132,133,0.7)}
.text-sky-400{color:#e83f15}
.text-sky-600\/70{color:rgba(132,132,133,0.7)}
.text-sky-700\/60{color:rgba(132,132,133,0.6)}
.text-teal-200{color:#faf8ed}
.text-teal-300{color:#faf8ed}
.text-teal-300\/90{color:rgba(250,248,237,0.9)}
.text-teal-400{color:#e83f15}
.text-teal-400\/60{color:rgba(232,63,21,0.6)}
.text-teal-400\/70{color:rgba(232,63,21,0.7)}
.text-teal-400\/80{color:rgba(232,63,21,0.8)}
.text-teal-400\/90{color:rgba(232,63,21,0.9)}
.text-teal-500\/40{color:rgba(232,63,21,0.4)}
.text-teal-500\/60{color:rgba(232,63,21,0.6)}
.text-teal-500\/80{color:rgba(232,63,21,0.8)}
.text-teal-600\/50{color:rgba(132,132,133,0.5)}
.text-teal-600\/60{color:rgba(132,132,133,0.6)}
.text-teal-600\/70{color:rgba(132,132,133,0.7)}
.text-teal-600\/80{color:rgba(132,132,133,0.8)}
.text-teal-700\/50{color:rgba(132,132,133,0.5)}
.text-teal-700\/60{color:rgba(132,132,133,0.6)}
.text-teal-700\/70{color:rgba(132,132,133,0.7)}
.text-teal-800\/70{color:rgba(132,132,133,0.7)}
.to-sky-500\/70{--tw-gradient-to:rgba(232,63,21,0.7)}
.via-teal-400\/80{--tw-gradient-to:rgba(232,63,21,0);--tw-gradient-stops:var(--tw-gradient-from),rgba(232,63,21,0.8),var(--tw-gradient-to)}
/* Tailwind tridy s konkretni barvou [#...] */
.bg-\[\#a5d8e8\]\/80{background-color:rgba(222,222,222,0.8)}
.text-\[\#a5d8e8\]{color:#dedede}
.hover\:text-\[\#c9ecf8\]:hover{color:#dedede}
.hover\:text-\[\#a5d8e8\]:hover{color:#dedede}
.border-\[\#7fc4de\]\/50{border-color:rgba(222,222,222,0.5)}
.hover\:border-\[\#a5d8e8\]\/80:hover{border-color:rgba(222,222,222,0.8)}
.border-\[\#7fc4de\]\/30{border-color:rgba(222,222,222,0.3)}
/* Navigace: Ivory text, oranzova jen jako hover a podtrzeni (oranzovy text na fotce je necitelny) */
#desktop-nav a, #desktop-nav button, #menuBtn, #mobile-menu > a{color:#faf8ed !important}
#desktop-nav a:hover, #desktop-nav button:hover, #menuBtn:hover, #mobile-menu > a:hover{color:#e83f15 !important}
/* Tlacitko Prihlaska podle manualu: oranzova plocha, Ivory popisek, zaobleni 5 px, Switzer Bold verzalky */
#desktop-nav a[onclick*="openApplyModal"], #desktop-nav a[href$="apply.html"], #mobile-menu a[onclick*="openApplyModal"], #mobile-menu a[href$="apply.html"]{color:#faf8ed !important;background:#e83f15 !important;border-radius:5px !important;font-family:'AF Display',sans-serif !important;font-weight:700}
#desktop-nav a[onclick*="openApplyModal"]:hover, #desktop-nav a[href$="apply.html"]:hover, #mobile-menu a[onclick*="openApplyModal"]:hover, #mobile-menu a[href$="apply.html"]:hover{background:#e83f15 !important;opacity:.88}
/* Nadpisy vzdy Switzer Bold (manual str. 22). Puvodni zaporne prostrkani bylo ladene na Playfair a DM Sans. */
h1,h2,h3{font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;letter-spacing:-0.01em !important}
/* Dalsi Tailwind barvy mimo paletu (red, rose, violet, indigo, green) */
.text-indigo-600\/70{color:rgba(132,132,133,0.7)}
.text-violet-600\/70{color:rgba(132,132,133,0.7)}
/* Telo stranky: Aysen Black misto #0a0a0b */
.bg-\[\#0a0a0b\]{background-color:#090909}
/* ===== TLACITKA PODLE MANUALU (str. 22) =====
   Hlavni: oranzova plocha, Ivory popisek, Switzer Bold verzalky, zaobleni 5 px.
   Vedlejsi (obrysova): manual je nedefinuje, sjednoceno na stejny tvar a pismo s Ivory linkou. */
a.bg-white.text-zinc-950, button.bg-white.text-zinc-950, a.cta-primary, button.cta-primary,
#hero-mobile-overlay .hm-cta, #sticky-cta a.bg-white, #sticky-cta button.bg-white{
  background:#e83f15 !important;color:#faf8ed !important;border:0 !important;border-radius:5px !important;
  font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important;text-transform:uppercase;box-shadow:none !important}
a.bg-white.text-zinc-950:hover, button.bg-white.text-zinc-950:hover, a.cta-primary:hover, button.cta-primary:hover,
#hero-mobile-overlay .hm-cta:hover, #sticky-cta a.bg-white:hover, #sticky-cta button.bg-white:hover{background:#e83f15 !important;opacity:.88}
a.bg-white.text-zinc-950 *, button.bg-white.text-zinc-950 *, a.cta-primary *, #hero-mobile-overlay .hm-cta *{color:inherit}
a.bg-white.text-zinc-950:focus-visible, button.bg-white.text-zinc-950:focus-visible, a.cta-primary:focus-visible, #hero-mobile-overlay .hm-cta:focus-visible{outline:2px solid #faf8ed;outline-offset:3px}
/* Vedlejsi tlacitka s obrysem */
a.border.uppercase, button.border.uppercase, #hero-mobile-overlay .hm-videobtn{border-radius:5px !important;font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important}
#hero-mobile-overlay .hm-videobtn{border-color:rgba(250,248,237,.6) !important}
/* ===== 2026-09-26 druha vlna ===== */
/* Drobny text do 15 px: Switzer Medium (Clash Display je siroky a v malych velikostech na tmave splyva) */
@font-face{font-family:'AF Small';src:url(/fonts/switzer-medium.woff2) format('woff2');font-weight:100 599;font-display:swap}
@font-face{font-family:'AF Small';src:url(/fonts/switzer-bold.woff2) format('woff2');font-weight:600 1000;font-display:swap}

/* Hero: hlavni akce je tlacitko (button), vedlejsi odkaz */
#hero-mobile-overlay button.hm-cta{pointer-events:auto;margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.8rem;font-size:13px;letter-spacing:.08em;cursor:pointer}
#hero-mobile-overlay a.hm-cta2{pointer-events:auto;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:640px){#hero-mobile-overlay button.hm-cta{width:100%;max-width:20rem}}
#pricing button.cta-primary{cursor:pointer}
/* Menu: Prihlaska uz neni oranzova (oranzova patri jen uvodnimu hovoru), jen obrys v Ivory */
#desktop-nav a[onclick*="openApplyModal"], #desktop-nav a[href$="apply.html"], #mobile-menu a[onclick*="openApplyModal"], #mobile-menu a[href$="apply.html"]{background:transparent !important;color:#faf8ed !important;box-shadow:inset 0 0 0 1px rgba(250,248,237,.55)}
#desktop-nav a[onclick*="openApplyModal"]:hover, #desktop-nav a[href$="apply.html"]:hover, #mobile-menu a[onclick*="openApplyModal"]:hover, #mobile-menu a[href$="apply.html"]:hover{background:#faf8ed !important;color:#090909 !important;opacity:1}
/* WhatsApp: cerny kruh, ikona v Ivory, bez zeleneho a bez napisu */
#af-wa{background:#090909 !important;color:#faf8ed !important;padding:.8rem !important;box-shadow:0 0 0 1px rgba(250,248,237,.35),0 6px 24px rgba(0,0,0,.45) !important}
#af-wa:hover{box-shadow:0 0 0 1px #faf8ed,0 6px 24px rgba(0,0,0,.45) !important}
#af-wa .af-wa-txt,#af-wa .af-wa-dot{display:none !important}
/* Odesilaci tlacitka formularu podle manualu */
.call-submit, #briefing-submit{background:#e83f15 !important;color:#faf8ed !important;border-radius:5px !important;font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important}
.call-submit:hover, #briefing-submit:hover{background:#e83f15 !important;opacity:.88}
/* ===== 2026-09-26 treti vlna ===== */
/* Citelnost: text na cerne v teplych odstinech Ivory misto studene sedi (zinc). Mene oslnuje, kontrast porad AA a vic. */
.text-white,.text-zinc-100{color:#faf8ed}
.text-zinc-200{color:#e8e6dc}
.text-zinc-300{color:#d6d4cb}
.text-zinc-400{color:#b7b5ad}
.text-zinc-500{color:#8e8c86}
.hover\:text-white:hover,.hover\:text-zinc-100:hover{color:#faf8ed}
.hover\:text-zinc-200:hover{color:#e8e6dc}
.hover\:text-zinc-300:hover{color:#d6d4cb}
/* Hero: dve jasne odlisena tlacitka. Hlavni oranzova plocha, vedlejsi obrys v Ivory, stejna vyska a pismo */
#hero-mobile-overlay a.hm-cta2{margin:0 !important;box-sizing:border-box;justify-content:center;min-height:48px;line-height:1.2;padding:.85rem 1.8rem;border:1px solid rgba(250,248,237,.6) !important;border-radius:5px;background:rgba(9,9,9,.25) !important;color:#faf8ed !important;font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}
#hero-mobile-overlay a.hm-cta2:hover{background:#faf8ed !important;color:#090909 !important}
#hero-mobile-overlay a.hm-cta2:focus-visible{outline:2px solid #faf8ed;outline-offset:3px}
@media (max-width:640px){#hero-mobile-overlay a.hm-cta2{width:100%;max-width:20rem}}
/* Hero eyebrow: jmena Charles Darwin a Vaclav Novy v Ivory a tucne */
#hero-mobile-overlay .hm-eyebrow em{font-style:normal;color:#faf8ed !important;font-weight:700;border-bottom:1px solid rgba(232,63,21,.8);padding-bottom:1px}
/* Z blogu: clanky jako seznam zarovnany vlevo */
.af-blog{text-align:left;counter-reset:afblog}
.af-blog > p:first-child{text-align:left}
.af-blog > a.block{display:block;position:relative;padding:.95rem 0 .95rem 2.5rem;text-align:left;font-family:'AF Text',system-ui,sans-serif;font-size:16px;line-height:1.45;color:#d6d4cb;border-color:rgba(250,248,237,.1)}
.af-blog > a.block::before{counter-increment:afblog;content:counter(afblog,decimal-leading-zero);position:absolute;left:0;top:1.2rem;font-family:'AF Small','Helvetica Neue',Arial,sans-serif;font-size:12px;line-height:1;font-weight:700;color:#e83f15;letter-spacing:.04em}
.af-blog > a.block:hover{color:#faf8ed}
.af-blog > a.block .audio-badge{margin:0 .5rem 0 .6rem;white-space:nowrap;color:#8e8c86}
.af-blog > a.inline-block{display:inline-block;margin-left:2.5rem}
@media (max-width:640px){.af-blog > a.block{font-size:15px}.af-blog > a.block .audio-badge{margin:0 .4rem 0 .4rem}}
/* ===== PISMO PRESNE PODLE MANUALU (str. 22) =====
   Switzer Bold: titulky, nadpisy, tlacitka, stitky (verzalky). Clash Display Medium: veskery beznny text vcetne drobneho, zvyrazneni Bold.
   Kurziva v manualu neni: zadna kurziva, zvyrazneni tucne. */
body *{font-style:normal !important}
body,p,li,dd,dt,td,th,blockquote,figcaption,label,small,input,textarea,select,.text-xs,.text-sm,.text-base,.text-lg,.text-\[10px\],.text-\[11px\],.text-\[12px\],.text-\[13px\],.text-\[14px\]{font-family:'AF Text',system-ui,sans-serif}
.uppercase,nav a,.nav-link,#desktop-nav a,#mobile-menu a,button{font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700}
h1,h2,h3,h4,h5,h6{font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important}
p em,li em,figcaption em,blockquote em,p i,li i{font-weight:700}
#af-wa .af-wa-txt{font-family:'AF Text',system-ui,sans-serif}
/* Stitky psane verzalkami ve stylech stranek: Switzer Bold jako label v manualu */
#hero-mobile-overlay .hm-eyebrow,#hero-mobile-overlay .hm-facts,#hero-mobile-overlay .hm-sub,.af-bar div,.af-tag,.afp-play,.call-field label,.countdown-label,.cta-briefing,.gallery-item .g-caption .g-title,.itin-tag,.month-table th,.na-palube .np-eyebrow,.na-palube .np-link,.na-palube .np-num{font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important}
#hero-mobile-overlay .hm-eyebrow{color:#d6d4cb !important}
/* ===== 2026-09-26 TLACITKA A HERO v2 =====
   Tlacitko presne podle manualu str. 22: vyska 51 px, vodorovny okraj 23 px, Switzer Bold 16 px verzalkami, prostrkani 0, zaobleni 5 px.
   Tri urovne: hlavni (oranzova plocha, jen uvodni hovor), vedlejsi (obrys Ivory), textovy odkaz. */
a.cta-primary, button.cta-primary, #hero-mobile-overlay button.hm-cta, #hero-mobile-overlay a.hm-cta, #hero-mobile-overlay a.hm-cta2, a.af-btn-secondary, #sticky-cta a.bg-white, #sticky-cta button.bg-white, .call-submit, #briefing-submit{
  display:inline-flex !important;align-items:center;justify-content:center;gap:.6rem;box-sizing:border-box;
  min-height:51px !important;padding:0 23px !important;border-radius:5px !important;
  font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important;font-size:16px !important;line-height:1.1 !important;letter-spacing:0 !important;text-transform:uppercase;text-decoration:none;text-shadow:none !important;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}
a.cta-primary::after, button.cta-primary::after, #hero-mobile-overlay .hm-cta::after{content:'';width:14px;height:14px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='square'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='square'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s ease}
a.cta-primary:hover::after, button.cta-primary:hover::after, #hero-mobile-overlay .hm-cta:hover::after{transform:translateX(3px)}
#hero-mobile-overlay a.hm-cta2, a.af-btn-secondary{background:transparent !important;color:#faf8ed !important;border:1px solid rgba(250,248,237,.7) !important}
#hero-mobile-overlay a.hm-cta2:hover, a.af-btn-secondary:hover{background:#faf8ed !important;color:#090909 !important;border-color:#faf8ed !important}
a.af-btn-secondary:focus-visible{outline:2px solid #faf8ed;outline-offset:3px}
@media (prefers-reduced-motion:reduce){a.cta-primary::after,#hero-mobile-overlay .hm-cta::after{transition:none}}
/* Drobne ovladaci prvky: bez pilulek, zaobleni jen 5 px jako tlacitko */
a[class*="rounded-full"].border, button[class*="rounded-full"].border, #hero-top .hero-pause{border-radius:5px !important}

/* ----- HERO v2: jako kapitolova strana manualu. Text vlevo dole, bez stinu a bez pilulek, fotka jen ztmavena. ----- */
#hero-top{align-items:stretch !important;justify-content:flex-end !important;text-align:left !important;padding:7rem 48px 0 !important}
#hero-top .hero-shade{background:linear-gradient(90deg,rgba(9,9,9,.82) 0%,rgba(9,9,9,.62) 38%,rgba(9,9,9,.18) 68%,rgba(9,9,9,0) 85%),linear-gradient(to top,rgba(9,9,9,.92) 0%,rgba(9,9,9,.5) 30%,rgba(9,9,9,0) 55%) !important}
#hero-top .scroll-hint, #hero-mobile-overlay a.hm-cue{display:none !important}
#hero-mobile-overlay{max-width:none !important;margin:0 !important;text-align:left !important;display:flex;flex-direction:column;align-items:flex-start}
#hero-mobile-overlay *{text-shadow:none !important}
#hero-mobile-overlay .hm-eyebrow{display:flex !important;align-items:center;gap:14px !important;padding:0 !important;margin:0 0 22px !important;background:none !important;border:0 !important;border-radius:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;font-size:12px !important;letter-spacing:.14em !important;flex-direction:row !important;flex-wrap:nowrap}
#hero-mobile-overlay .hm-eyebrow .hm-rule{flex:none;width:32px;height:2px;background:#e83f15}
#hero-mobile-overlay .hm-eyebrow em{border-bottom:0 !important;padding:0 !important}
#hero-mobile-overlay .hm-h1{max-width:16ch;font-size:clamp(2.75rem,6.4vw,5.75rem) !important;line-height:1 !important;letter-spacing:-.025em !important;color:#faf8ed !important;text-align:left}
#hero-mobile-overlay .hm-h1 span{display:block}
#hero-mobile-overlay .hm-lead{max-width:36rem !important;margin:24px 0 0 !important;font-size:clamp(1rem,1.3vw,1.125rem) !important;line-height:1.6 !important;color:#e8e6dc !important;text-align:left}
#hero-mobile-overlay .hm-ctas{justify-content:flex-start !important;gap:14px !important;margin-top:32px !important;flex-direction:row !important}
#hero-mobile-overlay .hm-note{margin:14px 0 0;font-size:13px;line-height:1.4;color:#b7b5ad}
#hero-mobile-overlay .hm-facts2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% + 96px);margin:clamp(40px,7vh,72px) -48px 0;border-top:1px solid rgba(250,248,237,.16);background:rgba(9,9,9,.55)}
#hero-mobile-overlay .hm-facts2 > div{padding:18px 48px 22px;border-left:1px solid rgba(250,248,237,.16)}
#hero-mobile-overlay .hm-facts2 > div:first-child{border-left:0}
#hero-mobile-overlay .hm-facts2 dt{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8e8c86;margin:0 0 6px}
#hero-mobile-overlay .hm-facts2 dd{margin:0;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.2;color:#faf8ed}
#hero-top .hero-pause{left:auto !important;right:24px;bottom:auto !important;top:6.25rem}
@media (max-width:1023px){#hero-mobile-overlay .hm-facts2 > div{padding:16px 24px 18px}}
@media (max-width:640px){
  #hero-top{padding:6.5rem 20px 0 !important}
  #hero-top .hero-shade{background:linear-gradient(to top,rgba(9,9,9,.95) 0%,rgba(9,9,9,.75) 45%,rgba(9,9,9,.35) 75%,rgba(9,9,9,.2) 100%) !important}
  #hero-mobile-overlay .hm-eyebrow{font-size:10.5px !important;letter-spacing:.1em !important;align-items:flex-start;gap:10px !important;margin-bottom:16px !important}
  #hero-mobile-overlay .hm-eyebrow .hm-rule{width:20px;margin-top:6px}
  #hero-mobile-overlay .hm-h1{font-size:clamp(2.4rem,11vw,3.2rem) !important}
  #hero-mobile-overlay .hm-lead{font-size:15.5px !important;margin-top:16px !important}
  #hero-mobile-overlay .hm-ctas{flex-direction:column !important;align-items:stretch;width:100%;gap:10px !important;margin-top:24px !important}
  #hero-mobile-overlay .hm-ctas > *{width:100% !important;max-width:none !important}
  #hero-mobile-overlay .hm-facts2{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% + 40px);margin:28px -20px 0}
  #hero-mobile-overlay .hm-facts2 > div{padding:14px 20px}
  #hero-mobile-overlay .hm-facts2 > div:nth-child(3){border-left:0}
  #hero-mobile-overlay .hm-facts2 > div:nth-child(n+3){border-top:1px solid rgba(250,248,237,.16)}
  #hero-mobile-overlay .hm-facts2 dd{font-size:17px}
  #hero-top .hero-pause{top:auto;bottom:auto;right:12px;top:5.5rem}
}
/* Zaverecne vyzvy na podstrankach: hlavni hovor a vedle vedlejsi prihlaska */
section .flex > a.cta-primary + a.af-btn-secondary{margin:0}
/* Hlavni tlacitko bez leskleho prejezdu, pulzovani, stinu a nadskoceni (manual: bez stinu a prechodu) */
a.cta-primary, button.cta-primary{animation:none !important;box-shadow:none !important;transform:none !important;overflow:visible !important}
a.cta-primary::after, button.cta-primary::after{position:static !important;inset:auto !important}
/* Cookies: oranzova patri jen uvodnimu hovoru. Souhlas je Ivory plocha, odmitnuti obrys. */
button[onclick^="acceptCookies"]{background:#faf8ed !important;color:#090909 !important;border-radius:5px !important}
button[onclick^="acceptCookies"]:hover{opacity:.88}
/* Oranzova jen pro uvodni hovor. Ostatni plna tlacitka (newsletter, formulare, podklady) jsou Ivory plocha s cernym popiskem. */
a.bg-white.text-zinc-950:not(.cta-primary):not([data-call-open]):not(#sticky-cta *), button.bg-white.text-zinc-950:not(.cta-primary):not([data-call-open]):not(#sticky-cta *){background:#faf8ed !important;color:#090909 !important;box-shadow:none !important}
a.bg-white.text-zinc-950:not(.cta-primary):not([data-call-open]):not(#sticky-cta *):hover, button.bg-white.text-zinc-950:not(.cta-primary):not([data-call-open]):not(#sticky-cta *):hover{background:#faf8ed !important;opacity:.85}
/* Poradi a mezery ve vyzvach: hovor, prihlaska, pak textovy odkaz */
a.cta-primary, button.cta-primary, #hero-mobile-overlay .hm-cta, a.af-btn-secondary, #hero-mobile-overlay a.hm-cta2{white-space:nowrap;gap:0 !important}
a.cta-primary::after, button.cta-primary::after, #hero-mobile-overlay .hm-cta::after{margin-left:10px}
.flex:has(> a.cta-primary) > a.cta-primary{order:1}
.flex:has(> a.cta-primary) > a.af-btn-secondary{order:2}
.flex:has(> a.cta-primary) > a.cta-briefing{order:3}
/* Treti uroven: textovy odkaz bez ramecku a bez zare */
a.cta-briefing{display:inline-flex !important;align-items:center;gap:8px;min-height:44px;padding:0 4px !important;background:none !important;border:0 !important;box-shadow:none !important;animation:none !important;transform:none !important;border-radius:0 !important;
  font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important;font-size:13px !important;letter-spacing:.06em !important;text-transform:uppercase;color:#d6d4cb !important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(250,248,237,.35)}
a.cta-briefing:hover{color:#faf8ed !important;text-decoration-color:#e83f15}
a.cta-briefing iconify-icon{display:none}
@media (max-width:640px){.flex > a.cta-primary, .flex > a.af-btn-secondary{width:100%}}
a.cta-briefing{text-decoration:none !important;white-space:nowrap}
a.cta-briefing > span:not(.cta-arrow){text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(250,248,237,.35)}
a.cta-briefing:hover > span:not(.cta-arrow){text-decoration-color:#e83f15}
.flex:has(> a.cta-primary) > a:not(.cta-primary):not(.af-btn-secondary){order:3}
a.cta-primary::after, button.cta-primary::after{transform:none !important}
a.cta-primary:hover::after, button.cta-primary:hover::after{transform:translateX(3px) !important}
a.cta-primary::before, button.cta-primary::before{content:none !important;display:none !important;animation:none !important}
/* ----- HERO v2.1: mensi nadpis (asi o 20 %), vic vzduchu, lehka lista faktu ----- */
#hero-mobile-overlay .hm-h1{font-size:clamp(2.25rem,5.1vw,4.6rem) !important;line-height:1.02 !important;max-width:18ch}
#hero-mobile-overlay .hm-eyebrow{margin-bottom:32px !important}
#hero-mobile-overlay .hm-lead{margin-top:32px !important}
#hero-mobile-overlay .hm-ctas{margin-top:44px !important}
#hero-mobile-overlay .hm-note{margin-top:16px}
#hero-mobile-overlay .hm-facts2{width:100%;margin:clamp(56px,10vh,104px) 0 0;background:none !important;border-top:1px solid rgba(250,248,237,.22);gap:0 48px}
#hero-mobile-overlay .hm-facts2 > div{padding:20px 0 28px !important;border:0 !important}
#hero-mobile-overlay .hm-facts2 dt{color:#b7b5ad}
#hero-mobile-overlay .hm-facts2 dd{font-size:18px}
@media (max-width:640px){
  #hero-mobile-overlay .hm-h1{font-size:clamp(2rem,9vw,2.6rem) !important}
  #hero-mobile-overlay .hm-eyebrow{margin-bottom:20px !important}
  #hero-mobile-overlay .hm-lead{margin-top:20px !important}
  #hero-mobile-overlay .hm-ctas{margin-top:28px !important}
  #hero-mobile-overlay .hm-facts2{width:100%;margin:36px 0 0;gap:0 24px}
  #hero-mobile-overlay .hm-facts2 > div{padding:14px 0 16px !important}
  #hero-mobile-overlay .hm-facts2 > div:nth-child(n+3){border-top:1px solid rgba(250,248,237,.12) !important}
  #hero-mobile-overlay .hm-facts2 dd{font-size:16px}
}
/* Hero: treti uroven, textovy odkaz na video lodi Patagonia I */
#hero-mobile-overlay a.hm-play{display:inline-flex;align-items:center;gap:12px;min-height:51px;padding:0 6px;margin-left:10px;color:#faf8ed;text-decoration:none;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
#hero-mobile-overlay a.hm-play .hm-play-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(250,248,237,.6);border-radius:5px;transition:background-color .2s,border-color .2s,color .2s}
#hero-mobile-overlay a.hm-play .hm-play-ic svg{width:14px;height:14px;margin-left:2px}
#hero-mobile-overlay a.hm-play > span:last-child{border-bottom:1px solid rgba(250,248,237,.35);padding-bottom:3px;transition:border-color .2s}
#hero-mobile-overlay a.hm-play:hover .hm-play-ic{background:#faf8ed;color:#090909;border-color:#faf8ed}
#hero-mobile-overlay a.hm-play:hover > span:last-child{border-color:#e83f15}
#hero-mobile-overlay a.hm-play:focus-visible{outline:2px solid #faf8ed;outline-offset:3px}
@media (max-width:640px){#hero-mobile-overlay .hm-ctas > a.hm-play{width:auto !important;justify-content:center;margin:4px 0 0}}
#hero-mobile-overlay a.hm-play{flex-direction:row !important;margin-top:0 !important}
#hero-mobile-overlay a.hm-play > span:last-child{font-size:13px;letter-spacing:.08em;font-weight:700}
@media (max-width:640px){#hero-mobile-overlay .hm-ctas > a.hm-play{justify-content:flex-start;align-self:flex-start;margin:6px 0 0 !important;padding:0 !important}}
/* Video odkaz vpravo vedle obou tlacitek na stejne lince (desktop); na mobilu se nevejde, je pod nimi */
@media (min-width:641px){#hero-mobile-overlay .hm-ctas{flex-wrap:nowrap !important}#hero-mobile-overlay .hm-ctas > a.hm-play{order:3;margin-left:14px !important}}
/* Video odkaz uplne vpravo v hero, na stejne vysce jako tlacitka (desktop) */
@media (min-width:641px){#hero-mobile-overlay .hm-ctas{width:100%}#hero-mobile-overlay .hm-ctas > a.hm-play{margin-left:auto !important}}
/* Video lodi ve vlastni vrstve pres celou obrazovku */
.af-vbox{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:24px}
.af-vbox[hidden]{display:none}
.af-vbox-bg{position:absolute;inset:0;background:rgba(9,9,9,.94)}
.af-vbox-in{position:relative;width:min(960px,100%);max-height:100%}
.af-vbox video{display:block;width:100%;height:auto;max-height:calc(100dvh - 100px);aspect-ratio:16/9;object-fit:contain;background:#090909}
.af-vbox-x{position:static;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(250,248,237,.6);border-radius:5px;color:#faf8ed;cursor:pointer;padding:0}
.af-vbox-x svg{width:18px;height:18px}
.af-vbox-x:hover{background:#faf8ed;color:#090909}
.af-vbox-x:focus-visible{outline:2px solid #faf8ed;outline-offset:3px}
html.af-vbox-open,html.af-vbox-open body{overflow:hidden}

/* ===== 2026-09-26 USPORADANI UVODNI STRANKY =====
   Vsechny obsahove sekce na jedne svisle linii: sloupec 52rem (832 px), na desktopu zacina na stejnem miste.
   Nadpisy vlevo, zadne stredove zarovnani mimo uzky pruh duvery. Mensi svisle mezery. */
@media (min-width:1024px){
  body[data-page="home"] section.max-w-4xl.mx-auto, body[data-page="home"] section.max-w-3xl.mx-auto{max-width:64rem !important}
  body[data-page="home"] section > .max-w-4xl.mx-auto{max-width:52rem !important}
  body[data-page="home"] .na-palube{max-width:64rem !important;padding-left:6rem !important;padding-right:6rem !important}
}
body[data-page="home"] .na-palube .np-head{text-align:left !important;margin-left:0 !important;margin-right:0 !important;max-width:40rem}
body[data-page="home"] .na-palube .np-intro{margin-left:0 !important}
body[data-page="home"] .na-palube .np-link{margin-left:0}
body[data-page="home"] .na-palube > div:last-child, body[data-page="home"] .na-palube .np-more{text-align:left;justify-content:flex-start}
/* Cena */
body[data-page="home"] #pricing{align-items:flex-start !important;text-align:left !important;padding-left:max(24px,calc(50% - 416px)) !important;padding-right:max(24px,calc(50% - 416px)) !important}
body[data-page="home"] #pricing p{margin-left:0 !important;margin-right:0 !important}
body[data-page="home"] #pricing .flex{justify-content:flex-start !important}
/* Newsletter */
body[data-page="home"] section > .max-w-xl.mx-auto{max-width:52rem !important;text-align:left}
body[data-page="home"] section > .max-w-xl.mx-auto > p, body[data-page="home"] #newsletter-form{margin-left:0 !important;margin-right:0 !important}
body[data-page="home"] #newsletter-success p{justify-content:flex-start !important}
body[data-page="home"] section.text-center:has(#newsletter-form){text-align:left !important}
/* Mensi prazdna mista mezi sekcemi */
@media (min-width:640px){
  body[data-page="home"] section.sm\:py-32{padding-top:96px !important;padding-bottom:96px !important}
  body[data-page="home"] section.sm\:py-36{padding-top:104px !important;padding-bottom:104px !important}
  body[data-page="home"] #pricing{padding-top:112px !important;padding-bottom:112px !important}
  body[data-page="home"] section.sm\:py-28{padding-top:88px !important;padding-bottom:88px !important}
}
/* Podstranky i uvod: delsi text citelneji. Manual: bezny text 16/23. */
main section p.leading-relaxed:not(.text-xs), main section .leading-relaxed > p{font-size:16px !important;line-height:1.65 !important;max-width:42rem}
@media (max-width:640px){main section p.leading-relaxed:not(.text-xs), main section .leading-relaxed > p{font-size:15.5px !important}}
main section p.leading-relaxed + p, main section .leading-relaxed > p + p{margin-top:.9em}
/* ===== 2026-09-26 fotka zakladatele a nadpisek v H1 ===== */
/* H1: prvni radek je maly nadpisek (soucast H1 kvuli SEO), vzhledem jako stitek */
#hero-mobile-overlay .hm-h1 .hm-h1-kicker{display:block;margin:0 0 16px;font-family:'AF Display','Helvetica Neue',Arial,sans-serif !important;font-weight:700 !important;font-size:14px !important;line-height:1.2 !important;letter-spacing:.14em !important;text-transform:uppercase;color:#faf8ed}
@media (max-width:640px){#hero-mobile-overlay .hm-h1 .hm-h1-kicker{font-size:12px !important;letter-spacing:.1em !important;margin-bottom:12px}}
/* Kdo to vede: fotka vlevo od textu na desktopu, na mobilu nad textem. Fotky maji ostre rohy (manual). */
.af-founder .af-founder-photo{margin:0 0 32px;max-width:300px}
.af-founder .af-founder-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:0}
.af-founder .af-founder-photo figcaption{margin-top:10px;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8e8c86}
@media (min-width:1024px){
  .af-founder{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:56px;align-items:start}
  .af-founder .af-founder-photo{margin:6px 0 0;max-width:none}
}
@media (max-width:640px){.af-founder .af-founder-photo{max-width:240px;margin-bottom:24px}}
.af-founder-video{margin-top:32px;max-width:40rem}
.af-founder-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#090909}
.af-founder-video[hidden]{display:none}
/* Titulky ve videu z hero: pismo znacky, citelne na svetlem i tmavem zaberu */
.af-vbox video::cue{font-family:'AF Text',system-ui,sans-serif;color:#faf8ed;background:rgba(9,9,9,.72);line-height:1.35}

/* ================= HOMEPAGE v3 (2026-09-27): kratsi homepage, staticke hero, 1 CTA ================= */
.af-hero3 .af-hero-img{object-position:58% 50%}
/* scrim zleva: text vzdy na tmavem pozadi (WCAG AA) */
#hero-top.af-hero3 .hero-shade{background:linear-gradient(90deg,rgba(9,9,9,.9) 0%,rgba(9,9,9,.78) 34%,rgba(9,9,9,.35) 62%,rgba(9,9,9,.05) 85%),linear-gradient(to top,rgba(9,9,9,.92) 0%,rgba(9,9,9,.45) 28%,rgba(9,9,9,0) 50%) !important}
.af-hero3 .mist-layer{opacity:.35}
#hero-mobile-overlay .hm-ctas{margin-top:40px !important}
#hero-mobile-overlay .hm-note{margin-top:12px !important;color:#c9c7bf}
.af-hero-links{display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:28px;pointer-events:auto}
.af-tlink{display:inline-flex;align-items:center;gap:10px;color:#faf8ed;text-decoration:none;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid rgba(250,248,237,.35);transition:border-color .2s,color .2s}
.af-tlink:hover{border-bottom-color:#e83f15}
.af-tlink:focus-visible{outline:2px solid #faf8ed;outline-offset:4px}
.af-tlink svg{width:12px;height:12px}
.af-tlink-play{border-bottom-color:transparent}
.af-tlink-play svg{width:22px;height:22px;padding:5px;border:1px solid rgba(250,248,237,.6);border-radius:4px;box-sizing:border-box}
@media (max-width:640px){
  #hero-mobile-overlay .hm-ctas{margin-top:26px !important}
  .af-hero-links{gap:6px 22px;margin-top:18px}
  .af-tlink{font-size:12px}
  #hero-top.af-hero3 .hero-shade{background:linear-gradient(to top,rgba(9,9,9,.96) 0%,rgba(9,9,9,.82) 45%,rgba(9,9,9,.45) 72%,rgba(9,9,9,.3) 100%) !important}
  .af-hero3 .af-hero-img{object-position:62% 30%}
}

/* spolecne sekce */
.af-sec{padding:112px 24px;border-top:1px solid rgba(250,248,237,.07);background:#090909;color:#faf8ed}
.af-wrap{max-width:72rem;margin:0 auto}
.af-eb{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b7b5ad;margin:0 0 16px}
.af-h2{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.06;letter-spacing:-.02em;color:#faf8ed;margin:0 0 28px;max-width:22ch}
.af-p{font-size:17px;line-height:1.65;color:#dedcd3;max-width:38rem;margin:0 0 24px}
.af-num{display:block;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#faf8ed;margin-bottom:8px}
.af-statement{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.3;color:#faf8ed;border-left:3px solid #e83f15;padding-left:18px;margin:40px 0 32px;max-width:34rem}
.af-small{font-size:14px;line-height:1.55;color:#b7b5ad;margin:14px 0 0}
.af-muted{color:#8e8c86;font-size:13px}

/* 4 faze */
.af-phase-list{list-style:none;margin:8px 0 40px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.af-phase-list li{margin:0}
.af-phase-list img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;margin-bottom:16px}
.af-phase-list p{font-size:15px;line-height:1.55;color:#cfcdc4;margin:0}

/* co to je */
.af-what{background:#0c0d0e}
.af-what-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:8px}
.af-what-grid p{font-size:16px;line-height:1.6;color:#cfcdc4;margin:0}

/* zakladatel */
section.af-founder3{max-width:none;padding-left:24px;padding-right:24px}
section.af-founder3{display:grid;grid-template-columns:240px minmax(0,38rem);gap:56px;justify-content:center;align-items:center}
section.af-founder3 .af-founder-photo{margin:0}
section.af-founder3 .af-founder-photo img{width:100%;height:auto;border-radius:4px;display:block}

/* cena */
.af-price{background:#0d0d0f}
.af-price-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:start}
.af-inc{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid rgba(250,248,237,.12)}
.af-inc li{position:relative;padding:14px 0 14px 28px;border-bottom:1px solid rgba(250,248,237,.12);font-size:16px;line-height:1.45;color:#e8e6dc}
.af-inc li::before{content:'';position:absolute;left:2px;top:21px;width:12px;height:2px;background:#e83f15}
.af-trust{color:#dedcd3;margin-bottom:28px}
.af-price .cta-primary{margin-top:4px}
.af-note{margin-top:12px}
.af-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:22px 0 0}

/* dal */
.af-more{padding-top:88px;padding-bottom:88px}
.af-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 32px}
.af-more-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:22px 22px 46px;border:1px solid rgba(250,248,237,.14);border-radius:5px;text-decoration:none;color:#faf8ed;transition:border-color .2s,background-color .2s}
.af-more-card:hover{border-color:rgba(250,248,237,.45);background:rgba(250,248,237,.03)}
.af-more-card:focus-visible{outline:2px solid #faf8ed;outline-offset:3px}
.af-more-t{font-size:15px;line-height:1.5;color:#cfcdc4}
.af-more-a{position:absolute;left:22px;bottom:18px;color:#e83f15;font-weight:700}

/* newsletter kompaktne */
#newsletter + section{padding-top:64px !important;padding-bottom:64px !important}

/* cookies: kompaktni karta, neprekryva CTA */
#cookie-banner.af-cookie{position:fixed;left:20px;bottom:20px;z-index:9999;max-width:380px;background:#141416;border:1px solid #2a2a2e;border-radius:6px;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
#cookie-banner.af-cookie.hidden{display:none}
#cookie-banner.af-cookie > div{max-width:none;margin:0;flex-direction:column !important;align-items:stretch !important;gap:12px}
#cookie-banner.af-cookie p{font-size:12px;line-height:1.5}
#cookie-banner.af-cookie .flex.gap-3 > button{flex:1;padding-top:8px;padding-bottom:8px}
#cookie-banner.af-ck-in{animation:afCk .35s ease-out}
@keyframes afCk{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#cookie-banner.af-ck-in{animation:none}}
html{--cookie-h:0px !important}

@media (max-width:900px){
  .af-phase-list{grid-template-columns:1fr;gap:18px}
  .af-phase-list li{display:grid;grid-template-columns:38% 1fr;gap:16px;align-items:center}
  .af-phase-list img{margin:0}
  .af-what-grid{grid-template-columns:1fr;gap:24px}
  .af-price-grid{grid-template-columns:1fr;gap:28px}
  .af-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  section.af-founder3{grid-template-columns:1fr;gap:28px}
  section.af-founder3 .af-founder-photo{max-width:220px}
}
@media (max-width:640px){
  .af-sec{padding:72px 20px}
  .af-more{padding-top:64px;padding-bottom:64px}
  .af-p{font-size:16px}
  .af-hide-m{display:none}
  .af-statement{margin:28px 0 24px}
  .af-more-grid{grid-template-columns:1fr}
  .af-more-card{min-height:0;padding:18px 18px 18px;flex-direction:column}
  .af-more-a{position:static}
  #cookie-banner.af-cookie{left:10px;right:10px;bottom:10px;max-width:none;padding:12px 14px}
  #cookie-banner.af-cookie > div{flex-direction:row !important;align-items:center !important;gap:10px}
  #cookie-banner.af-cookie p{font-size:11px;line-height:1.4}
  #cookie-banner.af-cookie .flex.gap-3{flex-direction:column;gap:6px}
  #cookie-banner.af-cookie .flex.gap-3 > button{padding:7px 12px}
}
/* v3 fix: prebiti starych pravidel #hero-mobile-overlay a */
#hero-mobile-overlay a.af-tlink{display:inline-flex;flex-direction:row;align-items:center;gap:10px;margin-top:0;color:#faf8ed}
#hero-mobile-overlay a.af-tlink span{font-size:inherit;letter-spacing:inherit;font-weight:inherit;display:inline}
#hero-mobile-overlay a.af-tlink:hover{color:#faf8ed}
@media (max-width:640px){
  #cookie-banner.af-cookie{bottom:84px}
  #cookie-banner.af-cookie > div{flex-direction:column !important;align-items:stretch !important;gap:10px}
  #cookie-banner.af-cookie .flex.gap-3{flex-direction:row;gap:8px}
  #cookie-banner.af-cookie .flex.gap-3 > button{flex:1}
}
@media (min-width:641px){.af-hero3 #hero-mobile-overlay{background:none !important}}
/* hero video (2026-09-27): puvodni videa, fotka ledovce pod nimi jako zaloha */
#hero-top .af-hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
#hero-top .af-hero-vid.is-on{opacity:1}

@media (prefers-reduced-motion:reduce){#hero-top .af-hero-vid{transition:none}}
/* hero: video z lodi vpravo (desktop), na mobilu textovy odkaz pod CTA */
#hero-top .af-hero-play{display:none}
@media (min-width:1024px){
  #hero-top .af-play-m{display:none !important}
  #hero-top .af-hero-play{position:absolute;z-index:7;right:clamp(32px,4vw,64px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:18px;color:#faf8ed;text-decoration:none}
  #hero-top .af-hp-ic{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border:1.5px solid rgba(250,248,237,.75);border-radius:50%;background:rgba(9,9,9,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .25s,border-color .25s,color .25s}
  #hero-top .af-hp-ic svg{width:22px;height:22px;margin-left:4px}
  #hero-top .af-hp-t{display:flex;flex-direction:column;gap:4px;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;text-shadow:0 1px 10px rgba(0,0,0,.6)}
  #hero-top .af-hp-t span:first-child{color:#d6d4cb}
  #hero-top .af-hero-play:hover .af-hp-ic{background:#faf8ed;color:#090909;border-color:#faf8ed}
  #hero-top .af-hero-play:focus-visible{outline:2px solid #faf8ed;outline-offset:6px;border-radius:40px}
}
/* zakladatel: cela fotka od ledovce (na sirku) */
section.af-founder3{grid-template-columns:minmax(0,600px) minmax(0,32rem);gap:56px}
section.af-founder3 .af-founder-wide{max-width:none}
section.af-founder3 .af-founder-wide img{width:100%;height:auto;aspect-ratio:1200/553;object-fit:cover}
@media (max-width:900px){section.af-founder3{grid-template-columns:1fr}section.af-founder3 .af-founder-wide{max-width:none !important}}
/* homepage kratsi: mensi vertikalni rozestupy sekci */
@media (min-width:641px){.af-sec{padding-top:88px;padding-bottom:88px}}
.af-phase-list{margin-bottom:28px}
.af-statement{margin:32px 0 24px}

/* ================= HOMEPAGE v4 (2026-09-27) ================= */
/* Zadny extrem + pro koho / neni */
.af-noext{background:#0c0d0e}
.af-noext-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:end}
.af-fornot{border-left:3px solid #e83f15;padding-left:22px}
.af-fornot p{font-size:16px;line-height:1.6;color:#cfcdc4;margin:0 0 16px}
.af-fornot p:last-child{margin-bottom:0}
.af-fornot strong{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;color:#faf8ed}
/* Pribeh + casova osa */
.af-story-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center}
.af-timeline{list-style:none;margin:0;padding:0;border-top:1px solid rgba(250,248,237,.14)}
.af-timeline li{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid rgba(250,248,237,.14);font-size:15px;line-height:1.45;color:#cfcdc4}
.af-tl-y{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.01em;color:#faf8ed}
.af-timeline li:last-child .af-tl-y{color:#e83f15}
/* Z blogu */
.af-blog3{padding-top:64px;padding-bottom:64px}
.af-blog3 h2.af-eb{margin-bottom:12px}
.af-blog3-list{list-style:none;margin:0 0 24px;padding:0}
.af-blog3-list li{border-bottom:1px solid rgba(250,248,237,.1)}
.af-blog3-list a{display:block;padding:14px 0;font-size:16px;line-height:1.45;color:#dedcd3;text-decoration:none;transition:color .2s}
.af-blog3-list a:hover{color:#faf8ed}
.af-blog3-list a span{color:#e83f15;margin-left:6px}
.af-blog3-list a:focus-visible{outline:2px solid #faf8ed;outline-offset:2px}
/* fakta pod hero: jen mobil */
.af-facts-m{display:none}
@media (max-width:900px){
  .af-noext-grid,.af-story-grid{grid-template-columns:1fr;gap:32px}
}

/* ---------- MOBIL do 480 px: vzdusne hero ---------- */
@media (max-width:480px){
  body[data-page="home"] #hero-top{min-height:100svh !important;height:100svh;padding:0 !important;justify-content:flex-end !important}
  body[data-page="home"] #hero-top.af-hero3 .hero-shade{background:linear-gradient(to top,rgba(9,9,9,.95) 0%,rgba(9,9,9,.82) 24%,rgba(9,9,9,.35) 44%,rgba(9,9,9,0) 62%),linear-gradient(to bottom,rgba(9,9,9,.45) 0%,rgba(9,9,9,0) 18%) !important}
  body[data-page="home"] #hero-mobile-overlay{padding:0 22px calc(96px + env(safe-area-inset-bottom)) !important;background:none !important}
  body[data-page="home"] #hero-mobile-overlay .hm-eyebrow,
  body[data-page="home"] #hero-mobile-overlay .hm-ctas,
  body[data-page="home"] #hero-mobile-overlay .hm-note,
  body[data-page="home"] #hero-mobile-overlay .af-hero-links a[data-explore],
  body[data-page="home"] #hero-mobile-overlay .hm-facts2{display:none !important}
  body[data-page="home"] #hero-mobile-overlay .hm-h1{font-size:clamp(2rem,9.4vw,2.4rem) !important;line-height:1.04 !important}
  body[data-page="home"] #hero-mobile-overlay .hm-h1-kicker{font-size:11px !important;margin-bottom:10px}
  body[data-page="home"] #hero-mobile-overlay .hm-lead{font-size:15px !important;line-height:1.5 !important;margin-top:14px !important;max-width:22rem !important}
  body[data-page="home"] #hero-mobile-overlay .af-hero-links{margin-top:18px}
  body[data-page="home"] #hero-mobile-overlay .af-tlink-play{font-size:11px}
  body[data-page="home"] #hero-top .hero-pause{top:auto !important;bottom:calc(104px + env(safe-area-inset-bottom)) !important;right:16px !important;left:auto !important}
  /* fakta hned pod hero */
  body[data-page="home"] .af-facts-m{display:block;background:#090909;padding:8px 22px 4px;border-bottom:1px solid rgba(250,248,237,.08)}
  .af-facts-m-dl{display:grid;grid-template-columns:1fr 1fr;margin:0}
  .af-facts-m-dl > div{padding:16px 0}
  .af-facts-m-dl > div:nth-child(n+3){border-top:1px solid rgba(250,248,237,.12)}
  .af-facts-m-dl dt{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#b7b5ad;margin:0 0 6px}
  .af-facts-m-dl dd{margin:0;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:19px;line-height:1.2;color:#faf8ed}
  /* plovouci CTA viditelne hned po nacteni */
  body[data-page="home"] #sticky-cta{transform:none !important;--tw-translate-y:0 !important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}
  /* WhatsApp nad plovouci tlacitko */
  body[data-page="home"] #af-wa{bottom:calc(84px + env(safe-area-inset-bottom)) !important}
  body[data-page="home"] #cookie-banner{bottom:calc(76px + env(safe-area-inset-bottom)) !important}
}

/* ---------- COOKIES na mobilu (vsechny stranky) ---------- */
@media (max-width:480px){
  #cookie-banner{left:8px !important;right:8px !important;bottom:8px;max-width:none !important;padding:10px 12px !important;border:1px solid #2a2a2e;border-radius:6px;background:#141416}
  #cookie-banner > div{flex-direction:row !important;align-items:center !important;gap:10px !important;max-width:none !important}
  #cookie-banner p{font-size:0 !important;line-height:1.35 !important;margin:0;flex:1}
  #cookie-banner p a{font-size:11px !important}
  #cookie-banner p a + a{display:none}
  html[lang="en"] #cookie-banner p::before{content:'We use cookies for analytics and ads. ';font-size:11px}
  html[lang="cs"] #cookie-banner p::before{content:'Cookies používáme na analytiku a reklamu. ';font-size:11px}
  #cookie-banner .flex.gap-3,#cookie-banner.af-cookie .flex.gap-3{flex-direction:row !important;gap:6px !important;flex:none}
  #cookie-banner .flex.gap-3 > button{flex:none !important;padding:8px 12px !important;font-size:11px !important;min-height:36px;background:transparent !important;color:#faf8ed !important;border:1px solid rgba(250,248,237,.7) !important}
}
/* obe cookie tlacitka stejne vyrazna (vsude) */
#cookie-banner .flex.gap-3 > button{background:transparent !important;color:#faf8ed !important;border:1px solid rgba(250,248,237,.7) !important}
#cookie-banner .flex.gap-3 > button:hover{background:#faf8ed !important;color:#090909 !important}
/* v4b: cookie tlacitka stejna i proti starsimu pravidlu; kompaktnejsi mobil */
html body #cookie-banner .flex.gap-3 > button.px-5.py-2.text-xs{background:transparent !important;color:#faf8ed !important;border:1px solid rgba(250,248,237,.7) !important}
html body #cookie-banner .flex.gap-3 > button.px-5.py-2.text-xs:hover{background:#faf8ed !important;color:#090909 !important}
body[data-page="home"] #cookie-banner:not(.hidden) ~ #af-wa{bottom:calc(168px + env(safe-area-inset-bottom)) !important}
@media (max-width:480px){
  body[data-page="home"] .af-sec{padding:44px 20px}
  body[data-page="home"] .af-h2{font-size:26px;margin-bottom:18px}
  body[data-page="home"] .af-p{font-size:15px;line-height:1.55;margin-bottom:16px}
  body[data-page="home"] .af-eb{margin-bottom:10px}
  body[data-page="home"] .af-statement{font-size:17px;margin:20px 0 16px;padding-left:14px}
  body[data-page="home"] .af-phase-list{gap:14px;margin-bottom:18px}
  body[data-page="home"] .af-phase-list p{font-size:14px}
  body[data-page="home"] .af-what-grid{gap:16px}
  body[data-page="home"] .af-what-grid p{font-size:15px}
  body[data-page="home"] .af-inc li{padding:10px 0 10px 24px;font-size:15px}
  body[data-page="home"] .af-inc li::before{top:17px}
  body[data-page="home"] .af-noext-grid,body[data-page="home"] .af-story-grid{gap:20px}
  body[data-page="home"] .af-fornot p{font-size:15px;margin-bottom:10px}
  body[data-page="home"] .af-timeline li{grid-template-columns:64px 1fr;padding:9px 0;font-size:14px}
  body[data-page="home"] .af-tl-y{font-size:20px}
  body[data-page="home"] .af-blog3-list a{padding:10px 0;font-size:15px}
  body[data-page="home"] section.af-founder3{gap:18px}
  body[data-page="home"] #newsletter + section{padding-top:44px !important;padding-bottom:44px !important}
}
@media (max-width:480px){body[data-page="home"] #hero-top .hero-pause{bottom:auto !important;top:calc(84px + env(safe-area-inset-top)) !important;right:16px !important}}

/* ---------- MENU: delsi polozka "O Aysenu" / "About Aysen" (2026-09-27) ---------- */
header a[aria-label]{flex-shrink:0}
@media (min-width:1024px) and (max-width:1279px){#desktop-nav{gap:13px !important;letter-spacing:.08em !important}}
@media (min-width:1280px) and (max-width:1439px){#desktop-nav{gap:22px !important;letter-spacing:.12em !important}}

/* ---------- BEZPECNOST / SAFETY na homepage (2026-09-27) ---------- */
.af-safe-lead{max-width:34rem}
.af-safe-grid{list-style:none;margin:32px 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px}
.af-safe-grid li{border-top:1px solid rgba(250,248,237,.14);padding:20px 0 8px}
.af-safe-grid h3{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.3;color:#faf8ed;margin:0 0 10px}
.af-safe-grid p{font-size:15px;line-height:1.6;color:#cfcdc4;margin:0}
@media (max-width:900px){.af-safe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.af-safe-grid{grid-template-columns:1fr;gap:0}}

/* ---------- HERO: tlacitko Video z lodi, pruhledne s leskem jako gramofonova deska (2026-09-27) ---------- */
@media (min-width:1024px){
  #hero-top .af-hp-ic{position:relative;isolation:isolate;overflow:hidden}
  #hero-top .af-hp-ic::before{content:'';position:absolute;inset:0;border-radius:50%;z-index:-1;pointer-events:none;
    background:
      conic-gradient(from 20deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,.28) 24deg,rgba(255,255,255,0) 56deg,rgba(255,255,255,0) 180deg,rgba(255,255,255,.18) 204deg,rgba(255,255,255,0) 236deg,rgba(255,255,255,0) 360deg),
      repeating-radial-gradient(circle,rgba(255,255,255,0) 0 1.4px,rgba(255,255,255,.06) 1.4px 2.2px)}
  #hero-top .af-hp-ic svg{position:relative;z-index:1}
  #hero-top .af-hp-ic::before{animation:af-vinyl 7s linear infinite}
  #hero-top .af-hero-play:hover .af-hp-ic::before{animation-duration:2.4s}
}
@keyframes af-vinyl{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#hero-top .af-hp-ic::before,#hero-top .af-hero-play:hover .af-hp-ic::before{animation:none}}

/* ---------- HOMEPAGE CS: konverzni upravy (2026-09-28) ---------- */
/* poznamka pod CTA ve sticky liste (mobil do 480 px, jen kdyz je videt hero) */
.af-sticky-note{display:none}
@media (max-width:480px){
  body[data-page="home"] #sticky-cta{flex-wrap:wrap}
  body[data-page="home"] #sticky-cta.af-sn-on .af-sticky-note{display:block;flex-basis:100%;margin:2px 0 0;font-size:12px;line-height:1.4;color:#c9c7bf;text-align:center}
  body[data-page="home"] #hero-mobile-overlay{padding-bottom:calc(132px + env(safe-area-inset-bottom)) !important}
  body[data-page="home"] #hero-top .hero-pause{bottom:calc(152px + env(safe-area-inset-bottom)) !important}
  body[data-page="home"].af-sn #af-wa{bottom:calc(132px + env(safe-area-inset-bottom)) !important}
}
/* trust bar pod hlavnimi udaji */
.af-trustbar{background:#090909;padding:18px 24px;border-bottom:1px solid rgba(250,248,237,.08)}
.af-trustbar-list{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;line-height:1.5;color:#b7b5ad}
.af-trustbar-list li:not(:last-child)::after{content:'·';margin:0 10px;color:#8e8c86}
@media (max-width:480px){.af-trustbar{padding:14px 22px}.af-trustbar-list{font-size:13px}}
/* co se stane po poptavce */
.af-steps-list{margin:8px 0 24px}
.af-steps-list .af-num{color:#e83f15;margin-bottom:10px}
.af-steps-end{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.45;color:#faf8ed;margin:0 0 28px}
@media (max-width:640px){.af-steps a.af-btn-secondary{width:100%}}
/* lod Patagonia I: text + 3 fotky */
.af-boat .af-p{margin-bottom:32px}
.af-boat-gal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.af-boat-gal img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
@media (max-width:640px){.af-boat-gal{grid-template-columns:1fr 1fr;gap:10px}.af-boat-gal li:first-child{grid-column:1 / -1}}
/* za co platite */
.af-value{margin-top:64px;padding-top:40px;border-top:1px solid rgba(250,248,237,.12)}
.af-value-title{font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.3;color:#faf8ed;margin:0 0 14px}
.af-value-list{margin:8px 0 0}
@media (max-width:480px){.af-value{margin-top:40px;padding-top:28px}}
/* fotka vest v sekci bezpecnost + fotka koupelny v FAQ (2026-09-28) */
.af-safe-fig{margin:0 0 28px;max-width:560px}
.af-safe-fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.af-faq-img{display:block;width:100%;max-width:320px;height:auto;border-radius:4px;margin-top:20px}
@media (max-width:640px){.af-faq-img{max-width:240px}}

/* ---------- Citaty na homepage: Thoreau (narocnost) a Darwin (lod) (2026-09-28) ---------- */
.af-quote{margin:56px auto 0;max-width:72rem}
.af-quote blockquote{margin:0;padding-left:18px;border-left:3px solid #e83f15;max-width:40rem}
.af-quote blockquote p{margin:0;font-family:'AF Display','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.35;color:#faf8ed}
.af-quote figcaption{margin:14px 0 0 21px;font-size:13px;line-height:1.5;color:#8e8c86}
.af-quote-boat{margin:0 0 36px;max-width:38rem}
@media (max-width:640px){.af-quote{margin-top:36px}.af-quote blockquote p{font-size:17px}.af-quote figcaption{font-size:12px}}


/* ---------- HERO MOBIL: tlacitko Video z lodi stejne jako na PC - kulate, s leskem gramofonove desky (2026-09-29) ---------- */
@media (max-width:1023.98px){
  #hero-mobile-overlay a.af-play-m{gap:14px;border-bottom:0;padding:4px 0}
  #hero-mobile-overlay a.af-play-m .af-hp-ic{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:54px;height:54px;border:1.5px solid rgba(250,248,237,.75);border-radius:50%;background:rgba(9,9,9,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;isolation:isolate;overflow:hidden;transition:background-color .25s,border-color .25s,color .25s}
  #hero-mobile-overlay a.af-play-m .af-hp-ic::before{content:'';position:absolute;inset:0;border-radius:50%;z-index:-1;pointer-events:none;
    background:
      conic-gradient(from 20deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,.28) 24deg,rgba(255,255,255,0) 56deg,rgba(255,255,255,0) 180deg,rgba(255,255,255,.18) 204deg,rgba(255,255,255,0) 236deg,rgba(255,255,255,0) 360deg),
      repeating-radial-gradient(circle,rgba(255,255,255,0) 0 1.4px,rgba(255,255,255,.06) 1.4px 2.2px);
    animation:af-vinyl 7s linear infinite}
  #hero-mobile-overlay a.af-play-m .af-hp-ic svg{position:relative;z-index:1;width:18px;height:18px;margin-left:3px;padding:0;border:0;border-radius:0}
  #hero-mobile-overlay a.af-play-m .af-pm-t{text-shadow:0 1px 10px rgba(0,0,0,.6)}
  #hero-mobile-overlay a.af-play-m:active .af-hp-ic,
  #hero-mobile-overlay a.af-play-m:hover .af-hp-ic{background:#faf8ed;color:#090909;border-color:#faf8ed}
  #hero-mobile-overlay a.af-play-m:hover .af-hp-ic::before{animation-duration:2.4s}
}
@media (max-width:1023.98px) and (prefers-reduced-motion:reduce){#hero-mobile-overlay a.af-play-m .af-hp-ic::before{animation:none}}