.arredi-hero {
  background: radial-gradient(ellipse at 80% 45%, #342828, transparent 52%), #101115;
  color: #fff;
  padding: clamp(42px, 6vw, 90px) clamp(20px, 6vw, 100px);
}
.arredi-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.07fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 80px);
  max-width: 1320px;
  margin: auto;
}
.arredi-hero .breadcrumb { flex-wrap: wrap; }
.arredi-hero h1 {
  font-size: clamp(2.55rem, 4.6vw, 4.8rem);
  line-height: 1.08;
  margin: 12px 0 20px;
}
.arredi-hero-copy > p:not(.breadcrumb) {
  max-width: 54ch;
  color: #e5e0e0;
  line-height: 1.65;
  margin: 0 0 26px;
}
.arredi-hero-motif {
  display: block;
  width: 100%;
  height: auto;
  max-height: 500px;
  pointer-events: none;
}
.arredi-motif-trace { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .arredi-motif-forms { animation: arredi-motif-reveal 1.4s ease-out both; }
  .arredi-motif-trace path {
    stroke-dasharray: 24 100;
    animation: arredi-motif-trace 4.2s .3s ease-in-out both;
  }
  .arredi-motif-trace { animation: arredi-motif-light 4.5s ease-in-out both; }
}
@keyframes arredi-motif-reveal {
  from { opacity: .55; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes arredi-motif-trace {
  from { stroke-dashoffset: 24; }
  to { stroke-dashoffset: -100; }
}
@keyframes arredi-motif-light {
  0%, 100% { opacity: 0; }
  35%, 60% { opacity: .65; }
}
.arredi-categorie {
  max-width: 1320px;
  margin: auto;
  padding: clamp(46px, 6vw, 84px) clamp(20px, 5vw, 76px);
  scroll-margin-top: 105px;
}
.arredi-section-copy { max-width: 66ch; margin-bottom: 30px; }
.arredi-section-copy h2 { font-size: clamp(2rem, 3.5vw, 3.3rem); margin: 6px 0 12px; }
.arredi-section-copy p, .arredi-card p { color: #4e4f57; line-height: 1.65; }
.arredi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.arredi-card { border: 1px solid var(--line); border-radius: 18px; background: #fff; overflow: hidden; }
.arredi-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  background: #f4f3f2;
}
.arredi-card .arredi-image-contained { object-fit: contain; background: #fff; }
.arredi-card > div { padding: clamp(18px, 3vw, 30px); }
.arredi-card h3 { font-size: clamp(1.45rem, 2.5vw, 2rem); margin: 0 0 10px; }
.arredi-card p { margin: 0; }
.arredi-card a { display: inline-block; margin-top: 14px; color: #a41443; text-decoration: underline; text-underline-offset: .18em; }
.arredi-note { margin: 20px 0 0; font-size: .9rem; color: #55565d; }
.arredi-contact { margin-top: 0; }
.arredi-contact p { max-width: 66ch; }
.arredi-contact .button { margin-top: 12px; }
@media (max-width: 760px) {
  .arredi-hero-inner, .arredi-grid { grid-template-columns: minmax(0, 1fr); }
  .arredi-hero-motif { max-width: 480px; margin: -10px auto 0; }
}