.fadumi-imprint, .fadumi-imprint * { box-sizing: border-box; } .fadumi-imprint { --fi-rust: #a84811; --fi-brown: #362418; --fi-cream: #faf3e5; --fi-paper: #fdfaf1; --fi-gold: #d89b4a; color: var(--fi-brown); background: radial-gradient(circle at 90% 5%, rgba(216, 155, 74, .2), transparent 24rem), var(--fi-cream); padding: clamp(2rem, 5vw, 5rem) 1rem; font-family: inherit; } .fadumi-imprint__container { width: min(100%, 980px); margin: 0 auto; } .fadumi-imprint__hero { position: relative; overflow: hidden; padding: clamp(2rem, 6vw, 4.5rem); border: 1px solid rgba(168, 72, 17, .16); border-radius: 2rem 2rem 0 0; color: var(--fi-paper); background: linear-gradient(145deg, var(--fi-brown), #1f160f); } .fadumi-imprint__hero::after { content: ''; position: absolute; width: 13rem; height: 13rem; right: -3rem; top: -4rem; border: 2.2rem solid rgba(216, 155, 74, .13); border-radius: 50%; } .fadumi-imprint__eyebrow { margin: 0 0 .7rem; color: #efba70; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .fadumi-imprint h1 { position: relative; z-index: 1; margin: 0 0 1rem; color: inherit; font-size: clamp(2.7rem, 8vw, 5.3rem); line-height: .95; letter-spacing: -.055em; } .fadumi-imprint__lead { position: relative; z-index: 1; max-width: 55ch; margin: 0; color: rgba(253, 250, 241, .76); font-size: 1rem; line-height: 1.65; } .fadumi-imprint__content { padding: clamp(1.35rem, 4vw, 2.5rem); border: 1px solid rgba(54, 36, 24, .09); border-top: 0; border-radius: 0 0 2rem 2rem; background: var(--fi-paper); box-shadow: 0 1.5rem 4rem rgba(54, 36, 24, .08); } .fadumi-imprint__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .fadumi-imprint__card { padding: clamp(1.35rem, 4vw, 2rem); border: 1px solid rgba(54, 36, 24, .08); border-radius: 1.2rem; background: var(--fi-cream); } .fadumi-imprint__card--wide { grid-column: 1 / -1; } .fadumi-imprint__icon { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1rem; border-radius: .9rem; color: var(--fi-rust); background: rgba(168, 72, 17, .09); } .fadumi-imprint__icon svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 1.8; } .fadumi-imprint__label { margin: 0 0 .45rem; color: var(--fi-rust); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .fadumi-imprint__card h2 { margin: 0 0 .75rem; font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.15; letter-spacing: -.025em; } .fadumi-imprint__card p, .fadumi-imprint__card address { margin: 0; font-style: normal; font-size: 1rem; line-height: 1.75; } .fadumi-imprint__name { font-weight: 800; } .fadumi-imprint__contact-list { display: grid; gap: .65rem; margin: 0; } .fadumi-imprint__contact-row { display: grid; grid-template-columns: 6.2rem minmax(0, 1fr); gap: .65rem; } .fadumi-imprint__contact-row dt { margin: 0; color: rgba(54, 36, 24, .62); font-weight: 700; } .fadumi-imprint__contact-row dd { min-width: 0; margin: 0; font-weight: 750; overflow-wrap: anywhere; } .fadumi-imprint a { color: var(--fi-rust); text-decoration-color: rgba(168, 72, 17, .45); text-decoration-thickness: .08em; text-underline-offset: .16em; } .fadumi-imprint a:hover, .fadumi-imprint a:focus-visible { color: #c15618; outline: none; } .fadumi-imprint__tax { display: flex; gap: .85rem; align-items: flex-start; padding: 1.15rem 1.25rem; border-left: .25rem solid var(--fi-gold); border-radius: .75rem; background: rgba(216, 155, 74, .11); } .fadumi-imprint__tax strong { display: block; margin-bottom: .2rem; } .fadumi-imprint__tax p { margin: 0; color: rgba(54, 36, 24, .78); line-height: 1.6; } .fadumi-imprint__footer { margin: 1.2rem 0 0; color: rgba(54, 36, 24, .58); font-size: .82rem; text-align: center; } @media (max-width: 650px) { .fadumi-imprint { padding-inline: .75rem; } .fadumi-imprint__hero { border-radius: 1.35rem 1.35rem 0 0; } .fadumi-imprint__content { border-radius: 0 0 1.35rem 1.35rem; } .fadumi-imprint__grid { grid-template-columns: 1fr; } .fadumi-imprint__card--wide { grid-column: auto; } } @media print { .fadumi-imprint { padding: 0; background: #fff; } .fadumi-imprint__hero { color: #000; background: #fff; border: 1px solid #ccc; } .fadumi-imprint__lead { color: #000; } .fadumi-imprint__content { box-shadow: none; } }