/* Shared composition across the original and growth pages. */
.site-header{background:var(--green);color:var(--paper);border-bottom:1px solid #ffffff26}
.site-header .desktop-nav a:hover{background:transparent;color:var(--acid)}
.site-header .desktop-nav a{line-height:1.25;padding-block:.55rem;overflow-wrap:break-word}
.site-header.open .desktop-nav{gap:.15rem;padding-top:110px;padding-bottom:3rem;max-height:100dvh;overflow-y:auto}
body main h1{font-family:var(--sans);font-weight:500;line-height:1.06;letter-spacing:-.045em;padding-bottom:.08em;overflow-wrap:break-word}
body main h1 em,body main h2 em{font-family:var(--serif);font-weight:400}
body main h2{line-height:1.12;letter-spacing:-.035em;overflow-wrap:break-word}
body main h3{line-height:1.3;overflow-wrap:break-word}
.growth-page{max-width:none;padding:0;color:var(--ink)}
.growth-page>section{margin:0;padding:clamp(3rem,7vw,7rem) 7vw;max-width:none}
.growth-page>.growth-hero{min-height:76svh;background:var(--green);color:var(--paper);padding:clamp(150px,18vh,200px) 7vw clamp(3rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}
.growth-page .growth-hero h1{font-size:clamp(3.2rem,7.4vw,7.5rem);max-width:1200px;margin:1.2rem 0 1.8rem}
.growth-hero>p:first-child{color:var(--paper);font-size:.875rem;letter-spacing:.14em}
.growth-hero>p:not(:first-child){font-size:1.15rem;line-height:1.75;max-width:740px;color:#f4f1e9de}
.growth-page h2,.growth-home h2{font-size:clamp(2.2rem,4.6vw,4.8rem);font-weight:500}
.growth-cards h2{font-size:clamp(1.6rem,2.5vw,2.4rem)}
.growth-page h3,.growth-home h3{font-weight:500}
.growth-page .growth-split{gap:clamp(2rem,6vw,6rem);grid-template-columns:1.25fr 1fr;align-items:start}
.growth-page .growth-split aside{padding:2rem;background:var(--sand);border:0;border-radius:12px}
.growth-page .growth-split aside h2{font-size:clamp(1.8rem,3vw,3rem)}
.growth-cards article{background:transparent;border-top:1px solid var(--line);padding:1.6rem 0;min-width:0}
.growth-cards{gap:2rem 3rem}
.growth-page>.growth-close{background:var(--sand)}
.growth-link{border-radius:999px;font-size:.9375rem;padding:.9rem 1.3rem;max-width:100%;overflow-wrap:break-word;align-self:flex-start}
.growth-hero .growth-link{background:var(--acid);color:var(--green)!important}
.growth-home{margin:0;padding:clamp(3rem,7vw,7rem) 7vw;background:var(--sand);gap:clamp(2rem,5vw,5rem)}
.growth-home aside{border-left:1px solid var(--line)}
.growth-page *,.growth-home *{overflow-wrap:break-word}
.growth-embed{scroll-margin-top:90px}.growth-embed iframe{border-radius:16px}
@media(max-width:800px){.growth-page>.growth-hero{padding:130px 5vw 4rem;min-height:72svh}.growth-page .growth-hero h1{font-size:clamp(2.7rem,9.5vw,4rem);line-height:1.08}.growth-page>section,.growth-home{padding:3.5rem 5vw}.growth-page .growth-split{grid-template-columns:1fr}.growth-home aside{border-left:0}.growth-page h2,.growth-home h2{font-size:clamp(2rem,7vw,3rem)}.growth-cards h2{font-size:1.65rem}.site-header.open .desktop-nav{inset:0;top:0;min-height:100dvh;padding:100px 5vw 3rem;justify-content:flex-start}.site-header.open .desktop-nav a{line-height:1.25;font-size:clamp(1.4rem,5.8vw,2.2rem)}body main h1{line-height:1.08}.growth-hero>p:not(:first-child){font-size:1.0625rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Equal logo frames, with the original proportions preserved. */
.focus-home .project-brand{display:flex;align-items:center;justify-content:center;width:clamp(150px,24%,210px);min-height:64px;padding:1rem}
.focus-home .project-brand img,.focus-home .project-a .project-brand img,.focus-home .project-b .project-brand img{display:block;width:120px;max-width:100%;height:36px;object-fit:contain;object-position:center;margin:auto}
.case-hero .case-brand-logo{display:block;width:140px;max-width:50%;height:29px;object-fit:contain;object-position:center;margin:0 auto 2rem}
@media(max-width:600px){.focus-home .project-brand{width:140px;min-height:54px;padding:.75rem}.focus-home .project-brand img,.focus-home .project-a .project-brand img,.focus-home .project-b .project-brand img{width:100px;height:30px}.case-hero .case-brand-logo{width:120px;height:26px}}

/* Floating site-wide navigation. No transform/backdrop filter: keep the menu viewport-based. */
html{scroll-padding-top:112px}body .site-header{position:fixed;top:max(12px,env(safe-area-inset-top));left:2vw;right:2vw;width:auto;height:76px;border:1px solid #ffffff30;border-radius:20px;padding-inline:2vw;box-shadow:0 10px 32px #08251c30;z-index:40}body .site-header.open{border-radius:20px}body .site-header.open .desktop-nav{position:fixed;inset:0;width:100%;min-height:100dvh;max-height:100dvh;padding-top:112px;z-index:-1}main>[id]{scroll-margin-top:112px}body .case-hero{padding-top:max(145px,19vh)}
@media(max-width:800px){html{scroll-padding-top:96px}body .site-header{top:max(8px,env(safe-area-inset-top));left:10px;right:10px;height:68px;border-radius:16px;padding-inline:12px}body .site-header.open .desktop-nav{padding-top:96px}body .case-hero{padding-top:max(120px,16vh)}main>[id]{scroll-margin-top:96px}}
@media(max-width:800px){body .site-header .brand img.baja-wordmark{max-width:calc(100vw - 250px)}}

/* Alternating rings and the original Baja Verde symbol; clipped decoration only. */
.baja-motif-host{position:relative;isolation:isolate}
.baja-motif-host>.baja-motif[aria-hidden="true"]{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;overflow:hidden;pointer-events:none;z-index:-1!important;border-radius:inherit}
.baja-motif-orbit{position:absolute;width:clamp(360px,64vw,920px);aspect-ratio:1;top:-14%;right:-30%;border:1px solid currentColor;border-radius:50%;opacity:.3;animation:baja-motif-turn 54s linear infinite;animation-play-state:paused}
.baja-motif-orbit:before,.baja-motif-orbit:after{content:'';position:absolute;inset:17%;border:1px solid currentColor;border-radius:50%}.baja-motif-orbit:after{inset:34%}
.baja-motif-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:currentColor;left:14.65%;top:14.65%;transform:translate(-50%,-50%)}.baja-motif-orbit i:nth-child(2){left:73.3%;top:26.7%}.baja-motif-orbit i:nth-child(3){left:50%;top:66%;width:7px;height:7px}
.baja-motif-mark{position:absolute;width:clamp(230px,38vw,540px);aspect-ratio:87/96;left:-12%;top:10%;background:currentColor;mask:url('/assets/baja-verde-mark-green.svg') center/contain no-repeat;-webkit-mask:url('/assets/baja-verde-mark-green.svg') center/contain no-repeat;opacity:.11;animation:baja-motif-drift 22s ease-in-out infinite alternate;animation-play-state:paused}
.motif-visible>.baja-motif>.baja-motif-orbit,.motif-visible>.baja-motif>.baja-motif-mark{animation-play-state:running}
@keyframes baja-motif-turn{to{transform:rotate(360deg)}}@keyframes baja-motif-drift{to{transform:translateY(22px) rotate(5deg)}}
@media(max-width:800px){.baja-motif-orbit{width:125vw;right:-48%;top:8%;opacity:.24}.baja-motif-mark{width:78vw;left:-18%;top:15%;opacity:.085}}
@media(prefers-reduced-motion:reduce){.baja-motif-orbit,.baja-motif-mark{animation:none!important}}
