:root { --ceramic-green:#294e46; --ceramic-sage:#dce4df; --ceramic-cream:#f4f0e8; --ceramic-gold:#b3945f; --ceramic-ink:#27322f; }
.collection-page .site-container {
    max-width: 1400px;
    overflow: visible;
    background: #f8f9fa;
}
.ceramics-page main { color:var(--ceramic-ink); }
.ceramics-hero { min-height:410px; padding:clamp(2rem,6vw,5rem); display:flex; align-items:center; justify-content:space-between; overflow:hidden; background:linear-gradient(120deg,rgba(29,61,54,.97),rgba(54,86,77,.88)),radial-gradient(circle at 80% 20%,#91a79f,transparent 38%); color:#fff; }
.ceramics-hero__content { max-width:650px; position:relative; z-index:1; }
.ceramics-kicker { color:var(--ceramic-gold); font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin-bottom:.55rem; }
.ceramics-hero h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.4rem,6vw,4.6rem); line-height:1.02; margin-bottom:1.25rem; }
.ceramics-hero p:last-child { max-width:580px; font-size:1.15rem; opacity:.9; }
.ceramics-hero__motif { position:relative; width:280px; height:260px; flex:0 0 280px; opacity:.8; }
.ceramics-oval { position:absolute; inset:5px 48px; border:3px solid rgba(255,255,255,.5); border-radius:50%; box-shadow:0 0 0 14px rgba(255,255,255,.07); transform:rotate(8deg); }
.ceramics-flower { position:absolute; left:8px; bottom:5px; font-size:9rem; line-height:1; color:#e3d7b8; transform:rotate(-13deg); }
.ceramics-jump { margin:-38px auto 0; width:min(760px,calc(100% - 2rem)); display:grid; grid-template-columns:1fr 1fr; position:relative; z-index:2; background:#fff; border-radius:.7rem; box-shadow:0 12px 35px rgba(24,46,40,.16); overflow:hidden; }
.ceramics-jump a { display:grid; grid-template-columns:42px 1fr; padding:1.2rem 1.5rem; color:var(--ceramic-ink); text-decoration:none; border-right:1px solid #e3e7e4; transition:.2s ease; }
.ceramics-jump a:last-child { border:0; }
.ceramics-jump a:hover { background:var(--ceramic-cream); color:var(--ceramic-green); }
.ceramics-jump a>span { grid-row:1/3; align-self:center; font-size:1.65rem; color:var(--ceramic-gold); }
.ceramics-jump small { opacity:.7; }
.ceramics-intro { max-width:780px; margin:5rem auto 4rem; padding:0 1rem; }
.ceramics-page h2 { font-family:Georgia,'Times New Roman',serif; color:var(--ceramic-green); font-size:clamp(2rem,4vw,3rem); }
.ceramics-intro p,.ceramics-heading>p,.ceramics-photo-section p { font-size:1.05rem; line-height:1.75; }
.ceramics-section,.ceramics-process { padding:clamp(2.5rem,5vw,4.5rem) clamp(1rem,4vw,3.5rem); }
.ceramics-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2rem; }
.ceramics-heading>p { max-width:470px; margin:0; }
.ceramic-card { height:100%; background:#fff; border:1px solid #e2e5e3; border-radius:.65rem; overflow:hidden; box-shadow:0 5px 18px rgba(27,53,46,.07); transition:transform .2s ease,box-shadow .2s ease; }
.ceramic-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(27,53,46,.13); }
.ceramic-placeholder { position:relative; aspect-ratio:1/1; display:grid; place-items:center; background:radial-gradient(circle,#fff 0 18%,transparent 19%),linear-gradient(145deg,#edf1ee,#dce4df); color:#698078; }
.ceramic-placeholder:before { content:'✿'; position:absolute; font-size:5rem; opacity:.18; }
.ceramic-placeholder span { position:relative; margin-top:6rem; font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }
.ceramic-card__body { padding:1rem 1.1rem; }
.ceramic-card h3 { font-family:Georgia,'Times New Roman',serif; font-size:1.15rem; color:var(--ceramic-green); margin:0 0 .2rem; }
.ceramic-card p { margin:0; color:#6c757d; font-size:.88rem; }
.ceramics-photo-section { background:var(--ceramic-cream); margin:2rem 0; }
.photo-shapes { min-height:330px; position:relative; }
.shape-oval,.shape-rectangle { position:absolute; display:block; background:linear-gradient(145deg,#d8c9b2,#f2eadc); border:10px solid #fff; box-shadow:0 12px 30px rgba(41,78,70,.2); }
.shape-oval { width:190px; height:260px; border-radius:50%; left:8%; top:5%; transform:rotate(-7deg); }
.shape-rectangle { width:180px; height:225px; border-radius:45% 45% 8% 8%; right:6%; bottom:0; transform:rotate(8deg); }
.shape-heart { position:absolute; left:42%; top:39%; z-index:2; font-size:5rem; color:var(--ceramic-green); text-shadow:0 5px 15px rgba(0,0,0,.15); }
.ceramics-ticks { list-style:none; padding:0; columns:2; }
.ceramics-ticks li { position:relative; padding:.4rem 0 .4rem 1.7rem; break-inside:avoid; }
.ceramics-ticks li:before { content:'✓'; position:absolute; left:0; color:var(--ceramic-gold); font-weight:700; }
.process-step { height:100%; padding:1.7rem; border-top:2px solid var(--ceramic-gold); background:#fff; }
.process-step span { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--ceramic-green); color:#fff; font-weight:700; }
.process-step h3 { margin:.8rem 0 .5rem; font-family:Georgia,'Times New Roman',serif; color:var(--ceramic-green); }
.ceramics-cta { margin:1rem clamp(1rem,4vw,3.5rem) 3rem; padding:clamp(2.4rem,5vw,4rem) 1rem; background:var(--ceramic-green); color:#fff; }
.ceramics-cta h2 { color:#fff; }
.ceramics-cta p { max-width:670px; margin:1rem auto 1.6rem; }
@media (max-width:767.98px) { .ceramics-hero { min-height:360px; } .ceramics-hero__motif { display:none; } .ceramics-jump { grid-template-columns:1fr; } .ceramics-jump a { border-right:0; border-bottom:1px solid #e3e7e4; } .ceramics-heading { display:block; } .ceramics-heading>p { margin-top:1rem; } .ceramics-ticks { columns:1; } .photo-shapes { min-height:285px; } }
@media (max-width:575.98px) { .ceramics-page { margin-top:0!important; } .ceramics-hero { padding:2.4rem 1.25rem 4rem; } .ceramics-jump { margin-top:-28px; } .ceramics-section,.ceramics-process { padding-left:.75rem; padding-right:.75rem; } .ceramic-card__body { padding:.75rem; } }
@media (prefers-reduced-motion:reduce) { .ceramic-card,.ceramics-jump a { transition:none; } }

.ceramic-card > img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.photo-samples {
    margin-top: 3.5rem;
    padding-top: 3rem;
    border-top: 1px solid rgba(41, 78, 70, 0.18);
}

.photo-samples__heading {
    margin-bottom: 2rem;
}

.photo-samples__heading h3 {
    font-family: Georgia, "Times New Roman", serif;
    color: var(--ceramic-green);
    font-size: 2rem;
}

.photo-sample-card {
    height: 100%;
    padding: 1rem;
    text-align: center;
    background: #fff;
    border-radius: 0.65rem;
    box-shadow: 0 5px 18px rgba(27, 53, 46, 0.08);
}

.photo-sample-image {
    display: grid;
    place-items: center;
    aspect-ratio: 1 / 1;
    padding: 1rem;
    background: #f4f2ed;
    border-radius: 0.45rem;
}

.photo-sample-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.photo-sample-card h4 {
    margin: 1rem 0 0.25rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    color: var(--ceramic-green);
}