/* Shared geometry for permanent emphasis and native text-selection markers. */
/* The homepage and consultations use the same footer layout. */
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:35px;border-top:1px solid var(--color-border)}
.site-footer .footer-caption{font-size:10px;color:var(--neutral-600);margin-top:12px}
.site-footer .footer-links{display:flex;align-items:center;gap:25px;font-size:11px}
.site-footer .footer-links .email-reveal-trigger{display:flex;align-items:center;gap:8px;background:transparent;padding:10px 0;font-size:11px;line-height:1.7}
.site-footer .footer-links .email-reveal-trigger[hidden]{display:none}
.site-footer .footer-links a:hover,.site-footer .footer-links button:hover{color:var(--vermilion-700)}
@media(max-width:760px){.site-footer{flex-wrap:wrap}.site-footer .footer-links{gap:18px;flex-wrap:wrap}.site-footer .footer-caption{margin-top:9px}}
:root{--site-marker-top:53%;--site-marker-bottom:86%;}
/* Full-name lockup, half-height marker, and quieter action buttons. */
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-name{font:700 22px/1.2 var(--font-head);letter-spacing:-.05em;white-space:nowrap;color:var(--neutral-950)}
.brand-icon{width:44px;height:44px;flex:0 0 44px;perspective:500px;display:block}
.brand-flip{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.brand .brand-icon img{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.brand-back{transform:rotateY(180deg)}
.brand:hover .brand-flip,.brand:focus-visible .brand-flip{transform:rotateY(180deg)}
[dir=rtl] .brand-name{font-family:var(--font-body);font-size:24px;letter-spacing:0}
.portrait-image img{filter:none;object-position:50% 37%;object-fit:cover}
/* Paint only the lower half of the glyph box; retain the heading’s type. */
h1 em,h2 em,.venture-art em,.studio .hero h1 em{font:inherit;letter-spacing:inherit;color:inherit;padding:0 .035em;background:linear-gradient(to bottom,transparent var(--site-marker-top),var(--vermilion-500) var(--site-marker-top) var(--site-marker-bottom),transparent var(--site-marker-bottom));box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* A paper upper half keeps ink readable when the marker appears on an ink card. */
.venture-art em{color:var(--neutral-950);background:linear-gradient(to bottom,var(--neutral-50) 53%,var(--vermilion-500) 53% 86%,var(--neutral-50) 86%)}
.button.primary{min-height:50px;padding:0 0 0 21px;gap:26px;border:1px solid var(--neutral-950);border-radius:6px;background:var(--neutral-950);color:var(--neutral-50);font-size:13px;font-weight:500;transform:none;overflow:hidden;transition:background .25s,color .25s,border-color .25s}
.button.primary>span{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:49px;border-inline-start:1px solid var(--neutral-600);font-size:20px;transition:background .25s,color .25s}
.button.primary:hover>span,.button.primary:focus-visible>span{background:var(--vermilion-500);color:var(--neutral-950);border-color:var(--neutral-950)}
.hero-actions .text-link{font-size:13px;min-height:44px;gap:15px;border-bottom:1px solid var(--neutral-400);padding:0 0 2px;transition:border-color .25s,color .25s}
.hero-actions .text-link:hover{color:var(--color-accent-text);border-color:var(--color-accent-text)}
.studio .button.primary{background:transparent;color:var(--neutral-950)}
.studio .button.primary>span{border-color:var(--neutral-200)}
.studio .button.primary:hover{background:var(--neutral-0)}
[dir=rtl] .button.primary{padding:0 21px 0 0;font-size:14px}
[dir=rtl] .hero-actions .text-link{font-size:14px}
.languages{display:flex;direction:ltr;align-items:center;flex-shrink:0;border:0;border-radius:0;padding:0;background:transparent;gap:18px}
.languages button{font-family:var(--font-body);font-size:12px;border-radius:0;padding:8px 2px;background:transparent;border-bottom:2px solid transparent}
.languages button[aria-pressed=true]{background:transparent;color:var(--neutral-950);border-color:var(--vermilion-500)}
.site-header .languages button{line-height:1.6;white-space:nowrap;color:var(--color-text-muted)}
.site-header .languages button[aria-pressed=true]{color:var(--neutral-950)}
@media(min-width:761px){.site-header nav a{font-size:15px}}
.filters button{border-radius:0;border-bottom:2px solid transparent;padding-inline:5px;margin-inline-end:14px}
.filters button[aria-pressed=true]{background:transparent;border-color:var(--vermilion-500);color:var(--neutral-950)}
@media(max-width:1100px){.brand-name{font-size:20px}.site-header nav{gap:26px}}
@media(max-width:760px){.brand{gap:8px}.brand-icon{width:36px;height:36px;flex-basis:36px}.brand-name{font-size:17px;letter-spacing:-.05em}[dir=rtl] .brand-name{font-size:20px}.header-tools{gap:0}.languages{gap:14px}.languages button{font-size:10px;padding-inline:1px}.hero-actions{gap:22px;align-items:center}.button.primary{font-size:12px;min-height:48px;padding-left:16px;gap:17px}.button.primary>span{min-width:41px}.hero-actions .text-link{font-size:12px;gap:11px}[dir=rtl] .button.primary{padding:0 16px 0 0;font-size:13px}[dir=rtl] .hero-actions .text-link{font-size:13px}.portrait-image img{object-position:50% 36%}.closing .button{font-size:12px}footer .brand-name{font-size:18px}[dir=rtl] footer .brand-name{font-size:21px}}
@media(prefers-reduced-motion:reduce){.brand-flip{transition:none}.brand:hover .brand-flip,.brand:focus-visible .brand-flip{transform:none}.brand:hover .brand-front,.brand:focus-visible .brand-front{visibility:hidden}.brand:hover .brand-back,.brand:focus-visible .brand-back{transform:none}}