:root { color-scheme: dark; --coffee: #20140f; --cream: #f3eadb; --green: #25d366; }
* { box-sizing: border-box; }
html { background: #090807; scroll-behavior: smooth; }
body { margin: 0; background: #090807; color: white; font-family: Arial, Helvetica, sans-serif; }
#presentation { min-height: 100vh; }
.page { width: 100%; line-height: 0; overflow: hidden; background: white; content-visibility: auto; contain-intrinsic-size: auto 141.43vw; }
.page img { display: block; width: 100%; height: auto; }
.error { min-height: 70vh; display: grid; place-content: center; padding: 40px; text-align: center; color: #f0d8ca; line-height: 1.5; }
.contact { position: relative; isolation: isolate; overflow: hidden; min-height: min(760px, 90vh); padding: 100px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: radial-gradient(circle at 50% 30%, #4c2d1e 0, #21140f 44%, #0d0a08 100%); }
.contact::before { content: ""; position: absolute; inset: 22px; z-index: -1; border: 1px solid rgba(224,190,145,.25); pointer-events: none; }
.contact__eyebrow { margin: 0 0 20px; color: #d7b686; font-size: 12px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; }
.contact h1 { margin: 0; color: var(--cream); font: clamp(42px, 7vw, 92px)/.95 Georgia, 'Times New Roman', serif; letter-spacing: -.045em; }
.contact__text { margin: 30px 0; color: #d7cec2; font-size: clamp(16px, 2vw, 20px); }
.whatsapp { display: inline-flex; gap: 12px; align-items: center; justify-content: center; min-height: 58px; padding: 0 28px; border-radius: 999px; background: var(--green); color: #07290f; box-shadow: 0 14px 42px rgba(37,211,102,.22); text-decoration: none; font-size: 16px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.whatsapp:hover { transform: translateY(-3px); box-shadow: 0 18px 52px rgba(37,211,102,.38); }
.whatsapp:focus-visible { outline: 3px solid white; outline-offset: 5px; }
.whatsapp svg { width: 25px; height: 25px; fill: currentColor; }
.contact__bean { position: absolute; z-index: -1; width: 180px; height: 115px; border-radius: 50%; background: #100a07; opacity: .8; transform: rotate(34deg); box-shadow: inset -20px -15px 30px rgba(121,74,46,.25); }
.contact__bean::after { content: ""; position: absolute; inset: 8% 46%; border-radius: 50%; background: #4e2b1d; transform: rotate(-8deg); }
.contact__bean--one { left: 3%; top: 13%; }
.contact__bean--two { right: 4%; bottom: 12%; transform: rotate(-28deg) scale(.72); }
@media (max-width: 600px) { .contact { min-height: 620px; } .contact__bean { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .whatsapp { transition: none; } }