.enc-oeuvre-single {
background: #fff;
} .enc-os-wrap {
max-width: 1160px;
margin: 0 auto;
padding: 0 1.5rem;
} .enc-os-header {
background: #f9f7f4;
border-bottom: 1px solid #e8e0d5;
padding: 0.9rem 0;
}
.enc-os-breadcrumb {
margin: 0;
font-size: 0.82rem;
color: #888;
}
.enc-os-breadcrumb a {
color: #888;
text-decoration: none;
}
.enc-os-breadcrumb a:hover {
color: #8b6914;
text-decoration: underline;
}
.enc-os-breadcrumb span[aria-hidden] {
margin: 0 0.4rem;
color: #bbb;
} .enc-os-main {
padding: 3rem 0;
}
.enc-os-main-inner {
display: flex;
gap: 3.5rem;
align-items: flex-start;
} .enc-os-image-col {
flex: 0 0 52%;
max-width: 52%;
}
.enc-os-img-link {
display: block;
}
.enc-os-img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
background: #f5f3ef;
border: 1px solid #e8e0d5;
border-radius: 4px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
transition: box-shadow 0.2s;
}
.enc-os-img-link:hover .enc-os-img {
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
}
.enc-os-img-placeholder {
width: 100%;
aspect-ratio: 4 / 3;
background: #f0ede8;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #bbb;
} .enc-os-info-col {
flex: 1;
min-width: 0;
}
.enc-os-artiste-name {
font-size: 0.95rem;
font-weight: 600;
color: #555;
margin: 0 0 0.2rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.enc-os-artiste-name a {
color: inherit;
text-decoration: none;
}
.enc-os-artiste-name a:hover {
color: #8b6914;
text-decoration: underline;
}
.enc-os-artiste-dates {
font-weight: 400;
margin-left: 0.4rem;
color: #999;
text-transform: none;
letter-spacing: 0;
}
.enc-os-artiste-spec {
font-size: 0.85rem;
color: #8b6914;
font-style: italic;
margin: 0 0 1.1rem;
}
.enc-os-titre {
font-family: 'Playfair Display', Georgia, serif;
font-size: 1.85rem;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 1.5rem;
line-height: 1.25;
border-bottom: 1px solid #e8e0d5;
padding-bottom: 1.25rem;
} .enc-os-meta {
margin: 0 0 1.5rem;
border-bottom: 1px solid #e8e0d5;
padding-bottom: 1.5rem;
}
.enc-os-meta-row {
display: flex;
align-items: baseline;
gap: 0.75rem;
padding: 0.45rem 0;
border-top: 1px solid #f0ede8;
}
.enc-os-meta-row:first-child {
border-top: none;
padding-top: 0;
}
.enc-os-meta dt {
flex: 0 0 100px;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
color: #aaa;
}
.enc-os-meta dd {
margin: 0;
font-size: 0.93rem;
color: #333;
} .enc-os-prix-bloc {
margin: 0 0 1.5rem;
padding: 1rem 1.25rem;
background: #faf8f4;
border: 1px solid #e8dfc8;
border-radius: 4px;
display: flex;
align-items: center;
gap: 1rem;
}
.enc-os-prix-label {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #aaa;
font-weight: 600;
}
.enc-os-prix-val {
font-size: 1.55rem;
font-weight: 700;
color: #8b6914;
font-family: 'Playfair Display', Georgia, serif;
} .enc-os-btn-contact {
display: block;
width: 100%;
background: #daa66e;
color: #fff;
border: none;
border-radius: 3px;
padding: 0.75rem 1.5rem;
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
letter-spacing: 0.03em;
text-align: center;
transition: background 0.2s;
}
.enc-os-btn-contact:hover {
background: #323232;
} .enc-os-form-panel {
margin-top: 1.25rem;
padding: 1.25rem;
background: #f9f7f4;
border: 1px solid #e8e0d5;
border-radius: 4px;
} .enc-os-bio-section {
background: #f9f7f4;
border-top: 1px solid #e8e0d5;
padding: 2.5rem 0;
} .enc-os-autres {
border-top: 1px solid #e8e0d5;
padding: 2.5rem 0 4rem;
} .enc-os-section-titre {
font-family: 'Playfair Display', Georgia, serif;
font-size: 1.45rem;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 1.75rem;
padding-bottom: 0.65rem;
border-bottom: 2px solid #8b6914;
display: inline-block;
}
.enc-os-bio {
font-size: 0.97rem;
line-height: 1.85;
color: #333;
max-width: 800px;
}
.enc-os-bio p {
margin: 0 0 1em;
}
.enc-os-bio p:last-child {
margin-bottom: 0;
} .enc-os-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.enc-os-card {
background: #fff;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
border: 1px solid #f0ede8;
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.enc-os-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.14);
}
.enc-os-card-img-wrap {
aspect-ratio: 4 / 3;
overflow: hidden;
background: #ede9e3;
}
.enc-os-card-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.35s ease;
}
.enc-os-card:hover .enc-os-card-img {
transform: scale(1.05);
}
.enc-os-card-no-img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #bbb;
}
.enc-os-card-info {
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.3rem;
flex: 1;
}
.enc-os-card-titre {
font-size: 0.92rem;
font-weight: 600;
color: #1a1a1a;
margin: 0;
line-height: 1.35;
}
.enc-os-card-medium {
font-size: 0.8rem;
color: #777;
font-style: italic;
}
.enc-os-card-meta {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.75rem;
font-size: 0.78rem;
color: #999;
}
.enc-os-card-prix {
margin-top: auto;
padding-top: 0.65rem;
font-size: 0.88rem;
font-weight: 600;
color: #8b6914;
border-top: 1px solid #f0ede8;
} .enc-os-img-link { position: relative; overflow: hidden; }
.enc-os-img-link.enc-vendu::after {
content: "VENDU";
position: absolute;
top: 26px; right: -42px;
background: rgba(180, 30, 30, 0.88);
color: #fff;
padding: 7px 54px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.15em;
transform: rotate(45deg);
z-index: 2;
pointer-events: none;
} .enc-os-card-img-wrap { position: relative; }
.enc-os-card-img-wrap.enc-vendu::after {
content: "VENDU";
position: absolute;
top: 10px; right: -28px;
background: rgba(180, 30, 30, 0.88);
color: #fff;
padding: 4px 36px;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.12em;
transform: rotate(45deg);
z-index: 2;
pointer-events: none;
} @media (max-width: 900px) {
.enc-os-main-inner {
flex-direction: column;
gap: 2rem;
}
.enc-os-image-col {
flex: none;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 640px) {
.enc-os-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.enc-os-titre {
font-size: 1.5rem;
}
.enc-os-prix-val {
font-size: 1.25rem;
}
}
@media (max-width: 400px) {
.enc-os-grid {
grid-template-columns: 1fr;
}
}