@media (max-width: 560px){.ecoco-about .container{padding-inline: var(--s-3)}}.ecoco-about h1, .ecoco-about h2, .ecoco-about h3{letter-spacing: -0.02em;line-height: 1.05}.ecoco-about h2{font-size: clamp(28px, 3.6vw, 44px)}.ecoco-about h3{font-size: 20px;line-height: 1.2}.ecoco-about p{color: var(--ink-soft)}.ecoco-about .acts{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;margin-top: var(--s-5)}.ecoco-about .btn-wa{background: var(--whatsapp);color: var(--paper)}.ecoco-about .btn-wa:hover{background: var(--whatsapp-hover)}.about-head{padding-block: var(--s-7);background: var(--sage-tint)}.about-head .container{display: grid;grid-template-columns: 1.25fr 1fr;gap: var(--s-6);align-items: center}.about-head.is-solo .container{grid-template-columns: minmax(0, 46rem)}.about-head .kicker{margin-bottom: 0}.about-head h1{font-size: clamp(40px, 6vw, 72px);margin: var(--s-3) 0 var(--s-4)}.about-head .deck{font-size: 19px;max-width: 34em}.about-head .mats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;align-items: end}.about-head .mat{padding: 10px;border-radius: var(--r-md);background: var(--card)}.about-head .mat:nth-child(2){background: var(--blush-tint);margin-bottom: var(--s-5)}.about-head .mat:nth-child(3){background: var(--butter-soft)}.about-head .mat img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;border-radius: var(--r-sm)}.about-head .head-photo img{display: block;width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--r-lg)}@media (max-width: 899px){.about-head{padding-block: var(--s-6)}.about-head .container{grid-template-columns: 1fr;gap: var(--s-5)}}@media (max-width: 560px){.ecoco-about .acts{gap: 12px}.ecoco-about .acts .btn{width: 100%;justify-content: center}.about-head .mats{gap: var(--s-2)}.about-head .mat{padding: 6px}}
.about-goal{padding-block: var(--s-8) var(--s-7)}.about-goal p{max-width: 22ch;margin-inline: auto;text-align: center;font: 700 clamp(30px, 4vw, 54px) / 1.12 var(--font-display);letter-spacing: -0.02em;text-wrap: balance;color: var(--ink)}.about-goal mark{background: linear-gradient(var(--butter), var(--butter)) 0 88% / 100% 0.36em no-repeat;color: inherit;padding-inline: 0.04em}@media (max-width: 560px){.about-goal{padding-block: var(--s-7) var(--s-6)}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.about-goal mark{animation: about-mark linear both;animation-timeline: view();animation-range: entry 55% cover 40%}@keyframes about-mark{from{background-size: 0 0.36em}}}}
.about-ask{padding-bottom: var(--s-7)}.about-ask .row{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: var(--s-5) var(--s-6);padding-block: var(--s-6);border-bottom: 1px solid var(--line)}.about-ask .row:first-child{border-top: 1px solid var(--line)}.about-ask .q{align-self: start}.about-ask .n{display: block;font: 700 14px / 1 var(--font-body);letter-spacing: 0.08em;color: var(--sage-deep);font-variant-numeric: tabular-nums}.about-ask h2{margin-top: var(--s-2);font-size: clamp(26px, 2.6vw, 34px);line-height: 1.12;letter-spacing: -0.015em}.about-ask .a > p{max-width: 56ch;font-size: 19px}.about-ask .a > p + p{margin-top: var(--s-3)}.about-ask .a > p strong{color: var(--ink)}.about-ask .fig{margin-top: var(--s-4)}.about-ask .photo{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--r-lg)}.about-ask .rooms{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-3);list-style: none}.about-ask .rooms li{display: flex}.about-ask .room{flex: 1;display: grid;align-content: start;gap: var(--s-2);padding: var(--s-2) var(--s-2) var(--s-3);border-radius: var(--r-md);font: 700 17px / 1.3 var(--font-display);text-align: center;color: var(--ink);transition: transform var(--t-quick) var(--ease-settle), box-shadow var(--t-quick)}.about-ask .room img{width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;border-radius: var(--r-sm)}.about-ask .rooms li:nth-child(1) .room{background: var(--sage-tint)}.about-ask .rooms li:nth-child(2) .room{background: var(--butter-soft)}.about-ask .rooms li:nth-child(3) .room{background: var(--paper-deep)}.about-ask .rooms li:nth-child(4) .room{background: var(--blush-tint)}.about-ask .room:hover{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.about-ask .seal{display: flex;align-items: center;gap: var(--s-5);flex-wrap: wrap}.about-ask .stamp{flex: none;width: 136px;height: 136px;color: var(--sage-deep);transform: rotate(-8deg)}.about-ask .stamp .d{fill: var(--card);stroke: currentColor;stroke-width: 2}.about-ask .stamp .r{fill: none;stroke: currentColor;stroke-width: 1.5;stroke-dasharray: 3 3}.about-ask .stamp text{font: 700 9.4px var(--font-body);fill: currentColor;letter-spacing: 0.02em}.about-ask .stamp .h{fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.about-ask .ticks{list-style: none}.about-ask .ticks li{display: grid;grid-template-columns: 22px auto;align-items: center;column-gap: var(--s-2);font: 700 18px / 1.4 var(--font-display)}.about-ask .ticks li + li{margin-top: var(--s-2)}.about-ask .ticks li::before, .about-ask .ticks li::after{content: "";grid-area: 1 / 1;width: 22px;height: 22px}.about-ask .ticks li::before{border-radius: 50%;background: var(--sage-tint)}.about-ask .ticks li::after{background: var(--sage-deep);mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m6 11.5 3.2 3.2L16 7.8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100%}@media (min-width: 1025px){.about-ask .q{position: sticky;top: calc(var(--ecoco-header-h) + var(--s-5))}}@media (max-width: 1024px){.about-ask .row{grid-template-columns: 1fr}}@media (max-width: 560px){.about-ask .row{gap: var(--s-3);padding-block: var(--s-5)}.about-ask .a > p{font-size: 17px}.about-ask .photo{aspect-ratio: 4 / 3}.about-ask .rooms{grid-template-columns: repeat(2, minmax(0, 1fr))}.about-ask .seal{flex-wrap: nowrap;gap: var(--s-3)}.about-ask .stamp{width: 104px;height: 104px}.about-ask .ticks li{font-size: 17px}}@media (max-width: 380px){.about-ask .seal{flex-wrap: wrap}}
.about-route{padding-block: var(--s-8);background: var(--paper-deep)}.about-route h2{max-width: 14em}.about-route .lead{margin-top: var(--s-3);max-width: 36em}.about-route .steps{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--s-4);margin: var(--s-6) 0 0;padding: 0;list-style: none;counter-reset: step}.about-route .steps li{position: relative;padding-top: 56px;counter-increment: step}.about-route .steps li::before{content: counter(step);position: absolute;top: 0;left: 0;display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--butter);font: 700 18px var(--font-display);color: var(--ink)}.about-route .steps li::after{content: "";position: absolute;top: 20px;left: 52px;right: -12px;border-top: 2px dashed var(--sage-deep);opacity: 0.45}.about-route .steps li:last-child::after{display: none}.about-route .steps h3{margin-bottom: var(--s-2)}.about-route .steps p{font-size: 16px}.about-route .pay{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: var(--s-6)}.about-route .pay ul{display: flex;flex-wrap: wrap;gap: 12px;margin: 0;padding: 0}.about-route .pay-label{font-size: 15px;font-weight: 700}.about-route .pay li{list-style: none;padding: 8px 18px;border: 1px solid var(--line);border-radius: var(--r-full);background: var(--card);font-size: 15px;font-weight: 700}@media (max-width: 899px){.about-route{padding-block: var(--s-7)}.about-route .steps{grid-template-columns: 1fr 1fr;row-gap: var(--s-5)}.about-route .steps li:nth-child(2)::after{display: none}}@media (max-width: 560px){.about-route .steps{grid-template-columns: 1fr;row-gap: 0}.about-route .steps li{padding: 0 0 var(--s-5) 60px}.about-route .steps li::after{top: 44px;bottom: 4px;left: 19px;right: auto;border-top: 0;border-left: 2px dashed var(--sage-deep)}.about-route .steps li:nth-child(2)::after{display: block}.about-route .steps li:last-child::after{display: none}}
.about-close{padding-top: var(--s-8)}.about-close > .container{display: grid;grid-template-columns: 1.1fr 1fr;gap: var(--s-6);align-items: center;padding-bottom: var(--s-7)}.about-close > .is-solo{grid-template-columns: 1fr}.about-close .ask > p{margin-top: var(--s-3)}.about-close .acts{margin-top: var(--s-4)}.about-close .hours{font-size: 15px}.about-close .bulk{padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--butter-soft)}.about-close .bulk p{margin: var(--s-2) 0 var(--s-3)}.about-close .bulk a{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;color: var(--ink);text-decoration: underline 2px var(--butter);text-underline-offset: 4px}.about-close .sign{padding-bottom: var(--s-8);font: 700 clamp(18px, 2.2vw, 24px) / 1.3 var(--font-display);text-align: center;text-wrap: balance}@media (max-width: 899px){.about-close > .container{grid-template-columns: 1fr;gap: var(--s-5)}}