/* Separate the slim navy statement from the preceding dark feature. */
.refinement{position:relative;overflow:hidden;background:#080808;color:#ededed;text-align:center;margin-top:48px;padding:32px 5% 27px}
.refinement-inner{max-width:1320px;margin:auto;position:relative}
.refinement h2{margin:0;font-size:clamp(21px,3.15vw,45px);line-height:1.2;letter-spacing:.1px;text-transform:uppercase;white-space:nowrap}
.refinement-line{display:block;overflow:hidden;padding:5px 0}.refinement-line>span{display:block}
.refinement .refinement-preface{font:italic 400 .82em/1.3 Georgia,serif;text-transform:none;letter-spacing:0;color:#cbcbcb;margin-right:.22em}
.refinement-rule{width:88px;height:1px;background:#ababab;margin:15px auto 0;transform-origin:center}
.refinement.is-revealing .refinement-line>span{animation:refinement-rise 1s cubic-bezier(.16,1,.3,1) both}
.refinement.is-revealing .refinement-rule{animation:refinement-rule 1.1s .4s ease both}
@keyframes refinement-rise{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@keyframes refinement-rule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:700px){.refinement{margin-top:30px;padding:28px 6% 25px}.refinement h2{white-space:normal;font-size:clamp(29px,7vw,44px);line-height:1.15}.refinement .refinement-preface{display:block;font-size:.72em;margin:0 0 9px}.refinement-rule{margin-top:15px;width:68px}}
@media(prefers-reduced-motion:reduce){.refinement *{animation:none!important}}
