/* ============================================================
   HOME — HERO
============================================================ */

.home-hero {
position: relative;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
color: var(--color-cream);
}

.home-hero__bg {
position: absolute;
inset: 0;
}

.home-hero__bg-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
transform: scale(1.05);
animation: hero-zoom 18s ease-in-out infinite alternate;
}

@keyframes hero-zoom {
from { transform: scale(1.05); }
to { transform: scale(1); }
}

.home-hero__bg-overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg, rgba(42,61,45,.55) 0%, rgba(42,61,45,.88) 100%);
}

.home-hero__grain {
position: absolute;
inset: 0;
opacity: 0.035;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 200px 200px;
pointer-events: none;
}

.home-hero__blobs {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.home-hero__blob {
position: absolute;
border-radius: var(--radius-organic);
animation: morphBlob 10s ease-in-out infinite alternate;
}

.home-hero__blob--1 {
width: 600px;
height: 600px;
top: -15%;
right: -10%;
background: radial-gradient(circle at 40% 40%, rgba(155,172,109,.18) 0%, transparent 65%);
animation-duration: 12s;
}

.home-hero__blob--2 {
width: 400px;
height: 400px;
bottom: 10%;
left: -8%;
background: radial-gradient(circle at 60% 60%, rgba(155,172,109,.08) 0%, transparent 65%);
animation-duration: 9s;
animation-direction: alternate-reverse;
}

.home-hero__content {
position: relative;
z-index: 2;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-px);
padding-bottom: clamp(8rem, 14vw, 12rem);
width: 100%;
}

.home-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.75rem;
font-family: var(--font-ui);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--color-olive);
margin-bottom: 2rem;
}

.home-hero__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--color-olive);
animation: pulse-dot 2.5s ease-in-out infinite;
}

@keyframes pulse-dot {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: .5; transform: scale(.7); }
}

.home-hero__title {
font-family: var(--font-display);
font-size: clamp(4.5rem, 11vw, 11rem);
line-height: 0.95;
letter-spacing: -0.035em;
margin-bottom: 3.5rem;
}

.home-hero__title-line {
display: block;
overflow: hidden;
}

.home-hero__title-line--2 {
padding-left: clamp(2rem, 8vw, 10rem);
}

.home-hero__title-line--3 {
text-align: right;
}

.italic-olive {
font-style: italic;
color: var(--color-olive);
}

.home-hero__bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 3rem;
flex-wrap: wrap;
}

.home-hero__desc {
font-size: clamp(.9rem, 1.4vw, 1.15rem);
font-weight: 300;
line-height: 1.75;
color: rgba(234,229,224,.72);
max-width: 40ch;
}

.home-hero__cta-group {
display: flex;
gap: 1rem;
flex-wrap: wrap;
flex-shrink: 0;
}

.btn--ghost {
background: transparent;
color: rgba(234,229,224,.7);
box-shadow: inset 0 0 0 1.5px rgba(234,229,224,.2);
}

.btn--ghost:hover {
color: var(--color-cream);
box-shadow: inset 0 0 0 1.5px rgba(234,229,224,.5);
background: rgba(234,229,224,.06);
}

.home-hero__scroll {
position: absolute;
bottom: 2.5rem;
left: var(--container-px);
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: .75rem;
}

.home-hero__scroll-text {
font-family: var(--font-ui);
font-size: 0.6rem;
letter-spacing: .2em;
text-transform: uppercase;
color: rgba(234,229,224,.3);
writing-mode: vertical-rl;
}

.home-hero__scroll-bar {
width: 1px;
height: 56px;
background: linear-gradient(to bottom, rgba(155,172,109,.7) 0%, transparent 100%);
animation: scroll-bar 2s ease-in-out infinite;
}

@keyframes scroll-bar {
0%, 100% { transform: scaleY(1); opacity: 1; }
50% { transform: scaleY(.5); opacity: .5; }
}

