.about-eonstone { color:var(--color-text); background:var(--color-paper); border-block:1px solid var(--color-border); }
.about-eonstone__intro { display:grid; grid-template-columns:.55fr 1.15fr 1fr; gap:clamp(2rem,5vw,6rem); align-items:start; }
.about-eonstone .eyebrow { color:var(--color-muted); }
.about-eonstone h2 { max-width:10ch; font-size:clamp(2.8rem,5vw,5.6rem); line-height:.98; letter-spacing:-.045em; }
.about-eonstone__copy { padding-top:.35rem; }
.about-eonstone__copy p { color:#514d46; line-height:1.75; }
.about-eonstone__copy p + p { margin-top:1.25rem; }
.about-eonstone__pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:clamp(3.5rem,7vw,7rem); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
.about-eonstone__pillar { min-height:17rem; padding:2rem clamp(1.2rem,3vw,2.7rem) 2.4rem; border-right:1px solid var(--color-border); }
.about-eonstone__pillar:last-child { border-right:0; }
.about-eonstone__pillar > span { color:#8a857c; font-size:.65rem; letter-spacing:.14em; }
.about-eonstone__pillar h3 { margin-top:3.5rem; font-size:clamp(1.6rem,2.5vw,2.5rem); }
.about-eonstone__pillar p { max-width:24rem; margin-top:1rem; color:#625e56; line-height:1.65; }
.contact-dock { position:fixed; z-index:220; right:max(1.2rem,env(safe-area-inset-right)); bottom:max(1.2rem,env(safe-area-inset-bottom)); }
.contact-dock__rail { display:flex; flex-direction:column; align-items:center; gap:.18rem; padding:.38rem; border:1px solid rgba(35,31,26,.14); border-radius:999px; background:rgba(248,246,241,.94); box-shadow:0 .65rem 1.8rem rgba(30,27,23,.15); backdrop-filter:blur(10px); }
.contact-dock__action { position:relative; display:grid; width:2.85rem; height:2.85rem; place-items:center; border-radius:50%; color:#37332e; background:transparent; transition:color .2s ease,background .2s ease,transform .2s ease; }
.contact-dock__action:hover,.contact-dock__action:focus-visible { color:#fff; background:#927052; transform:scale(1.04); outline:0; }
.contact-dock__action--whatsapp { color:#087f68; }
.contact-dock__action--whatsapp:hover,.contact-dock__action--whatsapp:focus-visible { color:#fff; background:#21c063; }
.contact-dock__action::after { content:attr(data-label); position:absolute; right:calc(100% + .7rem); top:50%; padding:.4rem .55rem; border-radius:.35rem; color:#fff; background:#24221f; opacity:0; pointer-events:none; transform:translateY(-50%) translateX(.2rem); transition:opacity .2s ease,transform .2s ease; font-size:.65rem; white-space:nowrap; }
.contact-dock__action:hover::after,.contact-dock__action:focus-visible::after { opacity:1; transform:translateY(-50%) translateX(0); }
.contact-dock__action svg { width:1.25rem; height:1.25rem; fill:currentColor; }
.contact-dock__action:not(.contact-dock__action--whatsapp) svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:48rem) {
 .about-eonstone__intro { grid-template-columns:1fr; gap:1.4rem; }
 .about-eonstone__copy { padding-top:.4rem; }
 .about-eonstone__pillars { grid-template-columns:1fr; }
 .about-eonstone__pillar { min-height:0; border-right:0; border-bottom:1px solid var(--color-border); }
 .about-eonstone__pillar:last-child { border-bottom:0; }
 .about-eonstone__pillar h3 { margin-top:2rem; }
 .contact-dock { right:max(.85rem,env(safe-area-inset-right)); bottom:max(.85rem,env(safe-area-inset-bottom)); }
 .contact-dock__rail { padding:.32rem; }
 .contact-dock__action { width:2.7rem; height:2.7rem; }
 .contact-dock__action::after { display:none; }
}
@media(prefers-reduced-motion:reduce) { .contact-dock__action { transition:none; } }
