:root{
  --eco-bg:#faf8f3;
  --eco-bg-soft:#f4efe6;
  --eco-card:#ffffff;
  --eco-text:#141311;
  --eco-muted:#6f685d;
  --eco-line:#ddd4c7;
  --eco-shadow:0 18px 45px rgba(18,17,15,.08);
  --eco-radius-xl:32px;
  --eco-radius-lg:24px;
  --eco-radius-md:18px;
  --eco-sand:#c8b89e;
  --eco-black:#0e0e0f;
  --eco-wolf:#455772;
  --eco-rentals:#3c7280;
  --eco-investing:#b08d47;
  --eco-coliving:#d9b0a1;
  --eco-coworks:#a89ad9;
  --eco-platform:#c4b18c;
}

body{overflow-x:hidden;}
.eco-page{background:var(--eco-bg); color:var(--eco-text);}
.eco-page .container{max-width:1180px; margin:0 auto; padding:0 22px;}
.eco-page p{color:var(--eco-muted); line-height:1.75;}
.eco-page h1,.eco-page h2,.eco-page h3,.eco-page h4{color:var(--eco-text); margin:0; font-family:var(--font-display, Manrope, Arial, sans-serif); letter-spacing:-.045em;}
.eco-page h1{font-size:clamp(2.75rem, 6vw, 4.7rem); line-height:1.01; max-width:12ch;}
.eco-page h2{font-size:clamp(1.9rem, 3.6vw, 3rem); line-height:1.08; max-width:18ch;}
.eco-page h3{font-size:1.25rem; line-height:1.15;}
.eco-kicker{display:inline-flex; align-items:center; gap:.65rem; margin:0 0 1rem; text-transform:uppercase; font-size:.8rem; letter-spacing:.18em; font-weight:800; color:#847966;}
.eco-kicker::before{content:""; width:34px; height:1px; background:currentColor; opacity:.6;}
.eco-noise{position:absolute; inset:0; pointer-events:none; opacity:.08; background-image:radial-gradient(circle at 25% 25%, rgba(255,255,255,.85) 0 1px, transparent 1px); background-size:10px 10px;}

.eco-section{padding:5rem 0; position:relative;}
.eco-section--compact{padding:2.5rem 0;}
.eco-section--soft{background:var(--eco-bg-soft);}
.eco-section--sand{background:linear-gradient(180deg,#f1e7d7,#f7f1e7);}
.eco-section-head{margin-bottom:2rem; max-width:800px;}
.eco-section-head p:not(.eco-kicker){margin-top:.9rem; max-width:58ch;}
.eco-split{display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; align-items:start;}
.eco-prose{max-width:66ch;}
.eco-prose p + p{margin-top:1rem;}
.eco-image-text{display:grid; grid-template-columns:1.05fr .95fr; gap:3rem; align-items:center;}
.eco-image-text--reverse{grid-template-columns:.95fr 1.05fr;}
.eco-two-lists{display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:1.4rem;}

.eco-hero{position:relative; padding:7.5rem 0 5rem; overflow:hidden; background:
 radial-gradient(circle at 10% 16%, rgba(200,184,158,.22), transparent 28%),
 radial-gradient(circle at 84% 12%, rgba(20,19,17,.06), transparent 22%),
 linear-gradient(180deg,#fbfaf6 0%,#f5f0e8 100%);}
.eco-hero::after{content:""; position:absolute; width:54vw; height:54vw; right:-22vw; bottom:-28vw; border-radius:50%; background:radial-gradient(circle, rgba(200,184,158,.18), transparent 62%);}
.eco-hero__grid{position:relative; z-index:1; display:grid; grid-template-columns:1.02fr .98fr; gap:3rem; align-items:center;}
.eco-hero__grid--brand{align-items:start;}
.eco-hero__lead{margin-top:1.2rem; font-size:1.25rem; line-height:1.55; max-width:44rem; color:#484137 !important;}
.eco-hero__copy{margin-top:1rem; max-width:42rem;}
.eco-hero__actions{display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.75rem;}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:.9rem 1.25rem; border-radius:14px; font-weight:800; text-decoration:none; transition:.2s ease; border:1px solid transparent;}
.btn--primary{background:var(--eco-black); color:#fff;}
.btn--primary:hover{transform:translateY(-2px);}
.btn--ghost{background:rgba(255,255,255,.72); color:var(--eco-text); border-color:var(--eco-line);}
.btn--ghost:hover{background:#fff; transform:translateY(-2px);}

/* ecosystem orbit */
.eco-system-visual{position:relative; min-height:560px; border:1px solid rgba(17,17,17,.08); border-radius:var(--eco-radius-xl); background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.22)); box-shadow:var(--eco-shadow); overflow:hidden;}
.eco-orbit-ring{position:absolute; border:1px solid rgba(17,17,17,.08); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%);}
.eco-orbit-ring--outer{width:82%; height:82%;}
.eco-orbit-ring--inner{width:58%; height:58%; opacity:.6;}
.eco-core{position:absolute; width:110px; height:110px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:28px; background:#111; box-shadow:0 20px 50px rgba(0,0,0,.18); display:grid; place-items:center;}
.eco-core-mark,.eco-core-mark--small{display:block; border-radius:50%; background:var(--eco-sand);}
.eco-core-mark{width:28px; height:28px; box-shadow:0 0 0 18px rgba(200,184,158,.22);}
.eco-core-mark--small{width:10px; height:10px; margin-top:6px; opacity:.75;}
.eco-orbit-nodes{position:absolute; inset:0; animation:ecoOrbitSpin 24s linear infinite;}
.eco-node{position:absolute; left:50%; top:50%; transform:rotate(calc(var(--angle) * 1deg)) translateY(-210px) rotate(calc(var(--angle) * -1deg)); min-width:132px; padding:1rem 1.15rem; text-align:center; border-radius:999px; background:rgba(255,255,255,.92); color:var(--eco-text); text-decoration:none; font-weight:800; border:1px solid rgba(17,17,17,.10); box-shadow:0 14px 30px rgba(0,0,0,.08);}
.eco-node span{display:block;}
.eco-node:hover{background:#fff;}
@keyframes ecoOrbitSpin{to{transform:rotate(360deg);}}

.eco-collage-wrap{display:grid; grid-template-columns:.9fr 1.1fr; gap:2.5rem; align-items:center;}
.eco-collage{display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:1fr 1fr; gap:1rem;}
.eco-collage__item{min-height:180px; border-radius:24px; background:linear-gradient(145deg,#fff,#f1ece3); border:1px solid var(--eco-line); box-shadow:var(--eco-shadow); padding:1.5rem; display:flex; flex-direction:column; justify-content:flex-end;}
.eco-collage__item--large{grid-row:1 / span 2; min-height:380px;}
.eco-collage__item span,.eco-image-slot__placeholder span,.eco-about-collage figure span{font-size:1.2rem; font-weight:800; color:var(--eco-text);}
.eco-collage__item small,.eco-image-slot__placeholder small,.eco-about-collage figure small{margin-top:.4rem; color:var(--eco-muted);}

.eco-brand-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.eco-brand-card{background:#fff; border:1px solid var(--eco-line); border-radius:24px; box-shadow:var(--eco-shadow); overflow:hidden;}
.eco-brand-card__media{position:relative; min-height:180px; padding:1.25rem; display:flex; align-items:flex-end;}
.eco-brand-card__media::after{content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 22%, rgba(255,255,255,.35), transparent 22%);}
.eco-orbit{position:absolute; right:20px; top:20px; width:110px; height:110px; border-radius:50%; border:1px solid rgba(255,255,255,.34); box-shadow:0 0 0 28px rgba(255,255,255,.08);}
.eco-card-number{position:absolute; top:16px; left:16px; color:rgba(255,255,255,.7); font-size:.78rem; font-weight:800;}
.eco-card-logo{position:relative; z-index:1; color:#fff; font-size:1.45rem; font-weight:800;}
.eco-brand-card__body{padding:1.35rem;}
.eco-brand-card__body p{font-size:.96rem;}
.eco-brand-card__body ul{margin:1rem 0; padding:0; list-style:none; display:grid; gap:.5rem;}
.eco-brand-card__body li{position:relative; padding-left:1rem; color:#4f483f;}
.eco-brand-card__body li::before{content:""; position:absolute; left:0; top:.72em; width:6px; height:6px; border-radius:50%; background:var(--eco-sand);}
.eco-card-actions{display:flex; flex-wrap:wrap; gap:1rem;}
.eco-link{font-weight:800; color:var(--eco-text); text-decoration:none;}
.eco-link--muted{color:var(--eco-muted);}
.eco-gradient-wolf{background:linear-gradient(135deg,#273142,#69778d 60%,#d8d4c8);}
.eco-gradient-rentals{background:linear-gradient(135deg,#173d47,#52808a 60%,#d8d0be);}
.eco-gradient-investing{background:linear-gradient(135deg,#372811,#9a7a34 60%,#e8d3a5);}
.eco-gradient-coliving{background:linear-gradient(135deg,#4e2d2d,#d2a594 62%,#efe4dc);}
.eco-gradient-coworks{background:linear-gradient(135deg,#342c59,#8a7cc4 62%,#ebe7fb);}
.eco-gradient-platform{background:linear-gradient(135deg,#16181e,#6d5b38 62%,#e6ddcf);}

.eco-process{display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; margin-bottom:1rem;}
.eco-process__step{padding:1rem 1.1rem; border-radius:999px; border:1px solid var(--eco-line); background:#fff; cursor:pointer; text-align:left; font-weight:800;}
.eco-process__step.active{background:#111; color:#fff;}
.eco-process__step span{color:var(--eco-sand); margin-right:.45rem;}
.eco-process-panels{background:#fff; border:1px solid var(--eco-line); border-radius:24px; padding:1.8rem; box-shadow:var(--eco-shadow);}
.eco-process-panel{display:none;}
.eco-process-panel.active{display:block;}

.eco-value-inline{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.eco-inline-card{background:#fff; border:1px solid var(--eco-line); border-radius:20px; padding:1.35rem; box-shadow:var(--eco-shadow);}
.eco-inline-card h3{font-size:1.05rem; margin-bottom:.45rem;}
.eco-inline-card p{font-size:.96rem;}

.eco-image-slot{min-height:420px; border-radius:28px; border:1px solid var(--eco-line); background:linear-gradient(145deg,#fff,#f2ede4); box-shadow:var(--eco-shadow); padding:1.5rem; display:flex; align-items:flex-end;}
.eco-image-slot__placeholder{width:100%; min-height:100%; border:1px dashed rgba(17,17,17,.14); border-radius:22px; padding:1.5rem; display:flex; flex-direction:column; justify-content:flex-end; background:rgba(255,255,255,.55);}
.eco-check-list{list-style:none; padding:0; margin:.9rem 0 0; display:grid; gap:.6rem;}
.eco-check-list li{position:relative; padding-left:1.2rem; color:#4f483f;}
.eco-check-list li::before{content:""; position:absolute; left:0; top:.72em; width:7px; height:7px; border-radius:50%; background:var(--eco-sand);}

.eco-quote{max-width:980px;}
.eco-quote p{font-size:clamp(1.55rem,3.1vw,2.4rem); line-height:1.2; color:#1b1815; font-weight:500; letter-spacing:-.03em;}
.eco-section--quote-band{border-top:1px solid rgba(17,17,17,.06); border-bottom:1px solid rgba(17,17,17,.06);}
.eco-cta{display:flex; justify-content:space-between; align-items:center; gap:2rem; background:rgba(255,255,255,.66); border-radius:28px; padding:2rem; border:1px solid rgba(255,255,255,.8); box-shadow:var(--eco-shadow);}
.eco-cta p:not(.eco-kicker){max-width:52ch;}

.eco-mini-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:.9rem;}
.eco-mini-card{display:flex; flex-direction:column; justify-content:space-between; min-height:150px; padding:1.2rem; border-radius:18px; border:1px solid var(--eco-line); background:#fff; box-shadow:var(--eco-shadow); text-decoration:none;}
.eco-mini-card span{font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; color:#8d7f68; font-weight:800;}
.eco-mini-card strong{font-size:1.1rem; color:var(--eco-text);}
.eco-mini-card em{font-style:normal; color:var(--eco-muted); font-weight:700;}

/* brand visuals */
.eco-service-visual{border-radius:32px; background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(245,239,230,.84)); border:1px solid rgba(17,17,17,.08); box-shadow:var(--eco-shadow); padding:1.4rem; min-height:500px; display:flex; flex-direction:column; justify-content:space-between;}
.eco-service-visual__head{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem;}
.eco-service-visual__head span{font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:#8a806f;}
.eco-service-visual__head strong{font-size:1.15rem;}
.eco-service-visual__note{margin-top:1rem; background:#fff; border:1px solid rgba(17,17,17,.06); border-radius:20px; padding:1rem 1.1rem; font-size:1rem; line-height:1.6; color:#5e564b; box-shadow:0 12px 25px rgba(0,0,0,.04);}

.eco-rentals-flow{display:grid; grid-template-columns:repeat(2,1fr); gap:1rem;}
.eco-rentals-flow article,.eco-coliving-grid article,.eco-coworks-grid article,.eco-investing-memo article,.eco-wolf-step{background:rgba(255,255,255,.78); border-radius:24px; border:1px solid rgba(17,17,17,.07); padding:1.15rem; box-shadow:0 10px 30px rgba(0,0,0,.04);}
.eco-rentals-flow article h4,.eco-coliving-grid article h4,.eco-coworks-grid article h4,.eco-investing-memo article h4{font-size:1.25rem; margin-bottom:.45rem;}
.eco-rentals-flow article p,.eco-coliving-grid article p,.eco-coworks-grid article p,.eco-investing-memo article p{font-size:.94rem; line-height:1.55;}
.eco-rentals-footer{display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1rem;}
.eco-rentals-footer span{padding:.7rem 1rem; border-radius:999px; border:1px solid rgba(17,17,17,.08); background:rgba(255,255,255,.72); font-size:.92rem; font-weight:700; color:#495148;}

.eco-coliving-grid,.eco-coworks-grid{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.eco-coliving-grid .is-tall{grid-row:1 / span 2; min-height:250px;}
.eco-coliving-grid article,.eco-coworks-grid article{display:flex; flex-direction:column; justify-content:flex-end; min-height:145px;}
.eco-service-visual--coliving article{border-color:rgba(217,176,161,.55); background:linear-gradient(180deg, rgba(255,246,244,.9), rgba(252,240,236,.82));}
.eco-service-visual--coworks article{border-color:rgba(168,154,217,.5); background:linear-gradient(180deg, rgba(248,246,255,.9), rgba(243,239,255,.82));}

.eco-investing-memo{display:grid; gap:1rem;}
.eco-investing-memo article{padding:1rem 1.1rem 1.1rem;}
.eco-investing-memo article span{display:block; font-weight:800; color:#a37b32; font-size:.84rem; margin-bottom:.45rem;}
.eco-service-visual--investing article{border-color:rgba(176,141,71,.35);}

.eco-wolf-map{position:relative; min-height:330px;}
.eco-wolf-orbit{position:absolute; inset:38px 56px 34px 56px; border:1px dashed rgba(69,87,114,.24); border-radius:50%;}
.eco-wolf-step{position:absolute; width:calc(50% - 18px); display:flex; gap:.85rem; align-items:flex-start;}
.eco-wolf-step b{flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#40536f; color:#fff; font-size:.9rem;}
.eco-wolf-step h4{font-size:1.15rem; margin-bottom:.2rem;}
.eco-wolf-step p{font-size:.88rem; line-height:1.45;}
.eco-wolf-step--1{left:18px; top:34px;}
.eco-wolf-step--2{right:18px; top:56px;}
.eco-wolf-step--3{left:40px; bottom:42px;}
.eco-wolf-step--4{right:42px; bottom:32px;}

.eco-platform-panel{display:grid; grid-template-columns:86px 1fr; gap:1rem; min-height:300px; background:#0f1012; border-radius:28px; padding:14px;}
.eco-platform-panel aside{background:linear-gradient(180deg,#1f1f22,#2a2a2f); border-radius:20px; border:1px solid rgba(255,255,255,.12); padding:1rem .75rem; display:flex; flex-direction:column; gap:1rem; justify-content:center;}
.eco-platform-panel aside span{display:flex; align-items:center; gap:.6rem; color:#d7ccb4; font-size:.86rem; font-weight:700;}
.eco-platform-panel aside span::before{content:""; width:18px; height:18px; border-radius:6px; background:#c7b58f; flex:0 0 18px;}
.eco-platform-screen{background:#f0ebe2; border-radius:22px; padding:1.5rem; display:flex; flex-direction:column;}
.eco-platform-screen h4{font-size:1.2rem; margin-bottom:.3rem;}
.eco-platform-screen p{margin-bottom:1rem;}
.eco-platform-row{display:flex; justify-content:space-between; align-items:center; gap:1rem; border:1px solid rgba(17,17,17,.08); background:#fbfbf9; border-radius:16px; padding:.9rem 1rem; margin-top:.75rem;}
.eco-platform-row label{font-weight:700; color:var(--eco-text);}
.eco-platform-row em{font-style:normal; color:var(--eco-muted); font-size:.92rem; text-align:right;}

/* about */
.eco-about-media{display:grid; gap:1rem;}
.eco-about-panel{min-height:160px; border-radius:28px; padding:1.5rem; background:#111; color:#fff; box-shadow:var(--eco-shadow); position:relative; overflow:hidden;}
.eco-about-panel::before{content:""; position:absolute; width:200px; height:200px; right:-40px; top:-30px; border-radius:50%; background:radial-gradient(circle, rgba(200,184,158,.5), transparent 62%);}
.eco-about-panel span{position:relative; display:block; color:#d8c6a6; font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800;}
.eco-about-panel strong{position:relative; display:block; margin-top:.8rem; font-size:1.7rem; line-height:1.08;}
.eco-values-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.eco-value-card{padding:1.3rem; border-radius:22px; background:#fff; border:1px solid var(--eco-line); box-shadow:var(--eco-shadow);}
.eco-about-collage{display:grid; grid-template-columns:1.1fr .9fr; grid-template-rows:1fr 1fr; gap:1rem;}
.eco-about-collage figure{min-height:150px; border-radius:24px; border:1px solid var(--eco-line); background:linear-gradient(145deg,#fff,#f2ede4); box-shadow:var(--eco-shadow); padding:1.35rem; display:flex; flex-direction:column; justify-content:flex-end;}
.eco-about-collage__main{grid-row:1 / span 2; min-height:320px !important;}
.eco-audience-strip{display:flex; flex-wrap:wrap; gap:.8rem;}
.eco-audience-strip span{padding:.9rem 1.15rem; border-radius:999px; background:#fff; border:1px solid var(--eco-line); box-shadow:var(--eco-shadow); font-weight:800;}

/* resources */
.eco-resources-board{min-height:380px; border-radius:30px; background:linear-gradient(145deg,#101113,#22252b); padding:1.4rem; box-shadow:var(--eco-shadow); position:relative; overflow:hidden;}
.eco-board-label{display:inline-block; color:#d6c6a7; font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; font-weight:800; margin-bottom:1rem;}
.eco-board-card{position:absolute; width:220px; min-height:120px; border-radius:22px; background:#fff; padding:1.1rem; box-shadow:0 18px 36px rgba(0,0,0,.22);}
.eco-board-card strong{display:block; font-size:1.2rem; margin-bottom:.35rem;}
.eco-board-card small{color:var(--eco-muted);}
.eco-board-card--one{left:24px; top:88px;}
.eco-board-card--two{right:28px; top:140px;}
.eco-board-card--three{left:110px; bottom:28px;}
.eco-resource-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.eco-resource-card{padding:1.4rem; border-radius:24px; background:#fff; border:1px solid var(--eco-line); box-shadow:var(--eco-shadow);}
.eco-resource-index{display:inline-block; color:#8d7f68; font-size:.8rem; font-weight:800; letter-spacing:.16em; margin-bottom:.85rem;}

/* reveal */
.reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
.reveal.is-visible{opacity:1; transform:none;}
[data-tilt]{will-change:transform;}

@media (max-width: 1100px){
  .eco-hero__grid,.eco-image-text,.eco-split,.eco-collage-wrap{grid-template-columns:1fr;}
  .eco-brand-grid,.eco-values-grid,.eco-resource-grid{grid-template-columns:repeat(2,1fr);}
  .eco-mini-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width: 800px){
  .eco-page h1{font-size:clamp(2.35rem,12vw,3.5rem);} 
  .eco-page h2{font-size:clamp(1.7rem,8vw,2.4rem);} 
  .eco-brand-grid,.eco-value-inline,.eco-values-grid,.eco-resource-grid,.eco-mini-grid,.eco-process,.eco-two-lists{grid-template-columns:1fr;}
  .eco-cta{flex-direction:column; align-items:flex-start;}
  .eco-service-visual{min-height:auto;}
  .eco-coliving-grid,.eco-coworks-grid,.eco-rentals-flow{grid-template-columns:1fr;}
  .eco-coliving-grid .is-tall{grid-row:auto; min-height:180px;}
  .eco-platform-panel{grid-template-columns:1fr;}
  .eco-platform-panel aside{flex-direction:row;}
  .eco-wolf-map{min-height:520px;}
  .eco-wolf-orbit{inset:80px 20px 120px 20px;}
  .eco-wolf-step{position:relative; width:100%; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; margin-bottom:.85rem;}
  .eco-board-card{position:relative; width:auto; left:auto; right:auto; top:auto; bottom:auto; margin-top:.85rem;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
  .reveal{opacity:1; transform:none;}
}

/* =========================================================
   v15 — Ajuste final visual solicitado
   Platform: lateral sin desbordes
   Wolf: tarjetas separadas
   Coliving: cuadrícula simétrica 2x2
========================================================= */

/* PLATFORM */
.eco-service-visual--platform .eco-platform-panel{
  grid-template-columns: 118px 1fr !important;
  gap: 1rem !important;
}
.eco-service-visual--platform .eco-platform-panel aside{
  padding: 1rem .85rem !important;
  align-items: stretch !important;
}
.eco-service-visual--platform .eco-platform-panel aside span{
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .55rem !important;
  font-size: .78rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.eco-service-visual--platform .eco-platform-panel aside span::before{
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  border-radius: 5px !important;
}
.eco-service-visual--platform .eco-platform-screen{
  min-width: 0 !important;
}
.eco-service-visual--platform .eco-platform-row{
  align-items: flex-start !important;
}
.eco-service-visual--platform .eco-platform-row label,
.eco-service-visual--platform .eco-platform-row em{
  min-width: 0 !important;
}

/* WOLF */
.eco-service-visual--wolf .eco-wolf-map{
  position: relative !important;
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  padding: 1.8rem 1.2rem 1.2rem !important;
}
.eco-service-visual--wolf .eco-wolf-orbit{
  position: absolute !important;
  inset: 1.1rem 2rem !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .65 !important;
}
.eco-service-visual--wolf .eco-wolf-step{
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: auto !important;
  z-index: 1 !important;
  min-height: 116px !important;
  align-items: flex-start !important;
}
.eco-service-visual--wolf .eco-wolf-step h4{
  margin-bottom: .35rem !important;
}
.eco-service-visual--wolf .eco-wolf-step p{
  margin: 0 !important;
}

/* COLIVING */
.eco-service-visual--coliving .eco-coliving-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.eco-service-visual--coliving .eco-coliving-grid article,
.eco-service-visual--coliving .eco-coliving-grid .is-tall{
  grid-row: auto !important;
  min-height: 165px !important;
  height: 165px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
.eco-service-visual--coliving .eco-coliving-grid article h4{
  margin-bottom: .45rem !important;
}
.eco-service-visual--coliving .eco-coliving-grid article p{
  margin: 0 !important;
}

@media (max-width: 800px){
  .eco-service-visual--platform .eco-platform-panel{
    grid-template-columns: 1fr !important;
  }
  .eco-service-visual--platform .eco-platform-panel aside{
    flex-direction: row !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .eco-service-visual--platform .eco-platform-panel aside span{
    width: auto !important;
    grid-template-columns: 16px auto !important;
  }
  .eco-service-visual--wolf .eco-wolf-map,
  .eco-service-visual--coliving .eco-coliving-grid{
    grid-template-columns: 1fr !important;
  }
  .eco-service-visual--coliving .eco-coliving-grid article,
  .eco-service-visual--coliving .eco-coliving-grid .is-tall{
    height: auto !important;
    min-height: 145px !important;
  }
}