/*
Theme Name: Blauersee Law
Theme URI: https://blauersee.com
Author: Blauersee Law
Description: Custom theme for Blauersee Law — business law across borders. Editorial layout, GFS Didot + Inter (self-hosted, no external requests), burgundy and ink palette with a deep green accent band. Home page is built with core blocks so every text and image is editable; Polylang-ready (EN / ES / PT).
Version: 1.3.9
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blauersee
*/

/* ------------------------------------------------------------------ */
/* Tokens                                                              */
/* ------------------------------------------------------------------ */
:root {
	--ink: var(--wp--preset--color--ink, #20201E);
	--green: var(--wp--preset--color--green, #294B40);
	--burgundy: var(--wp--preset--color--burgundy, #6A2638);
	--line: var(--wp--preset--color--line, #DDD8CE);
	--stone: var(--wp--preset--color--stone, #F0EDE7);
	--paper: var(--wp--preset--color--paper, #F6F4EF);
	--muted: var(--wp--preset--color--muted, #5A5A55);
	--serif: var(--wp--preset--font-family--serif, "GFS Didot", Didot, Georgia, serif);
	--sans: var(--wp--preset--font-family--sans, Inter, Helvetica, Arial, sans-serif);
	--wrap: 1240px;
	--gutter: clamp(20px, 8.5vw, 100px);
	--band-y: clamp(18px, 1.9vw, 28px);
}

/* ------------------------------------------------------------------ */
/* Base                                                                */
/* ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
	margin: 0;
	overflow-x: clip;
	background: var(--paper);
	color: var(--ink);
	font-family: var(--sans);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--burgundy); text-decoration-thickness: 1px; text-underline-offset: 0.2em; transition: color .2s ease; }
a:hover { color: var(--ink); }
:focus-visible { outline: 2px solid var(--burgundy); outline-offset: 3px; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.skip-link {
	position: absolute; left: 12px; top: -60px; z-index: 100;
	background: var(--burgundy); color: #fff; padding: 10px 16px; font-family: var(--sans); font-size: 14px;
}
.skip-link:focus { top: 12px; color: #fff; }

.eyebrow {
	font-family: var(--sans);
	font-size: 0.7rem !important;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
	margin: 0 0 1rem;
}

.text-link a,
a.text-link {
	display: inline-block;
	color: var(--ink);
	text-decoration: none;
	font-size: 1rem;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--burgundy);
}
.text-link a:hover, a.text-link:hover { color: var(--burgundy); border-color: var(--burgundy); }

/* ------------------------------------------------------------------ */
/* Header                                                              */
/* ------------------------------------------------------------------ */
.site-header {
	position: sticky; top: 0; z-index: 50;
	background: color-mix(in srgb, var(--paper) 94%, transparent);
	backdrop-filter: saturate(1.2) blur(8px);
	border-bottom: 1px solid var(--line);
}
.admin-bar .site-header { top: 32px; }
.site-header__inner {
	max-width: calc(var(--wrap) + 2 * var(--gutter));
	margin: 0 auto;
	padding: 14px var(--gutter);
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.wordmark {
	display: inline-grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: 22px;
	row-gap: 6px;
	color: var(--ink);
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
}
.wordmark__name {
	font-family: var(--serif);
	font-size: 1.55rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--burgundy);
	line-height: 1;
}
.wordmark__law {
	font-family: var(--sans);
	font-size: 0.82rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ink);
	padding: 5px 0 5px 16px;
	border-left: 1px solid var(--burgundy);
}
.wordmark__tagline { display: none; }
.wordmark__tagline {
	grid-column: 1 / -1;
	font-family: var(--sans);
	font-size: 0.5rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--muted);
}
.wordmark:hover .wordmark__name { color: var(--ink); }

.site-nav { display: flex; align-items: center; gap: 36px; }
.site-nav .menu { display: flex; gap: 32px; list-style: none; margin: 0; padding: 0; }
.site-nav .menu a {
	font-size: .88rem; letter-spacing: .01em; color: var(--ink); text-decoration: none;
	padding: 4px 0; border-bottom: 1px solid transparent;
}
.site-nav .menu a:hover { color: var(--ink); border-color: var(--burgundy); }

.lang-switcher {
	display: flex; list-style: none; margin: 0; padding: 0;
	font-family: var(--sans); font-size: 0.72rem; letter-spacing: 0.1em;
}
.lang-switcher li + li::before { content: "|"; color: var(--line); margin: 0 8px; }
.lang-switcher a { color: var(--muted); text-decoration: none; }
.lang-switcher a:hover { color: var(--burgundy); }
.lang-switcher .is-current a { color: var(--burgundy); font-weight: 600; }

.nav-toggle {
	display: none; background: none; border: 0; padding: 10px; margin: -10px; cursor: pointer; color: var(--ink);
}
.nav-toggle__bars, .nav-toggle__bars::before, .nav-toggle__bars::after {
	display: block; width: 22px; height: 1.5px; background: currentColor; position: relative; transition: transform .25s ease, opacity .2s ease;
}
.nav-toggle__bars::before, .nav-toggle__bars::after { content: ""; position: absolute; left: 0; }
.nav-toggle__bars::before { top: -7px; }
.nav-toggle__bars::after { top: 7px; }
.nav-open .nav-toggle__bars { background: transparent; }
.nav-open .nav-toggle__bars::before { transform: translateY(7px) rotate(45deg); }
.nav-open .nav-toggle__bars::after { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 860px) {
	.nav-toggle { display: block; }
	.site-nav {
		position: fixed; inset: 61px 0 auto 0;
		flex-direction: column; align-items: flex-start; gap: 28px;
		background: var(--paper); border-bottom: 1px solid var(--line);
		padding: 28px var(--gutter) 36px;
		transform: translateY(-8px); opacity: 0; visibility: hidden;
		transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
	}
	.admin-bar .site-nav { top: 107px; }
	.nav-open .site-nav { transform: none; opacity: 1; visibility: visible; transition: opacity .2s ease, transform .2s ease; }
	.site-nav .menu { flex-direction: column; gap: 18px; }
	.site-nav .menu a { font-size: 1.5rem; }
	.lang-switcher { font-size: 0.85rem; }
}
@media (max-width: 782px) {
	.admin-bar .site-header { top: 46px; }
	.admin-bar .site-nav { top: 107px; }
}

/* ------------------------------------------------------------------ */
/* Bands & wrappers (home page) — compact editorial layout            */
/* ------------------------------------------------------------------ */
.site-main { display: block; }
.is-home > .band { margin: 0; }
.entry-content.is-home > * + * { margin-block-start: 0; }
.band { padding: var(--band-y) var(--gutter); }
.band + .band { border-top: 1px solid var(--line); }
.wrap { max-width: var(--wrap); margin: 0 auto; }
.wrap > * { margin-block: 0; }
.band .wp-block-columns { margin: 0; gap: clamp(24px, 4vw, 56px); }
.band p { line-height: 1.45; }

/* Brand typography: GFS Didot for display text, Inter for body */
h1, h2, h3, .page-title,
.hero__lead, .hero__tagline, .founder__quote, .cta__title, .wordmark__name {
	font-family: var(--serif);
	font-weight: 400;
}
h1, h2, h3 { letter-spacing: -0.012em; }
h1 em, h2 em, h3 em, .hero__tagline em, .founder__quote em, .pillar__title em { font-style: normal; }
.hero__lead, .hero__tagline, .founder__quote, .cta__title { line-height: 1.2 !important; }

.band .eyebrow { margin: 0 0 .45rem; letter-spacing: 0.16em; line-height: 1.4; }
.band .hero__words { letter-spacing: 0.16em; line-height: 2.1 !important; }
.section__title {
	color: var(--ink) !important;
	font-size: clamp(1.65rem, 2.75vw, 2.45rem) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.022em;
	margin: 0 0 clamp(14px, 1.6vw, 22px) !important;
}

/* Hero ---------------------------------------------------------------- */
.hero { padding: 0 var(--gutter); }
.hero__grid {
	max-width: var(--wrap); margin: 0 auto !important;
	align-items: stretch !important;
	gap: 0 !important;
	min-height: clamp(320px, 27.5vw, 400px);
}
.hero__copy {
	padding: clamp(24px, 2.4vw, 36px) clamp(0px, 2.4vw, 32px) clamp(24px, 2.4vw, 34px) 0;
	display: flex; flex-direction: column; justify-content: center;
}
.hero__copy > * { margin: 0; }
.hero .eyebrow { margin-bottom: .6rem; }
.hero__title {
	font-size: clamp(2.8rem, 6vw, 5.4rem) !important;
	line-height: .95 !important;
	letter-spacing: -0.02em;
	color: var(--ink);
	margin: 0 0 .9rem !important;
}
.hero__lead { font-size: clamp(1.2rem, 1.75vw, 1.55rem); line-height: 1.2 !important; color: var(--ink); margin-bottom: .6rem !important; max-width: 44ch; }
.hero__text { font-size: clamp(.9rem, 1.1vw, 1rem); color: var(--muted); max-width: 62ch; margin-bottom: 1.1rem !important; }
.hero .text-link a { font-size: clamp(1.1rem, 1.4vw, 1.3rem); }

.hero__media { position: relative; display: flex; }
.hero__visual { position: relative; flex: 1; min-height: 300px; margin: 0; }
.hero__visual > * { margin: 0 !important; }
.hero__image, .hero__image img { position: absolute !important; inset: 0; width: 100%; height: 100%; margin: 0; }
.hero__image img { object-fit: cover; object-position: left center; }
/* The tagline sits on the light marble pillar (≈20–45% of the photo width).
   Its position follows the photo via container units:
   max(x% of width, x%·1.5 of height) tracks object-fit: cover anchored left. */
.hero__visual { container-type: size; }
.hero__overlay { position: absolute; inset: 0; pointer-events: none; }
.hero__words {
	position: absolute; left: max(21cqw, 31.5cqh); top: 20%;
	font-family: var(--sans); font-size: 0.66rem !important; letter-spacing: 0.16em; text-transform: uppercase;
	line-height: 2.1 !important; color: var(--ink); margin: 0 !important;
}
.hero__words::after { content: ""; display: block; width: 30px; height: 1px; background: var(--burgundy); margin-top: 12px; }
.hero__tagline {
	position: absolute; left: max(21cqw, 31.5cqh); bottom: 22%;
	max-width: min(28cqw, 42cqh);
	font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.2 !important; color: var(--ink); margin: 0 !important;
}
.hero__tagline::after { content: ""; display: block; width: 30px; height: 1px; background: var(--burgundy); margin-top: 14px; }
@container (max-width: 520px) {
	.hero__tagline { font-size: 0.95rem; bottom: 20%; }
}

@media (min-width: 782px) {
	.hero__visual { margin-right: calc(-1 * max(var(--gutter), (100vw - var(--wrap)) / 2)); }
}
@media (max-width: 781px) {
	.hero { padding: 0; }
	.hero__grid { flex-direction: column; min-height: 0; }
	.hero__copy { padding: 36px var(--gutter) 36px; }
	.hero__visual { min-height: 0; height: 62vw; width: 100%; flex: none; }
}

/* What we do --------------------------------------------------------- */
.services {
	display: grid; grid-template-columns: 1fr 1fr;
	padding-left: clamp(0px, 7vw, 88px);
}
.services > .service { margin: 0 !important; }
.service {
	position: relative;
	padding: 12px 56px 14px 0;
}
.service:nth-child(odd)::before {
	content: ""; position: absolute; right: 0; top: 12px; bottom: 14px; width: 1px; background: var(--line);
}
.service:nth-child(even) { padding-left: clamp(24px, 3.5vw, 44px); padding-right: 40px; }
.service:nth-child(n+3) { border-top: 1px solid var(--line); padding-top: 16px; }
.services .service:nth-child(3) { margin-left: calc(-1 * clamp(0px, 7vw, 88px)) !important; padding-left: clamp(0px, 7vw, 88px); }
.service::after {
	content: "→"; position: absolute; right: 22px; top: 22px;
	color: var(--burgundy); font-size: 1.35rem; line-height: 1;
}
.service:nth-child(even)::after { right: 0; }
.service__title { font-size: clamp(1.3rem, 1.9vw, 1.6rem) !important; color: var(--ink) !important; line-height: 1.1 !important; margin: 0 0 .25rem !important; }
.service__text { font-size: clamp(.86rem, 1.02vw, .95rem); color: var(--muted); margin: 0; max-width: 44ch; }
@media (max-width: 781px) {
	.services { grid-template-columns: 1fr; padding-left: 0; }
	.services .service:nth-child(3) { margin-left: 0 !important; }
	.service, .service:nth-child(odd), .service:nth-child(even), .services .service:nth-child(3) { padding: 16px 40px 16px 0; }
	.service + .service { border-top: 1px solid var(--line); }
	.service:nth-child(odd)::before { display: none; }
	.service::after, .service:nth-child(even)::after { right: 4px; top: 22px; }
}

/* How we work -------------------------------------------------------- */
.how { background: var(--stone); }
.how__intro { align-items: flex-start !important; margin-bottom: clamp(14px, 1.8vw, 22px) !important; }
.how__intro .section__title { margin-bottom: 0 !important; max-width: none; }
.how__text { font-size: clamp(.86rem, 1vw, .94rem); color: var(--muted); margin: 1.5rem 0 0; }
.pillars { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; padding: 0 4%; }
.pillars > .pillar { margin: 0 !important; }
.pillar { padding: 2px 20px; }
.pillar + .pillar { border-left: 1px solid var(--line); }
.pillar__title { font-size: clamp(1.5rem, 2.3vw, 2rem) !important; color: var(--burgundy) !important; line-height: 1.05 !important; margin: 0 0 .2rem !important; }
.pillar__text { font-size: clamp(.86rem, 1.02vw, .95rem); color: var(--muted); margin: 0 auto; max-width: 24ch; }
@media (max-width: 781px) {
	.how__text { margin-top: 0; }
	.pillars { grid-template-columns: 1fr; text-align: left; padding: 0; }
	.pillar { padding: 14px 0; }
	.pillar + .pillar { border-left: 0; border-top: 1px solid var(--line); }
	.pillar__text { margin: 0; }
}

/* Selected experience ------------------------------------------------ */
.experience .eyebrow { margin-bottom: .6rem; }
.cases { display: grid; grid-template-columns: repeat(4, 1fr); }
.cases > .case { margin: 0 !important; }
.case { padding: 0 clamp(14px, 1.8vw, 24px); }
.case:first-child { padding-left: 0; }
.case:last-child { padding-right: 0; }
.case + .case { border-left: 1px solid var(--line); }
.case__title { font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important; color: var(--ink) !important; line-height: 1.12 !important; margin: 0 0 .5rem !important; }
.case__text { font-size: clamp(.8rem, .92vw, .88rem); color: var(--muted); margin: 0; line-height: 1.3 !important; }
@media (max-width: 1000px) {
	.cases { grid-template-columns: 1fr 1fr; row-gap: 24px; }
	.case:nth-child(3) { border-left: 0; padding-left: 0; }
	.case:nth-child(2) { padding-right: 0; }
}
@media (max-width: 600px) {
	.cases { grid-template-columns: 1fr; row-gap: 0; }
	.case, .case:nth-child(3), .case + .case { padding: 14px 0; border-left: 0; }
	.case + .case { border-top: 1px solid var(--line); }
}

/* Founder ------------------------------------------------------------ */
.band.founder { padding: 0; }
.founder__media { position: relative; min-height: clamp(260px, 22vw, 560px); }
.founder__photo { position: absolute !important; inset: 0; margin: 0 !important; }
.founder__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 12%; display: block; }
.founder__copy { padding: clamp(20px, 2.4vw, 32px) clamp(20px, 3vw, 44px); }
.founder__copy > * { margin-top: 0; }
.founder__name { font-size: clamp(2rem, 3.2vw, 2.75rem) !important; color: var(--ink) !important; line-height: 1.05 !important; margin: 0 0 .6rem !important; }
.founder__bio { font-size: clamp(.88rem, 1.05vw, .98rem); color: var(--muted); max-width: 44ch; margin: 0; }
.founder__meta { font-size: clamp(.84rem, 1vw, .92rem); color: var(--muted); padding-top: .9rem; position: relative; margin: 1rem 0 0 !important; }
.founder__meta::before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 1px; background: var(--burgundy); }
.founder__aside { border-left: 1px solid var(--line); }
.founder__quote { font-size: clamp(1.2rem, 1.8vw, 1.55rem); line-height: 1.22 !important; color: var(--ink); margin: 0; max-width: 22ch; }
.founder__quote::after { content: ""; display: block; width: 30px; height: 1px; background: var(--burgundy); margin-top: 16px; }
/* Desktop: a grid instead of flex columns. The photo bleeds to the left edge,
   while the text and the quote stay aligned with the page's content width. */
@media (min-width: 782px) {
	.band.founder .founder__grid {
		--side: max(var(--gutter), (100vw - var(--wrap)) / 2);
		display: grid !important;
		grid-template-columns: calc(var(--side) + min(var(--wrap), 100vw - 2 * var(--gutter)) * 0.27) minmax(0, 1.25fr) minmax(0, 1fr);
		align-items: stretch !important;
		gap: 0 !important;
		padding-right: var(--side);
	}
	.band.founder .founder__grid > .wp-block-column { flex-basis: auto !important; width: auto !important; min-width: 0; margin: 0 !important; }
	.founder__copy { align-self: center; }
	.founder__aside { align-self: center; margin: clamp(24px, 3vw, 40px) 0 !important; padding: 4px 0 4px clamp(18px, 2.2vw, 30px); }
}
@media (max-width: 781px) {
	.founder__grid { flex-direction: column; gap: 0 !important; }
	.founder__media { min-height: 0; }
	.founder__photo { position: static !important; }
	.founder__photo img { height: auto; max-height: 460px; aspect-ratio: 4 / 5; }
	.founder__copy { padding: 28px var(--gutter) 0; }
	.founder__aside { align-self: stretch; border-left: 0; border-top: 1px solid var(--line); margin: 20px var(--gutter) 28px !important; padding: 20px 0 0; }
}

/* Bridge ------------------------------------------------------------- */
.bridge { background: var(--stone); padding-block: clamp(16px, 1.8vw, 24px); }
.bridge__grid { align-items: center !important; }
.bridge .section__title { margin: 0 !important; max-width: none; font-size: clamp(1.7rem, 2.6vw, 2.3rem) !important; }
.bridge__aside { border-left: 1px solid var(--burgundy); padding-left: clamp(20px, 3vw, 40px); }
.bridge__text { margin: 0; color: var(--muted); font-size: clamp(.86rem, 1.02vw, .95rem); max-width: 52ch; }
@media (max-width: 781px) { .bridge__aside { border-left: 0; padding-left: 0; } }

/* CTA band ----------------------------------------------------------- */
.band.cta { background: var(--green); color: #fff; padding-block: clamp(14px, 1.5vw, 20px); border-top: 0; }
.cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
.cta__title { font-size: clamp(1.45rem, 2.4vw, 2.05rem); color: #fff; margin: 0 !important; line-height: 1.15 !important; }
.cta__link { margin: 0 !important; }
.cta__link a { color: #fff; text-decoration: none; font-size: clamp(1.1rem, 1.5vw, 1.3rem); border-bottom: 1px solid rgba(255,255,255,.75); padding-bottom: 3px; }
.cta__link a:hover { color: #fff; border-color: #fff; }
.band.cta + .band { border-top: 0; }

/* Forms (contact form plugins) -------------------------------------- */
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea, .contact-form select {
	width: 100%; font: inherit; font-size: 1.05rem; color: var(--ink);
	background: transparent; border: 0; border-bottom: 1px solid var(--line); padding: 10px 0; border-radius: 0;
}
.contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--burgundy); }
.contact-form input[type="submit"], .contact-form button[type="submit"], .contact-form .wp-block-button__link {
	font-family: var(--sans); font-size: .8rem; letter-spacing: .14em; text-transform: uppercase;
	background: var(--burgundy); color: #fff; border: 0; border-radius: 0; padding: 14px 26px; cursor: pointer;
}
.contact-form input[type="submit"]:hover, .contact-form button[type="submit"]:hover { background: var(--ink); }

/* ------------------------------------------------------------------ */
/* Standard pages (legal, etc.)                                        */
/* ------------------------------------------------------------------ */
.page-article { max-width: 760px; margin: 0 auto; padding: clamp(48px, 7vw, 96px) var(--gutter); }
.page-title { font-size: clamp(2.2rem, 4vw, 3.2rem); color: var(--ink); font-weight: 400; margin: 0 0 2rem; line-height: 1.1; }
.page-title a { text-decoration: none; }
.page-article .entry-content h2 { font-size: 1.7rem; margin-top: 2.4rem; }
.page-article .entry-content h3 { font-size: 1.3rem; margin-top: 1.8rem; }
.page-article .entry-content { font-size: 1rem; line-height: 1.65; }
.page-article .entry-content h2 { font-family: var(--serif); font-weight: 400; }

/* ------------------------------------------------------------------ */
/* Footer                                                              */
/* ------------------------------------------------------------------ */
.site-footer { border-top: 1px solid var(--line); background: var(--paper); }
.site-footer__inner {
	max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto;
	padding: 22px var(--gutter) 14px;
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px;
}
.site-footer__inner .wordmark { margin-right: auto; }
.footer-items { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; font-size: .8rem; color: var(--ink); }
.footer-items > li { padding: 0 14px; line-height: 1.2; }
.footer-items > li + li { border-left: 1px solid var(--line); }
.footer-items > li:first-child { padding-left: 0; }
.footer-items > li:last-child { padding-right: 0; }
.footer-items a { color: var(--ink); text-decoration: none; }
.footer-items a:hover { color: var(--burgundy); }
.footer-contact span { margin: 0 6px; color: var(--muted); }
.footer-nav ul { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; }
.site-footer__legal {
	max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter) 24px;
	font-family: var(--sans); font-size: .7rem; letter-spacing: .04em; color: var(--muted);
}
@media (max-width: 860px) {
	.site-footer__inner { flex-direction: column; align-items: flex-start; }
	.site-footer__inner .wordmark { margin-right: 0; }
	.footer-items { flex-direction: column; align-items: flex-start; gap: 10px; }
	.footer-items > li, .footer-items > li + li { padding: 0; border: 0; }
}

/* ------------------------------------------------------------------ */
/* Editor tweaks                                                       */
/* ------------------------------------------------------------------ */
.editor-styles-wrapper .hero__overlay { pointer-events: auto; }
.editor-styles-wrapper .hero__visual { margin-right: 0; }
.editor-styles-wrapper .founder__media { margin-left: 0; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; }
}
