.fadumi-contact,
.fadumi-contact * { box-sizing: border-box; }
.fadumi-contact {
--fc-rust: #a84811;
--fc-brown: #362418;
--fc-cream: #faf3e5;
--fc-paper: #fdfaf1;
--fc-gold: #d89b4a;
color: var(--fc-brown);
background: radial-gradient(circle at 88% 8%, rgba(216, 155, 74, .2), transparent 24rem), var(--fc-cream);
padding: clamp(2rem, 5vw, 5rem) 1rem;
font-family: inherit;
}
.fadumi-contact__container { width: min(100%, 980px); margin: 0 auto; }
.fadumi-contact__header { max-width: 46rem; margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.fadumi-contact__eyebrow {
margin: 0 0 .65rem;
color: var(--fc-rust);
font-size: .78rem;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.fadumi-contact h1 {
margin: 0 0 .85rem;
font-size: clamp(2.4rem, 7vw, 4.7rem);
line-height: .98;
letter-spacing: -.05em;
}
.fadumi-contact__lead { margin: 0; color: rgba(54, 36, 24, .76); font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.65; }
.fadumi-contact__panel {
display: grid;
grid-template-columns: minmax(14rem, .8fr) minmax(0, 1.4fr);
overflow: hidden;
border: 1px solid rgba(54, 36, 24, .1);
border-radius: 1.65rem;
background: var(--fc-paper);
box-shadow: 0 1.5rem 4rem rgba(54, 36, 24, .08);
}
.fadumi-contact__brand {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 25rem;
padding: clamp(1.6rem, 4vw, 2.7rem);
color: var(--fc-paper);
background: linear-gradient(155deg, var(--fc-rust), #7f350d);
}
.fadumi-contact__mark {
display: grid;
place-items: center;
width: 4rem;
height: 4rem;
border: 1px solid rgba(253, 250, 241, .35);
border-radius: 1.25rem;
background: rgba(253, 250, 241, .1);
}
.fadumi-contact__mark svg { width: 2rem; height: 2rem; fill: none; stroke: currentColor; stroke-width: 1.7; }
.fadumi-contact__brand-name { margin: auto 0 0; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; letter-spacing: -.04em; }
.fadumi-contact__owner { margin: .35rem 0 0; color: rgba(253, 250, 241, .78); font-size: .95rem; }
.fadumi-contact__details { padding: clamp(1.4rem, 4vw, 2.7rem); }
.fadumi-contact__list { display: grid; gap: .7rem; margin: 0; }
.fadumi-contact__row {
display: grid;
grid-template-columns: 3rem minmax(0, 1fr);
gap: .9rem;
align-items: center;
padding: 1rem;
border: 1px solid rgba(54, 36, 24, .08);
border-radius: 1rem;
background: var(--fc-cream);
}
.fadumi-contact__icon {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
border-radius: .85rem;
color: var(--fc-rust);
background: rgba(168, 72, 17, .09);
}
.fadumi-contact__icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 1.8; }
.fadumi-contact__row dt { margin: 0 0 .2rem; color: rgba(54, 36, 24, .6); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.fadumi-contact__row dd { min-width: 0; margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }
.fadumi-contact__row a { color: var(--fc-brown); text-decoration-color: rgba(168, 72, 17, .45); text-decoration-thickness: .08em; text-underline-offset: .16em; }
.fadumi-contact__row a:hover,
.fadumi-contact__row a:focus-visible { color: var(--fc-rust); outline: none; }
.fadumi-contact__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; }
.fadumi-contact__button {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 3.2rem;
padding: .75rem 1rem;
border: 1px solid var(--fc-rust);
border-radius: 999px;
color: var(--fc-paper);
background: var(--fc-rust);
font-weight: 800;
text-decoration: none;
}
.fadumi-contact__button--secondary { color: var(--fc-rust); background: transparent; }
.fadumi-contact__button:hover,
.fadumi-contact__button:focus-visible { background: #c15618; color: var(--fc-paper); outline: 3px solid rgba(168, 72, 17, .18); outline-offset: 3px; }
.fadumi-contact__legal {
margin: 1rem 0 0;
padding: 1rem 1.1rem;
border-left: .24rem solid var(--fc-gold);
border-radius: .65rem;
color: rgba(54, 36, 24, .78);
background: rgba(216, 155, 74, .1);
font-size: .88rem;
line-height: 1.55;
}
@media (max-width: 700px) {
.fadumi-contact { padding-inline: .75rem; }
.fadumi-contact__panel { grid-template-columns: 1fr; border-radius: 1.3rem; }
.fadumi-contact__brand { min-height: 14rem; }
}
@media (max-width: 440px) {
.fadumi-contact__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: no-preference) {
.fadumi-contact__button { transition: color .18s ease, background-color .18s ease, transform .18s ease; }
.fadumi-contact__button:hover { transform: translateY(-1px); }
}
@media print {
.fadumi-contact { padding: 0; background: #fff; }
.fadumi-contact__panel { box-shadow: none; }
.fadumi-contact__brand { min-height: auto; color: #000; background: #fff; }
.fadumi-contact__actions { display: none; }
}
