/* site.css: everything that is not inline in the templates (the canvas "helmet" plus the local fonts). */
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: block; src: url(../fonts/anton-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-display: block; src: url(../fonts/epilogue-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-display: block; src: url(../fonts/epilogue-latin-500-normal.woff2) format('woff2'); }
body{margin:0;background:#0D0D0D}
a{color:#E9642B}a:hover{color:#FAFAF9}
@keyframes h2drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes h2nmA{0%,44%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}
@keyframes h2nmB{0%,44%{opacity:0}50%,94%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){[data-nmc],[data-drift]{animation:none!important}}
/* B1.28: focus ring only for keyboard navigation (:focus-visible), V1 style: straight, thin, orange. Mouse and touch never show it. */
:focus-visible{outline:2px solid #E9642B;outline-offset:3px;border-radius:0}
/* B1.28: tap areas of at least 44 px that do not change the layout (an invisible extension around the element) */
.dc-hit{position:relative}
.dc-hit::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}

/* K47: phone: a link in a heading gets a 44 px tall box without moving anything */
@media (max-width: 759px) { .dc-hit-t { display: inline-block; padding: 10px 0; margin: -10px 0 } }

/* K47: skip link (first tab stop, only visible on keyboard focus) */
.dc-skip { position: absolute; left: 12px; top: -80px; z-index: 1000; padding: 12px 16px; background: #FAFAF9; color: #0D0D0D; font-family: Epilogue, sans-serif; font-size: 14px; text-decoration: none }
.dc-skip:focus { top: 12px; outline: 2px solid #E9642B; outline-offset: 2px }

/* iOS poster guard (base.js posterGuard): a video that has not shown a real frame yet is invisible, its poster image lies underneath */
video[data-dcx-hide] { opacity: 0; }

/* robustness (K27): a long word without spaces (e.g. a long client or film name) breaks inside its box instead of running out of it. Changes nothing for normal text. */
#root h1, #root h2, #root h3, #root p, #root a, #root li, #root span, #root button, #root figcaption, #root blockquote { overflow-wrap: break-word; }