.roller-hero h1{font-size:clamp(52px,6vw,88px);line-height:1.06}
.roller-hero-name{display:block;font-size:.43em;line-height:1.25;letter-spacing:-.025em;font-style:italic;margin-top:13px;color:#edce96}
.fantasy-roller{max-width:1480px;margin:0 auto;padding-top:20px;scroll-margin-top:26px}
.roller-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 7px 28px}
.roller-choice{display:flex;position:relative;isolation:isolate;align-items:center;gap:17px;min-height:100px;padding:0 18px 0 0;background:#f3e9d4;border:1px solid #c4ab86;color:#583b24;text-decoration:none!important;box-shadow:0 4px 12px #6846270b;transition:background .18s,border-color .18s;overflow:visible}
.roller-choice-image{display:block;align-self:stretch;width:112px;height:100px;flex-shrink:0;object-fit:cover;object-position:50% 44%;background:#705c42}
.roller-choice-name{min-width:0}.roller-choice strong{display:block;font-family:var(--heading,Georgia,serif);font-size:clamp(20px,1.85vw,28px);font-weight:500;line-height:1.2;letter-spacing:-.4px}
.roller-choice-state{display:block;margin-top:7px;font-size:12px;color:#896c4b;line-height:1.3}.roller-choice-action{font-size:22px;margin-left:auto;flex-shrink:0;color:#956d35}
.roller-choice:after{content:'';position:absolute;left:-3px;right:-3px;bottom:-5px;height:10px;background:#9c7036;opacity:0;mask:url('/assets/redesign/assets/product-title-dry-brush.png') center/100% 100% no-repeat;pointer-events:none}
.roller-choice.is-current{border-color:#98723f;background:#ecdbb7}.roller-choice.is-current:after{opacity:1}.roller-choice.is-current .roller-choice-state{color:#684627;font-weight:600}.roller-choice:hover{background:#f9f1e1;border-color:#98723f}.roller-choice.is-current:hover{background:#ecdbb7}.roller-choice:focus-visible{outline:3px solid #98672f;outline-offset:5px}
.fantasy-roller-frame{display:block;width:100%;height:1300px;min-width:0;border:0;background:#e9dec2;color-scheme:light;overflow:hidden}
.roller-help{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:40px;padding-top:44px;border-top:1px solid #c7b38d}.roller-help h2{font-size:clamp(29px,3vw,40px);line-height:1.15;margin:0 0 22px}.roller-help p{max-width:65ch;line-height:1.75}.roller-help .quiet-link{display:inline-block;line-height:1.55;margin-top:10px}.roller-questions details{border-bottom:1px solid #baa480;padding:18px 0}.roller-questions details:first-child{padding-top:0}.roller-questions summary{font-size:18px;color:#503d29;cursor:pointer;min-height:30px;padding-right:20px}.roller-questions details p{font-size:15px;margin:12px 0 0}
@media(max-width:1150px){.roller-choices{gap:12px}.roller-choice{gap:12px;padding-right:13px}.roller-choice-image{width:87px;height:90px}.roller-choice{min-height:90px}.roller-choice strong{font-size:23px}.roller-choice-action{display:none}}
@media(max-width:760px){.fantasy-roller{padding:12px 16px 0}.roller-choices{gap:10px;margin:0 0 24px}.roller-choice{display:block;padding:0 0 12px;min-height:0}.roller-choice-image{width:100%;height:95px;object-position:50% 42%}.roller-choice-name{display:block;padding:11px 10px 0}.roller-choice strong{font-size:19px;letter-spacing:-.25px}.roller-choice-state{font-size:11px;margin-top:6px}.fantasy-roller-frame{height:2250px;width:calc(100% + 32px);max-width:none;margin-left:-16px}.roller-help{grid-template-columns:1fr;margin-top:20px;gap:28px}.roller-help .eyebrow{font-size:10px}.roller-hero-name{font-size:.5em}}
@media(max-width:460px){.roller-choices{gap:7px}.roller-choice-image{height:82px}.roller-choice-name{padding:9px 7px 0}.roller-choice strong{font-size:18px;line-height:1.2}.roller-choice-state{font-size:10px}.roller-hero h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){.roller-choice{transition:none}}