/* Scoped to the shutter selector; other product collections retain their layout. */
.roller-studio{padding:100px 0;background:#f3f1eb;scroll-margin-top:110px;color:#293235}
.roller-studio .section-head{margin-bottom:38px}.roller-studio .section-head p{max-width:390px}
.roller-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c6cbc7;border:1px solid #c6cbc7;margin-bottom:22px}
.roller-tabs[hidden]{display:none}.roller-tabs button{font:inherit;text-align:left;border:0;background:#faf9f6;padding:22px;cursor:pointer;color:#293235;transition:background .2s,color .2s}
.roller-tabs button>span{display:block;font-size:11px;letter-spacing:.15em;margin-bottom:15px;opacity:.65}.roller-tabs button{font-size:25px;font-weight:600}.roller-tabs small{display:block;font-size:13px;font-weight:400;margin-top:7px}
.roller-tabs button[aria-pressed=true]{background:#3d4548;color:#fff;box-shadow:inset 0 -4px #bc4926}.roller-tabs button:focus-visible,.roller-actions a:focus-visible{outline:3px solid #bc4926;outline-offset:4px}
.roller-panel{display:grid;grid-template-columns:1.12fr 1fr;background:#fff;margin-bottom:24px;min-width:0}.roller-panel[hidden]{display:none}
.roller-scene{position:relative;background:#e5e7e3;min-height:560px;overflow:hidden}.roller-scene>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.roller-scene-credit{position:absolute;left:20px;bottom:20px;right:205px;color:#fff;font-size:11px;letter-spacing:.06em;background:#293235d9;padding:8px 10px;width:fit-content}
.roller-diagram{position:absolute;right:18px;bottom:18px;width:174px;margin:0;background:#ffffffef;padding:10px;color:#465153;border:1px solid #fff}.roller-diagram svg{display:block;width:100%;height:115px}.roller-diagram figcaption{font-size:9px;text-align:center;line-height:1.4}.roller-casing{fill:#e4e9dc;stroke:#465153;stroke-width:3}
.roller-copy{padding:clamp(24px,3vw,48px);min-width:0}.roller-copy .eyebrow{color:#59665d;font-size:11px}.roller-copy h3{font-size:clamp(34px,4vw,56px);line-height:1.1;margin:17px 0 20px;font-weight:500}.roller-copy h3 em{display:block;font-size:clamp(22px,2.3vw,31px);font-style:normal;color:#67736a;margin-top:10px}.roller-copy>p{font-size:16px;line-height:1.65;color:#56605b}.roller-copy dl{margin:26px 0}.roller-copy dl>div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid #e5e8e2;font-size:14px}.roller-copy dt{color:#758073}.roller-copy dd{margin:0;color:#293235}
.roller-actions{display:grid;gap:9px}.roller-actions .button{background:#b74725;color:#fff;border:1px solid #b74725;font-size:15px;justify-content:space-between;min-height:50px;padding:14px 17px}.roller-actions .roller-secondary{background:transparent;color:#293235;border-color:#b8c0b5}.roller-copy .roller-next{font-size:12px;line-height:1.6;margin:14px 0 22px;color:#657060}.roller-copy>.text-link{font-size:13px}
.roller-guidance{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:25px 0 0;border-top:1px solid #cbd1c5}.roller-guidance>span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.roller-guidance p{max-width:840px;font-size:14px;line-height:1.7;margin:0;color:#586253}
@media(max-width:1000px){.roller-copy{padding:26px}.roller-tabs button{padding:17px}.roller-scene{min-height:530px}}
@media(max-width:760px){.roller-studio{padding:60px 0;scroll-margin-top:95px}.roller-tabs{grid-template-columns:repeat(2,1fr);gap:1px}.roller-tabs button{padding:16px;font-size:22px}.roller-tabs button>span{margin-bottom:6px}.roller-tabs small{font-size:12px}.roller-panel{grid-template-columns:1fr}.roller-scene{min-height:0;aspect-ratio:1.4}.roller-scene>img{object-fit:contain}.roller-diagram{width:89px;right:12px;bottom:12px;padding:7px}.roller-diagram svg{height:77px}.roller-scene-credit{left:12px;bottom:12px;right:115px;font-size:9px;max-width:calc(100% - 125px)}.roller-copy{padding:25px 20px}.roller-copy h3{font-size:40px}.roller-copy h3 em{font-size:25px}.roller-guidance{grid-template-columns:1fr;gap:12px}.roller-copy dl>div{grid-template-columns:80px 1fr;gap:12px}.roller-actions .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.roller-tabs button{transition:none}}

.roller-diagram>img{display:block;width:100%;height:170px;object-fit:contain}.roller-details{grid-column:1/-1;border-top:1px solid #dbe0d6}.roller-details summary{display:flex;justify-content:space-between;padding:22px 30px;cursor:pointer;font-size:18px;list-style:none}.roller-details summary:focus-visible{outline:3px solid #b74725;outline-offset:-3px}.roller-details>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 30px 25px}.roller-details figure{margin:0;text-align:center;background:#fafaf8}.roller-details figure img{width:100%;height:340px;object-fit:contain}.roller-details figcaption{padding:15px;font-size:15px}.roller-details>p{padding:0 30px 25px;margin:0;color:#626b61;font-size:12px;line-height:1.6}
@media(max-width:760px){.roller-diagram>img{height:100px}.roller-diagram{width:106px}.roller-details summary{padding:19px;font-size:16px}.roller-details>div{padding:0 12px 18px;gap:8px}.roller-details figure img{height:190px}.roller-details figcaption{font-size:12px;padding:10px}.roller-details>p{padding:0 19px 20px}}