.wp-site-blocks > * { margin-block-start: 0; }
.wp-block-post-content > * { margin-block-start: 0; }
.wp-block-group, .wp-block-image { box-sizing: border-box; }
.wp-block-image { margin-bottom: 0; }
.reveal { opacity: 1; transform: none; }
.site-header { position: sticky; }
.hero { padding-top: 70px; }
.admin-bar .site-header { top: 32px; }
.brand img { width: 205px; height: auto; }
.site-header .wp-block-navigation { font-size: .88rem; font-weight: 800; }
.site-header .wp-block-navigation-item__content { padding-block: 12px; text-decoration: none; }
.site-header .wp-block-navigation__container { gap: 30px; }
.site-header .wp-block-navigation-item:last-child > a { color: white; background: var(--ink); padding: 11px 18px; border-radius: 999px; }
.site-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--paper); padding: 28px; }
.trust-row > p { margin: 0; }
.trust-row p > span { display: flex; }
.values-strip p { margin: 0; }
.values-strip p:first-child { margin-bottom: 24px; }
.values-strip p:first-child span { margin-bottom: 0; }
.service-meta p { margin: 0; }
.service-card > p:last-child a { display: inline-flex; gap: 16px; font-weight: 800; }
.principle > p { margin: 0; }
.career-points p { margin: 0; }
.contact-details p { margin: 0; }
.footer-links p { margin: 0; }
.footer-legal > p { margin: 0; }
.footer-brand img { max-width: 220px; }
.intro-partner-logo { width: 160px; }
.intro-partner-logo img { width: 160px; height: auto; }
.legal-main { padding-top: 65px; }
.legal-wrap h1 { margin-bottom: 32px; }
.legal-wrap a { overflow-wrap: anywhere; }
.section-label, .service-meta, .values-strip span { color: var(--wp--preset--color--orange-text); }
.intro h2 .color-orange { color: var(--wp--preset--color--orange-text); }
.section-label.light { color: white; }
.hero .wp-block-heading { margin: 28px 0; font-size: var(--farbenfroh-h1-size); line-height: .98; }
.hero-actions > p { margin: 0; }
.principle > p > span { display: grid; place-items: center; width: 47px; height: 47px; border-radius: 50%; color: white; background: var(--wp--preset--color--orange-text); font-weight: 900; }
.principle:nth-child(2) > p > span { background: var(--deep-blue); }
.principle:nth-child(3) > p > span { background: var(--dark-green); }
.principle:nth-child(4) > p > span { background: var(--purple); }
.career-points > p:first-child { grid-column: 1 / -1; margin-bottom: 30px; }
.career-points strong { display: inline-block; margin-bottom: 0; }
.process-step > p:first-child { margin-bottom: 26px; }
.process-step > p > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: white; background: var(--ink); font-weight: 900; }
:where(a,button,input):focus-visible { outline: 3px solid var(--deep-blue); outline-offset: 5px; box-shadow: 0 0 0 2px white; }
.editor-styles-wrapper .hero { padding-top: 40px; } .editor-styles-wrapper .is-root-container > .wp-block-group {
width: 100%;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .editor-styles-wrapper .is-root-container > .wp-block-group .wp-block {
max-width: none;
}
.editor-styles-wrapper .is-root-container > .wp-block-group .shell {
width: min(var(--wp--style--global--wide-size), calc(100% - 40px));
margin-inline: auto;
}
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } .hero { padding-top: 45px; } .hero .wp-block-heading { font-size: var(--farbenfroh-h1-size); } .site-header .brand img { width: 170px; } } .site-header { backdrop-filter: none; background: var(--paper); }
.site-header .wp-block-navigation__responsive-container.is-menu-open { min-height: 100dvh; }
.site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--paper) !important; }
.site-header .wp-block-navigation .is-menu-open .wp-block-navigation__container { gap: 12px !important; }
.site-header .wp-block-navigation .is-menu-open .wp-block-navigation-item__content { padding: 12px 16px !important; }
.site-header .wp-block-navigation .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; }
.legal-wrap h2, .legal-wrap h3 { margin-bottom: 14px; }
.legal-wrap p { margin-bottom: 1em; }
@media (max-width: 900px) {
.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
.site-header .wp-block-navigation__responsive-container-open { display: flex !important; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
} .wp-block-group.hero-actions { margin-top: 38px; }
.wp-block-group.trust-row { margin-top: 70px; }
.wp-block-image.intro-partner-logo { margin-top: 28px; }
.wp-block-image.intro-image { margin-top: 70px; }
.wp-block-group.values-strip { margin-top: 55px; }
.wp-block-group.section-head { margin-bottom: 55px; }
.attitude-title .attitude-quote { margin-top: 55px; }
.wp-block-group.career-points { margin-top: 34px; }
.intro-copy > p:not(.kicker) { margin-bottom: 1em; }
.intro-copy > p.large-copy { font-size: 1.28rem; color: var(--ink); }
@media(max-width:900px) { .wp-block-image.intro-image { margin-top: 50px; } } .editor-styles-wrapper .editor-visual-editor__post-title-wrapper {
display: none;
} .hero-art .path-card > p { margin-bottom: 1em; } .site-header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content {
min-height: calc(100dvh - 56px);
box-sizing: border-box;
padding: 56px 0;
justify-content: center;
align-items: center;
}
.site-header .wp-block-navigation .is-menu-open .wp-block-navigation__container {
width: 100%;
align-items: center !important;
justify-content: center;
gap: 26px !important;
}
.site-header .wp-block-navigation .is-menu-open .wp-block-navigation-item {
align-items: center;
justify-content: center;
text-align: center;
font-size: 1.35rem;
}
.site-header .wp-block-navigation .is-menu-open .wp-block-navigation-item__content {
text-align: center;
}
@keyframes farbenfroh-menu-enter {
from { transform: translateX(100%); }
to { transform: translateX(0); }
}
@media (prefers-reduced-motion: no-preference) {
.site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
animation: farbenfroh-menu-enter .3s ease both;
}
}
@media (prefers-reduced-motion: reduce) {
.site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
animation: none !important;
transform: none;
}
} .site-header .wp-block-navigation__responsive-container-open svg { width: 36px; height: 36px; }
.site-header .wp-block-navigation__responsive-container-open { min-width: 48px; min-height: 48px; }