/* One continuous grid coordinate system; no section-sized background clips. */
.header .brand{font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.035em;font-size:24px}
.header .brand-dot{display:none}
body::before,.hero::before,.approach-scroll::before,.case-section::before,.tato-section::before,.about-section::before,.contact::before,.solution-bridge::after{display:none!important}
.page-depth{position:absolute;left:0;top:0;z-index:-1;width:100%;pointer-events:none;overflow:hidden}
.page-depth line{stroke:var(--grid-line);stroke-width:1}
.solution-bridge{background:transparent}
.solution-bridge::before{background:color-mix(in srgb,var(--mint) 75%,transparent)}
.about-section{border:0}
@media(max-width:750px){.header .brand{font-size:20px;letter-spacing:-.04em}}

/* A quiet tilted nameplate, using the same offset layers as the case cards. */
.header .brand{position:relative;isolation:isolate;padding:7px 13px}
.header .brand::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card);border:1px solid var(--line);border-radius:3px;transform:rotate(-2deg);box-shadow:3px 4px 0 var(--mint);transition:transform .2s,box-shadow .2s}
.header .brand:hover::before{transform:rotate(0deg);box-shadow:2px 3px 0 var(--mint)}
@media(max-width:750px){.header .brand{justify-self:start;padding:6px 9px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.header .brand::before{transition:none}}