/* Targeted study only: selector presentation, fit-result typography and group alignment. */
@media(min-width:1101px){
 #try .outfit-selector{grid-template-columns:minmax(0,1fr) 154px;gap:12px;max-width:666px}
 #try .outfit-controls{gap:10px}
 #try .outfit-controls button{min-height:0;padding:8px 10px 10px;gap:8px;border:0;border-left:2px solid transparent;align-items:center;text-align:left;font-size:15px;background:transparent}
 #try .outfit-controls button img{width:130px;height:190px}
 #try .outfit-controls button span{width:130px;max-width:100%;align-self:center}
 #try .outfit-controls button[aria-pressed=true]{padding:8px 10px 10px;border:0;border-left:2px solid #209DA7;background:transparent;box-shadow:none}
 #try .outfit-controls button:hover{background:transparent}
}
@media(min-width:801px) and (max-width:1100px){
 #try .outfit-selector{grid-template-columns:1fr;gap:14px;max-width:none}
 #try .outfit-stage{grid-column:1;grid-row:1;width:min(100%,390px);justify-self:center}
 #try .outfit-controls{grid-column:1;grid-row:2;flex-direction:row;gap:8px}
 #try .outfit-controls button{flex:1;min-width:0;min-height:150px;font-size:13px;padding:6px 3px 10px}
 #try .outfit-controls button[aria-pressed=true]{padding:6px 3px 10px}
 #try .outfit-controls button img{width:72px;height:108px}
}
@media(min-width:601px) and (max-width:800px){
 #try .outfit-controls button{font-size:13px;min-height:150px}
 #try .outfit-controls button img{width:72px;height:108px}
}
@media(max-width:600px){#try .outfit-controls button{font-size:13px}}
@media(max-width:360px){#try .outfit-controls button span{min-height:39px;text-wrap:balance}}
/* One right-hand wrapper is centred against headline + viewer + controls. */
#fit>.fit-optical{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
#fit .fit-left-group,#fit .fit-right-group{min-width:0}
#fit .fit-left-group{align-self:start}
#fit .fit-left-group>h2{font:400 64px/1.08 Anton,sans-serif;letter-spacing:-.015em;margin:0 0 28px;max-width:none}
#fit .fit-right-group>.fit-comparison{margin-top:24px}
#fit .fit-result dl>div{font-size:15px}
#fit .fit-result h3 span{font-size:12px}
@media(min-width:801px) and (max-width:1100px){
 #fit>.fit-optical{gap:40px}
 #fit .fit-left-group>h2{font-size:52px}
}
@media(max-width:800px){
 #fit>.fit-optical{display:flex;flex-direction:column;align-items:stretch;gap:0}
 #fit .fit-optical>h2{font:400 52px/1.08 Anton,sans-serif;letter-spacing:-.015em;margin:0 0 24px;max-width:620px}
 #fit .fit-optical>.fit-story{margin-bottom:24px}
 #fit .fit-optical>.editorial-reveal{align-self:center}
 #fit .fit-optical>.fit-comparison{margin-top:24px}
}
@media(max-width:600px){#fit .fit-optical>h2{font-size:42px}#fit .fit-result dl>div{font-size:14px}}