.home-hero__stats {
position: absolute;
bottom: 2.5rem;
right: var(--container-px);
z-index: 2;
display: flex;
align-items: center;
gap: 2rem;
}

.home-hero__stat {
display: flex;
flex-direction: column;
align-items: flex-end;
}

.home-hero__stat-num {
font-family: var(--font-display);
font-size: clamp(1.5rem, 3vw, 2.25rem);
color: var(--color-cream);
line-height: 1;
}

.home-hero__stat-label {
font-family: var(--font-ui);
font-size: .7rem;
letter-spacing: .06em;
color: rgba(234,229,224,.4);
margin-top: .25rem;
white-space: nowrap;
}

.home-hero__stat-sep {
width: 1px;
height: 36px;
background-color: rgba(234,229,224,.15);
}

/* ============================================================
   HOME — MARQUEE
============================================================ */

.home-marquee {
padding-block: 1.5rem;
background-color: var(--color-dark);
overflow: hidden;
border-top: 1px solid rgba(234,229,224,.07);
}

.home-marquee__track {
display: inline-flex;
gap: 0;
white-space: nowrap;
animation: marquee-scroll 28s linear infinite;
}

@keyframes marquee-scroll {
from { transform: translateX(0); }
to { transform: translateX(-33.333%); }
}

.home-marquee__item {
display: inline-flex;
align-items: center;
gap: 1.5rem;
font-family: var(--font-ui);
font-size: .75rem;
font-weight: 700;
letter-spacing: .15em;
text-transform: uppercase;
color: rgba(234,229,224,.25);
padding-right: 1.5rem;
}

.home-marquee__dot {
color: var(--color-olive);
opacity: .5;
}

/* ============================================================
   HOME — ABOUT
============================================================ */

.home-about__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(3rem, 7vw, 9rem);
align-items: center;
}

.home-about__img-wrap {
position: relative;
border-radius: var(--radius-xl) var(--radius-organic);
overflow: hidden;
aspect-ratio: 4/5;
transition: border-radius 1.5s var(--ease-out);
}

.home-about__img-wrap:hover {
border-radius: var(--radius-organic-3) var(--radius-xl);
}

.home-about__img {
width: 100%;
height: 100%;
object-fit: cover;
}

.home-about__img-frame {
position: absolute;
bottom: -1.5rem;
left: -1.5rem;
right: 1.5rem;
top: 1.5rem;
border: 1px solid rgba(155,172,109,.25);
border-radius: inherit;
pointer-events: none;
z-index: -1;
}

.home-about__badge {
position: absolute;
bottom: -1rem;
right: -1rem;
background-color: var(--color-cream);
border-radius: var(--radius-organic);
padding: 1.25rem 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
box-shadow: 0 12px 40px rgba(42,61,45,.12);
transition: border-radius var(--transition-slow);
}

.home-about__badge:hover {
border-radius: var(--radius-organic-2);
}

.home-about__badge-leaf {
width: 36px;
height: 36px;
flex-shrink: 0;
}

.home-about__badge-year {
font-family: var(--font-display);
font-size: 1.75rem;
color: var(--color-dark);
line-height: 1;
}

.home-about__badge-label {
font-family: var(--font-ui);
font-size: .7rem;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--color-text-muted);
line-height: 1.4;
}

.home-about__title {
margin-top: .5rem;
margin-bottom: 1.5rem;
}

.home-about__lead {
font-size: clamp(1rem, 1.5vw, 1.15rem);
font-weight: 400;
line-height: 1.7;
color: var(--color-text);
margin-bottom: 1rem;
}

.home-about__body {
font-size: .95rem;
line-height: 1.75;
color: var(--color-text-muted);
margin-bottom: 2rem;
}

.home-about__values {
display: flex;
flex-direction: column;
gap: 1.25rem;
margin-bottom: 2.5rem;
padding: 1.5rem;
background-color: rgba(155,172,109,.06);
border-radius: var(--radius-md);
border-left: 3px solid var(--color-olive);
}

