/* A single isolated stone replaces the repeated editorial collage. */
.fourc-visual{padding:28px 30px;min-height:394px;justify-content:flex-start;overflow:hidden}
.visual-label{gap:16px;font-size:10px;letter-spacing:.12em;line-height:1.6}
.visual-label span:last-child{text-align:right;color:#7d826f}
.diamond-scale{display:block;height:auto;min-width:0;margin:14px 0 0}
.fourc-stage[hidden]{display:none}
.fourc-stage{min-height:206px;height:auto}
.stone-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.stone-comparison figure{margin:0;min-width:0;text-align:center}
.stone-window{height:140px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;overflow:hidden}
.diamond-scale .fourc-diamond{min-width:0;width:calc(100% * var(--stone-scale,1));max-width:calc(134px * var(--stone-scale,1));height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;mix-blend-mode:normal;filter:sepia(var(--stone-tint,0)) saturate(1.12) drop-shadow(0 5px 5px rgba(37,49,36,.1));transition:width .4s ease,max-width .4s ease,filter .4s ease}
.stone-window .fourc-diamond{transform:scale(1.28)}
.stone-comparison figcaption{border-top:1px solid #d6d9cb;padding-top:12px;line-height:1.25}
.stone-comparison .is-selected figcaption{border-color:#927846}
.diamond-scale .comparison-role{display:block;margin:0 0 5px;font-size:9px;color:#7d826f;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.stone-comparison strong{font-family:var(--serif);font-size:24px;font-weight:500;color:#354332;line-height:1.15}
.stone-comparison .is-selected strong{color:#806633}
.diamond-scale .color-family{font-size:11px;margin:12px 0 0;color:#69725f;letter-spacing:.02em;text-align:center}
.color-comparison .stone-window{align-items:center;padding-bottom:0;height:133px}
.color-comparison{padding-bottom:8px}
.color-comparison .fourc-diamond{--stone-scale:.82}
.color-comparison .is-selected .fourc-diamond{--stone-scale:1}
.color-comparison .stone-comparison{gap:22px}
.clarity-comparison{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;align-items:center;padding:8px 0 0}
.clarity-loupe{position:relative;width:100%;max-width:200px;aspect-ratio:1;border:1px solid #c9d0bf;border-radius:50%;background:#f7f7f0;justify-self:center;padding:8px}
.clarity-loupe .fourc-diamond{max-width:none;width:100%;filter:drop-shadow(0 4px 4px rgba(37,49,36,.08))}
.clarity-overlay{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);overflow:visible}
.clarity-overlay circle{fill:#71392d;stroke:#f6eee6;stroke-width:.75}
.clarity-overlay path{fill:none;stroke:#71392d;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.clarity-overlay .surface-feature{stroke:#97712b;stroke-width:2.6}
.clarity-details{min-width:0}
.clarity-details strong{display:block;font-family:var(--serif);font-weight:400;font-size:44px;line-height:1;color:#806633;margin-bottom:10px}
.clarity-details h4{font-size:12px;line-height:1.5;font-weight:500;color:#34432f;margin:0 0 6px}
.education .clarity-details p{font-size:11px;line-height:1.6;color:#747b68;margin:0}
.cut-visual{height:220px;margin:0}
.cut-svg{width:174px;height:174px}
.fourc-note{color:#757c69;font-size:11px;line-height:1.6;min-height:36px;margin:13px 0 16px;max-width:440px}
.fourc-control-label{color:#53604a;font-size:12px;line-height:1.6;gap:12px;margin-top:auto}
.fourc-control-label output{color:#806633;font-weight:600;white-space:nowrap}
.fourc-control{margin:16px 0 5px;height:20px;cursor:pointer}
.fourc-ticks{position:relative;color:#828a77;font-size:9px;line-height:1.4;height:14px;margin:0 8px}
.fourc-ticks span{position:absolute;top:0;white-space:nowrap;transform:translateX(-50%)}
.fourc-ticks span:first-child{transform:none}
.fourc-ticks span:last-child{transform:translateX(-100%)}
@media(max-width:1100px){
 .fourc-visual{padding:24px;min-height:394px}
 .clarity-comparison{gap:18px}
 .stone-comparison{gap:12px}
 .visual-label{letter-spacing:.07em}
}
@media(max-width:760px){
 .fourc-visual{padding:23px 20px;min-height:385px}
 .visual-label{font-size:9px;gap:10px}
 .fourc-stage{min-height:200px;height:auto}
 .stone-window{height:135px}
 .stone-comparison .comparison-role{font-size:8px;letter-spacing:.07em}
 .stone-comparison strong{font-size:23px}
 .color-comparison .stone-comparison{gap:12px}
 .clarity-comparison{grid-template-columns:1fr 1fr;gap:15px}
 .clarity-details strong{font-size:38px}
 .clarity-details h4{font-size:11px}
 .education .clarity-details p{font-size:10px}
 .fourc-note{font-size:10px;margin:12px 0 14px;min-height:34px}
 .cut-visual{height:214px}
 .fourc-ticks{font-size:8px;gap:6px}
}
@media(max-width:359px){
 .fourc-visual{padding:21px 15px}
 .visual-label{font-size:8px}
 .stone-comparison{gap:8px}
 .stone-comparison .comparison-role{font-size:7px;letter-spacing:.04em}
 .stone-comparison strong{font-size:21px}
 .clarity-comparison{gap:12px}
 .clarity-details strong{font-size:34px}
 .fourc-ticks{font-size:7px;gap:4px}
}
@media(prefers-reduced-motion:reduce){.diamond-scale .fourc-diamond{transition:none}}