.roen-collection{border-top:1px solid var(--line);padding-top:76px;padding-bottom:70px;scroll-margin-top:24px}
.roen-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center;scroll-margin-top:24px}
.roen-hero>div,.roen-hero figure,.roen-combination>*{min-width:0}
.roen-hero h2{font-family:MaruBuri,Batang,serif;font-size:clamp(2.5rem,4vw,4.2rem);font-weight:400;line-height:1.5;letter-spacing:-.045em;margin:0 0 22px}
.roen-tagline{font-family:MaruBuri,Batang,serif;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.7;margin-bottom:30px}
.roen-description,.roen-combination p{font-size:1rem;line-height:1.9;margin-bottom:20px}
.roen-photo{display:block;width:100%;border:0;padding:0;background:transparent}
.roen-photo img{width:100%;height:auto;object-fit:contain;display:block}
.roen-collection figure{margin:0}
.roen-collection figcaption{text-align:right;color:var(--quiet);font-size:.875rem;margin-top:12px}
.roen-colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}
.roen-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.roen-combination{display:grid;grid-template-columns:1.25fr .75fr;gap:6%;align-items:center}
.roen-combination h3{font-family:MaruBuri,Batang,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:400;line-height:1.7;margin:10px 0 20px}
.roen-text-button{border:0;border-bottom:1px solid var(--line);padding:0 0 8px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.roen-detail{padding:28px;background:#f0ece5}
.roen-photo-switch{display:flex;justify-content:center;gap:12px;margin-bottom:22px}
.roen-photo-switch .filter{min-height:44px;font-size:.875rem;padding:9px 22px}
.roen-detail figure{max-width:650px;margin:0 auto}
.roen-detail figure[hidden]{display:none}
.roen-detail img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}
.roen-detail figcaption{text-align:center;font-size:.875rem;color:var(--quiet);margin-top:12px}
.roen-colour-grid,.roen-pair,#roen-combinations{scroll-margin-top:24px}
@media(max-width:800px){.roen-hero,.roen-combination{grid-template-columns:1fr;gap:30px}.roen-hero figure{max-width:600px;width:100%;margin-inline:auto}.roen-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roen-description br,.roen-combination p br{display:none}}
@media(max-width:500px){.roen-collection{padding-top:42px;padding-bottom:48px}.roen-hero h2{font-size:2.4rem}.roen-tagline{font-size:1.6rem;margin-bottom:22px}.roen-colour-grid,.roen-pair{grid-template-columns:1fr;gap:34px}.roen-detail{padding:70px 16px 16px}}

.roen-section-links{display:flex;flex-wrap:wrap;gap:22px}#roen-pairs{scroll-margin-top:24px}