.home-about__value {
display: flex;
align-items: flex-start;
gap: 1rem;
}

.home-about__value-icon {
width: 40px;
height: 40px;
border-radius: var(--radius-organic);
background-color: rgba(155,172,109,.12);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--color-olive);
transition: border-radius var(--transition-slow);
}

.home-about__value:hover .home-about__value-icon {
border-radius: 50%;
}

.home-about__value-icon svg {
width: 18px;
height: 18px;
}

.home-about__value strong {
display: block;
font-family: var(--font-ui);
font-size: .85rem;
font-weight: 700;
color: var(--color-dark);
margin-bottom: .2rem;
}

.home-about__value p {
font-size: .85rem;
color: var(--color-text-muted);
margin: 0;
}

.home-about__link {
display: inline-flex;
}

/* ============================================================
   HOME — EXPERTISES
============================================================ */

.home-expertises__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 3rem;
margin-bottom: clamp(3rem, 6vw, 6rem);
}

.home-expertises__header-right {
max-width: 44ch;
color: rgba(234,229,224,.55);
}

.home-expertises__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}

.home-exp-card {
position: relative;
}

.home-exp-card .expertise-card__title {
color: var(--color-dark);
}

.home-exp-card .expertise-card__text {
font-size: .85rem;
}

.home-exp-card__link {
position: absolute;
bottom: 1.75rem;
right: 1.75rem;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--color-dark);
color: var(--color-cream);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(.8);
transition: opacity var(--transition-base), transform var(--transition-base), border-radius var(--transition-slow);
}

.home-exp-card__link svg {
width: 15px;
height: 15px;
}

.home-exp-card:hover .home-exp-card__link {
opacity: 1;
transform: scale(1);
border-radius: var(--radius-organic);
}

.home-expertises__cta {
display: flex;
justify-content: center;
margin-top: 3.5rem;
}

/* ============================================================
   HOME — REFERENCES
============================================================ */

.home-refs__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 2rem;
margin-bottom: 3rem;
}

.home-refs__all {
flex-shrink: 0;
}

.home-refs__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
max-width: 100%;
padding-inline: var(--container-px);
max-width: var(--container-max);
margin-inline: auto;
}

.home-ref-card {
aspect-ratio: 3/4;
}

.home-ref-card__desc {
font-size: .8rem;
color: rgba(234,229,224,.65);
margin-top: .4rem;
line-height: 1.5;
}

.home-ref-card__full-link {
position: absolute;
inset: 0;
z-index: 3;
}

/* ============================================================
   HOME — ECO SECTION
============================================================ */

.home-eco {
position: relative;
height: clamp(500px, 75vh, 800px);
overflow: hidden;
display: flex;
align-items: center;
}

.home-eco__visual {
position: absolute;
inset: 0;
}

.home-eco__img {
width: 100%;
height: 115%;
object-fit: cover;
object-position: center;
}

.home-eco__overlay {
position: absolute;
inset: 0;
background: linear-gradient(110deg, rgba(42,61,45,.92) 0%, rgba(42,61,45,.75) 50%, rgba(42,61,45,.35) 100%);
}

.home-eco__content {
position: relative;
z-index: 2;
width: 100%;
}

.home-eco__inner {
display: flex;
}

.home-eco__text {
max-width: 540px;
}

.home-eco__badge {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .5rem 1rem;
border-radius: 100px;
background-color: rgba(155,172,109,.15);
border: 1px solid rgba(155,172,109,.3);
font-family: var(--font-ui);
font-size: .7rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--color-olive);
margin-bottom: 1.75rem;
}

.home-eco__badge svg {
width: 16px;
height: 16px;
}

.home-eco__title {
font-family: var(--font-display);
font-size: clamp(2.5rem, 5vw, 5rem);
line-height: 1;
letter-spacing: -.025em;
color: var(--color-cream);
margin-bottom: 1.5rem;
}

.home-eco__title em {
color: var(--color-olive);
font-style: italic;
}

.home-eco__desc {
font-size: 1rem;
line-height: 1.75;
color: rgba(234,229,224,.65);
margin-bottom: 2rem;
max-width: 44ch;
}

.home-eco__items {
display: flex;
flex-direction: column;
gap: .75rem;
margin-bottom: 2.5rem;
}

.home-eco__item {
display: flex;
align-items: center;
gap: .75rem;
font-size: .9rem;
color: rgba(234,229,224,.8);
}

.home-eco__item svg {
width: 18px;
height: 18px;
color: var(--color-olive);
flex-shrink: 0;
}

.home-eco__cta {}

/* ============================================================
   HOME — PROCESS
============================================================ */

.home-process__header {
text-align: center;
margin-bottom: clamp(3rem, 6vw, 6rem);
}

.home-process__steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
position: relative;
}

.home-process__step {
padding: 2.5rem;
border: 1px solid var(--color-border);
border-right: none;
position: relative;
transition: background-color var(--transition-base), border-radius var(--transition-slow);
}

.home-process__step:first-child {
border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.home-process__step:last-child {
border-right: 1px solid var(--color-border);
border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.home-process__step:hover {
background-color: rgba(155,172,109,.05);
}

.home-process__step-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
}

.home-process__step-num {
font-family: var(--font-display);
font-size: 2.5rem;
color: rgba(42,61,45,.1);
line-height: 1;
transition: color var(--transition-base);
}

.home-process__step:hover .home-process__step-num {
color: var(--color-olive);
}

.home-process__step-icon {
width: 44px;
height: 44px;
border-radius: var(--radius-organic);
background-color: rgba(155,172,109,.1);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-olive);
transition: border-radius var(--transition-slow), background-color var(--transition-base);
}

.home-process__step:hover .home-process__step-icon {
border-radius: 50%;
background-color: var(--color-olive);
color: var(--color-white);
}

.home-process__step-icon svg {
width: 20px;
height: 20px;
}

.home-process__step-title {
font-family: var(--font-display);
font-size: 1.35rem;
margin-bottom: .6rem;
}

.home-process__step-desc {
font-size: .85rem;
line-height: 1.7;
color: var(--color-text-muted);
}

.home-process__step-arrow {
position: absolute;
top: 50%;
right: -14px;
transform: translateY(-50%);
width: 28px;
height: 28px;
background-color: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}

.home-process__step-arrow svg {
width: 16px;
height: 16px;
}

/* ============================================================
   HOME — INSIGHTS
============================================================ */

.home-insights__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 2rem;
margin-bottom: 3rem;
}

.home-insights__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}

.home-insights__grid .post-card {
background-color: rgba(234,229,224,.05);
}

.home-insights__grid .post-card__title {
color: var(--color-cream);
}

.home-insights__grid .post-card__excerpt {
color: rgba(234,229,224,.5);
}

.home-insights__grid .post-card__footer {
border-top-color: rgba(234,229,224,.08);
}

.home-insights__grid .post-card__date,
.home-insights__grid .post-card__reading {
color: rgba(234,229,224,.3);
}

.home-insights__grid .post-card:hover {
box-shadow: 0 20px 60px rgba(0,0,0,.3);
}

.home-insights__grid .post-card:hover .post-card__title {
color: var(--color-olive);
}

/* ============================================================
   HOME — CTA FINAL
============================================================ */

.home-cta {
position: relative;
padding-block: clamp(6rem, 12vw, 12rem);
background-color: var(--color-cream);
overflow: hidden;
}

.home-cta__blobs {
position: absolute;
inset: 0;
pointer-events: none;
}

.home-cta__blob {
position: absolute;
border-radius: var(--radius-organic);
}

.home-cta__blob--1 {
width: 700px;
height: 700px;
top: -30%;
right: -15%;
background: radial-gradient(circle, rgba(155,172,109,.12) 0%, transparent 65%);
animation: morphBlob 11s ease-in-out infinite alternate;
}

.home-cta__blob--2 {
width: 500px;
height: 500px;
bottom: -25%;
left: -10%;
background: radial-gradient(circle, rgba(42,61,45,.06) 0%, transparent 65%);
animation: morphBlob 8s ease-in-out infinite alternate-reverse;
}

.home-cta__inner {
position: relative;
z-index: 2;
text-align: center;
}

.home-cta__title {
font-family: var(--font-display);
font-size: clamp(4rem, 10vw, 10rem);
line-height: .95;
letter-spacing: -.04em;
color: var(--color-dark);
margin-top: 1rem;
margin-bottom: 2rem;
}

.home-cta__title em {
color: var(--color-olive);
font-style: italic;
}

.home-cta__desc {
font-size: clamp(.95rem, 1.5vw, 1.15rem);
color: var(--color-text-muted);
max-width: 48ch;
margin-inline: auto;
margin-bottom: 3rem;
line-height: 1.75;
}

.home-cta__buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 1.25rem;
flex-wrap: wrap;
}

.home-cta__btn-main {
font-size: 1.05rem;
padding: 1rem 2.5rem;
}

.home-cta__btn-sec {
color: var(--color-text-muted);
box-shadow: none;
background: transparent;
font-size: .9rem;
text-decoration: underline;
text-underline-offset: 3px;
padding: .875rem 1rem;
}

.home-cta__btn-sec:hover {
color: var(--color-olive);
background: transparent;
box-shadow: none;
border-radius: 0;
text-decoration-color: var(--color-olive);
}

/* ============================================================
   RESPONSIVE HOME
============================================================ */

@media (max-width: 1100px) {
.home-expertises__grid {
grid-template-columns: repeat(2, 1fr);
}
.home-refs__grid {
grid-template-columns: repeat(2, 1fr);
}
.home-process__steps {
grid-template-columns: repeat(2, 1fr);
}
.home-process__step:first-child {
border-radius: var(--radius-lg) 0 0 0;
}
.home-process__step:nth-child(2) {
border-right: 1px solid var(--color-border);
border-radius: 0 var(--radius-lg) 0 0;
}
.home-process__step:nth-child(3) {
border-radius: 0 0 0 var(--radius-lg);
border-bottom: 1px solid var(--color-border);
}
.home-process__step:last-child {
border-radius: 0 0 var(--radius-lg) 0;
}
.home-process__step-arrow {
display: none;
}
}

@media (max-width: 900px) {
.home-hero__stats {
display: none;
}
.home-hero__title {
font-size: clamp(3.5rem, 12vw, 7rem);
}
.home-about__grid {
grid-template-columns: 1fr;
}
.home-about__img-wrap {
max-width: 400px;
margin-inline: auto;
}
.home-expertises__header {
flex-direction: column;
align-items: flex-start;
}
.home-insights__grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 700px) {
.home-hero__title-line--2 {
padding-left: 1rem;
}
.home-hero__bottom {
flex-direction: column;
align-items: flex-start;
}
.home-refs__header {
flex-direction: column;
align-items: flex-start;
}
.home-refs__grid {
grid-template-columns: 1fr;
}
.home-expertises__grid {
grid-template-columns: 1fr;
}
.home-process__steps {
grid-template-columns: 1fr;
border-radius: var(--radius-md);
}
.home-process__step {
border-right: 1px solid var(--color-border);
border-radius: 0 !important;
border-bottom: none;
}
.home-process__step:last-child {
border-bottom: 1px solid var(--color-border);
}
.home-eco {
height: auto;
padding-block: 4rem;
}
.home-eco__img {
width: 100%;
height: 100%;
opacity: .35;
}
.home-cta__title {
font-size: clamp(3rem, 14vw, 7rem);
}
}